@charset "Shift_JIS";

*{
	margin:0;
	padding:0;
}

body{
	background:url(img/bg.gif);
}

img {
	border:0;
	padding: 0px;
}

p{
	font-size:75%;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	line-height:1.8;
	color:#333;
	padding:15px;
}

h1{
	font-size:70%;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font-weight:normal;
	color:#fff;
	position:absolute;
	right:10px;
	top:15px;
	z-index :100;
}

h2{
	text-align:left;
	padding-bottom:10px;
	padding-left:15px;
}

h3{
	text-align:left;
	padding:15px 0 0 15px;
	margin-bottom:-10px;
	color:#660000;
}

h3.acs{
	padding:0 0 0 15px;
	margin-bottom:10px;
}

h3.sig{
	padding:0px 0px 15px 15px;
	font-size: 24px;
}

/*---->追加---*/
h4 {
	text-align:left;
	font-size:85%;
	padding:10px 0 15px 5px;
	text-decoration:underline;
	color:#330000;
}
/*------------*/

.sig-s{
	padding:0px 0px 15px 5px;
	font-size: 14px;
}

a,a:hover,a:visited{
	color:#7c2900;
}


/*背景部分*/

#bg{
	width:800px;
	height:100%;
	background:url(img/bg_content.jpg) repeat-y;
	margin:0 auto;
	text-align:center;

}
#bg.sub{
	background:url(http://hotel-iwaki.com/img/bg_reserve.jpg) repeat-y;
}

/*wrapper*/

#wrapper{
	margin:0 20px;
	border-bottom:1px solid #CCCCCC;
	position:relative;
}
	
/*メニュー設定*/

#menu ul,#menu_sub ul{
	width:760px;
	height:40px;
}

#menu ul li,#menu_sub ul li {
	float:left;
	text-indent:-9999px;
	list-style:none;
}

#menu ul li a,#menu_sub ul li a{
	display:block;
	height:40px;
	width:145px;
}

#menu ul li.home a{
	width:180px;
	background:url(img/menu.jpg) 0 0;
}

#menu ul li.accom a{
	background:url(img/menu.jpg) 580px 0;
}

#menu ul li.sight a{
	background:url(img/menu.jpg) 435px 0;
}

#menu ul li.access a{
	background:url(img/menu.jpg) 290px 0;
}

#menu ul li.contact a{
	background:url(img/menu.jpg) 145px 0;
}

#menu ul li.home a:hover{
	width:180px;
	background:url(img/menu.jpg) 0 40px;
}

#menu ul li.accom a:hover{
	background:url(img/menu.jpg) 580px 40px;
}

#menu ul li.sight a:hover{
	background:url(img/menu.jpg) 435px 40px;
}

#menu ul li.access a:hover{
	background:url(img/menu.jpg) 290px 40px;
}

#menu ul li.contact a:hover{
	background:url(img/menu.jpg) 145px 40px;
}

#menu_sub ul li.home a{
	width:180px;
	background:url(img/menu_sub.jpg) 0 0;
}

#menu_sub ul li.accom a{
	background:url(img/menu_sub.jpg) 580px 0;
}

#menu_sub ul li.sight a{
	background:url(img/menu_sub.jpg) 435px 0;
}

#menu_sub ul li.access a{
	background:url(img/menu_sub.jpg) 290px 0;
}

#menu_sub ul li.contact a{
	background:url(img/menu_sub.jpg) 145px 0;
}

#menu_sub ul li.home a:hover{
	width:180px;
	background:url(img/menu_sub.jpg) 0 40px;
}

#menu_sub ul li.accom a:hover{
	background:url(img/menu_sub.jpg) 580px 40px;
}

#menu_sub ul li.sight a:hover{
	background:url(img/menu_sub.jpg) 435px 40px;
}

#menu_sub ul li.access a:hover{
	background:url(img/menu_sub.jpg) 290px 40px;
}

#menu_sub ul li.contact a:hover{
	background:url(img/menu_sub.jpg) 145px 40px;
}

/*オンラインナビ設定*/

