@charset "utf-8";
/* レイアウト */

body {
	background-color: #FFFFFF !important;
	color: #4f4f4f;
}
#Wrapper {
	width: 100%;
	text-align: center;
	background-image:url(../images/base.gif);
	background-repeat:repeat-x;
	background-color: #F4E0C8;
}
/******** ヘッダー ********/
#Header {
	width: 950px;
	padding:8px 0 3px;
	text-align: left;
	clear: both;
}
#Header h2 {
	display: block;
	font-size:95%;
	text-align:left;
	margin-left:5px;
}
/******** ヘッダー 左 ********/
#HeaderLeft {
	width: 595px;
	_width: 600px;
	float: left;
	padding:3px 0 3px 5px;
}
#Header h1 {
	display:block;
	float: left;
}
#Header h1 span {
	display: none;
}
#Header p {
	width:230px;
	height:50px;
	display:block;
	margin-left:20px;
	float: left;
	text-align:center;
}
/******** ヘッダー 右 ********/
#HeaderMenu {
	width: 350px;
	float: right;
	padding-top:15px;
}
#HeaderMenu .GoogleSearch {
	width: 230px;
	margin:3px 20px 0 0;
	padding: 0;
	float: left;
}
#HeaderMenu .GoogleSearch td {
	text-align: left;
}
#HeaderMenu .Help li {
	display: block;
	float: left;
	margin-left:10px;
}
#HeaderMenu .Help li:first-child{margin-left: 0;}


/******** グローバルメニュー ********/
#GlobalMenu {
	width: 950px;
	margin-bottom:10px;
}
#GlobalMenu ul {
	display: block;
}
#GlobalMenu ul li {
	display: block;
	float:left;
	margin-bottom:3px;
}
#GlobalMenu a {
	float: left;
}
#GlobalMenu a span {
	display: none;
}
/* ホームボタン */
#GlobalMenu a.GmHome {
	display: block;
	width: 115px;
	height: 40px;
	background-image:url(../images/header/menu_home.gif);
	background-repeat: no-repeat;
}
/* 子供の科学の本ボタン */
#GlobalMenu a.GmBook {
	display: block;
	width: 193px;
	height: 40px;
	background-image:url(../images/header/menu_book.gif);
	background-repeat: no-repeat;
}
/* 楽しむボタン */
#GlobalMenu a.GmEnjoy {
	display: block;
	width: 140px;
	height: 40px;
	background-image:url(../images/header/menu_enjoy.gif);
	background-repeat: no-repeat;
}
/* 知る・学ぶボタン */
#GlobalMenu a.GmStudy  {
	display: block;
	width: 171px;
	height: 40px;
	background-image:url(../images/header/menu_study.gif);
	background-repeat: no-repeat;
}
/* 調べるボタン */
#GlobalMenu a.GmExamine  {
	display: block;
	width: 142px;
	height: 40px;
	background-image:url(../images/header/menu_examine.gif);
	background-repeat: no-repeat;
}
/* お便り投稿ボタン */
#GlobalMenu a.GmMail  {
	display: block;
	width: 189px;
	height: 40px;
	background-image:url(../images/header/menu_mail.gif);
	background-repeat: no-repeat;
}

#GlobalMenu a.GmHome:hover,
#GlobalMenu a.GmBook:hover,
#GlobalMenu a.GmEnjoy:hover,
#GlobalMenu a.GmStudy:hover,
#GlobalMenu a.GmExamine:hover,
#GlobalMenu a.GmMail:hover {
	background-position: 0 -40px;
}
/* サブメニュー */
#GlobalMenu .submenuBook {
	display: block;
	width:189px;
	margin-left:115px;
	margin-top:40px;
	background: #f3ffef;
	border: 2px solid #52ba3d;
	visibility: hidden;
	position: absolute;
	font-size:90%;
}
#GlobalMenu .submenuEnjoy {
	display: block;
	width:136px;
	margin-left:308px;
	margin-top:40px;
	background: #f3ffef;
	border: 2px solid #52ba3d;
	visibility: hidden;
	position: absolute;
	font-size:90%;
}
#GlobalMenu .submenuStudy {
	display: block;
	width:167px;
	margin-left:448px;
	margin-top:40px;
	background: #f3ffef;
	border: 2px solid #52ba3d;
	visibility: hidden;
	position: absolute;
	font-size:90%;
}
#GlobalMenu .submenuExamine {
	display: block;
	width:138px;
	margin-left:619px;
	margin-top:40px;
	background: #f3ffef;
	border: 2px solid #52ba3d;
	visibility: hidden;
	position: absolute;
	font-size:90%;
}
#GlobalMenu .submenuMail {
	display: block;
	width:185px;
	margin-left:761px;
	margin-top:40px;
	background: #f3ffef;
	border: 2px solid #52ba3d;
	visibility: hidden;
	position: absolute;
	font-size:90%;
}
#GlobalMenu .submenuBook a,
#GlobalMenu .submenuEnjoy a,
#GlobalMenu .submenuStudy a,
#GlobalMenu .submenuExamine a,
#GlobalMenu .submenuMail a {
	display: block;
	width: auto;
	text-align: left;
	text-decoration: none;
	color: #505050;
	border-bottom:1px dotted #d3d3d3;
	padding: 5px 7px;
}
#GlobalMenu .submenuBook a{
	width: 175px;
}
#GlobalMenu .submenuEnjoy a{
	width: 122px;
}
#GlobalMenu .submenuStudy a{
	width: 153px;
}
#GlobalMenu .submenuExamine a{
	width: 124px;
}
#GlobalMenu .submenuMail a{
	width: 171px;
}
#GlobalMenu .submenuBook a:hover,
#GlobalMenu .submenuEnjoy a:hover,
#GlobalMenu .submenuStudy a:hover,
#GlobalMenu .submenuExamine a:hover,
#GlobalMenu .submenuMail a:hover {
	background: #52ba3d;
	color: #FFF;
	padding: 5px 7px;
}

