/* --トップページ以下の階層で使用しているCSS------------*/

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

#main{
	padding:0px;
	margin:10px;
	width:780px;
	border:0px solid #ff0000;
}

/* -------------------------------------------*/
#sub_menu a ,		#contents a		{ color: #500000; } 
#sub_menu a:link ,	#contents a:link	{ color: #500000; text-decoration:none; } 
#sub_menu a:visited ,	#contents a:visited	{ color: #500000; text-decoration:none; } 
#sub_menu a:active ,	#contents a:active	{ color: #ff0000; text-decoration:none; } 
#sub_menu a:hover ,	#contents a:hover	{ color: #ff33cc; text-decoration:none; } 

#sub_menu{
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 5px;
	width:200px;
	border-top:3px solid #ffa000;
	border-bottom:3px solid #ffa000;
	float:left;
}

#sub_menu .title{
	padding:0px;
	margin:5px 0px 5px 5px;
	font-size:12px;
	font-weight:bold;
	color:#ffa000;
}


#sub_menu .menu_title{
	padding:8px 0px 8px 12px;
	margin:0px 0px 0px 5px;
	font-size:12px;
	font-weight:bold;
	color:#500000;
	display:block;
	width:195px;
	background: url(images/science/menu_title_bg.jpg) no-repeat;
}

#sub_menu ul{
	padding:0px;
	margin:0px 0px 10px 0px;
	list-style-type:none;
}

#sub_menu li{
	padding:5px 0px 3.5px 12px;
	margin:0px 0px 0px 5px;
	font-size:12px;
	width:195px;
	color:#500000;
	background: url(images/science/menu_li.jpg) no-repeat;
}

#sub_menu a.menu_item img{
	padding:0px;
	margin:0px 0px 7px 5px;
}

#sub_menu a.menu_item:hover img{
	filter:alpha(opacity=70);
	opacity:0.7;
}

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

#contents{
	padding:0px 0px 0px 0px;
	margin:0px 5px 0px 0px;
	width:540px;
	float:right;
	font-size:14px;
	line-height:20px;
	border:0px solid #ff0000;
}
#contents p{
	font-size:14px;
	line-height:20px;
	}
#contents td{
	font-size:14px;
	line-height:20px;
	}

#breadcrumb{
	padding:0px 0px 10px 0px;
	margin:0px;
	font-size:10px;
}

#breadcrumb a{
	padding:0px;
	margin:0px;
	border-bottom:1px dashed #cccccc;
}

#contents .pan_size10 {
	font-size:10px;
	}
#contents .pan_size10 a{
	padding:0px;
	margin:0px;
	border-bottom:1px dashed #cccccc;
}

#contents .midashi{
	position:absolute;
	padding:0;
	margin:5px 0px 20px 20px;
	font-size:15px;
	line-height:150%;
	font-weight:bolder;
}

#contents .caption{
	position:absolute;
	padding:0;
	width:220px;
	margin:140px 0px 20px 15px;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
}

#contents .link{
	padding:0;
	margin:210px 0px 0px 10px;
	display:block;
}

#contents .link2meitocp{
	padding:0;
	margin:193px 0px 0px 10px;
	display:block;
}


/*---------science.htmlで使用-------------------------------------*/

#contents #sci_title{
	padding:20px 0px 50px 60px;
	margin:0px 0px 0px 0px;
	font-size:24px;
	font-weight:bold;
	color:#500000;
	display:block;
	background: url(images/science/title_bg.jpg) no-repeat;
}

#contents .sci_box1{
	padding:0px;
	margin:0px 0px 5px 0px;
	float:left;
	width:260px;
	height:265px;
	background:url(images/science/contents_box1.jpg) no-repeat;
}

#contents .sci_box2{
	padding:0px;
	margin:0px 5px 5px 0px;
	float:right;
	width:260px;
	height:265px;
	background:url(images/science/contents_box2.jpg) no-repeat;
}

#contents .sci_box3{
	padding:0px;
	margin:0px;
	float:left;
	width:260px;
	height:265px;
	background:url(images/science/contents_box3.jpg) no-repeat;
}

#contents .sci_box4{
	padding:0px;
	margin:0px 5px 5px 0px;
	float:right;
	width:260px;
	height:265px;
	background:url(images/science/contents_box4.jpg) no-repeat;
}

