@charset "UTF-8";
/* CSS Document */

#tourism #wrapper { background:url(../../tourism/img/title_bg.gif)  repeat-x center top;}
#tourism h2 { width:1011px; padding:23px 19px 16px 0; margin:0 auto; text-align:right;}

#tourism #cnav { background:url(../../tourism/img/tab_line.gif) no-repeat center bottom; display:inline-block; width:1000px; padding:10px 0 13px 10px;}
#tourism #cnav li { display:inline-block; width:329px; height:55px; float:left; padding-right:5px;}
#tourism #cnav #cnav3 { padding-right:0;}
#tourism #cnav li a { display:block; width:329px; height:40px;}
#tourism.index #cnav1,#tourism.spot #cnav1 { background:url(../../tourism/img/tab1_on.gif) no-repeat left top;}
#tourism.clnd #cnav2 { background:url(../../tourism/img/tab2_on.gif) no-repeat left top;}
#tourism.exp #cnav3 { background:url(../../tourism/img/tab3_on.gif) no-repeat left top;}
#tourism.index #cnav1 a img,
#tourism.spot #cnav1 a img,
#tourism.clnd #cnav2 a img,
#tourism.exp #cnav3 a img { display:none;}

#tourism.spot p#note { clear: both; box-sizing: border-box; display: block; border: 1.5px solid #cc0000; color: #cc0000; width: 950px; text-align: center; margin: 10px auto; font-size: 14px; padding: 20px !important;}


#tourism #contents_inner { background:#fff; display:inline-block; width:1008px; padding:14px 0 25px 0; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf;}

