/* CSS Document */

/*------------------ reset ------------------*/
* {margin: 0; padding: 0;}
h1,h2,h3,h4,h5 {font-size: 100%; line-height: 100%; font-weight: normal;}
li {list-style: none; }
address,em {font-style: normal;}
a {text-decoration: none;}
img {border: 0;}

th,td {font-size: 100%;}


/*------------------ hack ------------------*/
/* \*/
*html th {font-size: 80%;}
*html td {font-size: 90%;}

*html #area_03 #sec_03 dl {padding: 0 0 0 20px; line-height: 250%; width: 400px;}
*html #area_03 #sec_03 dt {float: left; width: 70px; border-bottom: 1px dashed #ccc; clear: both;}
*html #area_03 #sec_03 dd {float: left; width: 300px; border-bottom: 1px dashed #ccc;}

*html #area_03 #sec_04 dl {line-height: 250%; width: 400px;}
*html #area_03 #sec_04 dt {float: left; width: 230px; border-bottom: 1px dashed #ccc; clear: both;}
*html #area_03 #sec_04 dd {float: right; width: 150px; border-bottom: 1px dashed #ccc; text-align: left;}
/* */

*:first-child+html #area_03 #sec_03 dl {padding: 0 0 0 20px; line-height: 250%; width: 400px;}
*:first-child+html #area_03 #sec_03 dt {float: left; width: 70px; border-bottom: 1px dashed #ccc; clear: both;}
*:first-child+html #area_03 #sec_03 dd {float: left; width: 300px; border-bottom: 1px dashed #ccc;}

*:first-child+html #area_03 #sec_04 dl {line-height: 250%; width: 400px;}
*:first-child+html #area_03 #sec_04 dt {float: left; width: 250px; border-bottom: 1px dashed #ccc; clear: both;}
*:first-child+html #area_03 #sec_04 dd {float: right; width: 150px; border-bottom: 1px dashed #ccc; text-align: left;}


html:not(:only-child:only-child) #area_05 #table_5 { font-size:100%; margin:50px 0 0 0; position: relative; left: 70px;}
html:not(:only-child:only-child) #area_06 #gaiyou table { font-size: 100%; position: relative; left: 50px;}
html:not(:only-child:only-child) #area_06 #access table {position: relative; left: 40px;}   