#navi {
	padding-top:0px;
	padding-bottom:35px;
	padding-left:5px;
	padding-right:4px;
}

#navi ul{
	width:170px;
	height:254px;
}

#navi ul li {
	text-indent:-9999px;
	list-style:none;
}

#navi ul li a{
	display:block;
	height:34px;
	width:170px;
}

#navi ul li.reserve {
	height:50px;
	background:url(http://hotel-iwaki.com/img/onlinenavi.jpg) 0 0;
	margin-bottom:-5px;
}

#navi ul li.room a{
	background:url(http://hotel-iwaki.com/img/onlinenavi.jpg) 0 238px;
}

#navi ul li.plan a{
	background:url(http://hotel-iwaki.com/img/onlinenavi.jpg) 0 204px;
}

#navi ul li.member a{
	background:url(http://hotel-iwaki.com/img/onlinenavi.jpg) 0 170px;
}

#navi ul li.page a{
	background:url(http://hotel-iwaki.com/img/onlinenavi.jpg) 0 102px;
}

#navi ul li.pass a{
	background:url(http://hotel-iwaki.com/img/onlinenavi.jpg) 0 136px;
}

#navi ul li.beginner a{
	background:url(http://hotel-iwaki.com/img/onlinenavi.jpg) 0 68px;
}

#navi ul li.privacy a{
	background:url(http://hotel-iwaki.com/img/onlinenavi.jpg) 0 34px;
}

#navi ul li.room a:hover{
	background:url(http://hotel-iwaki.com/img/onlinenavi.jpg) 170px 238px;
}

#navi ul li.plan a:hover{
	background:url(http://hotel-iwaki.com/img/onlinenavi.jpg) 170px 204px;
}

#navi ul li.member a:hover{
	background:url(http://hotel-iwaki.com/img/onlinenavi.jpg) 170px 170px;
}

#navi ul li.page a:hover{
	background:url(http://hotel-iwaki.com/img/onlinenavi.jpg) 170px 102px;
}

#navi ul li.pass a:hover{
	background:url(http://hotel-iwaki.com/img/onlinenavi.jpg) 170px 136px;
}

#navi ul li.beginner a:hover{
	background:url(http://hotel-iwaki.com/img/onlinenavi.jpg) 170px 68px;
}

#navi ul li.privacy a:hover{
	background:url(http://hotel-iwaki.com/img/onlinenavi.jpg) 170px 34px;
}

/*コンテンツ設定*/

#contents{
	clear:left;
	width:100%;
}

#side{
	width:179px;
	float:right;
}

#main{
	width:580px;
	float:left;
	text-align:center;
}
#main p{
	text-align:left;
}

.web{
	padding-left:15px;
	padding-top:5px;
}

iframe {
 border:1px solid #FFFFFF;
}

.diary {
 width:550px;
 height:320px;
 margin-bottom:10px;
 }
 
.diary iframe {
 width:550px;
 height:320px;
 margin-left:5px;
 }

/*更新情報部分の設定*/

.news{
	border:1px dotted #ccc;
	text-align:left;
	margin:0 15px 20px 15px;
	padding:10px;
	overflow:auto;
	height:120px;
	background:#fff;
}

.news ul li{
	list-style:none;
	font-size:75%;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	line-height:1.4;
	color:#333;
	padding-bottom:5px;
}


/*フッター設定*/

#footer{
	clear:left;
	widht:100%;
}
#footer.main{
	margin-right:180px;
}

#footer p{
	font-size:65%;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
}


/*ここから配下コンテンツ設定*/

/*共通設定*/

.small{
	font-size:70%;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	color:#333;
	line-height:1.3;
}

.waku{
	border:1px solid #ccc;
	text-align:left;
	margin:0 15px 5px 15px;
	padding:10px;
	height:100%;
	background:#fff;
}

.waku p{
	padding-top:0;
	padding-bottom:10px;
}

/*---->追加---*/

.waku_accom {
	border:1px solid #ccc;
	text-align:left;
	margin:0 15px 5px 15px;
	padding:10px;
	height:100%;
	background:#fff;
}