/* 観る・遊ぶトップ */
#tourism.index #contents_inner a:hover img { -ms-filter: "alpha( opacity=80 )"; filter: alpha( opacity=80 ); opacity:0.80;}
#tourism.index #contents_inner { margin-bottom:25px;}
#tourism.index #sec1 { background:url(../../tourism/img/sec1_bg.jpg) no-repeat 14px 14px;}
#tourism.index #sec1 h3 { /*padding:43px 0 229px 115px;*/padding:43px 0 230px 115px;}
#tourism.index #sec1 ul { display:inline-block; width:100%;}
#tourism.index #sec1 li { display:inline-block; float:left; padding-bottom:15px;}
/*#tourism.index #sec1 .right { padding-left:10px;}*/
#tourism.index #sec2 { background:url(../../tourism/img/sec2_bg.gif) no-repeat left top; width:946px; margin-left:33px;}
#tourism.index #sec2 h3 { padding:20px 0 0 209px;}
#tourism.index #sec2 p { padding:30px 0 50px 214px;}
#tourism.index #sec2 div { display:inline-block; width:909px; margin-left:17px;}
#tourism.index #sec2 dt { font-size:1.3em;}
#tourism.index #sec2 dd p { display:inline-block; float:left; padding:0; font-size:0.95em;}
#tourism.index #sec2 dd img { display:inline-blockl; float:left;}
#tourism.index #sec2_1 { background:url(../../tourism/img/sec2_1_bg1.gif) no-repeat left top; display:inline-block; width:448px; float:left;}
#tourism.index #sec2_1 dt { padding:19px 21px 5px 23px;}
#tourism.index #sec2_1 dd { background:url(../../tourism/img/sec2_1_bg2.gif) no-repeat left bottom; display:inline-block; width:406px; padding:0 21px 20px 21px;}
#tourism.index #sec2_1 dd p { width:248px; padding-left:15px;}
#tourism.index #sec2_2 { background:url(../../tourism/img/sec2_2_bg1.gif) no-repeat left top; display:inline-block; width:382px; float:right; padding-right:15px; position:relative;}
#tourism.index #sec2_2 dt { padding:20px 21px 11px 24px;}
#tourism.index #sec2_2 dd { background:url(../../tourism/img/sec2_2_bg2.gif) no-repeat left bottom; width:348px; padding:0 26px 23px 8px;}
#tourism.index #sec2_2 dd div { display:inline-block; width:100%; padding-bottom:14px; margin:0;}
#tourism.index #sec2_2 dd img { display:inline-block; float:left; padding-left:18px;}
#tourism.index #sec2_2 dd p { display:inline-block; width:173px; float:left; padding-left:8px;}
#tourism.index #sec2_2 dd p img { float:none; padding:0 0 5px 0;}
#tourism.index #sec2_2 dd .check p { width:180px; padding:18px 0 0 12px; text-indent:-12px;}
#tourism.index #sec2_2 dd .check p img { padding:0;}
#tourism.index #sec2_2 dd .check img { padding-left:14px;}
#tourism.index #sec2_2 dd .check a { display:inline-block; margin:26px 0 0 7px;}
#tourism.index #sec2_2 dd .cursor { position:absolute; left:-108px; top:83px;}
#tourism.index #sec2_3 { background:url(../../tourism/img/sec2_3_bg1.gif) no-repeat left top; display:inline-block; width:382px; float:left; margin-top:14px; position:relative;}
#tourism.index #sec2_3 dt { padding:45px 21px 11px 42px;}
#tourism.index #sec2_3 dd { background:url(../../tourism/img/sec2_3_bg2.gif) no-repeat left bottom; width:334px; padding:0 23px 36px 25px;}
#tourism.index #sec2_3 dd div { display:inline-block; width:100%; padding-bottom:14px; margin:0;}
#tourism.index #sec2_3 dd img { display:inline-block; float:left; padding-left:14px;}
#tourism.index #sec2_3 dd a { display:inline-block; float:right; padding:26px 6px 0 0;}
#tourism.index #sec2_3 dd p { display:inline-block; width:160px; float:left; padding:5px 0 0 15px;}
#tourism.index #sec2_3 dd p img { float:none; padding:0 0 5px 0;}
#tourism.index #sec2_3 dd .check p { text-indent:-8px;}
#tourism.index #sec2_3 dd .check img { padding-left:;}
#tourism.index #sec2_3 dd .cursor { position:absolute; right:-136px; top:26px;}
#tourism.index #sec2_4 { background:url(../../tourism/img/sec2_4_bg1.gif) no-repeat left top; display:inline-block; width:382px; float:right; padding-right:15px; margin-top:7px; position:relative;}
#tourism.index #sec2_4 dt { padding:26px 21px 12px 44px;}
#tourism.index #sec2_4 dd { background:url(../../tourism/img/sec2_4_bg2.gif) no-repeat left bottom; width:324px; padding:0 31px 20px 27px;}
#tourism.index #sec2_4 dd div { display:inline-block; width:100%; padding-bottom:24px; margin:0;}
#tourism.index #sec2_4 dd img { display:inline-block; float:left; padding-left:5px;}
#tourism.index #sec2_4 dd p { display:inline-block; width:159px; float:left; padding-left:18px;}
#tourism.index #sec2_4 dd p img { float:none; padding:0 0 5px 0;}
#tourism.index #sec2_4 dd .check p { width:157px; padding:6px 15px 0 5px; text-indent:-5px;}
#tourism.index #sec2_4 dd .cursor { position:absolute; left:-136px; top:89px;}
#tourism.index #sec2_5 { background:url(../../tourism/img/sec2_5_bg1.gif) no-repeat left top; display:inline-block; width:448px; float:left; margin-top:12px; position:relative;}
#tourism.index #sec2_5 dt { padding:20px 21px 10px 35px;}
#tourism.index #sec2_5 dd { background:url(../../tourism/img/sec2_5_bg2.gif) no-repeat left bottom; width:387px; padding:0 26px 20px 35px;}
#tourism.index #sec2_5 dd div { display:inline-block; width:100%; margin:0;}
#tourism.index #sec2_5 dd img { display:inline-block; float:left; padding-right:12px;}
#tourism.index #sec2_5 dd p { display:inline-block; width:231px; float:left;}
#tourism.index #sec2_5 dd p img { float:none; padding:0;}
#tourism.index #sec2_5 dd a { display:block; width:131px; margin:23px 0 0 98px;}
#tourism.index #sec2_5 dd .cursor { position:absolute; right:-88px; top:16px;}
#tourism.index #sec2_6 { background:url(../../tourism/img/sec2_6_bg1.gif) no-repeat left top; display:inline-block; width:448px; float:left; margin-top:17px; position:relative;}
#tourism.index #sec2_6 dt { padding:22px 21px 5px 45px;}
#tourism.index #sec2_6 dd { background:url(../../tourism/img/sec2_6_bg2.gif) no-repeat left bottom; width:399px; padding:0 17px 15px 32px;}
#tourism.index #sec2_6 dd div { display:inline-block; width:100%; margin:0;}
#tourism.index #sec2_6 dd img { display:inline-block; float:left; padding-right:14px;}
#tourism.index #sec2_6 dd p { background:url(../../tourism/img/sec2_6_img2.gif) no-repeat 171px bottom; display:inline-block; width:241px; float:left; padding-bottom:9px;}
#tourism.index #sec2_6 dd p img { float:none; padding:0;}
#tourism.index #sec2_6 dd a { display:block; width:131px; margin:30px 0 0 4px;}
#tourism.index #sec2_6 dd .cursor { position:absolute; right:146px; top:-19px;}
#tourism.index #sec2_7 { background:url(../../tourism/img/sec2_7_bg1.gif) no-repeat left top; display:inline-block; width:448px; float:right; margin-top:17px; position:relative;}
#tourism.index #sec2_7 dt { padding:28px 21px 0 27px; position:relative; z-index:10;}
#tourism.index #sec2_7 dd { background:url(../../tourism/img/sec2_7_bg2.gif) no-repeat left bottom; display:inline-block; width:423px; padding:0 15px 15px 10px; margin-top:-16px;}
#tourism.index #sec2_7 dd p { background:url(../../tourism/img/sec2_7_img.gif) no-repeat left top; padding:31px 0 0 130px; position:relative; z-index:0;}
#tourism.index #sec2_7 dd a { display:block; width:131px; margin:34px 0 0 138px;}
#tourism.index #sec2_7 dd .cursor { position:absolute; left:-34px; top:-42px;}



