@charset "UTF-8";

/*  ノーマライズ
-----------------------------------------------------------*/
*,ul,li {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	line-height: 1.4em;
}
ul,li {
	list-style-type: none;
}
a,
a img {
	border: 0px none #fff;
	color: #5767c4;
}
/*  クリア
-----------------------------------------------------------*/
.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 */

/*  クリア
-----------------------------------------------------------*/
.cl {
	clear: left;
	font-size: 0px;
	line-height: 0px;
	height: 1px;
	overflow: hidden;
	visibility: hidden;
}
.cr {
	clear: right;
	visibility: hidden;
}
.cb {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 1px;
	overflow: hidden;
	visibility: hidden;
}

/*  レイアウト
-----------------------------------------------------------*/
body {
	text-align: center;
	color: #555;
}
div#outbox {
	width: 626px;
	margin: 0px auto 0px auto;
	text-align: left;
}
div#outbox div#head ul {
	padding: 10px 0px 5px 0px;
	font-size: 0px;
	line-height: 0px;
}
div#outbox div#head ul li {
	display: inline;
	margin: 0px 0px 0px 5px;
}
div#outbox div#head ul li#ds {
	float: right;
	margin: -25px 0px 0px 0px;
}
p#foot {
	text-align: center;
	border-top:  2px solid #b0b7bd;
	padding: 3px 0px 10px 0px;
	font-size: 77%;
}



/*  トップページレイアウト
-----------------------------------------------------------*/
body#main div#outbox h1 {
	font-size: 0px;
	line-height: 0px;
	background: url(../images/top_head_bc.jpg) no-repeat left top;
	padding: 50px 0px 0px 0px;
	height: 315px;
	_height: 365px;
	border-bottom:  2px solid #b0b7bd;
	margin: 0px 0px 8px 0px;
}
body#main div#outbox h1 img {
	display: block;
	margin: 0px 0px 0px 42px;
}
body#main div#outbox h2 {
	border-top: 2px solid #b0b7bd;
	border-right: 2px solid #b0b7bd;
	border-left: 2px solid #b0b7bd;
	font-size: 0px;
	line-height: 0px;
	text-align: center;
}
body#main div#outbox ul#topmenu {
	text-align: center;
	background: url(../images/top_bc001.jpg) left top;
	padding: 10px 0px 10px 0px;
}
body#main div#outbox ul#topmenu li {
	margin: 5px 0px 5px 0px;
	text-align: center;
}
body#main div#outbox ul#topmenu li a {
	display: block;
	width: 442px;
	height: 49px;
	margin: 0px auto 0px auto;
	text-indent: -9988px;
}
body#main div#outbox ul#topmenu li#t-menu01 a {
	background: url(../images/top_menu_btn001.gif) no-repeat left top;
}
body#main div#outbox ul#topmenu li#t-menu02 a {
	background: url(../images/top_menu_btn002.gif) no-repeat left top;
}
body#main div#outbox ul#topmenu li#t-menu03 a {
	background: url(../images/top_menu_btn003.gif) no-repeat left top;
}
body#main div#outbox ul#topmenu li a:hover {
	background-position: 0px -49px !important;
}


body#main div#outbox ul#datemenu {
	border: 2px solid #b0b7bd;
	padding: 4px 0px 5px 0px;
}
body#main div#outbox ul#datemenu li {
	background: #eee url(../images/ar_ic001.jpg) no-repeat 1% 50%;
	color: #728494;
	font-size: 83%;
	padding: 1% 3% 1% 3%;
	margin: 0px 31px 0px 31px;
}
body#main div#outbox ul#datemenu li.lg {
	background-color: #f0f3fa;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
body#main div#outbox ul#datemenu li strong {
	font-weight: bold;
	margin: 0px 10px 0px 0px;
}
body#main div#outbox p#copy {
	text-align: center;
	font-size: 0px;
	line-height: 0px;
	margin: 8px 0px 8px 0px;
}
body#main div#outbox p#copy a {
	margin: 0px 20px 0px 0px;
}
body#main div#outbox p#copy img {
	vertical-align: middle;
}

/*  グローバルメニュー
-----------------------------------------------------------*/
ul#global_menu {
	margin: 0px 32px 8px 29px;
}
ul#global_menu li {
	margin: 0px 0px 0px 4px ;
	_margin: 0px 0px 0px 4px ;
	float: left;
}
ul#global_menu li.fir {
	margin: 0px 0px 0px 10px ;
	_margin: 0px 0px 0px 6px ;
}
ul#global_menu li em,
ul#global_menu li a {
	display: block;
	width: 133px;
	height: 32px;
	text-indent: -9988px;
	font-size: 0px;
	line-height: 0px;
	background-position: left top;
	background-repeat: no-repeat;
}
ul#global_menu li#gmenu01 em,
ul#global_menu li#gmenu01 a {
	background-image: url(../common_images/gmenu001.gif);
}
ul#global_menu li#gmenu02 em,
ul#global_menu li#gmenu02 a {
	background-image: url(../common_images/gmenu002.gif);
}
ul#global_menu li#gmenu03 em,
ul#global_menu li#gmenu03 a {
	background-image: url(../common_images/gmenu003.gif);
}
ul#global_menu li#gmenu04 em,
ul#global_menu li#gmenu04 a {
	background-image: url(../common_images/gmenu004.gif);
}
ul#global_menu li em,
ul#global_menu li a:hover {
	background-position: 0px -32px;
}

