@charset "utf-8";
/*------------------------------------------------------------

	TOP

------------------------------------------------------------*/
ul#topPn {
	width:690px;
	margin-bottom:10px;
}
ul#topPn li {
	width:228px;
	float:left;
	margin-left:3px;
}
ul#topPn li.fst {
	margin-left:0;
}
#topContInn {
	width:670px;
	margin:auto;
	clear:both;
}
#topContInn h2 {
	clear:both;
	margin-bottom:8px;
}
/*1*/
#topContInn .inBox {
	width:650px;
	margin:0 auto;
}
#topContInn .inBox .inBoxL {
	width:317px;
	float:left;
}
#topContInn .inBox .inBoxR {
	width:317px;
	float:right;
}
#topContInn .inBox .inBoxinnL {
	width:100px;
	float:left;
}
#topContInn .inBox .inBoxinnL p {
	margin-bottom:5px;
}
#topContInn .inBox .inBoxinnR {
	width:207px;
	float:right;
}
#topContInn .inBox h3 {
	color:#0A5E5E;
	font-weight:bold;
	font-size:105%;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #DFDABD;
}
/*2*/
#topContInn .inBox2 {
	width:670px;
	clear:both;
	margin-bottom:2px;
}
#topContInn .inBox2L {
	width:327px;
	float:left;
}
#topContInn .inBox2L .inBox2Linn {
	width:307px;
	padding:0 10px;
}
#topContInn .inBox2L .icoYokoku {
	background:url(../root_img/ico_yokoku.gif) no-repeat 0 0;
	text-indent:43px;
}
#topContInn .inBox2R {
	width:327px;
	float:right;
	padding-top:18px;
}
#topContInn .inBox2R p {
	margin-bottom:5px;
}
table#topNews {
	width:650px;
	margin:0 auto;
}
table#topNews th,
table#topNews td {
	border-bottom-style:dotted;
	padding:5px 0 3px 0;
}
table#topNews th {
	width:6em;
}
/*------------------------------------------------------------

	EVENT

------------------------------------------------------------*/
#eventLead {
	font-size:130%;
	font-weight:bold;
	color:#4A8AC4;
	margin-bottom:0.2em;
}
#eventInn {
	width:650px;
	margin:10px auto 20px;
}
#eventInn #txtArea {
	width:425px;
	float:left;
	font-size:110%;
	line-height:1.6em;
}
#eventInn #txtArea h3 {
	color:#0A5E5E;
	font-size:120%;
	line-height:1.4em;
	font-weight:bold;
}
#eventInn #phoArea {
	width:200px;
	float:right;
	background-color:#DFDABD;
	padding:3px;
}
#eventInn #nextEvent {
	width:624px;
	border:3px double #DFDABD;
	padding:10px;
	clear:both;
	margin-bottom:20px;
}
#eventInn #nextEvent #nextEventImg {
	width:130px;
	float:left;
}
#eventInn #nextEvent #nextEventTx {
	width:460px;
	float:right;
	padding-left:20px;
	font-size:120%;
}
#eventInn #nextEvent #nextEventTx h3 {
	text-indent:-10px;
	margin-bottom:0.5em;
}
#eventAgoTit {
	clear:both;
	margin-bottom:5px;
}
#eventInn ul {
	margin:0 0 0 20px;
}
#eventInn ul li {
	background:url(../event/img/ico.gif) no-repeat 0 1px;
	padding:0 0 0 26px;
	margin-bottom:10px;
}
/*------------------------------------------------------------

	PHOTO

------------------------------------------------------------*/
#phoPresent {
	width:630px;
	margin:0 auto 20px;
}
#phoPresent .preLead {
	font-size:120%;
	font-weight:bold;
	color:#FF3300;
	margin-bottom:3px;
}
#phoWrap {
	width:630px;
	margin:0 auto 30px;
	background:url(../photo/img/photobody.gif) no-repeat 0 0;
}
#phoWrap #phoWrapInn {
	width:570px;
	background:url(../photo/img/photobottom.gif) no-repeat 0 bottom;
	padding:20px 30px 20px;
}
#phoWrap #phoWrapInn .kiteiTit {
	border-bottom:1px dotted #84CEB5;
	padding:0 0 3px 0;
	margin-bottom:5px;
	font-weight:bold;
}
#phoWrap #phoWrapInn table th {
	width:100px;
}

#phoWrap #phoWrapInn table th.listype {
	width:15px;
	background:url(../photo/img/point.gif);
	background-repeat:no-repeat;
	background-position:0 10px;
}

