@charset "utf-8";
/*------------------------------------------------

	CSS2.0 Document
	template ver.0.2
	since: 2008.03.07;
	editor: akato;

------------------------------------------------*/


/* normalize
------------------------------------------------*/
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,
p,blockquote,
th,td {
	margin: 0;
	padding: 0;
}
th,td,
h1,h2,h3,h4,h5,h6,
p,blockquote,
address {
	font-size: 100%;
	font-style: normal;
}
h1,h2,h3,h4,h5,h6,
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
ul,li {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th,td {
	vertical-align: top;
	text-align: left;
}
img,
a img {
	border: 0;
}
input {
	line-height: 1.2;
}

/*  clear-fix
------------------------------------------------*/
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac */
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */


/* base
------------------------------------------------*/
body {
	background: #fff;
	font-size: 75%;
	color: #333;
	line-height: 1.6;
	text-align: center;
}
div#contents div.content a,
div#footer ul li a {
	background: url(../images/pointer_footmenu.gif) 0 0.3em no-repeat;
	margin: 0 4px 0 4px;
	padding: 0 0 0 8px;
	text-decoration: none;
	color: #a4745c;
}
div#contents div.content a:hover,
div#footer ul li a:hover {
	color: #8b583f;
	text-decoration: underline;
}
blockquote {
	margin: 5px;
	padding: 35px 20px 10px;
	background: #fafafa url(../../../../test/obunshads/common/images/icon_blockquote.png) 5px 5px no-repeat;
	border: solid 1px #dedede;
}
div#container {
	text-align: left;
	width: 808px;
	margin: 0 auto;
	background: url(../images/bak_body.gif) 0 0 repeat-y;
}
p#copyrights {
	text-align: center;
	margin: 10px 0;
	color: #999;
}
p#copyrights a {
	color: #999;
	text-decoration: none;
}

/* dl横並び（dlにclearfix）
----------------------------------------------------------*/
dl.clearfix dt {
	float: left;
	clear: both;
	width: 15%x;
	margin: 0 5% 1% 0;
}
dl.clearfix dd {
	width: 100%;
	margin: 0 0 5px;
}
dl.clearfix > dd {
	float: left;
	width: 85%;
}
*+html dl.clearfix > dd {
	float: none;
}


/* header
----------------------------------------------------------*/
div#header {
	margin: 0 4px;
	padding: 3px 0 5px;
	background: url(../images/bak_header.gif) 0 0 repeat;
}
div#header ul {
	margin: 0 21px;
}
div#header ul li {
	width: 45px;
	float: left;
	margin: 0 3px 0 0;
}
div#header ul li img {
	display: block;
}
div#header ul li#headLogoDS {
	width: 145px;
	float: right;
	margin: 0;
	padding: 16px 0 0;
}

/* globalmenu
----------------------------------------------------------*/
div#globalmenu ul {
	margin: 15px 0 25px 15px;
}
div#globalmenu ul li {
	width: 127px;
	float: left;
	margin: 0px 3px 0px 0px;
}
div#globalmenu ul li a,
div#globalmenu ul li span {
	display: block;
	margin: 0 0px 0 0px;
	padding: 5px 0 0;
}
div#globalmenu ul li a img,
div#globalmenu ul li span img {
	display: block;
}
div#globalmenu ul li a:hover,
div#globalmenu ul li span {
	padding: 0px 0 5px;
}

/* footer
----------------------------------------------------------*/
div#footer {
	clear: both;
	background: url(../images/bak_footer.gif) 0 100% no-repeat;
	padding: 0 0 12px;
}
div#footer ul {
	background: url(../images/bak_header.gif) 0 100% repeat;
	margin: 0 4px;
	padding: 15px 0 0;
	text-align: center;
}
div#footer ul li {
	display: inline;
	margin: 0 15px 0 0;
}


