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

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

#about #cnav { background:url(../../about/img/tab_line.gif) no-repeat center bottom; display:inline-block; width:991px; padding:10px 0 13px 19px;}
#about #cnav li { display:inline-block; width:160px; height:40px; float:left; padding-right:3px;}
#about #cnav li a { display:block; width:160px; height:40px;}
#about.index #cnav1 { background:url(../../about/img/tab1_on.gif) no-repeat left top;}
#about.season #cnav3 { background:url(../../about/img/tab3_on.gif) no-repeat left top;}
#about.history #cnav4 { background:url(../../about/img/tab4_on.gif) no-repeat left top;}
#about.map #cnav5 { background:url(../../about/img/tab5_on.gif) no-repeat left top;}
#about.guide #cnav6 { background:url(../../about/img/tab6_on.gif) no-repeat left top;}
#about.index #cnav1 a img,
#about.season #cnav3 a img,
#about.history #cnav4 a img,
#about.map #cnav5 a img,
#about.guide #cnav6 a img { display:none;}

#about #contents_inner { width:1008px; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; background:#fff; padding-bottom:25px;}
#about #contents_inner .fac_list { width:950px; margin:0 auto;}
#about #contents_inner .fac_list .box { border-top:none; padding-bottom:0;}
#about #contents_inner .fac_list .box dt { height:2.3em; padding-left:33px; text-indent:-33px; line-height:1.1em;}
#about #contents_inner .fac_list .box dd p { margin:0 10px; font-size:0.9em; font-weight:bold;}
#about #contents_inner .fac_list .box dd p span { font-size:1.1em;}
#about #contents_inner .fac_list .box dd a { display:block; text-align:center; margin-left:0;}
#about #contents_inner .inq_col dd { font-size:1.2em;}
#about #contents_inner .inq_col .inq_tel { background:url(../../access/img/inq_tel.gif) no-repeat left 5px; width:auto; padding:0 0 25px 46px; text-align:left;}
#about #contents_inner .inq_col .inq_tel span { display:block; font-size:1.3em; color:#753643;}
#about #contents_inner .inq_col .inq_pc { background:url(../../access/img/inq_pc.gif) no-repeat left top; width:auto; padding:0 0 0 46px; text-align:left;}
#about #contents_inner .inq_col .inq_pc span { font-size:0.9em;}
#about #contents_inner .inq_col .inq_pc a { display:block; color:#000; font-size:0.9em;}

/* 雲仙とは？ */
#about.index h3 { background:url(../../about/img/tab1_title_bg.jpg) no-repeat center 13px; padding:72px 0 134px 449px;}
#about.index #contents_inner div { background:url(../img/line.gif) no-repeat center top; display:inline-block; width:950px; padding-top:10px; margin-left:29px;}
#about.index #contents_inner div div { background:none; width:auto; padding:0; margin:0;}
#about.index #contents_inner #sec1 { padding-bottom:44px;}
#about.index #contents_inner #sec1 h4 { background:url(../../about/img/tab1_1_bg.jpg) no-repeat left top; display:inline-block; width:433px; float:left; padding:51px 0 212px 0; text-align:center;}
#about.index #contents_inner #sec1 p { display:inline-block; width:485px; float:right; padding-top:22px;}
#about.index #contents_inner #sec1 p.last { width:335px; float:left; padding:0 0 0 21px;}
#about.index #contents_inner #sec1 div { width:555px; float:right; padding-top:16px; margin-left:-38px;}
#about.index #contents_inner #sec1 ul { display:inline-block; float:left;}
#about.index #contents_inner #sec1 li { display:inline-block; float:left; padding-right:4px;}
#about.index #contents_inner #sec1 li.last { padding-right:0;}
#about.index #contents_inner #sec1_1 p { display:inline-block; width:64px; float:left; padding:5px 42px 0 97px;}
#about.index #contents_inner #sec1_2 p { display:inline-block; width:190px; float:right; padding-top:11px;}
#about.index #contents_inner #sec1_2 p img { display:block; margin-bottom:10px;}
#about.index #contents_inner #sec2 { padding-bottom:25px;}
#about.index #contents_inner #sec2 .photo { display:inline-block; float:right;}
#about.index #contents_inner #sec2 div { display:inline-block; width:381px; float:left; padding-left:15px; margin-right:-45px;}
#about.index #contents_inner #sec2 h4 { padding:19px 0 0 7px;}
#about.index #contents_inner #sec2 p { padding:15px 42px 18px 7px;}
#about.index #contents_inner #sec3 { width:980px; padding-bottom:65px; margin-left:15px; position:relative;}
#about.index #contents_inner #sec3 div { background:url(../../about/img/tab1_3_bg.jpg) no-repeat center bottom; padding:0 0 263px 674px;}
#about.index #contents_inner #sec3 h4 { padding:20px 0 19px 0;}
#about.index #contents_inner #sec3 p { padding-right:15px;}
#about.index #contents_inner #sec3 .photo { position:absolute; top:10px; left:15px;}
#about.index #contents_inner #sec4 { background:none; padding-top:5px; border-top:1px solid #d2d2d2;}
#about.index #contents_inner #sec4 h4 { background:url(../img/line.gif) no-repeat center bottom; display:inline-block; width:100%; padding-bottom:8px;}
#about.index #contents_inner #sec4 h4 img { display:inline-block; float:left;}
#about.index #contents_inner #sec4 h4 span { display:inline-block; float:right; padding:24px 13px 0 0;}
#about.index #contents_inner #sec4 div { display:block; width:905px; margin:20px auto;}