#phoWrap #phoWrapInn table .bdrNone {
	border-bottom:none;
}
#phoBtn {
	text-align:center;
}
#phoTbl {
	margin-bottom:10px;
}
#phoTbl th {
	width:200px;
	padding-left:20px;
}
#phoWrap table td ul {
	list-style-type:disc;
	padding-left:2em;
}
#phoWrap table td ul li {
	font-size:84%;
	margin-bottom:5px;
}

#phoWrap2 {
	width:630px;
	margin:0 auto 30px;
}

#phoWrap2 .kiteiTit {
	border-bottom:1px dotted #c79a2f;
	padding:0 0 3px 0;
	margin-bottom:5px;
	font-weight:bold;
	color:#4a2406;
}

ul.photog li {
	background:url(../photo/img/point.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding:4px 16px;
	font-size:12px;
	line-height:1.5em;
}

#phoWrap3 {
	width:100%;
	margin:30px auto 10px;
	border:solid 2px #dfdabd;
	
}



#agree { 
	width:500px;
	margin:0 auto;
	background-color:#FFF;
	padding:10px;
	font-size:12px;
}


#agree .kiteiTit {
	border-bottom:1px dotted #84CEB5;
	padding:0 0 3px 0;
	margin-bottom:5px;
	font-weight:bold;
}

#agree .midashi {
	color:#4a2406;
	margin:20px 0 5px;

}

#agree dt  {
	float:left;
	width:30px;
	clear:both;
	margin-left:23px;
	
}

#agree dd {
	margin-left:53px;

	
}

p.nam {
	float:left; 
	width:25px; 
	clear:both;
}

p.kiji {
	margin-left:30px;

}

.add {
	width:80%;
	border:solid #CCC 1px;
	margin:5px auto 0;
	padding:10px;
}

.kiyaku {
	width:630px;
	margin:0 auto 30px;
	padding:10px;
}

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

	AREA INFO

------------------------------------------------------------*/
h1#areaTit {
	font-size:140%;
	font-weight:bold;
	margin-bottom:0.5em;
}
h2.areaTitH2 {
	margin-bottom:1em;
	clear:both;
}
p.areaLead {
	font-size:120%;
	line-height:1.5em;
}
/*INDEX*/
div.areaIndex {
	width:670px;
	margin-bottom:20px;
	padding:0;
	clear:both;
}
div.areaIndex .areaIndexInn {
	background:url(../areainfo/detail/img/index2.gif) no-repeat 0 bottom;
	padding:36px 15px 10px 15px;
	color:#916917;
}
div.areaIndex .areaIndexInnNone {
	background:url(../areainfo/detail/img/index2.gif) no-repeat 0 bottom;
	padding:12px 15px 10px 15px;
	color:#916917;
}
div#areaIndexNone {
	background:url(../areainfo/detail/img/indexdef.gif) no-repeat 0 0;
}
div#areaIndexDefault {
	background:url(../areainfo/detail/img/index_tit.gif) no-repeat 0 0;
}
div#areaIndexHakone {
	background:url(../areainfo/detail/img/index1.gif) no-repeat 0 0;
}
div#areaIndexYugawara {
	background:url(../areainfo/detail/img/index1b.gif) no-repeat 0 0;
}
div.areaIndex dl {
	clear:both;
}
div.areaIndex dl dt {
	padding:0 6px 0 0;
	font-weight:bold;
	width:180px;
}
div.areaIndex dl dt.indexTitle {
	width:230px;
}
div.areaIndex dl.current dt,
div.areaIndex dl.current dd {
	font-size:140%;
	color:#07605E;
	font-weight:bold;
}
div.areaIndex dl dd {
	background:url(../areainfo/img/index_arw.gif) no-repeat 0 0.2em;
	padding:0 14px 0 20px;
}
div.areaIndex dl dt,
div.areaIndex dl dd {
	float:left;
	line-height:1.4em;
}
div.areaIndex dl.line {
	border-bottom:1px dotted #CDB584;
	margin-bottom:8px;
	padding-bottom:8px;
}
/*AREA LIST*/
p.areaName {
	background:url(../areainfo/img/hasen.gif) repeat-x 0 center;
	font-size:130%;
	font-weight:bold;
	color:#996600;
	text-align:center;
	letter-spacing:3px;
	margin-bottom:2px;
}
p.areaName span {
	background-color:#FFF;
	padding:0 20px;
}
.areaInn {
	width:640px;
	margin:0 auto 20px auto;
}
.areaInn .areaInnL,
.areaInn .areaInnC,
.areaInn .areaInnR {
	width:200px;
	font-size:84%;
}
.areaInn .areaInnL dl,
.areaInn .areaInnC dl,
.areaInn .areaInnR dl {
	margin-left:7px;
}
.areaInn .areaInnL dl dt,
.areaInn .areaInnC dl dt,
.areaInn .areaInnR dl dt {
	font-weight:bold;
	font-size:120%;
	margin-bottom:0.3em;
}
.areaInn .areaInnL dl dd,
.areaInn .areaInnC dl dd,
.areaInn .areaInnR dl dd {
	margin-bottom:0.5em;
	line-height:1.3em;
	background:url(../areainfo/img/ico_arw_green.gif) no-repeat 0 1px;
	padding-left:16px;
}
.areaInn .areaInnL dl dd a,
.areaInn .areaInnC dl dd a,
.areaInn .areaInnR dl dd a {
	color:#000;
}
.areaInn .areaInnL dl dd.last,
.areaInn .areaInnC dl dd.last,
.areaInn .areaInnR dl dd.last {
	border-bottom:1px dotted #A0AF97;
	padding-bottom:10px;
	margin-bottom:10px;
}
.areaInn .areaInnL {
	float:left;
	margin-right:20px;
}
.areaInn .areaInnC {
	float:left;
}
.areaInn .areaInnR {
	float:right;
}
.areaShBtn {
	text-align:center;
	width:100%;
}