/* 詳細ページ共通*/
#tourism.spot #contents_inner h3 { background:url(../../tourism/img/label.gif) no-repeat left top; display:inline-block; float:right;}
#tourism.spot #contents_inner h4 { background:url(../img/line.gif) no-repeat left bottom; padding-bottom:8px;}
#tourism.spot #contents_inner #title_col { position: relative; display:inline-block; width:746px; height:427px; float:right; padding-right:53px; margin:0;}
#tourism.spot #contents_inner #title_col p { display:inline-block; float:left; padding:151px 0 0 5px;}
#tourism.spot #contents_inner #title_col a { position: absolute; bottom: -37px; right: 42px;}
#tourism.spot #contents_inner #tnav { display:inline-block; float:left; padding:8px 0 0 16px;}
#tourism.spot #contents_inner #tnav li { padding-bottom:5px;}
#tourism.spot #contents_inner #tnav a:hover img { -ms-filter: "alpha( opacity=80 )"; filter: alpha( opacity=80 ); opacity:0.80;}
#tourism.spot #contents_inner div { display:inline-block; width:950px; margin-left:30px;}
#tourism.spot #contents_inner div p { display:inline-block; width:500px; float:left; padding:30px 0 20px 29px;}
#tourism.spot #contents_inner div .photo { display:inline-block; float:right;}
#tourism.spot #contents_inner .right { padding-bottom:20px;}
#tourism.spot #contents_inner .right p { float:right; padding:30px 40px 0 0;}
#tourism.spot #contents_inner .right .photo { float:left; padding-right:0;}
#tourism.spot #contents_inner #info_col { width:944px; padding:14px 0; border:3px solid #6a8d46;}
#tourism.spot #contents_inner #info_col .photo { float:left; padding:0 0 0 15px; margin-top:0;}
#tourism.spot #contents_inner #info_col p { width:301px; padding:0 9px;}
#tourism.spot #contents_inner #info_col table { width:425px; float:left;}
#tourism.spot #contents_inner #info_col th { padding:3px 0; border-bottom:1px dotted #000000; width:90px;}
#tourism.spot #contents_inner #info_col td { padding:3px 0 3px 5px; border-bottom:1px dotted #000000;}
#tourism.spot #contents_inner #info_col a { color:#6a8d46;}
#tourism.spot #contents .btn_taxi { margin: 35px auto 10px; display: block; text-align: center;}

