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

/* index.html ========================================================================== */

/* Main Visual */
#visual_box {
	width: 100%;
	height: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0 auto 10px;
	border-top: 1px solid #EB8420;/* 上線色(pxの数値で太さ変更) */
	border-bottom: 1px solid #555;/* 下線色(pxの数値で太さ変更) */
}

#top_page .contents #more {
	margin: 5px 10px 5px 15px;
	height: 40px;
	display: block;
	overflow: hidden;
	text-align: center;
	border: none;
}
#top_page .contents #more a {  
	line-height: 40px;
	font-size: 110%;
	font-weight: bold;
	padding-right: 15px;
	background: url(../images/arrow01.png) right 50% no-repeat;
	display: block;
	color: #EB8420;/* 「過去のトピックス＆ニュースを見る」文字色 */
}


/* index.html / topics.html 共通  ========================================================================== */

#news {
	margin: 0 10px 5px 15px;
	padding: 5px 0;
	overflow: hidden;
}
#news li p.date {
	padding-top: 10px;
	line-height: 1.3em;
	font-weight: bold;
	color: #F00;/* TOPICS日付 文字色 */
}
#news li p.title {
	padding-bottom: 10px;
	line-height: 1.3em;
	font-weight: bold;
	color: #fff;/* TOPICSタイトル 文字色 */
}
#news li a {
	display: block;
	padding-right: 15px;
	background: url(../images/arrow02.png) right 50% no-repeat;
	border-bottom: 1px dotted #fff;/* 下線色(pxの数値で太さ変更) */
}
#news li p.text {
	display:none;
	padding-top: 5px;
	padding-left: 1em;
	color: #999;/* TOPICS内容 文字色 */
}


/* GALLERY,PLAN ========================================================================== */

/* Gallery,Plan 共通 */
ul.room {
	margin: 0 10px 20px 15px;
}

ul.room li {
	width: 100%;
	margin: 5px 0;
	line-height: 2.5em;
	display: block;
	border: 1px solid #E2F2EB;/* 上下左右 線色(pxの数値で太さ変更) */
}
ul.room li.active {
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	display: block;
	color: #000;/* active 文字色 */
	background: #E2F2EB;/* active 背景色 */
}
ul.room li a {
	margin: 0 10px;
	background: url(../images/arrow01.png) right 50% no-repeat;
	font-weight: bold;
	text-align: center;
	display: block;
	color: #E2F2EB;/* 文字色 */
}

/* Plan */
ul.plans {
	margin: 0 10px 20px 15px;
}
ul.plans li {
	margin: 10px 0 0;
	padding: 0;
}
ul.plans li p.title {
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999;/* 下線色(pxの数値で太さ変更) */
}
ul.plans li p.right {
	padding: 5px 0;
	line-height: 1.5em;
	text-align: right;
}

/* Gallery */
ul.gall {
	margin: -10px 0 30px 15px;
}
ul.gall li {
	width: 140px;
	margin: 10px 4px ;
	float: left;
}
ul.gall li img {
	width: 140px;
	margin-bottom: 5px;
}
ul.gall li p.RoomNo {
	margin-bottom: 5px;
	text-indent: 10px;
	border-left: 5px solid #EB8420;/* 左線色(pxの数値で太さ変更) */
	border-bottom: 1px dotted #555;/* 下線色(pxの数値で太さ変更) */
}



/* SERVICE ========================================================================== */

#service .contents ul {
	margin: 0 10px 40px 15px;
}
#service .contents ul li {
	padding: 5px 0;
	line-height: 1.3em;
	display: block;
	overflow: hidden;
	/*border-bottom: 1px dotted #999;*/
}
#service .contents ul li p {
	padding: 2px 0 5px 1.8em;
	line-height: 1.3em;
	font-size: 90%;
}


/* MEMBER ========================================================================== */

#member .contents ul {
	margin: 0 10px 40px 15px;
}
#member .contents ul li {
	padding: 5px 0;
	line-height: 1.3em;
	display: block;
	overflow: hidden;
	/*border-bottom: 1px dotted #999;*/
}
#member .contents ul li p {
	padding: 2px 0 5px 1.8em;
	line-height: 1.3em;
	font-size: 90%;
}


/* ACCESS ========================================================================== */

#access .contents table {
	width: 94%;
	margin: 0 auto 40px;
}
#access .contents table th {
	padding: 0.8em 0;
	font-size: 110%;
	width: 90px;
	text-align: left;
	font-weight: normal;
	border-bottom: 1px dotted #999;/* 下線色(pxの数値で太さ変更) */
}
#access .contents table th.name {
	font-weight: bold;
	color: #EB8420;/* ホテル名 文字色 */
}
#access .contents table td {
	padding: 0.8em 0;
	font-size: 110%;
	text-align: left;
	border-bottom: 1px dotted #999;/* 下線色(pxの数値で太さ変更) */
}
#access .contents table td.route {
	padding: 0;
	background: url(../images/point01.png) left 50% no-repeat;
}
#access .contents table td a {
	font-size: 110%;
	line-height: 3.0em;
	padding-right: 15px;
	background: url(../images/arrow01.png) 100% 50% no-repeat;
	display: block;
}


/* INQUIRY ========================================================================== */

#inquiry .contents .inq {
	margin: 0 10px 30px 15px;
}
#inquiry .contents .inq a.tel {
	font-size: 110%;
	line-height: 3.0em;
	padding-left: 13px;
	padding-right: 15px;
	background: url(../images/arrow01.png) 100% 50% no-repeat;
	display: block;
	border-top: 1px dotted #999;/* 上線色(pxの数値で太さ変更) */
	border-bottom: 1px dotted #999;/* 下線色(pxの数値で太さ変更) */
}
#inquiry .contents .inq a.tel img {
	padding-right: 10px;
}

#inquiry .contents .inq li {
	padding: 5px 0;
	line-height: 1.3em;
	display: block;
	overflow: hidden;
	border-bottom: 1px dotted #999;/* 下線色(pxの数値で太さ変更) */
}
#inquiry .contents .inq p {
	margin-bottom: 15px;
}
#inquiry .contents .inq p.item {
	margin-bottom: 3px;
}

/* mailform */
#inquiry .contents .inq #mailform {
	padding-left: 1.0em;
}
#inquiry .contents .inq #mailform ul.mailform {
	width: 98%;
}
#inquiry .contents .inq #mailform ul.mailform li {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	/*border-bottom: solid 1px #999999;*/
	margin-bottom: 7px;
}
#inquiry .contents .inq #mailform ul.mailform li p.item {
	margin: 0;
}
#inquiry .contents .inq #mailform ul.mailform span {
	color: #CC0000;
	font-size: 10px;
}


/* COUPON ========================================================================== */

#coupon .contents ul {
	margin: 0 10px 40px 15px;
}
#coupon .contents ul li {
	padding: 5px 0 0;
	line-height: 1.3em;
	display: block;
	overflow: hidden;
	/*border-bottom: 1px dotted #999;*/
}

#coupon .contents ul li p {
	padding: 5px 0 5px 1em;
	font-size: 90%;
}

#coupon .contents li.border {
	width: 100%;
	padding: 0;
	margin: 15px 0 0;
	line-height: 2.8em;
	display: block;
	border: 1px solid #EB8420;/* 上下左右 線色(pxの数値で太さ変更) */
}
#coupon .contents li.border a {
	margin: 0 10px;
	background: url(../images/arrow01.png) right 50% no-repeat;
	font-weight: bold;
	text-align: center;
	display: block;
	color: #EB8420;/* 文字色 */
}