/* top page
----------------------------------------------------------*/
body#top div#header {
	margin: 0 4px 20px;
}
body#top h1 {
	width: 554px;
	float: right;
	margin: 0 0 20px;
	letter-spacing: 0;
	line-height: 0;
}
body#top h1 img {
	width: 265px;
	height: 230px;
}
body#top div#globalmenu {
	width: 254px;
	float: right;
	margin: 0px 0px 25px;
	padding: 0;
}
body#top div#globalmenu ul {
	margin: 0px 0px 0px 25px;
	padding: 0;
}
body#top div#globalmenu ul li {
	display: block;
	margin: 0px 0px 5px 0px;
}
body#top div#globalmenu ul li a {
	float: none;
	padding: 0;
}
body#top div#globalmenu ul li a:hover {
	padding: 0;
}

body#top div#globalmenu div.topDescription {
	background: url(../images/bak_header.gif);
	margin: 5px 19px 5px 25px;
	padding: 0px 0px 0px 0px;
	color: #666;
	font-size: 77%;
	line-height: 1.2em;
}
body#top div#globalmenu div.topDescription h2 {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	height: 10px;
	background: url(../images/top_desc_head.gif) 0 0 no-repeat;
}
body#top div#globalmenu div.topDescription dl {
	background: url(../images/top_desc_btm.gif) 0 100% no-repeat;
	padding: 0 15px 10px;
}
body#top div#globalmenu div.topDescription dl dd.btype {
	margin: 0px 0px 0px 35px;
	_margin: 0px 0px 0px 40px;
}
body#top div#globalmenu p#copy {
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 0px 5px;
	font-size: 83%;
	color: #666;
	background: #ffffff;
}



/* Hides from IE-mac */
*
body#top div#globalmenu dt {
	clear: left;
	float: left;
}
/* End hide from IE-mac */

/* --[ footer ]-- */
body#top div#footer ul {
	padding: 15px 0 0 25px;
}
body#top div#footer ul li {
	display: block;
	margin: 0;
	padding: 0;
	width: 185px;
	float: left;
	text-align: left;
}
body#top div#footer ul li.bannerAmazon {
	width: 200px;
}
body#top div#footer ul li#bannerIEShop {
	padding-top: 25px;
}
body#top div#footer ul li a {
	background: none;
	padding: 0;
	margin: 0;
}
body#top div#footer ul li a img {
	display: block;
	margin: 0 0 5px;
}

/* titles pages
----------------------------------------------------------*/
body.titles div#container h1 {
	text-align: center;
	widrth: 596px;
	margin: 0 0 20px;
}
body.titles div#container h1 img {
	display: block;
	width: 596px;
	margin: 0 auto;
}
body.titles div#contents {
	width: 535px;
	float: left;
	margin: 0 25px 0 0;
	padding: 0 0 10px;
}
body.titles div#contents div.content {
	margin: 0 0 20px 25px;
}
body.titles div#contents div.content p {
	line-height: 1.8;
}
body.titles div#contents div.content div.contentInner {
	padding: 0 0 2px;
}
body.titles div#contents div.content h2 {
	margin: 0 0 10px;
	padding: 4px 0 6px 13px;
}
body.titles div#contents div.content h2 img {
	display: block;
}
body.titles div#contents div.content p.lead {
	margin: 0 10px 15px;
}
body.titles div#contents div.content p.contentImg {
	width: 175px;
	padding: 0 0 10px;
	text-align: center;
	float: left;
}
body.titles div#contents div.content p.contentImgCh {
	width: 195px;
	padding: 0 0 10px;
	text-align: right;
	margin: 0 10px 0 0;
	float: left;
}
body.titles div#contents div.content strong {
	display: block;
	margin: 15px 0;
}


