@charset "Shift_JIS";
/* --------------------------------------------------------
宇都宮ポートホテル　基本
-------------------------------------------------------- */
body{
	font-size:62.5%;
	line-height:150%;
	color:#666666;
	background:#eeeeee;
	margin:0;
	padding:0;
	text-align:center;
font-size:12px;		}

h1,form,p,ul,ol{
	margin:0;
	padding:0;
}


h2{margin-top:15px;}

h3{
	margin:0;
	padding-bottom:5px;
	color:#301600;
}
h4{
font-size:110%;
font-weight:bold;
margin:0;
padding:0;
}

td{
	font-size:80%;
	line-height:150%;
}


img{
	border:0;
}

a:link{
	color:#3366cc;
	text-decoration:underline;
}
a:visited{
	color:#cc6633;
	text-decoration:underline;
}
a:active{
	color:#660000;
	text-decoration:
	underline;
	}
a:hover{
	color:#660000;
	text-decoration:underline;
}

.a2:link				{	color:				#ffffff;
					text-decoration:		underline;		}
.a2:visited			{	color:				#ffffff;
					text-decoration:		underline;		}
.a2:active			{	color:				#660000;
					text-decoration:		underline;		}
.a2:hover			{	color:				#660000;
					text-decoration:		underline;		}	
					
.sub_link{font-size:13px;}