/******** グローバルメニュー 161201修正 ********/
#GlobalIcon {
	display: block;
	width: 950px;
	margin:13px auto 20px;
}
#GlobalIcon ul {
	display: block;
}
#GlobalIcon li {
	display: block;
	float:left;
	width: 95px;
	height: 85px;
	margin-bottom:3px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#GlobalIcon a {
	display: block;
	width: 95px;
	height: 85px;
	background-position:center top;
	background-repeat:no-repeat;
}
#GlobalIcon a:hover {
	background-position:center bottom;
}

#GlobalIcon a.GiMagazine { background-image:url(../images/header/menu_magazine.png); }
#GlobalIcon a.GiEvent { background-image:url(../images/header/menu_event.png); }
#GlobalIcon a.GiShop { background-image:url(../images/header/menu_shop.png); }
#GlobalIcon a.GiPrograming { background-image:url(../images/header/menu_programing.png); }
#GlobalIcon a.GiDenshi { background-image:url(../images/header/menu_denshi.png); }
#GlobalIcon a.GiDownload { background-image:url(../images/header/menu_download.png); }
#GlobalIcon a.GiMovie { background-image:url(../images/header/menu_movie.png); }
#GlobalIcon a.GiPresent { background-image:url(../images/header/menu_present.png); }
#GlobalIcon a.GiBook { background-image:url(../images/header/menu_book.png); }
#GlobalIcon a.GiLetter { background-image:url(../images/header/menu_letter.png); }

@media only screen and (max-width:950px) {
	#GlobalIcon a:hover {
		background-position:center top;
	}
}

/******** メインレイアウト ********/
#Container {
	width: 950px;
	min-height: 500px;
	margin: auto;
	padding: 0;
	text-align: left;
}
/******** メイン　右 ********/
#ContentsRight {
	width: 200px;
	text-align: center;
	float: right;
	min-height: 600px;
	margin-bottom:10px;
}
/******** メインコンテンツ ********/
#ContentsArea {
	width: 750px;
	float: left;
}
#Contents {
	width: 740px;
	text-align: center;
}
/******** メインコンテンツ（下の階層） ********/
#MainContents {
	display: block;
	width: 700px;
	_width: 740px;
	padding:10px 20px;
	background-image:url(../images/flame_middle.gif);
	text-align:left;
	min-height: 600px;
}
#MainContentsTop {
	display: block;
	width: 740px;
	height:15px;
	background-image:url(../images/flame_top.gif);
	background-repeat: no-repeat;
}
#MainContentsBottom {
	display: block;
	width: 740px;
	height:15px;
	margin-bottom: 15px;
	background-image:url(../images/flame_bottom.gif);
	background-repeat: no-repeat;
}
/******** フッター ********/
#Footer {
	width:100%;
	height:170px;
	text-align:center;
	background-image:url(../images/footer_menuBG.gif);
	background-repeat:repeat-x;
}
#Footer a {
	color:#FFFFFF;
	text-decoration:none;
}
/* ページトップへ */
#PageTopArea {
	margin:0 auto;
	width: 950px;
	height:30px;
	text-align: right;
}
#Footer .LinkMenu {
	margin:0 auto;
	width: 950px;
	text-align: left;
}
#Footer .LinkMenu ul {
	clear:both;
	display: block;
	margin-top:11px;
}
#Footer .LinkMenu li {
	height:30px;
	padding: 1px 23px 0 20px;
	display: block;
	float: left;
	background: url(../images/icon/circle.gif) no-repeat 0 0;
}
#Footer .LinkMenu li.sitemap {
	margin:0 auto;
	height:25px;
	padding: 0 8px 0 16px;
	display: block;
	float: left;
	background: url(../images/icon/Line.gif) no-repeat 0 3px;
}
/* コピーライト */
#Copyright {
	margin:20px auto 0;
	width: 500px;
	height:26px;
	color:#FFFFFF;
	padding-top: 5px;
	background: url(../images/footer_copyBG.gif) no-repeat 0 0;
}
/******** パンクズ ********/
#BreadCrumbs {
	width: 740px;
	margin: 0 0 10px;
}
#BreadCrumbs ul {
	display: block;
	width: 740px;
	margin-left:5px;
}
#BreadCrumbs li {
	padding: 1px 8px 3px 23px;
	background: url(../images/icon/circle_orange.gif) no-repeat 0 1px;
	float: left;
}
#BreadCrumbs li.Home {
	padding-left: 0;
	background: none;
}
/******** ページ送り********/
div.PageNaviArea {
	margin-bottom:15px;
	padding: 10px 0 0 0;
	font-size:105%;
	clear: both;
}
div.PageNaviArea ul.PageNavi {
	display: block;
	margin: 0;
	padding: 5px;
	text-align: center;
}
div.PageNaviArea ul.PageNavi li {
	display: inline;
	margin: 0 1px;
	padding: 0;
}
div.PageNaviArea ul.PageNavi li span,
div.PageNaviArea ul.PageNavi li a {
	display: inline-block;
	padding: 3px 10px;
	background-color:#ebebeb;
	border: 1px solid #ccc;
	vertical-align: middle;
	text-decoration: none;
}
div.PageNaviArea ul.PageNavi li a:hover {
	background: #ffde60;
	color:#666666;
}
div.PageNaviArea ul.PageNavi li span {
	font-weight: bold;
}
/******** 下層タイトル ********/
h3.ContentTitle {
	display: block;
	width: 740px;
	height:84px;
	overflow: hidden;
	clear: both;
}