/* --[ study lists ]-- */
body.titles div#contents div.content ul.study {
}
body.titles div#contents div.content ul.study img {
	vertical-align: bottom;
}
body.titles div#contents div.content ul.study li {
	margin: 0 10px 20px 5px;/* for IE6*/
	float: left;
	width: 235px;
}
body.titles div#contents div.content ul.study li h3 {
	margin: 0 0 10px;
}
body.titles div#contents div.content ul.study li p {
	text-align: center;
}
body.titles div#contents div.content ul.study > li {
	margin-left: 10px;/* for modern browsers */
}
body.titles div#contents div.content ul.study li div.studyDescriptions {
	background: #ededed;
	margin: 10px 0 0;
	padding: 10px;
	height: 7.2em;
	_height: 9em;
}
body.titles div#contents div.content ul.study li div.studyDescriptions p {
	text-align: left;
}

/* --[ mascots ]-- */
body.titles div#mascots {
	width: 230px;
	float: left;
}
body.titles div#mascots h2 {
	margin: 0 0 25px;
	padding: 0 0 2px;
	border-bottom: dashed 1px #ffa133;
}
body.titles div#mascots h2 img {
	display: block;
}
body.titles div#mascots dl {
	margin: 0 10px;
}
body.titles div#mascots dl dt {
	text-align: center;
}
body.titles div#mascots dl dt img {
	display: block;
	margin: 0 auto 10px;
}
body.titles div#mascots dl dd {
	line-height: 1.3;
	font-size: 95%;
	margin: 0 0 40px;
}


/* japanese
----------------------------------------------------------*/
body#japanese div#contents div.content h2 {
	background: url(../images/bak_japanese_ttl.gif) 0 0 no-repeat;
}
body#japanese div#contents div.content div.contentInner {
	background: url(../images/bak_japanese_btm.gif) 0 100% no-repeat;
}
body#japanese div#contents div.content {
	margin: 0 0 20px 25px;
	background: url(../images/bak_japanese_body.gif) 0 0 repeat-y;
}

/* geograph
----------------------------------------------------------*/
body#geograph div#contents div.content h2 {
	background: url(../images/bak_geograph_ttl.gif) 0 0 no-repeat;
}
body#geograph div#contents div.content div.contentInner {
	background: url(../images/bak_geograph_btm.gif) 0 100% no-repeat;
}
body#geograph div#contents div.content {
	margin: 0 0 20px 25px;
	background: url(../images/bak_geograph_body.gif) 0 0 repeat-y;
}

/* books
----------------------------------------------------------*/
body#books h1 {
	display: none;
}
body#books div#contents {
	width: 785px;
	margin: 0;
	padding: 0;
}
body#books div#contents div.content {
	margin: 0;
	clear: both;
}
body#books div#contents div.content div.contentInner {
	padding: 0 0 10px;
}
body#books div#contents div.content h2 {
	margin: 0 0 10px;
	padding: 4px 0 6px 13px;
}
body#books div#contents div.content p,
body#books div#contents div#contentJapanese p,
body#books div#contents div#contentGeograph p {
	margin: 0 10px;
}
body#books div#contents div#contentJapanese h2 img,
body#books div#contents div#contentGeograph h2 img,
body#books div#contents div.content h2 img {
	display: block;
}
body#books div#contents div.content p.lead {
	margin: 0 10px 15px;
}
ody#books div#contents div.content strong {
	display: block;
	margin: 15px 0;
}
body#books div#contents div.content h2 {
	background: url(../images/bak_books_ttl.gif) 0 0 no-repeat;
}
body#books div#contents div.content h3 {
	margin: 0 0 12px 10px;
	padding: 5px 0 0;
}
body#books div#contents div.content div.contentInner {
	background: url(../images/bak_books_btm.gif) 0 100% no-repeat;
}
body#books div#contents div.content {
	margin: 0 0 20px 25px;
	background: url(../images/bak_books_body.gif) 0 0 repeat-y;
}
body#books div#contents div#contentJapanese {
	width: 475px;
	float: left;
	margin: 0 10px 20px 0;
	background: url(../images/books_japanese_body.gif) 100% 0 repeat-y;
}
body#books div#contents div#contentJapanese div.contentInner {
	margin: 0 0 0 25px;
	padding: 0 0 15px;
	background: url(../images/books_japanese_btm.gif) 100% 100% no-repeat;
}
body#books div#contents div#contentGeograph {
	width: 300px;
	float: left;
	margin: 0 0 20px;
	background: url(../images/books_geograph_body.gif) 100% 0 repeat-y;
}
body#books div#contents div#contentGeograph div.contentInner {
	background: url(../images/books_geograph_btm.gif) 100% 100% no-repeat;
	padding: 0 0 15px;
}