.text_w			{	color:				#ffffff;			font-size:10px;				}
.text_r			{	color:				#c2345e;		}
.text_b			{	color:				#3366cc;		}
.text_b				{
	font-size:10px;
	float: right;
}
.text_t			{	color:				#634D3C;		}
.text_bro			{	color:				#301600;		}
.text_bk				{	color:				#000000;	font-size:10px; float: right;}
.text_br				{	color:				#301600; }

.bg_w			{	background-color:	#ffffff;		}

.bg_border			{	background-color:	#9a7e40;		}
.bg_menu			{	background-color:	#9a7e40;		}
.bg_footer			{	background-color:	#9a7e40;		}

.bg_header			{	background-color:	#ffffff;		}
.bg_title			{	background-color:	#baaca0;		}

.bg_main			{	background-color:	#f1eeeb;		}
.bg_main02			{	background-color:	#ffffff;		}
.bg_line			{	background-color:	#e2dcd7;		}
.bg_anchor			{	background-color:	#e2dcd7;		}

.bg_box_border		{	background-color:	#cccccc;		}
.bg_box_title		{	background-color:	#f8f7f5;		}
.bg_box_title_br		{	background-color:	#DFD9D3;		}
.bg_box_bg		{	background-color:	#fcfcfb;		}
.bg_box_bg		{	background-color:	#ffffff;		}

.bg_box_calendar	{	background-color:	#fdfdfc;		}
.bg_box_calendar_wd	{	background-color:	#f8f7f5;		}
.bg_box_calendar_sat	{	background-color:	#e5e5ff;
					color:				#666666;		}
.bg_box_calendar_sun	{	background-color:	#ffe5e5;
					color:				#666666;		}

.m				{	padding-left:		20px;
					padding-right:		20px;
					padding-top:		20px;
					padding-bottom:	20px;		}

.menu_top			{	padding-left:		20px;
					padding-right:		20px;
					padding-top:		15px;
					padding-bottom:	15px;		}

.m20				{	padding-left:		20px;
					padding-right:		20px;		}

.m20t				{	padding-left:		20px;
					padding-right:		0px;		}

.box				{	padding-left:		10px;
					padding-right:		10px;
					padding-top:		5px;
					padding-bottom:	5px;			}

.box_table			{	padding-left:		10px;
					padding-right:		10px;
					padding-top:		2px;
					padding-bottom:	2px;			}



/* --------------------------------------------------------
構造
-------------------------------------------------------- */

/* Wrapper */

#wrapper{
	width:924px;
	margin:0 auto;
	padding:0;
	background:#FFF;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
}

/* Header */

#header{
	width:924px;
	margin:0;
	padding:0;
}


#header #h_left{
	float:left;
	width:320px;
	height:81px;
	padding:0;
	text-align:left;
}

#header #h_left #logo{
	margin:0 0 0 14px;
}

#header #h_right{
	float:right;
	width:565px;
	margin:0 25px 0 0;
	padding:0;
	color:#000000;
	text-align:right;

}

* html #header #h_right{
    margin:0px 13px 0px 0px;
	
	}

#header #h_right h1{
	margin:0;
	color:#000000;
	font-size:12px;
	padding:10px 0 0 0;
	font-weight: normal;
}


#header br{clear:both;}


#header #navi{
	padding-left:14px;
	text-align:left;
	height:33px;
	margin:0;
	background:url(../img/bg_top.gif) repeat-x;
}

#header #navi ul{
	margin:0;
	padding:0;
	list-style:none;

}

#header #navi li{
	margin:0;
	padding:0;
	float:left;
	text-indent:-128128px;
	list-style-type:none;
	height:33px;
	vertical-align:bottom;
}

#header #navi li a{
	display:block;
	height:33px;
		text-indent:-128128px;
}

#header #navi .navi1{
	width:63px;
	background: url(../img/m_01a.gif);
	background-repeat:no-repeat;
}

#header #navi .navi1 a:hover{
	width:63px;
	background: url(../img/m_01b.gif);
	background-repeat:no-repeat;
}
#header #navi .navi1on{
	width:63px;
	background: url(../img/m_01b.gif);
	background-repeat:no-repeat;
}

#header #navi .navi2{
	width:103px;
	background: url(../img/m_02a.gif);
	background-repeat:no-repeat;
}

#header #navi .navi2 a:hover{
	width:103px;
	background: url(../img/m_02b.gif);
	background-repeat:no-repeat;
}
#header #navi .navi2on{
	width:103px;
	background: url(../img/m_02b.gif);
	background-repeat:no-repeat;
}

#header #navi .navi3{
	width:99px;
	background: url(../img/m_03a.gif);
	background-repeat:no-repeat;
}

#header #navi .navi3 a:hover{
	width:99px;
	background: url(../img/m_03b.gif);
	background-repeat:no-repeat;
}
#header #navi .navi3on{
	width:99px;
	background: url(../img/m_03b.gif);
	background-repeat:no-repeat;
}

#header #navi .navi4{
	width:88px;
	background: url(../img/m_04a.gif);
	background-repeat:no-repeat;
}

#header #navi .navi4 a:hover{
	width:88px;
	background: url(../img/m_04b.gif);
	background-repeat:no-repeat;
}
#header #navi .navi4on{
	width:88px;
	background: url(../img/m_04b.gif);
	background-repeat:no-repeat;
}

#header #navi .navi5{
	width:78px;
	background: url(../img/m_05a.gif);
	background-repeat:no-repeat;
}

#header #navi .navi5 a:hover{
	width:78px;
	background: url(../img/m_05b.gif);
	background-repeat:no-repeat;
}
#header #navi .navi5on{
	width:78px;
	background: url(../img/m_05b.gif);
	background-repeat:no-repeat;
}

#header #navi .navi6{
	width:77px;
	background: url(../img/m_06a.gif);
	background-repeat:no-repeat;
}

#header #navi .navi6 a:hover{
	width:77px;
	background: url(../img/m_06b.gif);
	background-repeat:no-repeat;
}
#header #navi .navi6on{
	width:77px;
	background: url(../img/m_06b.gif);
	background-repeat:no-repeat;
}

#header #navi .navi7{
	width:89px;
	background: url(../img/m_07a.gif);
	background-repeat:no-repeat;
}

#header #navi .navi7 a:hover{
	width:89px;
	background: url(../img/m_07b.gif);
	background-repeat:no-repeat;
}
#header #navi .navi7on{
	width:89px;
	background: url(../img/m_07b.gif);
	background-repeat:no-repeat;
}

#header #navi .navi8{
	width:140px;
	background: url(../img/m_08a.gif);
	background-repeat:no-repeat;
}

