@charset "utf-8";

#anniversary #title { background:url(../../anniversary/img/title.jpg) no-repeat center 0;}
#anniversary #title h2 { position:absolute; left:50%; margin-left:138px;}


#anniversary #contents .reserve_col { width:1000px; padding-top:40px;}
#anniversary #contents .reserve_col span { display:inline-block; color:#b49766; padding:8px 0 0 20px;}


/* anavi */
#anniversary #anavi { width:1000px; padding-top:15px;}
#anniversary #anavi li { float:left; padding-right:12px;}
#anniversary #anavi li.navi4 { padding-right:0;}


/* sec0 */
#anniversary #sec0 { position:relative; width:1000px; height:501px; margin-bottom:50px;}
#anniversary #sec0 h3 { position:absolute; top:34px; left:403px; z-index:1;}
#anniversary #sec0 img.photo { position:absolute; top:0; left:0;}


/* sec1 */
#anniversary #sec1 { padding-top:20px;}
#anniversary #sec1 .title_col { float:left; width:465px;}
#anniversary #sec1 .title_col p { padding:35px 15px;}

#anniversary #sec1 .photo_col { float:right; width:525px;}
#anniversary #sec1 .photo_col dl.photo2 { float:right; width:280px;}
#anniversary #sec1 .photo_col dl.photo2 dt { margin:-6px 0 -130px 10px; position:relative; z-index:1;}
#anniversary #sec1 .photo_col img.photo3 { float:right; width:225px; padding:0 10px 17px 0;}
#anniversary #sec1 .photo_col dl.photo4 { float:right; width:225px; padding-right:10px;}
#anniversary #sec1 .photo_col dl.photo4 dt { margin:-5px 0 -131px 10px; position:relative; z-index:1;}
#anniversary #sec1 .photo_col p { float:right; width:225px; font-size:0.85em; line-height:1.6em; padding:15px 10px 24px 0;}
#anniversary #sec1 .photo_col img.photo5 { float:right; width:210px; padding:14px 0 0 5px;}
#anniversary #sec1 .photo_col dl.photo6 { float:right; width:299px; padding-top:14px;}
#anniversary #sec1 .photo_col dl.photo6 dt { margin:-5px 0 -131px 10px; position:relative; z-index:1;}


/* sec2 */
#anniversary #sec2 { padding-top:20px; margin-top:50px;}
#anniversary #sec2_1 dl { float:left; width:500px; padding-top:25px;}
#anniversary #sec2_1 dl dt { margin:-6px 0 -130px 10px; position:relative; z-index:1;}
#anniversary #sec2_1 div { float:right; width:462px;}
#anniversary #sec2_1 div p { padding-top:30px;}

#anniversary #sec2_2 { padding-top:25px;}
#anniversary #sec2_2 div { float:left; width:690px; /*background:url(../../anniversary/img/sec2_bg.jpg) no-repeat right 180px;*/}
#anniversary #sec2_2 div img.photo2 { float:left; width:230px; padding-right:10px;}
#anniversary #sec2_2 div img.photo3 { float:left; width:204px;}
#anniversary #sec2_2 div dl.photo4 { float:left; width:230px; padding-left:10px;}
#anniversary #sec2_2 div dl.photo4 dt { margin:-6px 0 -130px 10px; position:relative; z-index:1;}
#anniversary #sec2_2 div h4 { clear:both; padding:50px 0 0 10px;}
#anniversary #sec2_2 div ul { float:left; width:550px; color:#c3b07e; padding:25px 0 25px 10px;}
#anniversary #sec2_2 div img.photo5 { float:right; width:128px; margin-top:-38px; position:relative; z-index:1;}
#anniversary #sec2_2 img.photo6 { float:right; width:300px;}