/*------------------ common ------------------*/
body {text-align: center; background: #000; color: #121212; font-size:0.8em; line-height:1.7em;}
h2 {margin: 10px 0;}
h3 {margin: 20px 0 10px;}
#container {margin: 10px auto; padding: 10px 0; background: #fff; width: 870px; font-size:100%; }
#content {margin: 10px 10px 0 10px; padding-bottom:5px; width: 850px; text-align: left; border-bottom:solid #95876c 10px;}

#sight_foot {margin: 0 50px; padding-top:30px; text-align:center;}
#sight_foot img { margin: 15px 0 0 0px;}
#sight_foot address {float: right; font-weight: bold; color: #666; margin: 20px 0 0 0;}
#sight_foot p,#sight_foot ul {text-align: left; line-height: 180%; padding: 0 20px; margin: 10px;}
#sight_foot p {background: url(../sightseeing/img/list_01.gif) no-repeat left center; font-weight: bold; font-size: 120%;}
#sight_foot li {text-indent: 2em;}
#sight_foot p a,#sight_foot li a {color: #222; text-decoration: underline;}
#sight_foot p a:hover,#sight_foot li a:hover {color: #de5f02; text-decoration: underline;}



a {color: #da5301;}
a:hover {color: #da5301; text-decoration: underline;} 

th {text-align: center;}

.left {float: left;}
.right {float: right;}

.text_r {text-align: right;}
.text_l {text-align: left;}
.text_c {text-align: center;}

.left_75 {position: relative; left: 75px;}

.bg_wa {background: url(../sightseeing/area_1/img/bg_wa.jpg);}
.inquir {background: #faeed4; padding: 20px; text-align : center;}

#ul_01 li {background: url(../sightseeing/area_3/img/list_01.gif) no-repeat left center; padding: 3px 0 3px 15px;}
#ul_02 li {background: url(../sightseeing/area_3/img/list_01.gif) no-repeat left center; padding: 3px 0 3px 15px;}

.table_1 th {padding: 5px; background: #004f7f; color: #fff; border-right: 1px solid #fff; font-size: 110%;}
.table_1 td {padding: 5px; text-align: center; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
.table_1 .bg_01 td {background: #a7cce3;}
.table_1 .bg_02 td {border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}

.table_2 th {padding: 5px; background: #004f7f; color: #fff; border-bottom: 1px solid #fff; font-size: 110%;}
.table_2 td {padding: 5px; text-align: center; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
.table_2 .bg_01 td {background: #a7cce3;}
.table_2 .bg_02 {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.table_2 span {font-weight: normal; font-size: 90%;}

.table_3 th {padding: 5px; background: #004f7f; color: #fff; border-bottom: 1px solid #fff; font-size: 110%;}
.table_3 td {padding: 5px; text-align: center; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
.table_3 .bg_01 {border-bottom: 3px solid #a7cce3;}
.table_3 .bg_02 {border-bottom: 1px dashed #ccc;}


/*------------------ area_01 ------------------*/
#area_01 #sec_01,#area_01 #sec_02 {padding: 0 10px;}
#area_01 #sec_01 div.left {width: 480px;}
#area_01 #sec_01 div.right {width: 320px;}
#area_01 #sec_01 h4 {font-size: 110%; color: #004f78; margin: 0 0 5px 0;}
#area_01 #sec_01 dl {padding: 0 0 0 20px; margin: 0 0 0 20px; line-height: 230%;}
#area_01 #sec_01 dt {float: left; width: 110px; border-bottom: 1px dashed #ccc;}
#area_01 #sec_01 dd {float: left; width: 310px; border-bottom: 1px dashed #ccc;}
#area_01 #sec_01 img {margin: 0 0 10px 0;}
#area_01 #sec_01 p,#area_01 #sec_02 p {margin: 0 0 10px 0;}

#area_01 div.bg_wa {width: 590px; float: right; margin: 5px 0;}
#area_01 div.bg_wa p {padding: 10px 20px 0;}

#area_01 #sec_02 div.right {width: 420px;}
#area_01 #sec_02 dl {padding: 0 0 0 20px; margin: 0 0 0 20px; line-height: 230%;}
#area_01 #sec_02 dt {float: left; width: 100px; border-bottom: 1px dashed #ccc;}
#area_01 #sec_02 dd {float: left; width: 280px; border-bottom: 1px dashed #ccc;}

#area_01 #sec_03 {background: #fbf4e6; margin: 10px; padding: 10px 20px;}
#area_01 #sec_03 div {width: 360px;}
#area_01 #sec_03 h5 {margin: 10px 0;}
#area_01 #sec_03 p {margin: 10px 0;}

#area_01 #sec_04 {width: 790px; background: url(../sightseeing/area_1/img/bg_cycle.gif) no-repeat bottom right #f0f6d8; margin: 0 0 0 25px;}
#area_01 #sec_04 p {padding: 20px;}


/*------------------ area_02 ------------------*/
#area_02 #sec_01,#area_02 #sec_02 {padding: 0 10px;}
#area_02 #sec_01 div.left {width: 465px;}
#area_02 #sec_01 div.right {width: 320px;}

#area_02 div.bg_wa {width: 465px; margin: 20px 0 0 0;}
#area_02 div.bg_wa h4 {position: relative; top: -10px;}
#area_02 div.bg_wa h5 {font-weight: bold; font-size: 120%; color: #582d03; margin: 5px;} 
#area_02 div.bg_wa p {padding: 10px 20px 0;}
#area_02 div.bg_wa dl {line-height: 200%; margin: 5px 0 10px 5px;}
#area_02 div.bg_wa dt {float: left; width: 140px; padding: 0 0 0 15px; margin: 0 0 0 10px; clear: both; background: url(../sightseeing/area_2/img/list_01.gif) no-repeat left center;}
#area_02 div.bg_wa dd {float: left; width: 270px;}

#area_02 #sec_02 {background: #fbf4e6; margin: 10px; padding: 10px 20px;}
#area_02 #sec_02 div {width: 360px;}
#area_02 #sec_02 h5 {margin: 10px 0;}
#area_02 #sec_02 p {margin: 10px 0;}


/*------------------ area_03 ------------------*/
#area_03 #sec_01 {padding: 0 10px;} 
#area_03 #sec_01 div.left {width: 465px;}
#area_03 #sec_01 p {margin: 5px 0 5px 10px;}
#area_03 #sec_01 span {font-size: 110%; font-weight: bold;}

#area_03 div.bg_wa {width: 465px; margin: 20px 0 0 0;}
#area_03 div.bg_wa h4 {position: relative; top: -10px;}
#area_03 div.bg_wa p {padding: 20px 10px;}
#area_03 div.bg_wa span {font-weight: bold; font-size: 120%; color: #582d03; padding: 5px 10px;}

#area_03 #sec_02 {background: url(../sightseeing/area_3/img/bg_snow.gif) no-repeat right bottom; padding: 0 10px;}
#area_03 #sec_02 img {margin: 10px;}
#area_03 #sec_02 img.left {position: relative; left: 20px;}

#area_03 #sec_03 {padding: 0 10px;} 
#area_03 #sec_03 dl {padding: 0 0 0 20px; line-height: 250%;}
#area_03 #sec_03 dt {float: left; width: 70px; border-bottom: 1px dashed #ccc; clear: both;}
#area_03 #sec_03 dd {float: left; width: 300px; border-bottom: 1px dashed #ccc;}
#area_03 #toku {width: 700px; position: relative; left: 70px;}
#area_03 #toku h5 {margin: 10px 0;}
#area_03 #toku img {margin: 5px 0;}

#area_03 #sec_04 {width: 700px; position: relative; left: 70px;}
#area_03 #sec_04 dl {padding: 0 0 0 20px; line-height: 250%;}
#area_03 #sec_04 dt {float: left; width: 240px; border-bottom: 1px dashed #ccc; clear: both;}
#area_03 #sec_04 dd {float: left; width: 160px; border-bottom: 1px dashed #ccc;}
#area_03 #sec_04 img {margin: 10px 0;}

#area_03 #sec_05 h4 {position: relative; left: 20px; margin: 10px 0;}
#area_03 #sec_05 p {position: relative; left: 30px;}
#area_03 #sec_05 table {position: relative; left: 70px;}
#area_03 #sec_05 span {color: #da5301;}
#area_03 #sec_05 p.inquir {width: 700px; margin: 10px;}

/*------------------ area_04 ------------------*/
#area_04 #sec_01,#area_04 #sec_02,#area_04 #sec_03 {padding: 0 10px;}
#area_04 #sec_01 p {margin: 10px;}
#area_04 #sec_01 img {margin: 0 0 10px 0;}
#area_04 #sec_01 div.left {width: 465px; background: url(../sightseeing/area_3/img/bg_snow.gif) no-repeat 320px bottom;}
#area_04 #sec_01 div.right {width: 320px;}

#area_04 #rift {width: 700px; position: relative; left: 70px;}
#area_04 #rift h4,#area_04 #rift h5 {margin: 10px 0;}

#area_04 #sec_02 table,#area_04 #sec_03 table {position: relative; left: 70px;}
#area_04 #sec_03 p.inquir {width: 700px; margin: 20px 0; position: relative; left: 50px;}




/*------------------ area_05 ------------------*/
#area_05 p { line-height:160%; }
#area_05 h3 { margin:10px 0 25px 0; text-align:left; }
#area_05 p.txt { margin:0 0 20px 0; padding:0; }

#area_05 .col_1 { width:340px; float:left; margin:0 0 0 10px; }
#area_05 .col_1 img,#area_05 .col_2 img { margin:0 0 10px 0; }
#area_05 .col_2 { width:440px; float:right; margin:0 10px 0 0; }

#area_05 #taiken { padding:10px 0 0 0; text-align:center; margin:0 auto; }
#area_05 #taiken p { margin:-5px 0 20px 20px; text-align:left; }
#area_05 #taiken h4 { margin:0 0 5px 0; text-align:left; }
#area_05 #taiken .box_l { float:left; width:360px; margin:0 60px 30px 0; padding:0 0 0 30px; text-align:left; }
#area_05 #taiken .box_r { float:left; width:360px; margin:0; }
#area_05 #taiken .box_l p,#area_05 #taiken .box_r p { margin:5px 0 0 0; text-align:left; width:360px; }

#area_05 #table_5 { font-size:100%; margin:50px 0 0 0; }
#table_5 th {padding: 5px; background: #004f7f; color: #fff; border-bottom: 1px solid #fff; font-weight: normal;border-right: 1px solid #fff;}
#table_5 td {padding: 5px; text-align: center; border-bottom: 1px solid #ccc;}
#table_5 .bg_01 {background: #a7cce3; border-bottom: 1px solid #fff;}
#table_5 .bg_02 {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}

#area_05 #taiken ul { text-align:left; margin:10px 0 10px 80px; }


/*------------------ area_06 ------------------*/
#area_06 h3 { margin:10px 0 0 0; text-align:left; }
#area_06 p.txt { margin:0 0 20px 15px; padding:20px 0 0 0; }
#area_06 img.right { float:right; margin:20px 0 0 15px; }

#area_06 h4 { margin:20px 0 10px 0; text-align:left; }
#area_06 #content div { margin: 0 35px; padding:0 0 20px 0; }
#area_06 #content div span { font-weight:bold; color:#014f7f; }
#area_06 #content { line-height:160%; }
#area_06 #content #sight_foot,#area_06 #content #bottom-links
#area_07 #content #sight_foot,#area_07 #content #bottom-links { margin:0px ; padding:0px;}

#area_06 #gaiyou { text-align: center; margin: 0 auto; padding:10px; }
#area_06 #gaiyou p { text-align:left; margin:5px 0 10px 40px; }
#area_06 #gaiyou table { font-size: 100%; }

.table_4 th {padding: 5px; background: #a7cce3; border-bottom: 1px solid #fff; font-weight: normal;}
.table_4 td {padding: 5px; text-align: left; border-bottom: 1px solid #ccc; border-right: 1px solid #fff;}
.table_4 .bg_01 td {background: #a7cce3;}
.table_4 .bg_02 {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}


#area_06 #faq { margin: 0 auto; padding: 10px; }
#area_06 #faq div.right { float:right; margin:0 0 0 15px; }
#area_06 #faq div.right img { margin:0 0 10px 0; }
#area_06 #faq div.left { float:left; margin:0 0 0 20px; padding:0; width:540px; }
#area_06 #faq p { text-align:left; margin:5 0 10px 0; }
#area_06 #faq dl { margin:10px 0 0 0; }
#area_06 #faq dt { float:left; margin:0 20px 0 0; width:85px; }
#area_06 #faq dd { float:left; margin:0 0 20px 0; width:420px; }
#area_06 #faq dd img { text-align:left; }

#area_06 #ss_access { text-align:center; margin:0 auto; }
#area_06 #inquiry { background:#faeed4; margin:0 0 20px 0; }
#area_06 #inquiry p { margin: 0 50px; padding:20px 0 0 0; }
#area_06 #inquiry a { color:#de5f02; text-decoration:underline; }


/*------------------ area_07 ------------------*/
#area_07 h3 { margin:10px 0; }
#area_07 p.cap { margin:0 0 0 15px; }

#area_07 img.left { margin:0 15px 0 0; }
#area_07 h4 { margin:20px 0 10px 0; }
#area_07 #content div { margin: 0 35px; /*padding:0 0 20px 0;*/ }
#area_07 #content div span { font-weight:bold; color:#014f7f; }
#area_07 #content { line-height:160%; }




/*------------------ area_sanada ------------------*/
#area_sanada h3 {
	margin: 30px 0 10px;
	border-bottom: 1px dotted #5B3D00;
	padding-bottom: 10px;
}
#area_sanada p.cap { margin:0 0 0 15px; }

#area_sanada img.left { margin:0 15px 0 0; }
#area_sanada h4 {
	margin: 20px 0 10px;
}
#area_sanada #content div.imgBox { margin: 0 35px; /*padding:0 0 20px 0;*/ }
#area_sanada #content div.imgBox span { font-weight:bold; color:#014f7f; }
#area_sanada #content { line-height:160%; }
#area_sanada #content div.caution {
	margin: 0;
	border: 3px solid #C5CAAA;
	padding: 15px;
}
#area_sanada #container #content .caution p {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}
#area_sanada #container #content .imgBox .imgBoxSub {
	margin: 15px 0px 0px;
	padding: 0px;
	clear: both;
}
#area_sanada #container #content .imgBox .imgBoxSub.clearfix .imgBoxSubL {
	float: left;
	width: 400px;
}
#area_sanada #container #content .imgBox .imgBoxSub .imgBoxSubR {
	float: right;
	width: 360px;
	text-align: left;
}
#area_sanada #container #content .imgBox p.btn {
	text-align: center;
	margin-top: 15px;
}
#area_sanada #container #content .imgBox p.btnTxt {
	text-align: center;
	margin-top: 5px;
}#area_sanada #container #content .imgBox #otherBox {
	margin-top: 15px;
}
#area_sanada #container #content .imgBox #otherBox h4 {
	margin-top: 0px;
	padding-bottom: 5px;
	border-bottom: 2px solid #F4F4F4;
}
#area_sanada #container #content .imgBox #otherBox #otherBoxL {
	float: left;
	width: 622px;
}
#area_sanada #container #content .imgBox #otherBox #otherBoxR {
	float: right;
	width: 148px;
}
#area_sanada #container #content .imgBox #otherBox ul {
	margin: 0px;
	padding: 0px;
}
#area_sanada #container #content .imgBox #otherBox ul li {
	font-size: 1%;
	display: inline;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: left;
}
#area_sanada #container #content .imgBox #otherBox ul li.no {
	margin: 0px;
}
#area_sanada #container #content .imgBox #prBnr {
	margin: 0px;
	padding: 0px;
}
#area_sanada #container #content .imgBox #prBnr li {
	margin: 10px 10px 0px 0px;
	padding: 0px;
	float: left;
	font-size: 1%;
	display: inline;
}
#area_sanada #container #content .imgBox #prBnr li.no {
	margin: 10px 0px 0px 0px;
}