/* CSS Document */
* {
	margin:0;padding:0;
} 

html, body, #container {
	height: 100%;
}

body > #container {
	height: auto; min-height: 100%;
}
img{
	margin: 0px;
	padding: 0px;
}
a {
	text-decoration: none;
	color: #C70852;
}
h1 {
	font-size: 1.4em;
	font-weight: normal;
}

h2 {
	font-size: 1.2em;
}
h3 {
	font-size: 1.2em;
	padding: 6px 4px 6px 10px;
	color: #fff;
	font-weight: normal;
	margin: 0 0 15px;
	float: left;
}
h4 ,h5 {
	margin: 0 0 15px;
	color: #555;
	font-weight: normal;
	font-size: 1.2em;
	font-weight: normal;
}
p {
	clear: both;
	line-height: 1.64em;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
.line {
	border-bottom: 1px solid #fff;
	margin: 0 0 45px;
	clear: both;
}
.line_a {
	clear: both;
	margin: 0 0 30px;
}
.clear {
	clear: both;
}
/*------------------------------------------------*/

body {
	font: 0.8em "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; background: #fff url(../images/bg.gif) repeat-x;
	color: #333;
}

#container {
	width: 970px;
	margin: 0 auto;
}
#header {
	margin: 15px 0px 0px;
	padding: 0px;
	background: url(../images/logo2.gif) no-repeat left 5px;
	height: 120px;
	width: 100%;
	border-bottom: 1px solid #ddd;
}

#navigation {
	float: right;
	padding: 0px;
	clear: both;
	height: 35px;
	margin: 85px 0px 0px;
	bottom: 0px;
	overflow: hidden;
	width: 600px;
}
#top_nav {
	color: #ccc;
	padding: 0px 20px 0;
	font-size: 0.84em;
	text-align: right;
	margin-top: 6px;
}
#logo {
	background: url(../images/logo1.gif) no-repeat right;
	float: right;
	width: 300px;
}
#logo a {
	font: 2.2em "Times New Roman", Times, serif;
	color: #BE9908;
}
#logo h1 {
	margin-top: 30px;
}
#logo p {
	font: bold 1.2em "Times New Roman", Times, serif;
	color: #BE9908;
	margin-left: 10px;
}

#nav {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 25px;
}
#nav li {
	display: inline;
	font-size: 0.9em;
}
#nav li a {
	float: left;
	color: #808080;
	padding: 0 0 5px;
	margin: 0 0 0 10px;
	border-bottom: 1px solid #ddd;
	background: url(../images/arrow3.gif) no-repeat;
	text-indent: 1.2em;
	vertical-align: middle;
}
#nav li a:hover, #nav li.current a, #nav li a:focus {
	color: #000;
	border-bottom: 1px solid #CF2050;
}

#navigation #menu {
	padding: 0px;
	margin: 0px;
	float: right;
}

#navigation #menu li{
	padding:0 0px;
	list-style:none;
	margin: 0px 1px;
	float: left;
}
 
#navigation #menu a{
	background:url(../images/left.gif) no-repeat left top;
	display:block;
	float:left;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
 
#navigation #menu a:hover{
	background:url(../images/hover_left.gif) no-repeat left top;
	display:block;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
 
#navigation #menu a span{
 background:url(../images/right.gif) no-repeat right top;
 display:block;
 padding:13px 20px 0 0;
 display:block;
 height:22px;
 float:left;
}
#navigation #menu a:hover span{
	background:url(../images/hover_right.gif) no-repeat right top;
 display:block;
 padding:13px 20px 0 0;
 display:block;
 height:22px;
 float:left;
}

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

#mainHeader {
	background: url(../images/logo.jpg) no-repeat 570px 10px;
	padding: 0px 410px 0 0;
	height: 300px;
	margin: 0 0 0px;
	text-align: left;
}
#mainHeader h1 {
	font-size: 2.6em;
	color: #000;
	margin: 0 0 20px;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif, Verdana;
}
#mainHeader h2 {
	padding: 20px;
	font-weight: normal;
	font-size: 1.18em;
	line-height: 1.5em;
	color: #000000;
}

/*-----------------------------------------------------------*/
#main {
	padding-bottom: 150px;
}  /* must be same height as the footer */

.inner {
	float: left;
	width: 294px;
	margin: 0 44px 20px 0;
	background: url(../images/onsen/icon_01.jpg) no-repeat right top;
	padding: 0px;
}
.inner h3 {
	margin: 0px;
	padding: 5px 0px 10px 10px;
	width: 284px;
	font-size: 1.2em;
}
.last {
	margin-right:0px;
}
#last2 {
	margin-right:0px;
}

