@import url("base.css");

/*コンテンツ部分-------------------------------------------------*/

#main{
margin:25px 0;
}

#content{
width:780px;
margin:0 auto;
text-align:center;
border:1px solid #963B3B;
background:#1F0D0D;
}

#pagelink{
background:#5F2324;
padding:8px;
text-align:left;
color:#E6B7B7;
}

#pagelink a{
text-decoration:underline;
color:#E6B7B7;
}

#main_ttl{
height:138px;
}

/*第一階層------------------------------------------------------*/

#menu{
margin:25px auto;
width:743px;
height:280px;
text-align:center;
}

#menu1,#menu2,#menu3{
border:1px solid #963B3B;
float:left;
width:239px;
height:280px;
text-align:left;
background:#000;
}

#menu2{
margin:0 10px;
}

#menu1 p,#menu2 p,#menu3 p{
margin:20px 10px 10px 10px;
}

#menu1 p.link,#menu2 p.link,#menu3 p.link{
background:url(../img/ico_link.gif) no-repeat left;
padding-left:12px;
margin-top:30px;
}

/*第二階層------------------------------------------------------*/

#main_content{
	/*background:url(../img/content_bg.gif) repeat-y center;*/
text-align:left;
	padding-top: 20px;
	padding-right: 75px;
	padding-bottom: 40px;
	padding-left: 75px;
	background-color: #FFFFFF;
}

.fas{
	background-color: #FFF;
	background-image: url(../img/detail_fas_bg.gif);
	background-repeat: no-repeat;
	background-position: right -17px;
}

.int{
	background-color: #FFF;
	background-image: url(../img/detail_int_bg.gif);
	background-repeat: no-repeat;
	background-position: right -17px;
}

.oth{
	background-image: url(../img/detail_oth_bg.gif);
	background-repeat: no-repeat;
	background-position: right -17px;
}

.mat{
	background-image: url(../img/detail_mat_bg.gif);
	background-repeat: no-repeat;
	background-position: right -17px;
}

#detail{
	color:#333;
	display:block;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#detail h3{
	line-height:1.0;
	width:300px;
	background-color:#FFF;
	color:#666;
	font-weight:normal;
	font-size:11px;
	border-left:5px solid #5F2324;
	margin-top: 20px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
}

#detail h4{
	width:300px;
	background-color:#FFF;
	border-left:5px solid #5F2324;
	color:#333;
	font-size:16px;
	font-weight:bold;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
}

#detail p{
text-align:left;
margin:10px 15px;
}

#detail h5{
	background:url(../img/detail_bg_h.jpg) no-repeat #A03F4B;
	font-size:13px;
	color:#fff;
	font-weight:bold;
	clear:both;
	letter-spacing: 0.1em;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 8px;
}

#detail h6{
padding:0 0 0 8px;
font-size:13px;
border-left:5px solid #5F2324;
/*border:1px solid #ccc;
background:#EFEFEF;*/
color:#5F2324;
font-weight:bold;
margin:10px 0 10px 0;
}

#detail dl{
margin:0 0px 15px 0px;
}

#detail dt{
margin:0 0 10px 0;
padding:0;
}

#detail dd{
/*background-color:#ccc;*/
padding:1px;
margin:0px 0px 40px 0px;
}

#detail dd table{
color:#333;
font-size:12px;
margin:10px 0 0 0;
padding:0;
border-collapse:collapse;
width:620px;
}

#detail dd table caption{
text-align:left;
padding-top:10px;
padding-bottom:3px;
}

#detail dd table a{
	color:#006699;
	text-decoration: underline;
	font-weight: bold;
}

#detail dd table th, #detail dd table td{
border:1px solid #ccc;
padding:5px;
margin:0;
}

#detail dd table td{
text-align:left;
}

#detail dd table th{
background-color:#EFEFEF;
text-align:left;
}

#detail dd table th.long,
#detail dd table th.label,
#detail dd table td.long,
#detail dd table td.label
{
/* width:70px; */
width:80px;
}

#detail dd table th.no,
#detail dd table td.no{
/* width:50px; */
width:50px;
}

#detail dd table th.name,
#detail dd table td.name
{
/* width:100px; */
width:100px;
}

#detail dd table th .point,
#detail dd table td .point{
/* width:140px; */
width:160px;
}

#detail dd table th .points,
#detail dd table td .points{
width:50px;
}

#detail dd table td.points a{
font-weight:normal;
background:url(../img/ico_link3.gif) no-repeat left;
padding-left:12px;
display:block;
margin:5px 0;
}

#detail caption{
	margin-top: 15px;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom: -5px;
}

#detail p{
margin-bottom:40px;
}

#detail p.gotop{
	background:url(../img/ico_gotop.gif) left center no-repeat;
	float:right;
	font-size:11px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 15px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

