@charset "UTF-8";
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

a { text-decoration: none; }
a:link { }
a:hover { }
a:active { }
a:focus{ outline:none; }
h1 {
	width: 820px; padding: 5px 0px 0px; margin: 0px auto;
	font-size: 10px; line-height: 15px; color: #000000; text-align: left;
}
/*↓ヘッダー↓*/
#header { width: 820px; margin: 0px auto; padding: 5px 0px 10px; }
/*↓ロゴ↓*/
#header h2 {
	height: 40px; width: 365px; float: left;
	font-size: 1px; line-height: 1px; color: #FFFFFF;
	background: url(../img/mainLogo.png) no-repeat left top;
}
#header #logo a {
	margin: 0px; padding: 0px; height: 40px; width: 365px; display: block;
	text-indent: -9999px;
}
/*↑ロゴ↑*/
/*↓ヘッダーサブメニュー↓*/
#header #sm {
	float: right;
	font-size: 1px; line-height: 1px; color: #FFFFFF;
}
/*↓ハック↓*/
html[xmlns] #header #sm { width: 440px; padding: 15px 0px 10px; }
* html #header #sm { padding: 15px 0px 0px; }
/*↑ハック↑*/
#header #sm li { margin: 0px 0px 0px 10px; width: 100px; float: left; }
#header #sm a, #header #sm strong {
	height: 20px; width: 100px; display: block;
	color: #FFFFFF; text-indent: -9999px;
}
/*↓会社概要↓*/
#header #sm #smOutline a, #header #sm #smOutline strong { background: url(../img/menu/smOutline.png) no-repeat; }
#header #sm #smOutline a:link { background-position: left top; }
#header #sm #smOutline a:hover { background-position: left center; }
#header #sm #smOutline strong { background-position: left bottom; }
/*↓サイトポリシー↓*/
#header #sm #smPolicy a, #header #sm #smPolicy strong { background: url(../img/menu/smPolicy.png) no-repeat; }
#header #sm #smPolicy a:link { background-position: left top; }
#header #sm #smPolicy a:hover { background-position: left center; }
#header #sm #smPolicy strong { background-position: left bottom; }
/*↓サイトマップ↓*/
#header #sm #smSitemap a, #header #sm #smSitemap strong { background: url(../img/menu/smSitemap.png) no-repeat; }
#header #sm #smSitemap a:link { background-position: left top; }
#header #sm #smSitemap a:hover { background-position: left center; }
#header #sm #smSitemap strong { background-position: left bottom; }
/*↓英語版↓*/
#header #sm #smJapanese a, #header #sm #smJapanese strong { background: url(../img/menu/smJapanese.png) no-repeat; }
#header #sm #smJapanese a:link { background-position: left top; }
#header #sm #smJapanese a:hover { background-position: left center; }
#header #sm #smJapanese strong { background-position: left bottom; }
/*↑ヘッダー↑*/
/*↓コンテンツ↓*/
#contents {
	background: #FFFFFF url(../../img/contentsBg.png) repeat-y center top;
	width: 820px; padding: 0px; margin: 0px auto; clear: both; overflow: auto;
	border-top: 5px solid #CCCCCC;
}
/*↓メインメニュー↓*/
#contents #mm {
	clear: both; padding: 10px 14px;
	border-bottom: 5px solid #CCCCCC;
}
#contents #mm ul {
	width: auto; height: 60px; text-align: left;
}
#contents #mm li { width: auto; height: auto; padding: 0px 1px; float: left; }
#contents #mm a, #contents #mm strong {
	height: 60px; width: 156px; display: block;
	color: #FFFFFF; text-indent: -9999px;
}
/*↓賢くなるパズルとは？↓*/
#contents #mm #mmAbout a, #contents #mm #mmAbout strong { background: url(../img/menu/mmAbout.png) no-repeat; }
#contents #mm #mmAbout a:link { background-position: left top; }
#contents #mm #mmAbout a:hover { background-position: left center; }
#contents #mm #mmAbout strong { background-position: left bottom; }
/*↓宮本算数教室とは？↓*/
#contents #mm #mmMiyamoto a, #contents #mm #mmMiyamoto strong { background: url(../img/menu/mmMiyamoto.png) no-repeat; }
#contents #mm #mmMiyamoto a:link { background-position: left top; }
#contents #mm #mmMiyamoto a:hover { background-position: left center; }
#contents #mm #mmMiyamoto strong { background-position: left bottom; }
/*↓お試し版↓*/
#contents #mm #mmTrial a, #contents #mm #mmTrial strong { background: url(../img/menu/mmTrial.png) no-repeat; }
#contents #mm #mmTrial a:link { background-position: left top; }
#contents #mm #mmTrial a:hover { background-position: left center; }
#contents #mm #mmTrial strong { background-position: left bottom; }
/*↓CMギャラリー↓*/
#contents #mm #mmRule a, #contents #mm #mmRule strong { background: url(../img/menu/mmRule.png) no-repeat; }
#contents #mm #mmRule a:link { background-position: left top; }
#contents #mm #mmRule a:hover { background-position: left center; }
#contents #mm #mmRule strong { background-position: left bottom; }
/*↓お問い合わせ↓*/
#contents #mm #mmContact a, #contents #mm #mmContact strong { background: url(../img/menu/mmContact.png) no-repeat; }
#contents #mm #mmContact a:link { background-position: left top; }
#contents #mm #mmContact a:hover { background-position: left center; }
#contents #mm #mmContact strong { background-position: left bottom; }
/*↓パンくずリスト↓*/
#contents #navi {
	margin: 0px; padding: 0px; clear: both;
	font-weight: bold; text-align: left;
	border-bottom: 5px solid #CCCCCC;
}
#contents #navi ul { width: auto; height: 20px; padding: 0px 10px; margin: 0px; }
#contents #navi li {
	font-size: 10px; line-height: 20px;
	margin: 0px; padding: 0px 0px 0px 5px; height: 20px; float: left;
}