#contents .sci_box1 a:hover.link,.sci_box2 a:hover.link,.sci_box3 a:hover.link,.sci_box4 a:hover.link{
	position:relative;
	top: 1px;
	left:px;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/*---------enjoy.htmlで使用-------------------------------------*/

#contents #enjoy_title{
	padding:20px 0px 50px 60px;
	margin:0px 0px 0px 0px;
	font-size:24px;
	font-weight:bold;
	color:#500000;
	display:block;
	background: url(images/enjoy/title_bg.jpg) no-repeat;
}

#contents .enjoy_box1{
	padding:0px;
	margin:0px 0px 5px 0px;
	float:left;
	width:260px;
	height:265px;
	background:url(images/enjoy/contents_box1.jpg) no-repeat;
}

#contents .enjoy_box2{
	padding:0px;
	margin:0px 5px 5px 0px;
	float:right;
	width:260px;
	height:265px;
	background:url(images/enjoy/contents_box2.jpg) no-repeat;
}

#contents .enjoy_box3{
	padding:0px;
	margin:0px;
	float:left;
	width:260px;
	height:265px;
	background:url(images/enjoy/contents_box3.jpg) no-repeat;
}

#contents .enjoy_box4{
	padding:0px;
	margin:0px 5px 5px 0px;
	float:right;
	width:260px;
	height:265px;
	background:url(images/enjoy/contents_box4.jpg) no-repeat;
}


#contents .enjoy_box1 a:hover.link,.enjoy_box2 a:hover.link,.enjoy_box3 a:hover.link,.enjoy_box4 a:hover.link{
	position:relative;
	top: 1px;
	left:px;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/*---------report.htmlで使用-------------------------------------*/

#contents #report_title{
	padding:20px 0px 50px 60px;
	margin:0px 0px 0px 0px;
	font-size:24px;
	font-weight:bold;
	color:#500000;
	display:block;
	background: url(images/report/title_bg.jpg) no-repeat;
}

#contents .report_box1{
	padding:0px;
	margin:0px 0px 5px 0px;
	float:left;
	width:260px;
	height:265px;
	background:url(images/report/contents_box1.jpg) no-repeat;
}

#contents .report_box2{
	padding:0px;
	margin:0px 5px 5px 0px;
	float:right;
	width:260px;
	height:265px;
	background:url(images/report/contents_box2.jpg) no-repeat;
}

#contents .report_box3{
	padding:0px;
	margin:0px;
	float:left;
	width:260px;
	height:265px;
	background:url(images/report/contents_box3.jpg) no-repeat;
}

#contents .report_box4{
	padding:0px;
	margin:0px 5px 5px 0px;
	float:right;
	width:260px;
	height:265px;
	background:url(images/report/contents_box4.jpg) no-repeat;
}


#contents .report_box1 a:hover.link,.report_box2 a:hover.link,.report_box3 a:hover.link,.report_box4 a:hover.link{
	position:relative;
	top: 1px;
	left:px;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/*---------project.htmlで使用----------------------------------*/

#contents #project_title{
	padding:20px 0px 50px 60px;
	margin:0px 0px 0px 0px;
	font-size:24px;
	font-weight:bold;
	color:#500000;
	display:block;
	background: url(images/project/title_bg.jpg) no-repeat;
}

#contents .project_box1{
	padding:0px;
	margin:0px 0px 5px 0px;
	float:left;
	width:260px;
	height:265px;
	background:url(images/project/contents_box1.jpg) no-repeat;
}

#contents .project_box2{
	padding:0px;
	margin:0px 5px 5px 0px;
	float:right;
	width:260px;
	height:265px;
	background:url(images/project/contents_box2.jpg) no-repeat;
}

#contents .project_box3{
	padding:0px;
	margin:0px;
	float:left;
	width:260px;
	height:265px;
	background:url(images/project/contents_box3.jpg) no-repeat;
}


#contents .project_box1 a:hover.link,.project_box2 a:hover.link,.project_box3 a:hover.link{
	position:relative;
	top: 1px;
	left:px;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/*---------bbs.htmlで使用--------------------------------*/

#contents #bbs_title{
	padding:20px 0px 50px 60px;
	margin:0px 0px 0px 0px;
	font-size:24px;
	font-weight:bold;
	color:#500000;
	display:block;
	background: url(images/bbs/title_bg.jpg) no-repeat;
}

#contents .bbs_box1{
	padding:0px;
	margin:0px 0px 5px 0px;
	float:left;
	width:260px;
	height:265px;
	background:url(images/bbs/contents_box1.jpg) no-repeat;
}

