/********************************************************
  This stylesheet provides styles for all CMS layout.
*********************************************************/

/*-------------------------------------------------
	
	universalselector
	
-------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

/*-------------------------------------------------
	
	structure
	
-------------------------------------------------*/

body {
	height:100%;
	position: static;
	width: 760px;
	margin: 0 auto;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	bottom: 0px;
	text-align: center;
	font-size: 12px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo ,'ＭＳ Ｐゴシック', sans-serif;
	color: #333333;
}

a {
	text-decoration: none;
	color: #4a6979;
}

a:hover,a:active {
	color: #0066cc;
	text-decoration: underline;
}

img {
	border: 0;
}

p {
	padding-right: 10px;
	padding-left: 10px;
}

div.stopper,
br.stooper {
	clear: both;
}

#wrapper {
	height: auto;
	width: 760px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: none;
	text-align: left;
}


#contents {
	width: 760px;
	height: auto;
	min-height: 380px;
}

/*-------------------------------
 table  css  
-------------------------------*/

table.enq {
	width: 680px;
	border: 1px solid #cccccc;
}
table.fullwide {
	width: 100%;
	border: 1px solid #cccccc;
}
table.kihonjoho {
	width: 100%;
}
tr.color {
	background-color: #ccccff;
}
tr.white {
	background-color: #ffffff;
}
tr.color-deep {
	background-color: #003399;
}
td.standard {
	font-size: 13px;
	color: #333333;
	line-height: 130%;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	text-align: left;
}
td.bgwhite {
	font-size: 13px;
	color: #333333;
	line-height: 130%;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	text-align: left;
	background-color: #ffffff;
}

td.standard-title {
	font-size: 14px;
	color: #333333;
	line-height: 130%;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: left;
}

td.standard-white {

	font-size: 13px;
	color: #ffffff;
	line-height: 130%;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	text-align: left;
}
p.commentsmall {
	font-size: 9px;
	padding-right: 0px;
	padding-left: 0px
}
p.normal {
	padding-right: 0px;
	padding-left: 0px
}

/*-------------------------------
 table  css  end
-------------------------------*/
/*-------------------------------
 form  css
-------------------------------*/

input.bg {
	font-size: 100%;
	font-family: inherit;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	background-color: #f6f6f6;
	color: #333333;	
}

select {
	background-color: #f6f6f6;
	font-family: inherit;
	color: #333333;
}

/*-------------------------------
 form  css  end
-------------------------------*/
/*-------------------------------
 another  css
-------------------------------*/

div.logo {
	height: auto;
	width: 760px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	text-align: left;
}

