@charset "utf-8";


/* sec0 */
#activity #sec0 { width:1100px; background:url(../../activity/img/sec0_bg.jpg) no-repeat; padding-bottom:72px; margin-top:20px;}
#activity #sec0 h3 { padding:40px 0 0 30px}
#activity #sec0 p { padding-left:30px}


#activity #sec0 {background:url(../../activity/img/sec0_bg_c.jpg) no-repeat;}
#activity #sec0 div { color:#fff; margin:40px; padding-left:40%;}
#activity #sec0 div a { color:#fff;}
#activity #sec0 div p { margin:30px 0;}



/* anavi */
#activity #anavi { width:565px; height:58px; margin:-58px 0 0 14px;}
#activity #anavi li.navi1 { float:left; width:312px; padding-right:13px;}
#activity #anavi li.navi1 { width:312px; height:58px; position:relative;}
#activity #anavi li.navi1 img { position:absolute; left:0; bottom:0;}
#activity.spring #anavi li.navi1 a { display:block; width:312px; height:58px; background:url(../../activity/img/nav1_on.gif) no-repeat;}
#activity.spring #anavi li.navi1 a img { display:none;}

#activity #anavi li.navi2 { float:left; width:240px;}
#activity #anavi li.navi2 { width:240px; height:58px; position:relative;}
#activity #anavi li.navi2 img { position:absolute; left:0; bottom:0;}
#activity.winter #anavi li.navi2 a { display:block; width:240px; height:58px; background:url(../../activity/img/nav2_on.gif) no-repeat;}
#activity.winter #anavi li.navi2 a img { display:none;}

#activity #anavi a:hover img { display:block; height:58px}


/** 春・夏・秋のアクティビティ **/

/* sec1 */
#activity.spring #sec1 { background:#fdfff8; border:5px solid #8bb704; padding-bottom:80px;}
#activity.spring #sec1:after{ content:" " ; clear:both; display:block; height:0;}
#activity.spring #sec1 h4 { text-align:center; padding:29px 0 17px 0;}
#activity.spring #sec1 ul { padding:0 0 25px 110px; /display:inline-block;}
#activity.spring #sec1 ul:after{ content:" " ; clear:both; display:block; height:0;}
#activity.spring #sec1 ul li {float: left; width: 190px;}
#activity.spring #sec1 ul li a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}

/* sec1_1 */
#activity.spring #sec1_1 { width:1050px; background:#fff; border:1px solid #d1d1d1; margin:0 auto; padding-bottom:25px;}
#activity.spring #sec1_1:after{ content:" " ; clear:both; display:block; height:0;}
#activity.spring #sec1_1 h5 { float:left; width:103px; padding-top:18px;}
#activity.spring #sec1_1 .photo_col { float:left; width:413px; padding-top:18px;}
#activity.spring #sec1_1 .photo_col:after{ content:" " ; clear:both; display:block; height:0;}
#activity.spring #sec1_1 .photo_col img { float:left;}

#activity.spring #sec1_1 .detail_col { float:left; width:480px; padding:18px 0 0 28px;}
#activity.spring #sec1_1 .detail_col table { margin-top:8px;}
#activity.spring #sec1_1 .detail_col table th { width:90px; padding-bottom:7px; vertical-align:top;}
#activity.spring #sec1_1 .detail_col p { padding-top:15px;}
#activity.spring #sec1_1 .detail_col dl { background:#fff4ef; padding:0 15px 15px 15px; margin:10px 0 30px 0;}
#activity.spring #sec1_1 .detail_col dt { font-weight:bold; padding-top:15px;}

#activity.spring #sec1_1 p.caution { clear:both; font-size:0.9em; color:#d74545; padding:25px 0 0 100px;}


/* sec1_2 */
#activity.spring #sec1_2 { width:1050px; background:#fff; border:1px solid #d1d1d1; margin:37px auto 0 auto; padding-bottom:25px;}
#activity.spring #sec1_2:after{ content:" " ; clear:both; display:block; height:0;}
#activity.spring #sec1_2 h5 { float:left; width:103px; padding-top:18px;}

#activity.spring #sec1_2 div { float:left; width:452px; padding:18px 19px 0 0;}
#activity.spring #sec1_2 div:after{ content:" " ; clear:both; display:block; height:0;}
#activity.spring #sec1_2 div h6 { padding:17px 0 14px 0;}
#activity.spring #sec1_2 div table th { width:90px; padding-bottom:7px; vertical-align:top;}
#activity.spring #sec1_2 div p { padding-top:20px;}

#activity.spring #sec1_2 p.caution { clear:both; font-size:0.9em; color:#d74545; padding:25px 0 0 100px;}


/* sec1_3 */
#activity.spring #sec1_3 { width:1050px; background:#fff; border:1px solid #d1d1d1; margin:37px auto 0 auto; padding-bottom:25px;}
#activity.spring #sec1_3:after{ content:" " ; clear:both; display:block; height:0;}
#activity.spring #sec1_3 h5 { float:left; width:103px; padding-top:18px;}

#activity.spring #sec1_3 div { float:left; width:452px; padding:18px 19px 0 0;}
#activity.spring #sec1_3 div:after{ content:" " ; clear:both; display:block; height:0;}
#activity.spring #sec1_3 div h6 { padding:17px 0 14px 0;}
#activity.spring #sec1_3 div table th { width:90px; padding-bottom:7px; vertical-align:top;}
#activity.spring #sec1_3 div p { padding-top:20px;}