/*  下層共通レイアウト
-----------------------------------------------------------*/
div#inbox {
	background: url(../common_images/contents_bc001.jpg) no-repeat right top;
	padding: 40px 0px 0px 0px;
}
div#shadow {
	background: url(../common_images/contents_bc002.gif) 0px 1px;
}
div#contentsout {
	background: url(../common_images/about_bc001.jpg) no-repeat 0px 0px;
	margin: 1px 32px 0px 32px;
	padding: 10px 0px 0px 0px;
}
div#contentsbox {
	background: url(../common_images/about_bc002.gif) repeat-y 0px 0px;
	padding: 12px 27px 10px 27px;
	font-size: 83%;
}

div#contentsbox h1 {
	margin: 10px 0px 20px 0px;
	font-size: 0px;
	line-height: 0px;
}
div#contentsbox h2 {
	margin: 15px 0px 25px 0px;
	font-size: 0px;
	line-height: 0px;
}
div#contentsbox h3 {
	margin: 0px 0px 5px 0px;
	font-size: 0px;
	line-height: 0px;
}

ul#foot_menu {
	margin: 20px 0px 0px 0px;
	text-align: center;
}
ul#foot_menu li {
	display: inline;
	font-size: 77%;
}
p#retop {
	background: url(../common_images/about_bc003.gif) no-repeat 0px 0px;
	padding: 20px 0px 20px 0px;
	text-align: right;
}



/*  下層共通レイアウト（準）
-----------------------------------------------------------*/
body div#contentsbox p#maininfo {
	background: #eee;
	line-height: 0px;
	font-size: 0px;
	padding: 15px 0px 15px 20px;
	margin: 0px 0px 35px 0px;
}
body div#contentsbox p#buy {
	border-top: 2px dotted #c7cfdb;
	text-align: center;
	margin: 30px 0px 0px 0px;
	padding: 30px 0px 20px 0px;
}

p#copyright {
	text-align: center;
	font-size: 77%;
}

/*  下層共通インライン
-----------------------------------------------------------*/
.dbt {
	border-top: 2px dotted #c7cfdb;
	padding: 10px 0px 0px 0px;
}
/*  about.html
-----------------------------------------------------------*/
body#about div#contentsbox p{
	margin: 0px 0px 20px 0px;
}
body#about div#contentsbox ul {
	border-bottom: 2px dotted #c7cfdb;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 15px 0px;
}
body#about div#contentsbox ul#foot_menu {
	border-bottom: 0px none #fff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
body#about div#contentsbox ul li {
	display: inline;
	margin: 0px 5px 0px 0px;
}
body#about div#contentsbox ul li img {
	margin: 0px 0px 5px 0px;
}


/*  science.html
-----------------------------------------------------------*/
ul#s_game {
	background: url(../images/science_bc001.jpg) no-repeat 99% 77%;
	_background-position: 99% 82%;
}
ul#s_game li {
	width: 155px;
	float: left;
	margin: 0px 21px 30px 0px;
}
ul#s_game li.three {
	margin: 0px 0px 0px 0px;
}
ul#s_game li img {
	display: block;
	margin: 0px 0px 5px 0px;
}

p.ri {
}
p.ri img {
	float: right;
	margin: 0px 0px 0px 15px;
}
ul#s_cnt {
	margin: 20px 0px 0px 0px;
}
ul#s_cnt li {
	width: 246px;
	float: left;
	margin: 0px 15px 0px 0px;
}
ul#s_cnt li.two {
	margin: 0px 0px 0px 0px;
}
ul#s_cnt li h2 img {
	margin: 0px 0px 0px 0px;
}
ul#s_cnt li img {
	margin: 0px 5px 0px 5px;
	vertical-align: middle;
}
ul#s_cnt li p {
	margin: 20px 0px 0px 0px;
	text-align: center;
}
ul#s_cnt li p img {
	margin: 0px 0px 20px 0px;
}


/*  history.html
-----------------------------------------------------------*/
body#history ul#s_game {
	background: url(../images/history_bc001.jpg) no-repeat 99% 77%;
	_background-position: 99% 82%;
}







/*  ecバナー
-----------------------------------------------------------*/
div#contentsbox {
	position: relative;
}
p#banarea {
	position: absolute;
	left: 260px;
	_left: 230px;
	top: 220px;
}