/* 雲仙の四季 */
#about.season #contents_inner #title_col { background:url(../../about/img/tab3_bg.jpg) no-repeat center 13px; display:inline-block; width:980px; margin:0 0 0 15px;}
#about.season #contents_inner #title_col h3 { display:inline-block; float:right; padding:67px 451px 0 0;}
#about.season #contents_inner #title_col p { display:inline-block; float:left; padding:71px 0 231px 395px;}
#about.season #contents_inner div { display:inline-block; width:950px; margin:0 0 40px 30px;}
#about.season #contents_inner .photo { display:inline-block; float:left; padding:24px 0 0 23px;}
#about.season #contents_inner dl { display:inline-block; width:680px; float:right; padding-right:26px;}
#about.season #contents_inner dt { display:inline-block; width:107px; float:left; padding-top:55px;}
#about.season #contents_inner dd { display:inline-block; width:549px; float:right; padding:46px 0 0 23px; border-left:1px dotted #000000;}
#about.season #contents_inner dd p { padding:20px 0;}
#about.season #contents_inner dd a { display:inline-block; width:270px; border:1px solid #797979; color:#000000; text-decoration:none;}
#about.season #contents_inner dd a img { display:inline-block; float:left;}
#about.season #contents_inner dd a:hover img { -ms-filter: "alpha( opacity=80 )"; filter: alpha( opacity=80 ); opacity:0.80;}
#about.season #contents_inner dd a span { background:url(../img/mark_cursor.gif) no-repeat 10px 3px; display:inline-block; float:left; padding:0 26px 0 39px;}

/* 雲仙の歴史 */
#about.history #title_col { background:url(../../about/img/tab4_title_bg.jpg) no-repeat center 13px; display:inline-block; width:980px; margin:0 0 0 15px;}
#about.history #title_col h3 { display:inline-block; float:left; padding:68px 0 0 454px;}
#about.history #title_col p { display:inline-block; float:right; padding:73px 390px 90px 0;}

#about.history #contents_inner { color:#000;}
#about.history #contents_inner h4 { font-size:18px; padding:10px 0 10px 50px; font-weight:bold;}
#about.history #contents_inner h5 { font-weight:bold;}
#about.history #contents_inner .tab { padding-bottom:30px;}
#about.history #contents_inner .c_nav{ display:inline-block; margin:30px 0 3px 20px; width:960px;}
#about.history #contents_inner .c_nav:after { content:" "; clear:both; display:block; height:0 ;}
#about.history #contents_inner .c_nav li { float:left; list-style-type:none; padding:0; margin:0 3px;}
#about.history #contents_inner .c_nav .hst_nav06 { margin-right:0;}
#about.history #contents_inner .c_nav li a { display:block; height:56px; width:154px;}