.inner .photo {
	margin: 10px 0px 10px 20px;
	border: 1px solid #ddd;
	padding: 10px;
}
.inner p {
	margin: 0px;
	padding: 5px 5px 25px;
	width: 282px;
	background: #FFFFFF;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.inner a {
	color: #FFFFFF;
}
/*----------------------色分け--------------------------------*/
.inner .a {
	background: #C70852;
}
.inner .b {
	background: #007830;
}
.inner .c {
	background: #404586;
}

.inner .point {
	padding-bottom: 5px;
	padding-top: 5px;
	line-height: 1.5em;
	color: #C70852;
	font-weight: bold;
	text-align: center;
}

.inner .point_a {
	background: url(../images/a_top.gif) no-repeat right 0px;
	margin: 0px;
	padding: 35px 0px 0px;
}
em {
	color: #F84E92;
	font-weight: normal;
	text-decoration: underline;
	font-style: normal;
}


.inner .point_a01 {
	background: url(../images/a01_top.gif) no-repeat right 0px;
	margin: 0px;
	padding: 35px 0px 0px;
}
.inner .point_a03 {
	background: url(../images/a02_top.gif) no-repeat right 0px;
	margin: 0px;
	padding: 35px 0px 0px;
}
.inner .point_b {
	background: url(../images/b_top.gif) no-repeat right 0px;
	margin: 0px;
	padding: 35px 0px 0px;
}
.inner .point_c {
	background: url(../images/c_top.gif) no-repeat right 0px;
	margin: 0px;
	padding: 35px 0px 0px;
}
.inner .point_c01 {
	background: url(../images/c01_top.gif) no-repeat right 0px;
	margin: 0px;
	padding: 35px 0px 0px;
}
.inner .point_c02 {
	background: url(../images/c02_top.gif) no-repeat right 0px;
	margin: 0px;
	padding: 35px 0px 0px;
}
.text_style {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	background: #C70852;
	text-decoration: none;
	margin: 0px 5px;
	border-style: none;
	padding: 5px 0px;
}

.inner .view01 {
	font-size: 1em;
	padding: 5px;
	margin: 0px;
	text-align: right;
	float: right;
	line-height: 1.2em;
	color: #C70852;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	text-indent: 25px;
	background: url(../images/icon_01.jpg) no-repeat left;
}
.inner .view02 {
	font-size: 1em;
	padding: 5px;
	margin: 0px;
	text-align: right;
	float: right;
	line-height: 1.2em;
	color: #007830;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background: url(../images/icon_01.jpg) no-repeat left;
	text-indent: 25px;
}
.inner .view03 {
	font-size: 1em;
	padding: 5px;
	margin: 0px;
	text-align: right;
	float: right;
	line-height: 1.2em;
	color: #404586;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background: url(../images/icon_01.jpg) no-repeat left;
	text-indent: 25px;
}


/*------------------左ボックス------------------------------------*/
.left {
	float: left;
	width: 250px;
	padding-bottom: 50px;
}
.left h4 {
	padding-left: 62px;
	padding-bottom: 10px;
	font-weight: bold;
	height: 40px;
	padding-top: 20px;
	margin: 0px;
}

.left .a01 {
	background: url(../images/h4_bg01.gif) no-repeat;
	color: #000000;
}

.left .a02 {
	background: url(../images/h4_bg02.gif) no-repeat;
	color: #000000;
}

.left .a03 {
	background: url(../images/h4_bg03.gif) no-repeat;
	color: #000000;
}

.left .category ul {
	_zoom: 1;
	overflow: hidden;
	margin: 0 0 20px;
	padding: 0;
	border-bottom: 1px dotted #999;
}   
    
.left .category ul li {
	margin: -1px 0 0;
	padding: 5px 0px 5px 25px;
	list-style: none;
	border-top: 1px dotted #999;
	background: url(../images/round01.gif) no-repeat left top;
	text-indent: 0px;
	line-height: 1.4em;
}
.left .category a {
	color: #808080;
	text-decoration: underline;
}
.left .category a:hover {
	color: #BF9A0E;
}

.left .gallery {
	margin: 0px;
	padding: 20px 0px 0px;
}
.left .gallery .g_photo {
	border-top: 5px solid #ddd;
	border-right-color: #ddd;
	border-left-color: #ddd;
	border-bottom: 5px solid #ddd;
	padding-top: 1px;
	padding-bottom: 1px;
}
.left .gallery p {
	text-align: left;
	margin: 10px 10px 10px 0px;
	background: url(../images/camera.gif) no-repeat left 0px;
	text-indent: 25px;
}
.left .category {
	margin: 0px;
	padding: 0px 0px 20px;
}
.left .category .link_a {
	color: #C70852;
}
.left .gallery h5 {
	color: #FFFFFF;
	height: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 8px 0px 2px 10px;
	margin: 0px;
}
.gallery .op01 {
	background: url(../images/op01.gif) top;
}
.gallery .op02 {
	background: url(../images/op02.gif) top;
}
.gallery .op03 {
	background: url(../images/op03.gif) top;
}
/*------------------------------------------------------*/