#detail p.gotop a{
color:#333333;
}

#contact{
clear:both;
}

#contact dd{
margin:0px;
}

/* カラーコードレイヤー */
#cc1{
	font-size: 12px;
	font-weight: normal;
	color: #333;
	position:absolute;
	width:auto;
	height:auto;
	z-index:1;
	left: 228px;
	top: 1350px;
	background-color: #FFFFFF;
	border: 1px solid #C0C0C0;
	padding: 5px;
	visibility: hidden;
}

/* safari \*/
html:\66irst-child #cc1 {
	left: 288px;
	top: 1350px;
}

#cc1 caption{
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

#cc1 th{
	font-size: 12px;
	font-weight: normal;
	color: #333;
	background-color: #EFEFEF;
	padding: 5px;
}

#cc1 p{
	margin: 0px;
	width: 460px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
}

#cc1 p a{
	margin: 2px;
	color: #000000;
	background-color: #CCCCCC;
	font-weight: bold;
	float: right;
}

#cc2{
	font-size: 12px;
	font-weight: normal;
	color: #333;
	position:absolute;
	width:auto;
	height:auto;
	z-index:1;
	left: 228px;
	top: 2080px;
	background-color: #FFFFFF;
	border: 1px solid #C0C0C0;
	padding: 5px;
	visibility: hidden;
}

/* safari \*/
html:\66irst-child #cc2 {
	left: 288px;
	top: 2045px;
}

#cc2 caption{
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

#cc2 th{
	font-size: 12px;
	font-weight: normal;
	color: #333;
	background-color: #EFEFEF;
	padding: 5px;
}

#cc2 p{
	margin: 0px;
	width: 460px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
}

#cc2 p a{
	margin: 2px;
	color: #000000;
	background-color: #CCCCCC;
	font-weight: bold;
	float: right;
}

#cc3{
	font-size: 12px;
	font-weight: normal;
	color: #333;
	position:absolute;
	width:auto;
	height:auto;
	z-index:1;
	left: 228px;
	top: 2875px;
	background-color: #FFFFFF;
	border: 1px solid #C0C0C0;
	padding: 5px;
	visibility: hidden;
}

/* safari \*/
html:\66irst-child #cc3 {
	left: 288px;
	top: 2835px;
}

#cc3 caption{
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

#cc3 th{
	font-size: 12px;
	font-weight: normal;
	color: #333;
	background-color: #EFEFEF;
	padding: 5px;
}

#cc3 p{
	margin: 0px;
	width: 460px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
}

#cc3 p a{
	margin: 2px;
	color: #000000;
	background-color: #CCCCCC;
	font-weight: bold;
	float: right;
}


#cc4{
	font-size: 12px;
	font-weight: normal;
	color: #333;
	position:absolute;
	width:auto;
	height:auto;
	z-index:1;
	left: 228px;
	top: 3400px;
	background-color: #FFFFFF;
	border: 1px solid #C0C0C0;
	padding: 5px;
	visibility: hidden;
}

/* safari \*/
html:\66irst-child #cc4 {
	left: 288px;
	top: 3315px;
}


#cc4 caption{
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

#cc4 th{
	font-size: 12px;
	font-weight: normal;
	color: #333;
	background-color: #EFEFEF;
	padding: 5px;
}

#cc4 p{
	margin: 0px;
	width: 460px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
}

#cc4 p a{
	margin: 2px;
	color: #000000;
	background-color: #CCCCCC;
	font-weight: bold;
	float: right;
}


/*資材用途------------------------------------------------------*/

#challenge{
	border:1px solid #CCC;
	margin-top: 0;
	margin-bottom: 20px;
}

#challenge h1{
font-size:20px;
font-weight:bold;
margin:15px 15px 10px 15px;
padding:0;
width:auto;
color:#963B3B;
}

#challenge h2{
font-size:14px;
margin:0 15px 35px 15px;
padding:0;
width:auto;
}

#challenge dl{
margin:0 15px 20px 15px;
padding:0;
width:auto;
}

#challenge img{
display:block;
margin:0 155px 25px 155px;
padding:0;
} 

#challenge dt{
font-weight:bold;
color:#963B3B;
margin-bottom:15px;
} 

#challenge dd{
	margin-bottom:15px;
	font-size: 14px;
} 

#challenge dl dl{
margin:0;
padding:0;
}

#challenge dl dl dt{
font-size:16px;
margin-bottom:10px;
margin-right:10px;
} 

#challenge dl dl dd{
margin-bottom:20px;
padding:0;
} 

#challenge ul{
	width:auto;
	list-style:none;
	margin: 0;
	padding: 0;
}

#challenge li{
	margin-bottom:10px;
	font-weight: bold;
	font-size: 14px;
	margin-left: 20px;
}