#header-other .toppanel-hotspring{
height:597px;
text-align:center;
background:url(../images/hotspring/bg_toppanel-hotspring.jpg) no-repeat 0 0;
}

#header-other .toppanel-hotspring img{
display:inline;
}

/* top */

.contentsarea .hotspring .spacer{
padding:0 7px 0 7px;
}

.contentsarea .hotspring .summarybox-top1{
height:240px;
font-size:12px;
line-height:1.5em;
background:url(../images/hotspring/bg_topdetail01.jpg) no-repeat top right;
padding:0 340px 0 0;
margin:0 0 20px 0;
}

.contentsarea .hotspring .summarybox-top2{
height:240px;
background:url(../images/hotspring/bg_topdetail02.jpg) no-repeat top left;
padding:0 0 0 340px;
margin:0 0 20px 0;
}

.contentsarea .hotspring .summarybox-top3{
height:240px;
font-size:12px;
line-height:1.5em;
background:url(../images/hotspring/bg_topdetail03.jpg) no-repeat top right;
padding:0 340px 0 0;
margin:0 0 20px 0;
}

.contentsarea .hotspring .summarybox-101{
height:240px;
font-size:12px;
line-height:1.5em;
background:url(../images/hotspring/bg_topdetail101.jpg) no-repeat top right;
padding:0 340px 0 0;
margin:0 0 20px 0;
}

.contentsarea .hotspring .summarybox-102{
height:240px;
background:url(../images/hotspring/bg_topdetail102.jpg) no-repeat top left;
padding:0 0 0 340px;
margin:0 0 20px 0;
}

.contentsarea .hotspring .summarybox-103{
height:240px;
font-size:12px;
line-height:1.5em;
background:url(../images/hotspring/bg_topdetail103.jpg) no-repeat top right;
padding:0 340px 0 0;
margin:0 0 20px 0;
}

.contentsarea .hotspring .summarybox-201{
height:240px;
font-size:12px;
line-height:1.5em;
background:url(../images/hotspring/bg_topdetail201.jpg) no-repeat top right;
padding:0 340px 0 0;
margin:0 0 20px 0;
}

.contentsarea .hotspring .summarybox-202{
height:240px;
background:url(../images/hotspring/bg_topdetail202.jpg) no-repeat top left;
padding:0 0 0 340px;
margin:0 0 20px 0;
}

.contentsarea .hotspring .summarybox-203{
height:240px;
font-size:12px;
line-height:1.5em;
background:url(../images/hotspring/bg_topdetail203.jpg) no-repeat top right;
padding:0 340px 0 0;
margin:0 0 20px 0;
}

.contentsarea .hotspring .summarybox-301{
height:240px;
font-size:12px;
line-height:1.5em;
background:url(../images/hotspring/bg_topdetail301.jpg) no-repeat top right;
padding:0 340px 0 0;
margin:0 0 20px 0;
}

.contentsarea .hotspring .summarybox-302{
height:240px;
background:url(../images/hotspring/bg_topdetail302.jpg) no-repeat top left;
padding:0 0 0 340px;
margin:0 0 20px 0;
}

.contentsarea .hotspring .summarybox-303{
height:240px;
font-size:12px;
line-height:1.5em;
background:url(../images/hotspring/bg_topdetail303.jpg) no-repeat top right;
padding:0 340px 0 0;
margin:0 0 20px 0;
}

.contentsarea .hotspring .hotspring-info{
border:1px solid #5482A4;
}

.contentsarea .hotspring .hotspring-info .inner{
border:5px solid #E7F5FA;
padding:20px 20px 15px 20px;
background: url(../images/hotspring/bg_plan.jpg) no-repeat scroll right 50px;
}

.contentsarea .hotspring .hotspring-spec .inner{
border:1px solid #CCCCCC;
padding:20px 20px 15px 20px;
}

.contentsarea .hotspring .hotspring-info h3{
font-size: 12px;
margin-bottom: 3px;
}

.contentsarea .hotspring .hotspring-spec h2{
margin:0 0 10px 0;
}