img.pvew{display: none;
}

.prbtn{
	text-align:right;
	padding:5px 10px 5px 0;
	background-color:#efecde;
}

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

	ONSEN

------------------------------------------------------------*/
h1#onsenLead {
	font-size:130%;
	font-weight:bold;
	color:#8154C5;
	margin-bottom:0.5em;
}
h2#onsenLeadH2 {
	margin-bottom:1em;
	clear:both;
}
dl#onsenDl {
	width:650px;
	margin:0 auto 20px;
}
dl#onsenDl dt {
	color:#037345;
	font-weight:bold;
	font-size:120%;
}
dl#onsenDl dd.lead {
	color:#000;
	margin-bottom:10px;
}
dl#onsenDl dd {
	color:#663130;
	padding-left:4px;
}
dl#onsenDl dd.kono {
	color:#000;
	font-size:84%;
	line-height:1.3em;
	padding-bottom:10px;
	background:url(../onsen/img/line.gif) no-repeat 0 bottom;
	margin-bottom:10px;
}
#onsenFm {
	width:650px;
	margin:0 auto 20px;
	background:url(../onsen/img/back.gif) repeat-y 0 0;
}
#onsenFm form {
	padding:0 0 20px 0;
	background:url(../onsen/img/backbottom.gif) no-repeat 0 bottom;
}
#onsenFm form #onsenFmInn {
	width:602px;
	margin:auto;
}
#onsenFm form #onsenFmInn #lead {
	font-weight:bold;
	color:#006600;
	font-size:115%;
}
#onsenFm form #onsenFmInn dd {
	padding:0 0 0 20px;
	margin-bottom:5px;
}
#onsenFm form #onsenFmInn dd label {
	padding:0 20px 0 0;
	line-height:2em;
}
#onsenFm form #onsenFmInn dd.localArea {
	padding-bottom:5px;
	padding-left:40px;
	margin-bottom:5px;
	border-bottom:1px dotted #DDD;
}
#onsenFm form #onsenFmInn dd .iptBtn {
	display:block;
	font-size:150%;
	font-weight:bold;
	padding:10px 20px;
	margin:auto;
}
/*------------------------------------------------------------

	OTAYORI

------------------------------------------------------------*/
h1#otayoriLead {
	font-size:130%;
	font-weight:bold;
	margin-bottom:0.5em;
}
p#otaPre {
	text-align:center;
}
p#otaBosyu {
	text-align:right;
	width:654px;
	margin:0 auto 5px auto;
}
p#otaBosyuUdr {
	text-align:center;
	width:100%;
	margin:0 auto 5px auto;
}
#otaWrap {
	width:630px;
	margin:0 auto 30px;
	background:url(../otayori/img/backbody.gif) no-repeat 0 0;
}
#otaWrap #otaWrapInn {
	width:570px;
	background:url(../otayori/img/backbottom.gif) no-repeat 0 bottom;
	padding:20px 30px 20px;
}
#otaWrap #otaWrapInn table th {
	width:100px;
}
#otaWrap #otaWrapInn table .bdrNone {
	border-bottom:none;
}
#otaBtn {
	text-align:center;
}
/*------------------------------------------------------------

	OTAYORI DETAIL

------------------------------------------------------------*/
.otaWrapDtl {
	width:650px;
	margin:0 auto 30px;
	background:url(../otayori/img/tokobody.gif) no-repeat 0 0;
}
.otaWrapDtl .otaWrapInn {
	width:590px;
	background:url(../otayori/img/tokobottom.gif) no-repeat 0 bottom;
	padding:20px 30px 20px;
}
.otaWrapDtl .otaWrapInn h2 {
	border-bottom:1px dotted #C2BA9E;
	font-size:120%;
	font-weight:bold;
	color:#990032;
	padding:0 0 3px 0;
	margin:0 0 5px 0;
}
.otaWrapDtl .otaWrapInn h2 span {
	font-size:84%;
}
.otaWrapDtl .otaWrapInn .profile {
	border-bottom:1px solid #C2BA9E;
	font-size:84%;
	text-align:right;
	padding:0 0 3px 0;
	margin:0 0 15px 0;
}
.otaWrapDtl .otaWrapInn .bodyTx p {
	line-height:180%;
	margin-bottom:1.3em;
}
.otaWrapDtl .otaWrapInn .pho1 {
	float:left;
	margin:0 10px 10px 0;
}
.otaWrapDtl .otaWrapInn .pho2 {
	float:right;
	margin:0 0 10px 10px;
}

