﻿@charset "utf-8";
@import url("main.css"); /* common stylesheet */

#dammy {
	background: url() no-repeat;
	margin: 0;
	padding: 40px 0 0 0;
	width: 216px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:40px;/* for ie5.x */
	}


/* #
--------- --------- --------- --------- --------- */
.mtitle.info_mtitle {
	background: url(../images/info/info_mtitle.jpg) no-repeat;
	margin-bottom:0;
	}

.mtitle_wrap {
	margin:0 0 5px 0;
	height:63px;
	position: relative;
	}

.info_stitle {
	background: url(../images/info/info_lead1.jpg) no-repeat;
	margin: 0;
	padding: 21px 0 0 0;
	width: 215px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:21px;/* for ie5.x */
	}		

.mtitle_link1 {
	position: absolute;
	top:38px;
	left:440px;
	background: url(../images/info/mtitle_link1.jpg) no-repeat;
	margin: 0;
	padding: 20px 0 0 0;
	width: 140px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:40px;/* for ie5.x */
	}
	
.mtitle_link2 {
	position: absolute;
	top:38px;
	left:590px;
	background: url(../images/info/mtitle_link2.jpg) no-repeat;
	margin: 0;
	padding: 20px 0 0 0;
	width: 130px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:40px;/* for ie5.x */
	}
	
.mtitle_link3 {
	position: absolute;
	top:38px;
	left:730px;
	background: url(../images/info/mtitle_link3.jpg) no-repeat;
	margin: 0;
	padding: 20px 0 0 0;
	width: 110px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:40px;/* for ie5.x */
	}


.info_stitle {
	background: url(../images/info/info_lead1.jpg) no-repeat;
	margin: 0 0 15px 0;
	padding: 21px 0 0 0;
	width: 215px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:21px;/* for ie5.x */
	}
	
.info_lead {
	margin:0 0 25px 0;
	font-size:1.2em;
	}
	
.info_lead2 {
	margin:0 0 45px 0;
	font-size:1.2em;
	}

#guide {
	background: url(../images/info/info_stitle1.jpg) no-repeat;
	margin:0 0 15px 0;
	padding: 23px 0 0 95px;	
	font-size:1.8em;
	height:35px;
	line-height:1.0;
	}

.info_area1_ex {
	background: url(../images/info/info_image1.jpg) no-repeat;
	background-position: 0 50px;
	margin:0 0 20px 0;
	padding:0 0 460px 0;
	font-size:1.2em;
	}

.info_area2title {
	margin:0;
	padding: 3px 0 2px 0;
	font-size:1.2em;
	line-height:1.0;
	text-align: center;
	color:#FFF;
	background-color: #B92800;
	}

.info_area2body {
	margin:0 0 15px 0;
	padding: 10px;
	border-left:1px solid #B92800;
	border-right:1px solid #B92800;
	border-bottom:1px solid #B92800;
	}

.info_area2ex1 {
	margin:0 0 15px 0;
	padding:0;
	font-size:1.2em;
	}

.info_area2ex2 {
	background: url(../images/info/info_image2.jpg) no-repeat;
	background-position: 0 20px;
	margin:0;
	padding:0 0 300px 0;
	font-size:1.2em;
	color:#5489BB;
	}

#guide2 {
	background: url(../images/info/info_stitle2.jpg) no-repeat;
	margin:0 0 15px 0;
	padding: 23px 0 0 95px;	
	font-size:1.8em;
	height:35px;
	line-height:1.0;
	}

.info_area3_ex1 {
	margin:0 0 25px 0;
	font-size:1.2em;
	}
	
.info_area3_ex2 {
	margin:0 0 25px 0;
	font-size:1.0em;
	}

.info_area4 {
	margin:0 0 20px 0;
	}
	
.cbox {
	margin:0 0 25px 0;
	width:417px;
	background-color: #FFF;
	float:left;
	}
	
.cbox2 {
	margin:0 0 25px 0;
	width:417px;
	background-color: #FFF;
	float:right;
	}
	
.cboxtitle {
	margin:0 0 10px 0;
	padding:11px 0 0 50px;
	width:367px;
	height:24px;
	font-size:1.4em;
	color:#FFF;
	font-weight: bold;
	line-height:1.0;
	}
	
.cboxtitle.cb1 {
	background: url(../images/info/info_sstitle1.jpg) no-repeat;
	}
	