#header #navi .navi8 a:hover{
	width:140px;
	background: url(../img/m_08b.gif);
	background-repeat:no-repeat;
}
#header #navi .navi8on{
	width:140px;
	background: url(../img/m_08b.gif);
	background-repeat:no-repeat;
}

/* Contents */

#contents,#contents_room{
	margin:0 auto;
	background:#FFF;
	width:924px;
	padding-top:1px;
}


#contents_room h4{
	width:924px;
	height:85px;
	background: url(../img/bg_g.jpg);
	text-align:left;
	margin-top:0;
}

#contents td,#contents_room td{
	font-size:80%;
	line-height:150%;
}


/* Footer */

#footer{
	margin:0;
	width:924px;
	text-align:left;
}

#footer1{
	border-top:solid 1px #999;
	padding:10px 10px 10px 30px;
	height:75px;
	font-size:12px;
	line-height:160%;
	background:#FFF;
}

#footer1 img.qr{
	display:block;
	float:left;
	margin-right:20px;
}

#footer1 .txt{
	padding-top:18px;
}

#footer2{
	clear:both;
	border-top:solid 1px #999;
	padding:15px 10px 10px 10px;
	font-size:10px;
	line-height:150%;
	background:#EEE;
}

#footer2 div{
	padding-bottom:5px;
	font-size:12px;
	color:#634D3C;
}

#footer3{
	padding:15px 10px 10px 10px;
	background:#9a7e40;
	height:40px;
	color:#FFF;
}

#footer3 #ad{
	float:left;
	width:520px;
}
#footer3 #ad .link{
	padding:5px 0;
}

#footer3 #ad .link a:link{
	padding:5px 0;
	color:#ffffff;
}

#footer3 #ad .link a:visited{
	padding:5px 0;
	color:#ffffff;
}

#footer3 #ad .link a:active{
	padding:5px 0;
	color:#660000;
}

#footer3 #ad .link a:hover{
	padding:5px 0;
	color:#660000;
}

#footer3 #copyright{
	padding-top:10px;
	width:auto;
	float:right;
	text-align:right;
	vertical-align:bottom;
}


/* TOP */

#flash{
width:924px;
	margin:0;
	padding:0;
	font-size:12px;
}
#menu{
width:924px;
}

#menu img{
border-top:1px solid #FFF;
border-right:1px solid #FFF;
}

#captiontxt{
	width:auto;	
	padding:10px;
	font-size:11px;
	line-height:140%;
	text-align:left;
}

/* コンセプト */

.conceptsp1{
	width:463px;
	border-top:1px solid #999;
	border-right:1px solid #999;
	padding:18px 15px 18px 20px;
}
.conceptsp2{
	width:463px;
	border-top:1px solid #999;
	padding:18px 15px 18px 20px;
}
.conceptsp3{
	width:463px;
	border-top:1px solid #999;
	padding:18px 15px 18px 20px;
}
.conceptsp4{
	width:463px;
	border-top:1px solid #999;
	border-right:1px solid #999;
	padding:18px 15px 18px 20px;
}

.images{
	margin-bottom:10px;
}


/* 客室 */
#room{
	width:924px;
	background: url(../../guestroom/images/bg_b.jpg) repeat-x;
	margin-bottom:20px;
}
#groombg{
	width:885px;
	padding:0px 0px 15px 0px;
	border-bottom:1px solid #D5D0CC;

}
#groombg .pho{
	float:left;
	margin-right:4px;
}

#groombg .caption{
	font-size:10px;
	color:#301600;
}

#roominfo{
	border:1px solid #999999;
}
#roominfo th{
	border-bottom:1px solid #999999; 
	border-left:1px solid #999999;
	background-color:	#DFD9D3;
	text-align:left;
}

#roominfo .info1{
	border-bottom:1px solid #999999;
	background-color:	#DFD9D3;
	text-align:left;
	font-weight: bold;
}
#roominfo .info2{
	background-color:	#DFD9D3;
	text-align:left;
	font-weight: bold;
}

#roominfo .price1{
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	text-align:right;
}
#roominfo .price2{
	border-left:1px solid #999999;
	text-align:right;
}