/* 雲仙地獄 */
#tourism.jigoku #title_col { background:url(../../tourism/img/1_bg.jpg) no-repeat left top;}
#tourism.jigoku h3 { padding:34px 34px 28px 37px;}
#tourism.jigoku #sec1 .photo { padding-right:23px; margin-top:-38px;}
#tourism.jigoku #sec2 .photo { padding-left:6px; margin-top:-10px;}
#tourism.jigoku #sec3 .photo { padding-right:18px; margin-top:-28px;}
#tourism.jigoku #sec4 .photo { padding-left:35px; margin-top:-17px;}
#tourism.jigoku #sec3 span { display:block; width:163px; float:left; padding-left:407px;}
#tourism.jigoku #sec3 a:hover img { -ms-filter: "alpha( opacity=80 )"; filter: alpha( opacity=80 ); opacity:0.80;}

/* 160114 maehata 追記 */
#tourism.jigoku #contents_inner #sec5:after,
#tourism.jigoku #contents_inner #sec6:after,#tourism.jigoku #contents_inner #sec8:after,
#tourism.jigoku #contents_inner #sec7:after,#tourism.jigoku #contents_inner #sec9:after{content: ".";display: block;height: 0;clear: both;line-height: 0;visibility: hidden;}
#tourism.jigoku #contents_inner .line h4 { padding:20px 0 20px 20px; background:url(../../tourism/img/tit_bg.gif) repeat-x;}
#tourism.jigoku .line { border:#dfecc1 solid 3px; margin:20px 0;}
#tourism.jigoku #contents_inner #sec5 {padding: 0 0 60px;}
#tourism.jigoku #contents_inner #sec5 dl { width:890px; display:inline-block; margin:10px 0; padding:0 0 0 30px; }
#tourism.jigoku #sec5 dt { margin:20px 0 15px; padding:0 0 5px; border-bottom:#6c8d1e solid 1px;}
#tourism.jigoku #sec5 .img { float:right; padding: 0 15px 0 0;}
#tourism.jigoku #sec5 dd { display:inline;}
#tourism.jigoku #sec5 dd p { float:left; width:500px; padding:0;}
#tourism.jigoku #sec5 table { float:left;  margin:10px 0 0; width:500px;}
#tourism.jigoku #sec5 td { padding:3px 0 3px 5px; border-bottom:1px dotted #000000;}
#tourism.jigoku #sec5 tr { padding:3px 0; width:90px; border-bottom:1px dotted #000000;}
#tourism.jigoku #sec5 th { vertical-align:top; padding:7px 0;}
#tourism.jigoku #contents_inner #con { display:block; margin:0 auto; width:957px;}
#tourism.jigoku #contents_inner .sec_s { width:457px; margin-left:0;}
#tourism.jigoku #contents_inner .sec_s h4 img { margin:0; padding:0;}
#tourism.jigoku #contents_inner .sec_s img { display:block; margin:0 auto; padding:20px 0 0;}
#tourism.jigoku #contents_inner .sec_s p { float:none; display:block; margin:0 auto; padding:10px 0 30px; width:330px;}
#tourism.jigoku #contents_inner #sec6,#tourism.jigoku #contents_inner #sec8 { float:left;}
#tourism.jigoku #contents_inner #sec7,#tourism.jigoku #contents_inner #sec9 { float:right;}
#tourism.jigoku #sec10 { clear:both; position:relative; padding:30px 0 0;}
#tourism.jigoku #sec10 dl { position:relative; margin:60px;}
#tourism.jigoku #sec10 #map { margin:-160px 0 30px 30px;}