body#books div#contents ul {
	margin: 5px 0 15px 5px;
}
body#books div#contents ul li {
	width: 150px;
	float: left;
	text-align: center;
}
body#books div#contents div#contentJapanese ul,
body#books div#contents div#contentGeograph ul {
	margin: 15px 0 0;
}
body#books div#contents div#contentJapanese ul li {
	width: 220px;
}
body#books div#contents div#contentGeograph ul li {
	width: 297px;
}

/* notMyWorkzFxxk'nClient'sOrder,LikeThisSukaSuka */
.sukasukaEvent {/*sukasuka*/
	padding-top: 58px;
}
.sukasukaChallenge {/*f*/
	padding-top: 110px;
}

div#otherpokederu {
	width: 500px;
	float: left;
}
div#derujyun {
	width: 250px;
	float: left;
}
div#derujyun p {
	line-height: 2em;
}




/* arithmetic
----------------------------------------------------------*/
body#arithmetic div#contents div.content h2 {
	background: url(../images/bak_arithmetic_ttl.gif) 0 0 no-repeat;
}
body#arithmetic div#contents div.content div.contentInner {
	background: url(../images/bak_arithmetic_btm.gif) 0 100% no-repeat;
}
body#arithmetic div#contents div.content {
	margin: 0 0 20px 25px;
	background: url(../images/bak_arithmetic_body.gif) 0 0 repeat-y;
}

ol#firsthalf {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 55px 0px;
	background: url(../images/bak_arithmetic_firsthalf.gif) no-repeat;
}
ol#firsthalf li {
	float: left;
	margin: 0px 58px 0px 0px;
}
ol#latterhalf {
	margin: 0px 20px 0px 10px;
	padding: 0px 0px 25px 0px;
	background: url(../images/bak_arithmetic_latterhalf.gif) no-repeat;
}
ol#latterhalf li {
	float: right;
	margin: 0px 0px 0px 58px;
}
body#arithmetic div#contents ol.masterflow li {
	text-align: center;
	width: 120px;
}
body#arithmetic div#contents ol.masterflow li h3 {
	margin: 0px 0px 5px 0px;
}
body#arithmetic div#contents ol.masterflow li p {
	line-height: 0;
	font-size: 0;
	margin: 0;
}
body#arithmetic div#contents ol.masterflow li.nobm {
	margin: 0px 0px 0px 0px;
}

body#arithmetic div.contentInner p.contentImgWide {
	width: 270px;
	padding: 0px 0px 50px 0px;
	text-align: center;
	float: left;
}
body#arithmetic div.contentInner p {
	margin: 0px 10px 0px 0px;
}

/* citizen
----------------------------------------------------------*/
body#citizen div#contents div.content h2 {
	background: url(../images/bak_citizen_ttl.gif) 0 0 no-repeat;
}
body#citizen div#contents div.content div.contentInner {
	background: url(../images/bak_citizen_btm.gif) 0 100% no-repeat;
}
body#citizen div#contents div.content {
	margin: 0 0 20px 25px;
	background: url(../images/bak_citizen_body.gif) 0 0 repeat-y;
}
body#citizen div.contentInner p {
	margin: 0px 10px 0px 0px;
}