.cboxtitle.cb2 {
	background: url(../images/info/info_sstitle2.jpg) no-repeat;
	}
	
.cboxtitle.cb3 {
	background: url(../images/info/info_sstitle3.jpg) no-repeat;
	}
	
.cboxtitle.cb4 {
	background: url(../images/info/info_sstitle4.jpg) no-repeat;
	}
	
.cboxtitle.cb5 {
	background: url(../images/info/info_sstitle5.jpg) no-repeat;
	}
	
.cboxtitle.cb6 {
	background: url(../images/info/info_sstitle6.jpg) no-repeat;
	}
	
.cboxtitle.cb7 {
	background: url(../images/info/info_sstitle7.jpg) no-repeat;
	}
	
.cboxtitle.cb8 {
	background: url(../images/info/info_sstitle8.jpg) no-repeat;
	}
	
.cex {
	margin:0;
	font-size:1.2em;
	}
	
.red {
	margin:0 0 5px 0;
	font-size:1.2em;
	color:#F00;
	}
	
.exbox {
	margin:0;
	padding:10px 0 0 180px;
	font-size:1.2em;
	line-height:1.4;
	}
	
.exbox.eb1 {
	background: url(../images/info/info_simage1.jpg) no-repeat;
	height:160px;
	}
	
.exbox.eb2 {
	background: url(../images/info/info_simage2.jpg) no-repeat;
	height:160px;
	}
	
.exbox.eb3 {
	background: url(../images/info/info_simage3.jpg) no-repeat;
	height:160px;
	}
	
.exbox.eb4 {
	background: url(../images/info/info_simage4.jpg) no-repeat;
	height:160px;
	}
	
.exbox.eb5 {
	background: url(../images/info/info_simage5.jpg) no-repeat;
	height:160px;
	}
	
.exbox.eb6 {
	background: url(../images/info/info_simage6.jpg) no-repeat;
	height:160px;
	}
	
.exbox.eb7 {
	background: url(../images/info/info_simage7.jpg) no-repeat;
	height:118px;
	}
	
.exbox.eb8 {
	background: url(../images/info/info_simage8.jpg) no-repeat;
	height:118px;
	}
	
.exbox.eb1 b {
	color:#D7AF17;
	}
	
.exbox.eb2 b {
	color:#86A068;
	}
	
.exbox.eb3 b {
	color:#D08076;
	}
	
.exbox.eb4 b {
	color:#967892;
	}

.exbox.eb5 b {
	color:#678FAD;
	}
	
.exbox.eb8 b {
	color:#004AA2;
	}

.info_info {
	margin:0 0 15px 0;
	font-size:1.2em;
	}

/* #contest
--------- --------- --------- --------- --------- */
.contest_stitle {
	background: url(../images/info/contest_stitle.jpg) no-repeat;
	margin: 0;
	padding: 45px 0 0 0;
	width: 565px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:45px;/* for ie5.x */
	}



.cbody {
	margin:0 0 10px 0;
	
	}
	
.info_index {
	background-color: #E2E886;
	margin:0 0 10px 0;
	padding:10px 0;
	}
	
.info_indextitle {
	margin:0 0 10px 0;
	background: url(../images/info/contest_icon2.jpg) no-repeat;
	background-position: 30px 2px;
	padding:2px 0 2px 47px;
	line-height:1.0;
	font-size:1.2em;
	color:#33A02B;
	}
	
.info_indexlist {
	margin:0 0 10px 0;
	padding:0;
	list-style-type: none;
	}
	
.info_indexlist li {
	margin:0 0 5px 0;
	padding:0;
	font-size:1.2em;
	line-height:1.0;
	}
	
.info_indexlist li a {
	display: block;
	background: url(../images/info/contest_icon2.jpg) no-repeat;
	background-position: 46px 4px;
	padding:4px 0 4px 63px;
	color:#333;
	}
	
.info_indexlist li a:hover {
	background: url(../images/info/contest_icon2s.jpg) no-repeat;
	background-color: #32A12B;
	background-position: 46px 4px;
	color:#FFF;
	}
	
.info_indexlist li.on2 a {
	background: url(../images/info/contest_icon2s.jpg) no-repeat;
	background-color: #32A12B;
	background-position: 46px 4px;
	color:#FFF;
	}