h1.title {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
h2.title {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 7px;
}

/*-------------------------------
 another  css end
-------------------------------*/











div.thuml,
div.thuml   {width:255px; float:left;}
div.thumr,
div.thumr   {width:255px; float:right;}
div.thumlTxt,
div.thumlTxt  {width:475px; float:right;}
div.thumrTxt,
div.thumrTxt  {width:475px; float:left;}

div.col div.col_two_left  {width:365px; float:left;}
div.col div.col_two_right {width:365px; float:right;}
div.col div.col_two_left dl,
div.col div.col_two_right dl  {font-size:75%; color:#333333;}
div.col div.col_two_left dt,
div.col div.col_two_right dt  {margin-bottom:10px; text-align:left; border:none;}
div.col div.col_two_left dl dd,
div.col div.col_two_right dl dd {text-align:left; line-height:140%;}
div.col div.col_two_left dt.photo,
div.col div.col_two_right dt.photo  {margin-bottom:0;}
div.col div.col_two_left dl dd.thuml img,
div.col div.col_two_right dl dd.thuml img {margin-right:10px; float:left;}
div.col div.col_two_left dl dd.thumr img,
div.col div.col_two_right dl dd.thumr img {margin-left:10px; float:right;}


/* 駿河 - その他施設
-------------------------------------------------*/
div.col div.col_two330_left     {width:330px; float:left;}
div.col div.col_two330_right    {width:330px; float:right;}
div.col div.col_two330_left h3,
div.col div.col_two330_right h3   {margin:0; padding:9px 0 9px 12px; font-size:100%; text-align:left; color:#333333; font-weight:600; background:url(../suruga/images/other/h3Bg.gif) no-repeat left bottom; border:solid 1px #a6c4dd; border-bottom:none;}
div.col div.col_two330_left h3 a,
div.col div.col_two330_right h3 a {display:block; font-weight:600;}
div.col div.col_two330_left p,
div.col div.col_two330_right p    {margin-top:8px; text-align:left; font-size:75%; color:#333333; line-height:150%;}
div.col div.col_two330_left p strong,
div.col div.col_two330_right p strong{color:#ff0000;}
div.col div.col_two330_left ul,
div.col div.col_two330_right ul   {text-align:left; font-size:100%; color:#333333;}


/* 駿河 - ホテル
-------------------------------------------------*/
div.info01 p  {width:451px; float:left;}
div.info01 ul {width:242px; margin-top:8px; float:right;}
div.info01 ul li{list-style:none;}

ul.icon_01      {margin:0; padding:0;}
ul.icon_01 li   {height:24px; padding-left:40px; padding-top:7px; text-align:left; list-style:none; background: url(../suruga/images/hotel/icon_01.gif) no-repeat left center;}

div.adviseL   {width:430px; float:left;}
div.adviseR   {width:266px; text-align:left; float:right;}
div.adviseR div.institution {margin-top:10px; padding-bottom:10px; font-size:75%; background-color:#efe2cc;}
div.adviseR div.institution div {width:108px; text-align:center; float:left;}
div.adviseR div.institution div.left  {margin-left:20px;}
div.adviseR div.institution div.right {margin-left:10px;}
div.adviseR div.institution div img {margin-bottom:5px; padding:3px; background-color:#ffffff;}

div.adviseR div.institution02 {padding:10px; font-size:75%; text-align:center; background-color:#efe2cc;}
div.adviseR div.institution02 img {width:172px; margin-bottom:5px; padding:3px; background-color:#ffffff;}

div.adviseR div.institution03 {margin-top:10px; padding:10px 0; font-size:75%; background-color:#efe2cc;}
div.adviseR div.institution03 div {width:108px; text-align:center; float:left;}
div.adviseR div.institution03 div.left  {margin-left:20px;}
div.adviseR div.institution03 div.right {margin-left:10px;}
div.adviseR div.institution03 div img {margin-bottom:5px; padding:3px; background-color:#ffffff;}


/* 駿河 - お風呂・サウナ
-------------------------------------------------*/
div.info02:after  {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div.info02      {display:inline-table; clear:both;}
/* MacIE begin \*/
*+html div.info02 {height:1%;}
* html div.info02 {height:1%;}
div.info02      {display:block;}
/* MacIE end */
div.info02    {margin-bottom:20px; text-align:left; font-size:75%; background-color:#dfecf3;}
div.info02 h4 {padding:0 0 0 12px;}
div.info02 p  {padding:0 1em 0 2em;}
div.info02 dl {margin-bottom:20px; padding:0 1em 0 2em;}
div.info02 dl dt,
div.info02 dl dd{margin:0; padding:0;}
div.info02 img.thumb  {float:right;}

div.attention   {margin-bottom:17px; padding:12px; text-align:left; font-size:75%; border:solid 1px #aaaaaa;}
div.attention dt  {font-weight:normal;}

table.fee th,
table.fee td    {padding:3px; vertical-align:top;}
table.fee th    {text-align:left;}
table.fee td    {text-align:right; font-weight:bold;}

div.calendar	{width:687px; margin:20px auto 10px auto;}
div.calendar table	{width:100%; margin-top:15px; margin-bottom:5px; border-top:solid 1px #adc7ea; border-left:solid 1px #adc7ea;}
div.calendar table th,
div.calendar table td	{font-size:75%; font-weight:bold; border-right:solid 1px #adc7ea; border-bottom:solid 1px #adc7ea;}
div.calendar table th	{width:14%; padding:1em 0; text-align:center; background:#e5effb url(../suruga/images/ofuro/calendar_th.gif) repeat-x left center;}
div.calendar table th.sun{color:#ff0000;}
div.calendar table td	{padding:5px 1px 1px 1px; text-align:left;}

div.calendar table td em				{display:block; margin-top:5px; padding:5px; text-align:center; font-weight:bold;}
div.calendar table td em.jitubutu		{text-align:left; position:relative;}
div.calendar table td em.jitubutu img	{position:absolute; top:7px; _top:5px; right:5px;}

div.calendar table td em.sake		{background-color:#89cbbe;}
div.calendar table td em.momo		{background-color:#ffccdc;}
div.calendar table td em.rose		{background-color:#cc99ff;}
div.calendar table td em.ringo		{background-color:#b8e6c8;}
div.calendar table td em.shinkon	{background-color:#deade2;}
div.calendar table td em.konbu		{background-color:#afaf1f;}
div.calendar table td em.wain		{background-color:#cd70e4;}
div.calendar table td em.kouka		{background-color:#ffb19f;}
div.calendar table td em.koucya		{background-color:#e09665;}
div.calendar table td em.kamoni-ru	{background-color:#e6e62e;}
div.calendar table td em.dokudami	{background-color:#b3d450;}
div.calendar table td em.wanda		{background-color:#99ccff; font-size:94%; _font-size:81%; padding:6px;}
div.calendar table td em.ninjin		{background-color:#fdbd7c;}
div.calendar table td em.rabenda	{background-color:#bbc0ef;}

/* ◇イベント風呂の種類
酒
桃の葉
ローズマリー
青りんご
紫根
こんぶ
ワイン
紅花
紅茶
カモミール
どくだみ
ブルーワンダー

にんじん
ラベンダー
------------------------*/



/* 駿河 - 地図・交通
-------------------------------------------------*/
div.rootfr      {margin-bottom:10px; padding:7px; text-align:left; background-color:#f4f4f4;}
div.rootfr h3   {margin:0; font-size:88%; font-weight:bold;}
div.rootfr h3 strong{color:#ff0000; font-weight:bold;}
div.rootfr p    {margin-left:0.5em; font-size:88%;}
div.rootfr p strong {font-weight:bold;}

div.psi01       {position:relative;}
div.psi01 ul.rightLink  {position:absolute; right:0; bottom:-20px;}

div.fr02      {padding:10px; border:solid 1px #aaaaaa;}

div.col address   {margin-left:1em; text-align:left; font-size:75%; line-height:150%;}

table.time	{width:100%; margin-bottom:5px; border-top:solid 1px #adc7ea; border-left:solid 1px #adc7ea;}
table.time th,
table.time td	{padding:5px 7px; text-align:left; font-size:75%; border-right:solid 1px #adc7ea; border-bottom:solid 1px #adc7ea;}
table.time th	{color:#ffffff; font-weight:bold; background:#333399 url(../images/common/th_bg_04.gif) repeat-x left center; white-space:nowrap;}
table.time tr.color01	{background-color:#e1f9ea;}
table.time tr.color02	{background-color:#e1ebf9;}
table.time tr.color03	{background-color:#ffffff;}
table.time tr.color01 th{color:#333333; background-image:none; background-color:#e1f9ea;}
table.time tr.color02 th{color:#333333; background-image:none; background-color:#e1ebf9;}
table.time tr.color03 th{color:#333333; background-image:none; background-color:#ffffff;}



/* 駿河 - 料金一覧
-------------------------------------------------*/
table.fee02     {font-size:88%;}
table.fee02 th,
table.fee02 td    {padding:3px; vertical-align:top;}
table.fee02 th    {text-align:left;}
table.fee02 td    {text-align:right; font-weight:bold;}
table.fee02 th.txtr {text-align:right;}

table.fee03     {margin-left:10px; font-size:75%;}
table.fee03 th,
table.fee03 td    {padding:1px; vertical-align:top; text-align:left;}

table.mb15      {margin-bottom:15px;}
table.mt15      {margin-top:15px;}

table.w150      {width:150px;}
table.w235      {width:235px;}
table.w290      {width:290px;}
table.w320      {width:320px;}
table.w350      {width:350px;}
table.w400      {width:400px;}

div.bgColor01	{padding:20px; background-color:#e1ebf4;}


/* 駿河 - ご利用の流れ
-------------------------------------------------*/
div.colFlow:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div.colFlow     {display:inline-table; clear:both; margin:0 10px 4px 10px; height:100%; background:url(../suruga/images/hajimete/h3_bg.gif) no-repeat left top;}
/* MacIE begin \*/
*+html div.colFlow  {height:1%;}
* html div.colFlow  {height:1%;}
div.colFlow     {display:block;}
/* MacIE end */

div.flowposi_01   {position:relative;}

div.colFlow h3    {display:block; width:44px; margin-right:4px; margin-bottom:0; padding:12px auto 21px auto; text-align:center; font-size:88%;}
div.colFlow div.desc{width:670px; height:100%; margin-bottom:4px; float:right; background:url(../suruga/images/hajimete/h4_bg.gif) no-repeat 0 0; position:relative;}
div.colFlow div.descEnd {margin-bottom:0;}
div.colFlow h4    {display:block; width:88px; margin-right:22px; padding:1em 0; text-align:center; font-size:88%; font-weight:bold; line-height:150%;}
div.colFlow dl    {width:550px; text-align:left;}
div.colFlow dl dt {margin-bottom:8px; font-size:88%; font-weight:bold;}
div.colFlow dl dd {padding-bottom:20px;}
div.colFlow dl dd ul{margin-left:2.5em; font-size:75%;}
div.colFlow dl dd li{line-height:1.5em;}
div.colFlow dl dd li span.note  {padding-left:14px; background:url(../images/common/list_01.gif) no-repeat 0 3px;}
div.colFlow h3,
div.colFlow h4,
div.colFlow dl    {float:left;}

div.flowposi_01 h3 img.txt  {position:absolute; left:14px; top:12px; z-index:100;}
div.flowposi_01 img.arrow {position:absolute; left:0px; bottom:0px; _bottom:-1px;}
div.flowposi_01 div.desc img.h4f  {position:absolute; left:0; bottom:0;}


/* 駿河 - 割引券
-------------------------------------------------*/
div.waimg	{text-align:left; margin-top:20px; margin-bottom:30px;}


/* 駿河 - 設備・アメニティ一覧
-------------------------------------------------*/
div.t-style01	{width:687px; margin:15px auto 10px auto;}
div.t-style01 table	{width:100%; margin-bottom:5px; border-top:solid 1px #adc7ea; border-left:solid 1px #adc7ea;}
div.t-style01 table th,
div.t-style01 table td	{padding:5px 7px; text-align:left; font-size:75%; border-right:solid 1px #adc7ea; border-bottom:solid 1px #adc7ea;}
div.t-style01 table th	{width:14%; font-weight:bold; background:#e5effb url(../suruga/images/ofuro/calendar_th.gif) repeat-x left center; white-space:nowrap;}
div.t-style01 table th.sub	{vertical-align:top; background:none; font-weight:normal;}
div.t-style01 table th.sub strong	{font-weight:bold;}


/* 駿河 - ご宿泊プラン一覧
-------------------------------------------------*/
div.t-style02		{width:687px; margin:15px auto 10px auto;}
div.t-style02 table	{width:100%; margin-bottom:5px; border-top:solid 1px #adc7ea; border-left:solid 1px #adc7ea;}
div.t-style02 table th,
div.t-style02 table td	{padding:5px 7px; text-align:left; border-right:solid 1px #adc7ea; border-bottom:solid 1px #adc7ea;}
div.t-style02 table th	{background-color:#e5effb;}
div.t-style02 table th.parent	{font-size:88%; color:#ffffff; font-weight:600; background:url(../images/common/th_bg_04.gif) repeat-x left center;}
div.t-style02 table th.sub01	{font-size:88%; background-color:#adc7ea;}
div.t-style02 table th.sub02	{font-size:75%; background-color:#e7eff9;}
div.t-style02 table th.sub02 strong,
div.t-style02 table td strong		{font-weight:bold;}
div.t-style02 table td			{font-size:75%;}