/* 施設ガイド */

#check{
	border:1px solid #999999;
	margin-bottom:30px;
}
#check p{
	padding:10px 10px 10px 20px;
}

#guide{
	border:1px solid #999999;
	background: url(../../facilities/images/bg_b.jpg) ;
	background-repeat:repeat-x;
	margin-bottom:30px;
}

#guide .ph{
	margin-bottom:15px;
}

/* 周辺施設 */

#links{width:924px;
}

#links table{width:400px; }

#links td{width:50%; }

#links td table th{font-weight:normal; text-align:left; font-size:80%; padding-top:4px; width:10%; }


#links h3{
	margin:0;
	padding:0px;
	line-height:150%;
	color:#C2335E;
}

#links div{
	margin-bottom:30px;
}

#links .llist{
	padding:20px;
	border-right:1px dotted #D5D0CC;
	border-bottom:1px dotted #D5D0CC;
}

#links .rlist{
	padding:20px;
	border-bottom:1px dotted #D5D0CC;
}

#links .runder{
	padding:20px;
	border-right:1px dotted #D5D0CC;
}

.plantitle{
	color:#8e3e40;
	font-weight:bold;
	margin-bottom:10px;
}

.plantitle a{
	color:#006600;
	text-decoration:none;
	font-weight:bold;
}

.plantitle a:link{
	color:#006600;
	text-decoration:none;
	font-weight:bold;
}

.plantitlea:visited{
	color:#006600;
	text-decoration:none;
	font-weight:bold;
}

.plantitle a:active{
	color:#F97C20;
	text-decoration:underline;
}

.plantitle a:hover{
	color:#F97C20;
	text-decoration:underline;
}

.plantel{
	margin:10px 0px 10px;
}


/* アクセス */


.maptit{
	width:924px;
	height:90px;
	background: url(../img/bg_g.jpg);
	text-align:left;
}

.map{
	width:924px;
	text-align:center;
	margin:5px 0 40px 0;
}

/* TOP Reservation window */
form{margin:0; padding:0; }

img#ttl{float:left; }

table#rsv{width:924px; background:#d0c9b3; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; font-size:125%; margin:0; padding:0; }

table#rsv td{padding:0; }

table#rsv td#cts{padding:8px 10px 5px; color:#000000; line-height:1.6; background:url(../../img/top/search_arw.gif) 450px 30px no-repeat; }

table#rsv td#cts ul{margin:0; padding:0px; float:left; width:480px; font-size:100%; }

table#rsv td#cts ul li{list-style-type:none; margin-left:0px; float:left; margin-right:10px; }

table#rsv td#btn{background:#8d9ab5; padding:5px; }

.clear{clear:both; _width:100%; }

#Search_A{float:left; margin-top:5px; }

#captiontxt2{
	margin:0;
	padding:10px;
	font-size:12px;
	line-height:140%;
	text-align:left;
	background:url(../../img/top/shadow.gif) 2px 0 no-repeat;
}

/* TOP nabber */

#banner{
  text-align:center;
   width:289px;
   border-left:1px solid #999;
   background-color:#d0c9b3;
   }

.text_br2				{	color:				#333333;　　		}
.text_cya 	            {   color:              #8e3e40;            }
.subt {
	font-size: small;
	color: 5f3330;
}

.td_res	{
border-width:1px 1px 1px 1px;
border-style:solid;
border-color:#999999;
background-color:#ffffff;
}
.td_ban	{	border-width:			1px 1px 1px 1px;
											border-style:			solid;
											border-color:			#999999;
											padding:				20px;
											background-color:	#ffffff;								}

.rest_line_back{
background-image: url(../../img/line_back.gif);
background-repeat: repeat;
background-position:left top;
}
.f16_cya {
	font-size: 16px;
	font-weight: bold;
	color: #8e3e40;
}
.kakomi {
border:#3366FF 2px dotted;
color:#3366FF;
padding:10px;
font-weight:bold;
}

.ag_bg {background:#eeeeee;}