/* 仁田峠ロープウェイ */
#tourism.ropeway #title_col { background:url(../../tourism/img/2_bg.jpg) no-repeat left top;}
#tourism.ropeway h3 { padding:15px 21px 23px 22px;}
#tourism.ropeway #sec1 .photo { padding-right:44px; margin-top:-15px;}
#tourism.ropeway #sec2 .photo { padding-left:32px; margin-top:-12px;}
#tourism.ropeway #sec3 .photo { padding-right:44px; margin-top:-16px;}
#tourism.ropeway #sec4 .photo { padding-left:34px; margin-top:-2px;}
#tourism.ropeway #sec5 { padding-bottom:20px;}
#tourism.ropeway #sec5 .photo { padding-right:44px;}

/* 雲仙ゴルフ場 */
#tourism.golf #title_col { background:url(../../tourism/img/3_bg.jpg) no-repeat left top;}
#tourism.golf h3 { padding:29px 36px 20px 33px;}
#tourism.golf #sec1 .photo { padding-right:17px;}
#tourism.golf #sec2 .photo { padding:22px 0 0 14px;}

/* 雲仙テニス場 */
#tourism.tennis #title_col { background:url(../../tourism/img/4_bg.jpg) no-repeat left top;}
#tourism.tennis h3 { padding:17px 19px 35px 19px;}
#tourism.tennis #sec1 { padding-bottom:20px;}
#tourism.tennis #sec1 .photo { padding:11px 10px 0 0;}

/* 白雲の池 */
#tourism.hakuun #title_col { background:url(../../tourism/img/5_bg.jpg) no-repeat left top;}
#tourism.hakuun h3 { padding:41px 37px 24px 40px;}
#tourism.hakuun #sec1 { padding-bottom:20px;}
#tourism.hakuun #sec1 .photo { padding-right:45px; margin-top:-15px;}

/* 足湯広場 */
#tourism.ashiyu #title_col { background:url(../../tourism/img/6_bg.jpg) no-repeat left top;}
#tourism.ashiyu h3 { padding:36px 35px 33px 41px;}
#tourism.ashiyu #sec1 { padding-bottom:20px;}
/*#tourism.ashiyu #sec1 .photo { padding-right:19px; margin-top:-11px;}
*/
#tourism.ashiyu #contents_inner div#map_col { background:url(../../tourism/img/6_map_bg.gif) no-repeat; float:right; margin:20px 0; height:761px; text-align:center; width:530px; }
#tourism.ashiyu #contents_inner div#map_canvas { height:670px; margin: 10px; width:500px; }
#tourism.ashiyu #contents_inner div#map_canvas div { display:compact; width:auto; height:auto; margin:0; float:none; padding:0;}

#tourism.ashiyu #contents_inner div#sec1 p { width:360px; float:left; padding:30px 0 20px 29px; }
#tourism.ashiyu #contents_inner div#sec1 div#map_canvas p { padding:0; width:auto;}

#tourism.ashiyu #contents_inner div#sec1 .photo { float:left; margin: 0 0 15px 30px;}
#tourism.ashiyu #contents_inner div#info_col { float:left; padding:14px 0; border:3px solid #6a8d46; width:360px;}
#tourism.ashiyu #contents_inner div#info_col p { float:right; width:160px; padding:0 9px;}
#tourism.ashiyu #contents_inner div#sec1 div#info_col .photo { float:left; margin: 0 0 15px 10px; padding:0;}
#tourism.ashiyu #contents_inner div#info_col table { width:340px; float:left; margin:10px 0 0 10px;}

/* 雲仙焼 */
#tourism.unzenyaki #title_col { background:url(../../tourism/img/7_bg.jpg) no-repeat left top;}
#tourism.unzenyaki h3 { padding:36px 35px 33px 41px;}
#tourism.unzenyaki #sec1 { padding-bottom:20px;}
#tourism.unzenyakiu #sec1 .photo { padding-right:19px; margin-top:-20px;}

