@charset "shift_jis";
/* CSS Document */

/* ================ mainimg ================ */

#mainimg p{
	width:950px;
}

/* ================ section ================ */

/*----------PageCommon--------- */

#mainCont h2{
	padding-bottom:20px;
}
#mainCont ul#pNavi{
	margin-left:-11px;
	margin-bottom:38px;
}
#mainCont ul#pNavi li{
	float:left;
	display:block;
	padding-left:11px;
	padding-top:11px;
	position:relative;
}
#mainCont ul#pNavi li .newIcon{
	position:absolute;
	left:11px;
	top:11px;
}
#mainCont .sectionLayout{
	width:640px;
	padding-top:40px;
	margin-bottom:44px;
	background:url(../img/styleimage/line1.gif) repeat-x left top;
}
#mainCont .sectionLayout .cntWrap1{
	padding-top:20px;
	padding-bottom:20px;
}
#mainCont .sectionLayout .cntWrap1 .detailBox{
	width:278px;
	height:427px;
	float:left;
	padding-right:20px;
	position:relative;
}
#mainCont .sectionLayout .cntWrap1 .detailBox .txt1{
	padding-top:12px;
	padding-bottom:20px;
}
body.mac #mainCont .sectionLayout .cntWrap1 .detailBox .txt1{
	font-size:11px;
	line-height:1.7;
}
#mainCont .sectionLayout .cntWrap1 .detailBox .cnt1{
	width:222px;
	height:150px;
	margin:0 auto 20px auto;
	position:relative;
	background:url(../img/styleimage/section_axis.gif) no-repeat left top;
}

#mainCont .sectionLayout .cntWrap1 .detailBox .cnt2{
	position:absolute;
	left:0;
	bottom:0;
}

#mainCont .sectionLayout .cntWrap1 .galleryBox{
	width:342px;
	height:427px;
	float:left;
}

#mainCont .sectionLayout .cntWrap1 .galleryBox ul.photoBox{
	width:251px;
	height:427px;
	float:left;
	position:relative;
}
#mainCont .sectionLayout .cntWrap1 .galleryBox ul.photoBox li{
	position:absolute;
	left:0;
	top:0;
}
#mainCont .sectionLayout .cntWrap1 .galleryBox ul.thumbBox{
	width:86px;
	padding-left:5px;
	float:left;
	cursor:pointer;
	margin-top:-5px;
}
#mainCont .sectionLayout .cntWrap1 .galleryBox ul.thumbBox li{
	display:block;
	padding-top:5px;
}
#mainCont .sectionLayout .cntWrap1 .galleryBox ul.thumbBox li.first{
	padding-top:0;
}

#mainCont .sectionLayout .cntWrap2 h4{
	width:640px;
	margin-bottom:8px;
	background:url(../img/styleimage/section_cnt2_subttl_bg.gif) repeat-x left 20px;
}
#mainCont .sectionLayout .cntWrap2 .cntBox .leftBox{
	width:455px;
	float:left;
	position:relative;
}

#mainCont .sectionLayout .cntWrap2 .cntBox .leftBox .txtBox{
	width:455px;
	height:27px;
	background:#F9F4EE;
}
#mainCont .sectionLayout .cntWrap2 .cntBox .leftBox .txtBox p{
	padding-left:9px;
	background:url(../img/common/arrow_p.gif) no-repeat 0 7px;
	*background:#F9F4EE url(../img/common/arrow_p.gif) no-repeat 0 7px;
	padding-top:3px;
	margin-left:10px;
	
}
#mainCont .sectionLayout .cntWrap2 .cntBox .leftBox .txtBox p a{
	font-size:11px;
}
#mainCont .sectionLayout .cntWrap2 .cntBox .rightBox{
	width:171px;
	float:left;
	padding-left:14px;
}
/*----------AddChange--------- */

#mainCont .cntWrap1 .detailBox .cnt1 .item{
	position:absolute;
}
#sec1 .cntWrap1 .detailBox .cnt1 .item{
	right:27px;
	bottom:-10px;
}
#sec2 .cntWrap1 .detailBox .cnt1 .item{
	left:60px;
	top:0;
}
#sec3 .cntWrap1 .detailBox .cnt1 .item{
	left:55px;
	bottom:6px;
}
#sec4 .cntWrap1 .detailBox .cnt1 .item{
	left:37px;
	top:10px;
}
#sec5 .cntWrap1 .detailBox .cnt1 .item{
	right:66px;
	bottom:0px;
}
#sec6 .cntWrap1 .detailBox .cnt1 .item{
	left:60px;
	bottom:0px;
}
#sec7 .cntWrap1 .detailBox .cnt1 .item{
	left:132px;
	bottom:46px;
}
#sec8 .cntWrap1 .detailBox .cnt1 .item{
	left:79px;
	bottom:96px;
}
#sec9 .cntWrap1 .detailBox .cnt1 .item{
	left:79px;
	bottom:-3px;
}
#sec10 .cntWrap1 .detailBox .cnt1 .item{
	left:34px;
	bottom:86px;
}
#sec11 .cntWrap1 .detailBox .cnt1 .item{
	left:123px;
	bottom:12px;
}