#contents .bbs_box2{
	padding:0px;
	margin:0px 5px 5px 0px;
	float:right;
	width:260px;
	height:265px;
	background:url(images/bbs/contents_box2.jpg) no-repeat;
}


#contents .bbs_box1 a:hover.link,.bbs_box2 a:hover.link{
	position:relative;
	top: 1px;
	left:px;
	filter:alpha(opacity=70);
	opacity:0.7;
}


/*---------各コンテンツのトップで使用--------------------------------*/

.mania-top-explain, .mania-top-explain, .kikiyu-top-explain, .trivia-top-explain{
	font-weight:bold;
	margin:10px 20px 20px 10px;
	color:#555;
}
#container .meito-top-caution, #container .kikiyu-top-caution {
	font-size:11px;
	color:#09C;
	margin:10px 20px 20px 10px;
	line-height:12px;
}



.each-top-table {
	margin:0 20px 0 0;
	border-collapse:collapse;
}
.each-top-table td{
	border:#bbb 1px solid;
	background:url(img/toptablegbg.gif) repeat-x bottom;
}
#container .each-top-table td.table_no{
	width:5em;
	text-align:center;
	font-size:12px;
}

.each-top-table td.table_img{
	padding:5px;
}
.each-top-table td.table_img img{
	border:#666 solid 1px;
}
.each-top-table td.table_note p{
	margin:0 0 5px 0;
	font-size:14px;
	font-weight:bold;
	padding:0 0 0 10px;
	border-bottom:#ddd 1px solid;
}
#container .each-top-table td.table_note {
	font-size:12px;
	line-height:16px;
	padding:8px 8px 20px 8px;
}
#container .each-top-table td.table_note span {
	display:block;
	margin:0 0 3px 0;
}
#container .each-top-table td.table_note span em{
	padding:1px 2px;
	text-align:center;
	margin:0 3px 0 0;
	font-weight:bold;
	color:#FFF;
	background:#F00;
	font-size:10px;
	font:Arial !important;
	font-style:normal;
}

#mania-top_table td.table_note p a{
	color:#639;
}
#meito-kaihatsu-top_table td.table_note p a{
	color:#C90;
}
#kaihatsu-top_table td.table_note p a{
	color:#360;
}
#mania-top_table td.table_note p{
	border-left:#96C solid 5px;
}
#meito-kaihatsu-top_table td.table_note p{
	border-left:#960 solid 5px;
}



#newmeito-kaihatsu-top_table{
	margin:10px 10px 0 5px;
}
#newmeito-kaihatsu-top_table td.table_note p{
	border-left:#690 solid 5px;
}
#newmeito-kaihatsu-top_table td.table_note p a{
	color:#696;
}

#academy-top_table{
	margin:10px 10px 0 5px;
}
#academy-top_table td.table_note p{
	border-left:#600 solid 5px;
}
#academy-top_table td.table_note p a{
	color:#F60;
}


#world-top_table{
	margin:10px 10px 0 5px;
}
#world-top_table td.table_note p{
	border-left:#09F solid 5px;
}
#world-top_table td.table_note p a{
	color:#399;
}



#gomeito-kaihatsu-top_table{
	margin:10px 15px 0 0;
}
#gomeito-kaihatsu-top_table td.table_note p{
	border-left:#F90 solid 5px;
}
#gomeito-kaihatsu-top_table td.table_note p a{
	color:#F60;
}





#kaihatsu-top_table td.table_note p{
	border-left:#3C0 solid 5px;
}
.kikiyu-link-bt, .meito-link-bt {
	text-align:center;
	margin:10px 0 20px 0;
}


#container .continue-read {
	text-align:right;
}
#container .continue-read a{
	color:#09C;
	text-decoration:underline;
}












/*------------------- Infomation -----------------------*/
#info-content {
	margin:10px 0 10px 0;
	background:#FFFBEE;
	width:525px;
	padding:0 0 10px 0;
	border-right:#CCC 1px solid;
	border-left:#CCC 1px solid;
}
#info-content p{
	padding:10px 20px;
}
#info-content div{
	padding:10px 30px;
}
#info-content div strong{
	color:#096;
}



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

.gototop {
	padding:10px 0px;
	margin:0px;
	width:520px;
	height:28px;
	text-align:right;
	clear:all;
	border-top:1px dotted #ccc;
}