#about.history #contents_inner .c_nav li a.active img { visibility:hidden;}
#about.history #contents_inner .c_nav .hst_nav01 a.active { background:url(../../about/img/hst_nav01_on.gif) no-repeat;}
#about.history #contents_inner .c_nav .hst_nav02 a.active { background:url(../../about/img/hst_nav02_on.gif) no-repeat;}
#about.history #contents_inner .c_nav .hst_nav03 a.active { background:url(../../about/img/hst_nav03_on.gif) no-repeat;}
#about.history #contents_inner .c_nav .hst_nav04 a.active { background:url(../../about/img/hst_nav04_on.gif) no-repeat;}
#about.history #contents_inner .c_nav .hst_nav05 a.active { background:url(../../about/img/hst_nav05_on.gif) no-repeat;}
#about.history #contents_inner .c_nav .hst_nav06 a.active { background:url(../../about/img/hst_nav06_on.gif) no-repeat;}
#about.history #contents_inner .c_nav#bot_nav li { padding-top:0;}
#about.history #contents_inner .c_nav#bot_nav li img { margin-top:10px; }
#about.history #contents_inner .c_nav#bot_nav li a { display:block; height:56px; width:154px;}
#about.history #contents_inner .c_nav#bot_nav li a.active img{ visibility:hidden;}
#about.history #contents_inner .c_nav#bot_nav .hst_nav01 a.active { background:url(img/hst_nav01_b_on.gif) no-repeat;}
#about.history #contents_inner .c_nav#bot_nav .hst_nav02 a.active { background:url(img/hst_nav02_b_on.gif) no-repeat;}
#about.history #contents_inner .c_nav#bot_nav .hst_nav03 a.active { background:url(img/hst_nav03_b_on.gif) no-repeat;}
#about.history #contents_inner .c_nav#bot_nav .hst_nav04 a.active { background:url(img/hst_nav04_b_on.gif) no-repeat;}
#about.history #contents_inner .c_nav#bot_nav .hst_nav05 a.active { background:url(img/hst_nav05_b_on.gif) no-repeat;}
#about.history #contents_inner .c_nav#bot_nav .hst_nav06 a.active { background:url(img/hst_nav06_b_on.gif) no-repeat;}
#about.history #contents_inner table { margin:0 auto; width:960px; }
#about.history #contents_inner th { border-right:1px dotted #000; padding:3px 10px 3px 5px; text-align:right; font-weight:bold;}
#about.history #contents_inner td { color:#000; padding:3px 0; text-align:left; padding:3px 0 3px 10px;}
#about.history #contents_inner tr { background:#f2f2f2;}
#about.history #contents_inner tr.even { background:#c5d8e5;}
#about.history #contents_inner tr.head_col { background:#000;}
#about.history #contents_inner tr.head_col td{ color:#fff; font-weight:bold; padding:3px 0 3px 10px;}
#about.history #contents_inner tr.head_col th{ border-right:1px dotted #fff; color:#fff; padding:3px 10px 3px 5px; }
#about.history #contents_inner .ad_col { width:18%;}
#about.history #contents_inner .era_col { width:18%;}
#about.history #contents_inner #sec4 ul { padding:10px 50px 10px 100px;}
#about.history #contents_inner #sec4 li { list-style:disc;}
#about.history #contents_inner #sec4 h5 { font-size:15px;padding:10px 50px 10px 100px;}
#about.history #contents_inner #sec4 p { padding-left:100px;}
#about.history #contents_inner #sec6 { padding:0 60px 30px 60px;}
#about.history #contents_inner #sec6 h4 { clear:both; }
#about.history #contents_inner #sec6 h5 { font-size:16px;}
#about.history #contents_inner #sec6 div { padding:15px 0; }
#about.history #contents_inner #sec6_1 span { float:left; margin: 0 20px 20px 0; width:320px;}
#about.history #contents_inner #sec6_2 img,
#about.history #contents_inner #sec6_4 img,
#about.history #contents_inner #sec6_6 img,
#about.history #contents_inner #sec6_8 img{ float:right; margin: 0 0 20px 20px;}
#about.history #contents_inner #sec6_3 img,
#about.history #contents_inner #sec6_5 img,
#about.history #contents_inner #sec6_7 img{float: left; margin:0 20px 20px 0;}