#activity.spring #sec1_3 p.caution { clear:both; font-size:0.9em; color:#d74545; padding:25px 0 0 100px;}


/* sec1_4 */
#activity.spring #sec1_4 { padding-left:19px; margin-top:37px;}
#activity.spring #sec1_4:after{ content:" " ; clear:both; display:block; height:0;}

#activity.spring #sec1_4 div { float:left; width:517px; background:#fff; border:1px solid #d1d1d1; padding:23px 0 30px 0; margin-right:15px;}
#activity.spring #sec1_4 div:after{ content:" " ; clear:both; display:block; height:0;}
#activity.spring #sec1_4 div h5 { float:left; width:103px;}
#activity.spring #sec1_4 div img.photo { float:right; width:414px;}
#activity.spring #sec1_4 div table { float:right; width:414px; margin-top:10px;}
#activity.spring #sec1_4 div table th { width:90px; padding-bottom:7px; vertical-align:top;}
#activity.spring #sec1_4 div p { float:right; width:400px; padding:10px 14px 0 0;}
#activity.spring #sec1_4 div p strong { display:block; font-size:0.9em; color:#d74545; padding-top:15px;}


/* sec1_5 */
#activity.spring #sec1_5 {}
#activity.spring #sec1_5 p { text-align:center;}
#activity.spring #sec1_5 dl { width:594px; margin:25px auto 0 auto;}
#activity.spring #sec1_5 dl:after{ content:" " ; clear:both; display:block; height:0;}
#activity.spring #sec1_5 dt { float:left; width:254px;}
#activity.spring #sec1_5 dd { float:left; width:340px;}
#activity.spring #sec1_5 dd a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}



/** 冬のアクティビティ **/

/* sec1 */
#activity.winter #sec1 { background:#f8fbff; border:5px solid #a194ce; padding-bottom:80px;}
#activity.winter #sec1:after{ content:" " ; clear:both; display:block; height:0;}
#activity.winter #sec1 h4 { text-align:center; padding:29px 0 17px 0;}
#activity.winter #sec1 ul { padding:0 0 25px 137px; /display:inline-block;}
#activity.winter #sec1 ul:after{ content:" " ; clear:both; display:block; height:0;}
#activity.winter #sec1 ul li { float:left; width:140px;}
#activity.winter #sec1 ul li a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}

/* sec1_1 */
#activity.winter #sec1_1 { width:1050px; background:#fff; border:1px solid #d1d1d1; margin:0 auto; padding-bottom:25px;}
#activity.winter #sec1_1:after{ content:" " ; clear:both; display:block; height:0;}
#activity.winter #sec1_1 h5 { float:left; width:103px; padding-top:18px;}
#activity.winter #sec1_1 .photo_col { float:left; width:529px; padding-top:18px;}
#activity.winter #sec1_1 .photo_col:after{ content:" " ; clear:both; display:block; height:0;}
#activity.winter #sec1_1 .photo_col img { float:left;}

#activity.winter #sec1_1 .detail_col { float:left; width:370px; padding:18px 0 0 17px;}
#activity.winter #sec1_1 .detail_col table { margin-top:8px;}
#activity.winter #sec1_1 .detail_col table th { width:90px; padding-bottom:7px; vertical-align:top;}
#activity.winter #sec1_1 .detail_col p { padding-top:20px;}

#activity.winter #sec1_1 p.caution { clear:both; font-size:0.9em; color:#d74545; padding-left:100px;}

/* sec1_2 */
#activity.winter #sec1_2 { background:url(../../activity/img/sec1_2_bg.jpg) no-repeat right bottom; padding-left:19px; /display:inline-block;}
#activity.winter #sec1_2:after{ content:" " ; clear:both; display:block; height:0;}

#activity.winter #sec1_2 div { float:left; width:517px; background:#fff; border:1px solid #d1d1d1; padding:23px 0 30px 0; margin-right:15px; overflow:hidden;}
#activity.winter #sec1_2 div:after{ content:" " ; clear:both; display:block; height:0;}
#activity.winter #sec1_2 div h5 { float:left; width:103px;}
#activity.winter #sec1_2 div img.photo { float:right; width:414px;}
#activity.winter #sec1_2 div table { float:right; width:414px; margin-top:10px;}
#activity.winter #sec1_2 div table th { width:90px; padding-bottom:7px; vertical-align:top;}
#activity.winter #sec1_2 div p { float:right; width:400px; padding:10px 14px 0 0;}
#activity.winter #sec1_2 div p strong { display:block; font-size:0.9em; color:#d74545; padding-top:15px;}

/* sec1_3 */
#activity.winter #sec1_3 { padding-top:60px;}
#activity.winter #sec1_3 p { text-align:center;}
#activity.winter #sec1_3 dl { width:594px; margin:25px auto 0 auto;}
#activity.winter #sec1_3 dl:after{ content:" " ; clear:both; display:block; height:0;}
#activity.winter #sec1_3 dt { float:left; width:254px;}
#activity.winter #sec1_3 dd { float:left; width:340px;}
#activity.winter #sec1_3 dd a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}


/* ページトップ */
#activity p.pagetop { clear:both; width:1052px; height:auto !important; margin:0 auto; text-align:right;}
#activity p.pagetop a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
#activity.spring #sec1_4 p.pagetop,#activity.winter #sec1_2 p.pagetop { margin:0 1px; padding-bottom:37px;}
#activity.winter p.pagetop { padding-bottom:50px;}
#activity p.last { width:518px;}