.right {
	float: right;
	width: 630px;
	margin: 0;
	padding-bottom: 50px;
}

.right h3 {
	background: #808080;
	font-size: .84em; }

.number {
	width: 100px;
	border: 1px solid #BF9A0E;
	float: right;
	margin: 0px;
	padding: 0px;
}
.collar_bg {
	background: #C09B0E;
	color: #FFFFFF;
	padding: 2px 3px 3px;
	margin: 0px;
}
.item span {
	color: #FFFFFF;
	padding: 1px 3px 3px;
	background: #C70852;
	margin-top: 3px;
	line-height: 1.6em;
	font-weight: bold;
}

.right p {
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 30px;
}

.right blockquote {
	border: 5px solid #ddd;
	margin: 10px 10px 30px;
	padding: 10px 0px 0px;
}

.right .description {
	line-height: 1.4em;
	padding: 10px 0px 10px 10px;
	margin: 10px;
	clear: both;
}

.right .description p {
	margin-left: 0px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #666;
	border-bottom: 1px dotted #999;
	margin-right: 5px;
	background: url(../images/round.gif) no-repeat left;
	text-indent: 25px;
}
/*------------------------------------------------------*/
dl.item {
	margin-bottom: 30px;
	padding: 10px;
	overflow: hidden;
}   
dl.item dt {
	float: left;
	padding: 0px 0 5px 10;
	color: #666666;
	font-weight: bold;
	background: url(../images/mark01.gif) no-repeat left;
	text-indent: 10px;
	margin-top: 8px;
}   
dl.item dd {
	padding: 5px 0 5px 200px;
	border-bottom: 1px dotted #999;
	line-height: 1.5em;
} 

ul.notice {
	line-height: 1.5em;
	text-decoration: none;
	list-style: none;
	width: 550px;
	padding: 10px 0px 10px 20px;
}
ul.notice li {
	background: url(../images/mark.gif) no-repeat left 0.6em;
	padding-left: 1em;
}
table.time_t {
	margin-left: 10px;
	line-height: 1.8em;
	border-right: 1px solid #C09B0E;
	margin-bottom: 20px;
	width: 610px;
	border-bottom: 1px solid #C09B0E;
}
table.time_t td {
	padding-left: 1em;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid #C09B0E;
	border-left: 1px solid #C09B0E;
}

tr.item_n {
	background: #C09B0E;
	color: #FFFFFF;
	padding-left: 1em;
}

.item_title {
	background: url(../images/01.jpg) no-repeat top;
	padding-top: 40px;
	padding-left: 40px;
	height: 40px;
	color: #000000;
	font-size: 1.2em;
}

.choice {
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: right;
 
 }

.choice p {
	margin: 5px 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	
	
}

.choice a {
	font-weight: bold;
	font-size: 1.2em;
	float: right;
	color: #C70852;
	border: 3px solid #C70852;
	margin: 0px 10px 10px 0px;
	padding: 5px;
	width: 140px;
	text-align: center;
	display: block;
}
/*----------------------------------------------*/
#info {
	padding-top: 10px;
	padding-bottom: 10px;
}
#info .info {
	font-size: 1.4em;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-left: 5px solid #C70852;
	text-indent: 1em;
}
#info .info_01 {
	font-size: 1.2em;
	border-left: 5px solid #C70852;
	text-indent: 1em;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	line-height: 1.2em;
}

#info ul {
	border-bottom: 2px solid #ddd;
	margin: 10px 10px 30px;
	padding: 10px;
	list-style: none;
}
#info li {
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 1px 0px 5px;
	padding: 0px;
	border-bottom: 1px dashed #ddd;
}

#info .map {
	margin: 10px 0px 10px 30px;
}

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

#footer {
	position: relative;
	margin-top: -180px; /* negative value of footer height */
	height: 180px;
	clear:both;
	font-size: 0.9em;
	background: url(../images/footer_bg.gif) repeat-x top;
} 

#footer .address {
	text-align: left;
	width: 950px;
	color: #FFFFFF;
	margin: 0px auto;
	padding-left: 20px;
}
#footer .address span {
	font-size: 1.2em;
	line-height: 1.4em;
	color: #AD8C29;
}

#footer .copy {
	padding: 0 0 20;
	line-height: 50px;
	margin: 0px;
}
#footer .copy p {
	text-align: center;
	color: #FFFFFF;
	padding-top: 20px;
}
#footer .address p {
	margin-top: 10px;
	line-height: 1.5em;
}
#footer .address .img_right {
	float: right;
	padding-bottom: 20px;
	border-style: none;
	margin-right: 10px;
}
#footer .link_footer {
	font-size: 1.0em;
	color: #FFFFFF;
	text-decoration: underline;
	line-height: 1.5em;
}

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#image-btn {
    border: 0px;
    width: 100px;
    height: 30px;
    background: url(../images/image_btn.png) no-repeat left top;
}