@charset "utf-8";
/***共通 ***/

/* sec1 */
#spa #sec1 { width:1100px; height:340px; margin:15px auto 0 auto; background:url(../../spa/img/sec1_bg.jpg) 0 0 no-repeat; position:relative;}

#spa #sec1 h3 { position:absolute; top:0; right:483px;}
#spa #sec1 ul{ width:1100px; height:350px;}
#spa #sec1 ul li{ float:left; margin:0 15px 0 0;}
#spa #sec1 ul li a:hover img{ -ms-filter: "alpha( opacity=80 )"; filter: alpha( opacity=80 ); opacity:0.80;}
#spa #sec1 ul li.snav2,
#spa #sec1 ul li.snav3 { padding:50px 0 0 0;}
#spa #sec1 ul li.snav2{ margin:0 190px 0 0;}
#spa #sec1 ul li.snav4{ margin:0;}

/* sec2 */
#spa #sec2 { width:1100px; margin:0 auto; padding-top:50px;}
#spa #sec2 .title_col { width:300px; background:url(../../spa/img/sec2_title_bg.png) 40px 0 no-repeat; margin:20px 0 -395px 800px;}
#spa #sec2 .title_col dl{ /display:inline-block;}
#spa #sec2 .title_col dl:after { content:" " ; clear:both; display:block; height:0; }
#spa #sec2 .title_col dl dt { float:left; padding-left:125px;}
#spa #sec2 .title_col dl dd { float:right; padding-right:105px;}
#spa #sec2 .title_col h4 { font-size:140%; line-height:1.5em; color:#596c3d; padding:50px 20px 0 20px;}
#spa #sec2 .title_col p { padding:20px 20px 0 20px;}

#spa #sec2 .photo_col { width:1100px; height:790px; position:relative;}
#spa #sec2 .photo_col img.photo1 { position:absolute; top:0; left:0;}
#spa #sec2 .photo_col img.photo2 { position:absolute; bottom:45px; left:0; z-index:1;}
#spa #sec2 .photo_col img.photo3 { position:absolute; bottom:0; left:300px;}
#spa #sec2 .photo_col img.photo4 { position:absolute; bottom:100px; right:0;}
#spa #sec2 .photo_col img.photo5 { position:absolute; bottom:60px; right:135px;}
#spa #sec2 .photo_col img.photo6 { position:absolute; bottom:200px; left:0;}





/* sec3 */
#spa #sec3 { width:1100px; margin:40px auto 0 auto; background:url(../../spa/img/sec4_bg.jpg) 0 0 no-repeat;}
#spa #sec3:after { content:" " ; clear:both; display:block; height:0; }
#spa #sec3 .title_col { width:295px; float:left; }
#spa #sec3 .title_col dl{ /display:inline-block;}
#spa #sec3 .title_col dl:after { content:" " ; clear:both; display:block; height:0; }
#spa #sec3 .title_col dl dt { float:left; padding-left:125px;}
#spa #sec3 .title_col dl dd { float:right; padding-right:105px;}
#spa #sec3 .title_col h4 { font-size:140%; line-height:1.5em; color:#596c3d; padding:25px 20px 0 20px;}
#spa #sec3 .title_col p { padding:20px 20px 0 20px;}
#spa #sec3 img.photo1 { float:right;}
#spa #sec3 .photo_col:after { content:" " ; clear:both; display:block; height:0; }
#spa #sec3 img.photo2 { clear:both; float:left; margin:-40px -75px 0 0;}
#spa #sec3 img.photo3 { float:left; margin-top:-5px;}





/* sec4 */
#spa #sec4 { width:1100px; margin:55px auto 0 auto; background:url(../../spa/img/sec5_bg.jpg) right 0 no-repeat;}
#spa #sec4 .title_col { width:400px; margin:15px 0 -310px 700px; }
#spa #sec4 .title_col h3 { padding-left:105px;}
#spa #sec4 .title_col h4 { font-size:140%; line-height:1.5em; color:#596c3d; padding:25px 20px 0 20px;}
#spa #sec4 .title_col p { padding:20px 20px 0 20px;}
#spa #sec4 .photo_col { width:1100px; height:790px; position:relative;}
#spa #sec4 .photo_col img.photo1 { position:absolute; top:0; left:0;}
#spa #sec4 .photo_col img.photo2 { position:absolute; top:330px; right:0; }
#spa #sec4 .photo_col img.stitle1 { position:absolute; top:395px; left:10px; z-index:1; }
#spa #sec4 .photo_col img.stitle2 { position:absolute; top:577px; right:10px; z-index:1; }
#spa #sec4 .photo_col img.photo3 { position:absolute; bottom:0; left:0; }
#spa #sec4 .photo_col h3 { position:absolute; bottom:90px; left:520px; }
#spa #sec4 .photo_col p {position:absolute; bottom:45px; left:520px; border-top:1px solid #73892d; padding-top:10px; }




/* sec5 */
#spa #sec5 { width:1100px; margin:50px auto 0 auto; background:url(../../spa/img/sec6_bg.png) 0 0 repeat; border:1px solid #758b27; padding-bottom:20px;}
#spa #sec5:after { content:" " ; clear:both; display:block; height:0; }
#spa #sec5 h3 { float:left; background:url(../../spa/img/sec6_bg2.png) 0 0 no-repeat; padding:20px 90px 110px 85px;}
#spa #sec5 table { width:860px; float:left; margin-top:20px; border-top:1px solid #666666;  border-bottom:1px solid #666666;}
#spa #sec5 table tr th { background:url(../../spa/img/sec6_table_bg.png) 0 0 repeat; padding:10px; vertical-align:top; text-align:center; border-right:1px dotted #666666;  border-bottom:1px dotted #666666;}
#spa #sec5 table tr td { padding:10px; border-bottom:1px dotted #666666;}