.waku_accom p {
	padding-top:0;
	padding-bottom:10px;
}

.waku_accom img {
	float:left;
	margin-right:10px;
}

.waku_sub {
	border:1px solid #ccc;
	margin:10px 5px 15px 5px;
	padding:10px;
	height:100%;
	background:#fff;
}

.waku_sub p {
	padding-top:0;
	padding-bottom:5px;
}

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

.pref{
	background:#ffcc99 url(http://hotel-iwaki.com/img/bg_pref.gif) no-repeat;
	padding-top:50px;
}

.square{
	background:#FFCC99;
	text-align:left;
	margin:15px;
	padding:10px;
	height:100%;
	border:1px solid #7c2900;
}

.square p{
	padding-top:0;
	padding-bottom:10px;
}

.clr{
	clear:both;
}

/*宿泊設備*/

.accombox{
	height:100%;
	width:380px;
	float:right;
}

#price{
	width:100%;
}

#price table{
	border-top:1px solid #7c2900;
	border-left:none;
	font-size:75%;
	width:550px;
	margin:15px 15px 20px 15px;
	border-collapse:collapse;
}

#price td{
	border-top:none;
	border-bottom:1px solid #7c2900;
	border-left:none;
	border-right:1px solid #7c2900;
	padding:10px;
	text-align:center;
	background:#fff;
}

#price th{
	border-top:none;
	border-bottom:1px solid #7c2900;
	border-left:1px solid #7c2900;
	border-right:1px solid #7c2900;
	padding:5px 10px;
	background:#1e0000;
	font-weight:normal;
	text-align:center;
	color:#fff;
}

#price th.itm{
	text-align:left;
	background:#996666;
}

#price th em{
	font-style:normal;
	color:#cc3300;
	padding-left:5px;
	font-size:90%;
}

#price th p.style1{
	color:#fff;
}
#pricet th p.style1,#contact td p.style1{
	font-size:100%;
}



/*お問合せ*/

#contact{
	width:100%;
}

#contact table{
	border-top:1px solid #7c2900;
	border-left:none;
	font-size:75%;
	width:550px;
	margin:15px 15px 20px 15px;
	border-collapse:collapse;
}

#contact td{
	border-top:none;
	border-bottom:1px solid #7c2900;
	border-left:none;
	border-right:1px solid #7c2900;
	padding:10px;
	text-align:left;
	background:#fff;
}

#contact th{
	border-top:none;
	border-bottom:1px solid #7c2900;
	border-left:1px solid #7c2900;
	border-right:1px solid #7c2900;
	padding:5px 10px;
	background:#1e0000;
	font-weight:normal;
	text-align:center;
	width:160px;
	color:#fff;
}

#contact th em{
	font-style:normal;
	color:#cc3300;
	padding-left:5px;
	font-size:90%;
}

#contact th p.style1{
	color:#fff;
}
#contact th p.style1,#contact td p.style1{
	font-size:100%;
}


.text1,.text2,.text3,.text4,.text5{
	border:1px solid #ccc;
	background-color:#f3f3f3;
	padding:2px;
}

.text2,.text4,.text5{
	width:80%;
}

.text1,.text3{
	width:50%;
}

.text1:focus,.text2:focus,.text3:focus,.text4:focus,.text5:focus{
	border-color:#7f9db9;
	background-color:#fff;
}


.submit{
	text-align:center;
	margin-top:10px;
	margin-bottom:30px;
}

/*観光*/

#sightsee table{
	margin-left:15px;
}
#sightsee td p{
	font-weight:bold;
}


/*ご予約*/

#reserve ul{
	list-style:none;
	margin-top:15px;
	margin-bottom:20px;
}
#reserve ul li{
	display:inline;
	color:#fff;
	font-size:75%;
	padding-right:10px;
	line-height:1.5;
}

/*観光*/

.style1{
	color:#FF0000;
}

/*アクセス*/

#acspic ul li{
	display:inline;
	list-style:none;
	margin-right:10px;
	margin-bottom:15px;
}