.contentsarea .hotspring .hotspring-spec dl,
.contentsarea .hotspring .hotspring-info dl{
font-size:12px;
margin:0 0 5px 0;
}

.contentsarea .hotspring .hotspring-spec dl dt,
.contentsarea .hotspring .hotspring-info dl dt{
display:inline;
}

.contentsarea .hotspring .hotspring-spec dl dd,
.contentsarea .hotspring .hotspring-info dl dd{
display:inline;
}

.contentsarea .hotspring .hotspring-spec dl dd ul,
.contentsarea .hotspring .hotspring-info dl dd ul{
display:inline;
}

.contentsarea .hotspring .hotspring-spec dl dd ul li,
.contentsarea .hotspring .hotspring-info dl dd ul li{
display:inline;
}

.recommendation-plan{
margin:0 0 20px 0;
}

.recommendation-plan .inner{
height:1%;
border:1px solid #CCCCCC;
padding:20px 30px 0 30px;
}

.recommendation-plan dl{
width:616px;
overflow:hidden;
position:relative;
margin:0 0 20px 0;
}

.recommendation-plan dl dt{
width:310px;
float:left;
}

.recommendation-plan dl dd{
width:300px;
font-size:12px;
line-height:1.5em;
float:left;
}

/* tsuki_hoshi */

.contentsarea .hotspring .summarybox-tsukihoshi1{
height:240px;
font-size:12px;
line-height:1.5em;
background:url(../images/hotspring/bg_tsukihoshidetail01.jpg) no-repeat top right;
padding:0 340px 0 0;
margin:0 0 20px 0;
}

.contentsarea .hotspring .summarybox-tsukihoshi2{
height:240px;
font-size:12px;
line-height:1.5em;
background:url(../images/hotspring/bg_tsukihoshidetail02.jpg) no-repeat top left;
padding:0 0 0 340px;
margin:0 0 20px 0;
}

/* hana_kaze */

.contentsarea .hotspring .summarybox-hanakaze1{
height:240px;
font-size:12px;
line-height:1.5em;
background:url(../images/hotspring/bg_hanakazedetail01.jpg) no-repeat top right;
padding:0 340px 0 0;
margin:0 0 20px 0;
}

.contentsarea .hotspring .summarybox-hanakaze2{
height:240px;
font-size:12px;
line-height:1.5em;
background:url(../images/hotspring/bg_hanakazedetail02.jpg) no-repeat top left;
padding:0 0 0 340px;
margin:0 0 20px 0;
}


/* suzume */

.contentsarea .hotspring .summarybox-suzume1{
height:400px;
font-size:12px;
line-height:1.5em;
background:url(../images/hotspring/bg_suzumedetail01.jpg) no-repeat top right;
padding:0 340px 0 0;
margin:0 0 20px 0;
}

.contentsarea .hotspring .hotspring-spec_suzume .inner{
border:1px solid #CCCCCC;
padding:20px 20px 6px 20px;
}

.contentsarea .hotspring .hotspring-spec_suzume h2{
font-size:12px;
margin:0 0 10px 0;
}

.contentsarea .hotspring .hotspring-spec_suzume ul{
font-size:12px;
margin:0 0 12px 0;
}

.contentsarea .hotspring .hotspring-spec_suzume ul li{
margin:0 0 3px 0;
}

.contentsarea .hotspring .hotspring-spec_suzume p{
font-size:12px;
line-height:1.5em;
margin:0 0 12px 0;
}

/* table color*/
.bgbluebox{
	background-color: #CDE5FF;
	display: block;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #39F;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #39F;
	border-right-color: #39F;
	border-bottom-color: #39F;
	padding-left: 15px;
	margin-bottom: 15px;
	width: 633px;
}

.bgorangebox{
	background-color: #FFF0B1;
	display: block;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #C60;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #C60;
	border-right-color: #C60;
	border-bottom-color: #C60;
	padding-left: 15px;
	margin-bottom: 15px;
	width: 633px;
}