/* sec3 */
#anniversary #sec3 { padding-top:20px; margin-top:50px;}
#anniversary #sec3_1 h3 { float:left; width:463px; padding:6px 17px 0 0;}
#anniversary #sec3_1 img.photo1 { float:left; width:185px; padding-top:6px;}
#anniversary #sec3_1 dl { float:right; width:325px; padding-top:6px;}
#anniversary #sec3_1 dl dt { margin:-6px 0 -130px 10px; position:relative; z-index:1;}

#anniversary #sec3_2 { margin-top:-80px;}
#anniversary #sec3_2_1 { float:left; width:320px; padding-right:10px;}
#anniversary #sec3_2_1 img.photo4 { float:left; width:150px; padding-top:15px;}
#anniversary #sec3_2_1 p { float:right; width:150px; font-size:0.9em; line-height:1.6em; padding:65px 0 0 20px;}

#anniversary #sec3_2_2 { float:left; width:435px;}
#anniversary #sec3_2_2 p.intro { width:320px; padding:25px 0 55px 0;}
#anniversary #sec3_2_2 div { width:425px; background:url(../../anniversary/img/sec3_bg.gif); padding:5px; overflow:visible; height:315px;}
#anniversary #sec3_2_2 div p { margin:-12px 0 -123px 10px; position:relative; z-index:1;}
#anniversary #sec3_2_2 div img.photo5 { float:left; width:210px; padding-right:5px;}
#anniversary #sec3_2_2 div img.photo6 { float:left; width:210px;}
#anniversary #sec3_2_2 p.caption { font-size:0.9em; padding:5px 0 0 5px;}

#anniversary #sec3_2_3 { float:right; width:215px; padding-top:90px;}
#anniversary #sec3_2_3 dl.photo7 { width:215px;}
#anniversary #sec3_2_3 dl.photo7 dt { margin:-6px 0 -130px 10px; position:relative; z-index:1;}
#anniversary #sec3_2_3 img.photo8 { padding:5px 0;}
#anniversary #sec3_2_3 img.photo9 { padding-bottom:10px;}


/* sec4 */
#anniversary #sec4 { padding-top:20px; margin-top:20px;}
#anniversary #sec4_1 .detail_col { float:right; width:470px;}
#anniversary #sec4_1 .detail_col p { padding-top:30px;}
#anniversary #sec4_1 .detail_col span { display:block; font-size:0.85em;}
#anniversary #sec4_1 .photo_col { float:left; width:500px; padding-top:45px;}

#anniversary #sec4_2 div.clearfix { float:left; width:625px; padding-top:25px;}
#anniversary #sec4_2 div.clearfix dl.photo2 { float:left; width:190px;}
#anniversary #sec4_2 div.clearfix dl.photo2 dt { margin:0 0 -126px 10px; position:relative; z-index:1;}
#anniversary #sec4_2 div.clearfix dl.photo3 { float:left; width:190px; padding:0 10px;}
#anniversary #sec4_2 div.clearfix dl.photo3 dt { margin:0px 0 -126px 10px; position:relative; z-index:1;}
#anniversary #sec4_2 div.clearfix dl.photo4 { float:left; width:190px;}
#anniversary #sec4_2 div.clearfix dl.photo4 dt { margin:0 0 -130px 10px; position:relative; z-index:1;}
#anniversary #sec4_2 div.clearfix h4 { clear:both; padding:25px 0 0 15px;}
#anniversary #sec4_2 div.clearfix ul {  color:#debfaf; padding:15px 0 15px 15px;}
#anniversary #sec4_2 div.clearfix p { font-size:0.8em; border:1px solid #75746f; line-height:20px; padding:10px;}

#anniversary #sec4_2 #aroma { float:right; width:372px; background:url(../../anniversary/img/sec4_aroma.jpg) no-repeat 13px 21px; margin-top:7px; padding-bottom:40px;}
#anniversary #sec4_2 #aroma h5 { padding:170px 0 0 42px;}
#anniversary #sec4_2 #aroma p { padding:15px 0 0 40px;}
#anniversary #sec4_2 #aroma p span { display:block; font-size:0.85em; color:#cebb82; line-height:20px; padding-top:15px;}



