.otaWrapDtl02 {
	width:650px;
	margin:0 auto 30px;
}

.ota_le {
	width:327px;
	float:left;	
	height:228px;
	background:url(../otayori/0001/img/otayori_index_bg.gif) no-repeat bottom;
	margin-top:10px;
}

.ota_le ul li {
	border-bottom:dotted 1px #8c693b;
	line-height:2em;
	background:url(../otayori/0001/img/otayori_p.gif) no-repeat;
	background-position:4px 10px;
	padding:0px 15px;
	
}

.ota_le ul li span {
	color:#990032;
}
		
.ota_ri {
	width:298px;
	float:right;
	margin-top:10px;
}


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

	CALENDER

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

div#cal {
	background:url(../areainfo/detail/img/cal_bottom.gif) no-repeat bottom left;
	width:670px;
	font-size:normal;
	color:#333;
	padding-bottom:9px;
	margin-bottom:10px;
	}
div#cal .cal_inner{
	background:url(../areainfo/detail/img/cal_bg.gif) repeat-y ;
	}
div#cal .cal_inner h3{
	text-indent:-9999px;
	font-size:1px;
	height:53px;
	background:url(../areainfo/img/tit_cale.gif) no-repeat ;
	}
	
div#cal .cal_inner div.tit{
	text-align:right;
	font-size:1px;
	height:53px;
	background:url(../areainfo/img/tit_cale.gif) no-repeat ;
	}
	
div#cal .cal_inner div.tit img{
	margin:16px 7px 0;
	cursor:pointer;
}
	
div#cal .cal_inner dl.del_box dt.month{
	float:left;
	width:90px;
	text-indent:-9999px;
	}
div#cal .cal_inner dl#m01{ background:url(../areainfo/detail/img/m_01.gif) no-repeat 0 8px; border-top:none;}
div#cal .cal_inner dl#m02{ background:url(../areainfo/detail/img/m_02.gif) no-repeat 0 8px;}
div#cal .cal_inner dl#m03{ background:url(../areainfo/detail/img/m_03.gif) no-repeat 0 8px;}
div#cal .cal_inner dl#m04{ background:url(../areainfo/detail/img/m_04.gif) no-repeat 0 8px;}
div#cal .cal_inner dl#m05{ background:url(../areainfo/detail/img/m_05.gif) no-repeat 0 8px;}
div#cal .cal_inner dl#m06{ background:url(../areainfo/detail/img/m_06.gif) no-repeat 0 8px;}
div#cal .cal_inner dl#m07{ background:url(../areainfo/detail/img/m_07.gif) no-repeat 0 8px;}
div#cal .cal_inner dl#m08{ background:url(../areainfo/detail/img/m_08.gif) no-repeat 0 8px;}
div#cal .cal_inner dl#m09{ background:url(../areainfo/detail/img/m_09.gif) no-repeat 0 8px;}
div#cal .cal_inner dl#m10{ background:url(../areainfo/detail/img/m_10.gif) no-repeat 0 8px;}
div#cal .cal_inner dl#m11{ background:url(../areainfo/detail/img/m_11.gif) no-repeat 0 8px;}
div#cal .cal_inner dl#m12{ background:url(../areainfo/detail/img/m_12.gif) no-repeat 0 8px; border-bottom:none;}

div#cal .cal_inner dl{
	border-top:solid 1px #fff;
	border-bottom:solid 1px #C3BB9F;
	padding:15px 0;
	margin:0 15px;
}

div#cal .cal_inner dl.del_box dd{
	margin-left:90px;
	display:block;
	height:29px;
	}

span.time{
	color:#674601;
	border:solid 1px #674601;
	background:#fff;
	padding:2px;
	margin-right:5px;
}

span.blank{
	color:#EFECDE;
	background:#EFECDE;
	padding:3px;
	margin-right:5px;
}
span.fsr{
	color:#990032;
	margin-left:5px;
	font-size:11px;
}


span.fs{
	font-size:11px;
}

.clear{clear:both; margin:0; display:none;}