/* 雲仙散策マップ */
#about.map #contents_inner { text-align:center;}
#about.map #contents_inner #title_col { background:url(../../about/img/tab5_title_bg.jpg) no-repeat center top; width:980px; padding:0; margin:13px auto 0 auto;}
#about.map #contents_inner #title_col h3 { padding:68px 0 15px 0; text-align:center;}
#about.map #contents_inner #title_col p { padding:0 0 271px 238px;}
#about.map #contents_inner div { display:inline-block; width: 900px; padding-top:45px; text-align:left;}
#about.map #contents_inner a { display:inline-block; float:left;}
#about.map #contents_inner a:hover img { -ms-filter: "alpha( opacity=80 )"; filter: alpha( opacity=80 ); opacity:0.80;}
#about.map #contents_inner dl { display:inline-block; float:right; padding-top:54px;}
#about.map #contents_inner dt { display:inline-block; float:left;}
#about.map #contents_inner dd { display:inline-block; width:235px; float:left; padding-left:10px; font-size:0.9em; line-height:1.2em;}

/* 雲仙登山ガイド */
#about.guide #contents_inner { background:#fff url(../../about/img/tab6_bg.jpg) no-repeat center 13px;}
#about.guide #contents_inner #title_col { display:inline-block; padding:53px 128px 0 636px;}
#about.guide #contents_inner #title_col h3 { display:inline-block; float:right;}
#about.guide #contents_inner #title_col p { display:inline-block; float:left; padding:28px 6px 0 0;}
#about.guide #contents_inner .inq_col { padding:0 0 22px 197px; margin-top:-42px;}
#about.guide #contents_inner .map { display:block; margin:0 auto;}
#about.guide #sec1 { background:url(../../about/img/tab6_1_bg_bot.jpg) no-repeat left bottom; width:950px; margin:15px auto 56px auto;}
#about.guide #sec1 div { background:url(../../about/img/tab6_1_bg_top.jpg) no-repeat left top; display:inline-block; width:100%;}
#about.guide #sec1 p { display:inline-block; float:left; padding:24px 0 0 17px;}
#about.guide #sec1 ul { display:inline-block; float:right; padding-top:13px;}
#about.guide #sec1 li { display:inline-block; float:left; padding-right:10px;}
#about.guide #sec1 dl { clear:both; display:inline-block; width:329px; float:right; padding:14px 10px 14px 0;}
#about.guide #sec1 dt { display:inline-block; width:84px; float:left;}
#about.guide #sec1 dd { display:inline-block; width:235px; float:left; padding-left:10px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:0.9em; line-height:1.2em;}
#about.guide #sec1 a:hover img { -ms-filter: "alpha( opacity=80 )"; filter: alpha( opacity=80 ); opacity:0.80;}
#about.guide #sec1 .inq_col { display:block; width:805px; float:none; padding:6px 0 18px 0; margin:0 auto; border-top:1px solid #cab088; text-align:center;}
#about.guide #sec2 { background:url(../../about/img/tab6_2_bg.jpg) no-repeat right bottom; display:inline-block; width:950px; padding-bottom:49px; margin-left:30px; border-top:1px solid #d2d2d2;}
#about.guide #sec2 h4 { background:url(../img/line.gif) no-repeat left bottom; display:inline-block; width:100%; padding:5px 0 8px 0;}
#about.guide #sec2 h4 img { display:inline-block; float:left;}
#about.guide #sec2 h4 span { display:inline-block; float:right; padding:24px 9px 0 0;}
#about.guide #sec2 div { display:inline-block; width:458px; float:left; padding-left:28px; margin-top:37px; border-right:1px dotted #000;}
#about.guide #sec2 .right { width:444px; float:right; padding-left:18px; border:none;}
#about.guide #sec2 dd { padding-top:12px;}
#about.guide #sec2 #rule1 { background:url(../../about/img/tab6_rule1_img.gif) no-repeat 313px top; height:auto !important; height:136px; min-height:136px; padding:0 150px 14px 0;}
#about.guide #sec2 #rule3 { background:url(../../about/img/tab6_rule3_img.gif) no-repeat 288px top; height:auto !important; height:84px; min-height:84px; padding:31px 180px 15px 0;}
#about.guide #sec2 #rule5 { background:url(../../about/img/tab6_rule5_img.gif) no-repeat right top; height:auto !important; height:111px; min-height:111px; padding:35px 180px 0 0;}


/*---css更新---------------------------
190808_eriko #about.map #contents_inner div 変更







------------------------------------*/