/* 湯せんぺい体験 */
#tourism.senpei #title_col { background:url(../../tourism/img/8_bg.jpg) no-repeat left top;}
#tourism.senpei h3 { padding:36px 40px 40px 40px;}
#tourism.senpei #sec1 { padding-bottom:20px;}
#tourism.senpei #sec1 .photo { padding-right:19px; margin-top:-20px;}

/* おもちゃ博物館 */
#tourism.toy #title_col { background:url(../../tourism/img/9_bg.jpg) no-repeat left top;}
#tourism.toy h3 { padding:36px 40px 40px 40px;}
#tourism.toy #sec1 { padding-bottom:20px;}
#tourism.toy .photo { padding-right:19px; margin-top:-30px;}

/* ビードロ美術館 */
#tourism.glass #title_col { background:url(../../tourism/img/10_bg.jpg) no-repeat left top;}
#tourism.glass h3 { padding:36px 40px 40px 40px;}
#tourism.glass #sec1 { padding-bottom:20px;}
#tourism.glass .photo { padding-right:19px; margin-top:-29px;}

/*体験プログラム*/
#tourism.exp h3 { padding:0 0 0 12px; margin-top:-8px; position:relative;}
#tourism.exp .section { padding:0 15px;}
#tourism.exp .section dl { background:url(../taiken/images/act_dot_bg.gif) no-repeat right bottom; display:inline-block; float:left; margin:14px; width:294px; }

#tourism.exp .section dl.ajd_col { background-position:left bottom;}
#tourism.exp .section dt { font-size:15px; font-weight:bold; line-height:22px; padding:5px 0 5px 1em;}
#tourism.exp .section dd { color:#000; padding:10px;}
#tourism.exp .section dd p { font-size:12px; padding-bottom:5px;}
#tourism.exp .section dd img { margin:0 0 8px 0;}
#tourism.exp .section dd b { display:block; margin-bottom:8px ;}
#tourism.exp .section dd b img { margin-bottom:0;}
#tourism.exp .section dd ul{ display:inline-block; padding-top:5px; width:283px;}
#tourism.exp .section dd li { float:left; font-size:12px; width:157px;}
#tourism.exp .section dd li.ajd { width:125px;}
#tourism.exp .section dd ul.ajd_ul { display:inherit;}
#tourism.exp .section dd ul.ajd_ul li { float:none; width:auto;}
#tourism.exp .section span { display:inline-block; text-align:center; margin:50px 0 10px 0 ; width:958px;}
#tourism.exp .section span p { text-align:right; margin-top:-20px; }

#tourism.exp .section dl.act { border:1px solid #cde3ab;}
#tourism.exp .section .act dt { background:#cde3ab;}
#tourism.exp .section .act dd p { border-bottom:1px dashed #cde3ab;}

#tourism.exp .section dl.gui { border:1px solid #ffe6b6;}
#tourism.exp .section .gui dt { background:#ffe6b6;}
#tourism.exp .section .gui dd p { border-bottom:1px dashed #ffe6b6;}

#tourism.exp .section dl.agr { border:1px solid #ffceb6;}
#tourism.exp .section .agr dt { background:#ffceb6;}
#tourism.exp .section .agr dd p { border-bottom:1px dashed #ffceb6;}

#tourism.exp .section dl.inf { border:1px solid #ccc;}
#tourism.exp .section .inf dd { font-size:20px;}
#tourism.exp .section .inf dd p { border-bottom:1px dashed #ccc; padding:10px; font-size:15px;}
#tourism.exp .section .inf dd p a { color:#80a559;}

/*イベントカレンダー*/
#tourism.clnd h3 { padding:0 0 0 12px; margin-top:-8px; position:relative;}
#tourism.clnd iframe { margin:0 20px 20px 20px;}

/*css変更
181226_eriko 乗合タクシーバナー掲載
190409_furusawa #tourism #cnav li/height変更
190712_akimoto #tourism.spot p#note 追加




-----*/