#contents #navi a {
	background: url(../../img/naviArrow.png) no-repeat right center;
	height: 20px; padding: 0px 20px 0px 0px;
	color: #666666; font-weight: normal;
}
#contents #navi a:link { color: #666666; }
#contents #navi a:hover {  }
#contents #navi a:active { color: #000000; }
/*↓メインコンテンツ↓*/
#contents #mainCont {
	width: auto; padding: 0px 5px; clear: both;
	text-align: left;
}
#contents #mainCont a { color: #000000; text-decoration: underline; }
#contents #mainCont a:link { color: #000000; }
#contents #mainCont a:hover { }
#contents #mainCont a:active { color: #CCCCCC; }

#contents #mainCont #contHeader { width: auto; height: auto; margin: 0px; padding: 0px; }
#contents #mainCont #contHeader #contTitle {
	height: 50px; width: 320px; float: left;
	font-size: 1px; line-height: 1px;
}
#contents #mainCont #contHeader #contTitle h2 {
	height: 50px; width: 320px; display: block; text-indent: -9999px;
}
#contents #mainCont #contHeader #contMenu { width: 480px; height: 50px; float: right; }
#contents #mainCont #contHeader #contImage { clear: both; height: auto; width: auto; }

#contents #mainCont #bodyText {
	width: 790px;
	margin: 0px 10px;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	border-top: 5px solid;
	border-bottom: 5px solid;
}
#contents #mainCont #bodyText p { padding: 5px 0px; }
#contents #mainCont #bodyText ul { padding: 5px 0px; }
#contents #mainCont #bodyText li { padding: 2px 0px; }
#contents #mainCont #bodyText sup {
	line-height: 18px;
	font-size: 10px;
}
#contents #mainCont #bodyText .bodyTitle { padding: 10px 30px; margin: 0px; }
#contents #mainCont #bodyText .bodyTitle h3 {
	font-size: 1px; line-height: 1px; text-indent: -9999px;
	margin: 0px; padding: 0px; display: block;
}
#contents #mainCont #bodyText .bodyTextL,
#contents #mainCont #bodyText .bodyTextR { padding: 0px 30px; margin: 0px; clear: both; }
#contents #mainCont #bodyText .bodyTextC { padding: 10px 40px; margin: 0px; clear: both; }
/*↓Win IE4〜6, Mac 4〜5用ハック↓*/
* html #contents #mainCont #bodyText .bodyTextL,
* html #contents #mainCont #bodyText .bodyTextR { padding: 0px 30px 190px; }
* html #contents #mainCont #bodyText .bodyTextC { padding: 10px 35px; }
/*↑Win IE4〜6, Mac 4〜5用ハック↑*/
#contents #mainCont #bodyText .bodyTextL:after,
#contents #mainCont #bodyText .bodyTextR:after,
#contents #mainCont #bodyText .bodyTextC:after { content: ""; display: block; clear: both; }

#contents #mainCont #bodyText .bodyTextL .bodyTextImage,
#contents #mainCont #bodyText .bodyTextR .bodyTextImage { width: 260px; }
#contents #mainCont #bodyText .bodyTextL .bodyTextImage { float: left; }
#contents #mainCont #bodyText .bodyTextR .bodyTextImage { float: right; }

#contents #mainCont #bodyText .bodyTextL .bodyTextImage p,
#contents #mainCont #bodyText .bodyTextR .bodyTextImage p { margin: 0px; padding: 0px 0px 10px; }

#contents #mainCont #bodyText .bodyTextL .bodyTextCont,
#contents #mainCont #bodyText .bodyTextR .bodyTextCont { width: 450px; }

#contents #mainCont #bodyText .bodyTextL .bodyTextCont { float: right; }
#contents #mainCont #bodyText .bodyTextR .bodyTextCont { float: left; }

#contents #mainCont #bodyText .bodyTextL .bodyTextCont h4,
#contents #mainCont #bodyText .bodyTextR .bodyTextCont h4 {
	width: 450px; margin: 10px 0px; padding: 0px; display: block;
	font-size: 1px; line-height: 1px; text-indent: -9999px;
}
#contents #mainCont #bodyText .bodyTextC .bodyTextCont h4 {
	margin: 10px 0px; padding: 0px; display: block;
	font-size: 1px; line-height: 1px; text-indent: -9999px;
}
/*↑コンテンツ↑*/
/*↓フッター↓*/
#footer {
	width: 820px;
	padding: 25px 0px 10px;
	margin: 0px auto;
	clear: both;
	font-size: 10px;
	line-height: 15px;
	color: #666666;
	background: url(../../img/contentsFooter.png) no-repeat center top;
}
#footer .banner { margin: 0px auto; }
#footer .banner li { padding: 0px 25px; display: inline; }
#footer .menu { clear: both; padding: 10px 0px 0px; }
#footer .menu li { display: inline; padding: 0px 5px; }
#footer .menu a { color: #666666; padding: 2px; }
#footer .menu a:link { color: #666666; }
#footer .menu a:hover { background: #FFFFFF; }
#footer .menu a:active { color: #FFFFFF; background: #000000; }
#footer address { padding: 10px; }
/*↑フッター↑*/