@charset "utf-8";

/* contents
====================================== */
#contents{width:655px;}

.main-img{
	margin-bottom:5px;
}
.main-lead{
	margin-bottom:30px;
}
.about-box{
	margin-bottom:20px;
	padding:20px;
	border: solid 3px #72481B;
	background-color:#F7F2DF;
}
.about-box .about-ttl{
	font-weight:bold;
	margin-bottom:10px;
	padding-left:5px;
	border-left: solid 4px #73491C;
	color:#72481B;
	font-size:18px;
}
.about-box .about-left{
	float:left;
	width:180px;
	margin-right:20px;
}
.about-box .about-right{
	float:left;
	width:409px;
}
.caption{
	padding-top:5px;
	font-size:11px;
}
.about-person01{
	float:left;
	width:200px;
	margin-right:9px;
}
.about-person02{
	float:left;
	width:200px;
}
.about-person01 .photo,
.about-person02 .photo{
	float:left;
	width:80px;
	margin-right:10px;
}
.about-person01 .data,
.about-person02 .data{
	float:left;
	width:110px;
	font-size:11px;
}
.about-lead{
	margin-bottom:10px;
}

.vol-navi{
	margin-bottom:15px;
}
.vol-navi li{
	float:left;
	margin-right:26px;
	margin-bottom:15px;
}
.vol-navi .last{
	margin-right:0px;
}
.vol-ttl{
	margin-bottom:20px;
	padding:10px 5px 10px 5px;
	background: url(../images/vol1/ttl_vol.jpg) repeat-y left top;
	font-size:15px;
	color:#FFFFFF;
}
.vol-ttl .volno{
	margin-right:15px;
	padding:3px 10px;
	background-color:#FFFFFF;
	color:#865219;
}
.vol-lead{
	margin-bottom:30px;
}
.column-ttl{
	margin-bottom:5px;
	border-left: solid 4px #86861C;
	padding-left:5px;
	font-size:18px;
}
.column-box{
	margin-bottom:40px;
	padding-top:20px;
	border-top: solid 1px #CCCCCC;
}
.column-left{
	float:left;
	width:255px;
	margin-right:20px;
	margin-bottom:30px;
}
.column-left .mb20{
	margin-bottom:20px;
}
.column-right{
	float:left;
	width:380px;
	margin-bottom:30px;
}
.right-cap img{
	float:left;
	margin-right:10px;
}
.right-cap .caption{
	display:block;
	float:left;
	width:120px;
}
.comment-box{
	clear:both;
	margin-bottom:20px;
	padding:10px;
	background-color:#D0CBB3;
}
.comment-box .comment-ttl{
	float:left;
	width:120px;
	margin-right:15px;
	padding:5px 10px;
	background-color:#8F7752;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
}
.comment-box .comment-data{
	float:left;
	width:480px;
}
.comment-box .comment-data .comment-text{
	float:left;
	width:259px;
	margin-right:30px;
}
.comment-box .comment-data .comment-photo{
	float:left;
	width:191px;
}




.single-column{
	margin-bottom:20px;
}

.bottom-box{
	position:relative;
	margin-bottom:30px;
	padding:20px;
	background: url(../images/vol1/bottom_back.jpg) repeat-y left top;
	color:#fff;
}
.bottom-box a{
	color:#fff !important;
}
.bottom-box .bottom-ttl_vol01{
	height:100px;
	margin-bottom:30px;
	padding-top:10px;
	padding-left:120px;
	background: url(../images/vol1/bottom_line.gif) no-repeat left bottom;
	font-size:25px;
	color:#fff;
}
.bottom-box .bottom_img{
	position:absolute;
	top:20px;
	left:20px;
	z-index:100;
}
.bottom-box .milestone_img{
	position:absolute;
	top:20px;
	right:20px;
	z-index:100;
}

.bottom-person01{
	float:left;
	margin-right:15px;
	margin-bottom:30px;
}
.bottom-person02{
	float:left;
	margin-bottom:30px;
}
.bottom-person01 .bottom-photo,
.bottom-person02 .bottom-photo{
	float:left;
	width:100px;
	margin-right:10px;
}
.bottom-person01 .bottom-coment,
.bottom-person02 .bottom-coment{
	float:left;
	width:180px;
}

.bottom-comment{
	clear:both;
	margin-bottom:30px;
}
.bottom-comment .comment-photo{
	float:left;
	width:100px;
	margin-right:5px;
}
.bottom-comment .comment-data{
	float:left;
	width:507px;
	background: url(../images/vol1/bottom_comment_back.gif) no-repeat left top;
}
.bottom-comment .comment-data p{
	width:447px;
	padding:20px 30px;
	background: url(../images/vol1/bottom_comment_bottom.gif) no-repeat left bottom;
}

.related-sec h3 {
width: 655px;
float: left;
margin-top: 20px;
position: relative;
font-size: 18px;
text-indent: 20px;
}

.related-sec .check_box {
position: relative;
width: 653px;
margin-bottom: 10px;
background-color: #FFF;
padding-top: 10px;
background-image: url(../images/vol1/kanten_top.gif);
background-repeat: repeat-y;
margin-top: 2px;
padding-bottom: 10px;
}
.related-sec .check_box_naka {
background-color: #FFF;
margin-right: 12px;
margin-bottom: 10px;
margin-left: 17px;
float: left;
position: relative;
padding-bottom: 5px;
}
.related-sec .check_box dl {
float: left;
width: 290px;
margin-left: 15px;
margin-bottom: 10px;
position: relative;
margin-right: 5px;
margin-top: 10px;
}
.related-sec .check_box dl dt {
background-image: url(../images/vol1/icon02.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
font-size: 14px;
padding-left: 15px;
}
.related-sec .check_box dl dd {
margin-left: 15px;
}


.photo-column{
	clear:both;
	width:540px;
	margin: 0 auto 30px auto;
}
.photo-column .left-photo{
float:left;
width:255px;
margin-right:30px;

}
.photo-column .right-photo{
float:left;
width:255px;
}
.column-text{
	margin-bottom:20px;
}





/* clearfix
====================================== */
#contents:after{clear:both;content:".";display:block;height:0;visibility:hidden;}