@charset "utf-8";
/*
Theme Name: Hotel IZUKOUGEN
Theme URI: http://www.hotelizukougen.com/
Description: Valid Template
Version: 1.0
Author: Hotel IZUKOUGEN
Author URI: http://www.hotelizukougen.com/
Tags: custom header, fixed width, two columns
*/

/* --- 全体構成 --- */
body {
	margin: 0 auto 0;
	padding: 0;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
	background-color: #bca793;
	background-image: url("http://www.hotelizukougen.com/images/bg.jpg");
	background-repeat: repeat-y;
	background-position: center;
	font-size: 14px;
}

.clear {
	clear: both;
}
a {
	color: #06c;
}
a:hover {
	color: #900;
}
a img {
	border: 0;
	margin: 0;
	padding: 0;
}
.error,
.error a {
	width: 848px;
	font-size: 24px;
	text-align: left;
	line-height: 200%;
	margin: 10px 0 10px;
}
#container {
	width: 900px;
	text-align: center;
	margin: 0 auto 0;
	background: #f8f2e8;
	color: #502e1e;
}
/* --- ヘッダ --- */
#header {
	margin: 0;
	height: 100px;
}
*:first-child+html #header { /* --- IE7用Hack --- */
	margin: 0 0 -4px 0;
}
#mainmenu {
	margin: 0;
	padding: 0;
	width: 900px;
}
#mainmenu img {
	margin: 0;
	padding: 0;
}
ul#mainmenu1 {
	margin: 0;
	padding: 0;
	width: 900px;
	height: 33px;
	text-align: left;
	list-style-position: inside;
}
ul#mainmenu1 {
	margin: -2px 0 -2px;
}
ul#mainmenu1 li.bt1 {
	margin: 0;
	padding: 0;
	float: left;
	width: 23px; /* ボタンの幅を設定 */
	height: 33px;
	list-style-type: none;
}
ul#mainmenu1 li.bt1b {
	margin: 0;
	padding: 0;
	float: left;
	width: 24px; /* ボタンの幅を設定 */
	height: 33px;
	list-style-type: none;
}
ul#mainmenu1 li.bt2 {
	margin: 0;
	padding: 0;
	float: left;
	width: 171px; /* ボタンの幅を設定 */
	height: 33px;
	list-style-type: none;
}
ul#mainmenu1 li.bt2b {
	margin: 0;
	padding: 0;
	float: left;
	width: 170px; /* ボタンの幅を設定 */
	height: 33px;
	list-style-type: none;
}
ul#mainmenu1 li a {
	padding: 0; /* ボタンの厚みはここで調整 */
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
}
ul#mainmenu2 {
	margin: 0;
	padding: 0;
	width: 900px;
	height: 45px;
	text-align: left;
	list-style-position: inside;
}
ul#mainmenu2 li.bt3 {
	margin: 0;
	padding: 0;
	float: left;
	width: 180px; /* ボタンの幅を設定 */
	height: 45px;
	list-style-type: none;
}
ul#mainmenu2 li a {
	padding: 0; /* ボタンの厚みはここで調整 */
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
}
#textsize {
	display: box;
	margin: 0 25px 10px 0;
	padding: 5px 0 0;
	text-align: right;
	letter-spacing: 1px;
}
#textsize2 {
	display: box;
	margin:5px 25px 10px 0;
	padding: 5px 0 0;
	text-align: right;
	letter-spacing: 1px;
}
.sizeicon {
	margin-bottom: -5px;
}
/* --- サイドバー --- */
#side {
	float: left;
	width: 250px;
	margin: 0 0 0 25px;
	_margin: 0 0 0 10px;
	border-right: 1px solid #502e1e;
	font-size: 16px;
	/*font-weight: bold;*/
	line-height: 140%;
	text-align: left;
}
#side a {
	font-size: 16px;
	/*font-weight: bold;*/
	line-height: 140%;
	color: #d5526e;
}
#side a:hover {
	color: #c00;
}
#side p.news {
	font-size: 16px;
	margin: 5px 0 10px;
}
#side .topicarrow {
	margin-bottom: -3px;
}
#side .sidebutton {
	margin: 15px 0 0;
}
#side .sidebutton2 {
	margin: 15px 0 5px;
}
#side .reserve {
	margin: 10px 0 5px;
}
#side .red {
	margin: 0 0 5px;
	color: #d5526e;
	font-size: 16px;
}
#side .address {
	font-size: 16px;
	margin: 5px 0 0;
}
#side .phone {
	margin: 5px 0 5px;
	font-size: 28px;
	line-height: 110%;
	font-family: "serif","Times New Roman";
}
#side .email {
	font-size: 14px;
	letter-spacing: 0;
	font-family: "arial";
}
#side .email a {
	font-size: 14px;
	letter-spacing: 0;
	font-family: "arial";
}
#side .search {
	font-size: 12px;
	letter-spacing: 0;
}
#side .search a {
	font-size: 12px;
	letter-spacing: 0;
}
form {
	margin: 0;
	padding: 0;
}
/* --- フッタ --- */
#footer {
	clear: both;
	margin: 0 0 5px;
	font-size: 12px;
	text-align: center;
}
#footer .footlink {
	width: 900px;
	height: 27px;
	margin: 0 0 5px;
	padding: 6px 0 0;
	font-size: 14px;
	color: #fff;
	text-align: center;
	letter-spacing: 0;
	background-image: url("http://www.hotelizukougen.com/images/footbar.jpg");
	background-repeat: no-repeat;
}
#footer .footlink a {
	font-size: 14px;
	color: #fff;
	letter-spacing: 0;
	text-decoration: none;
}
#footer .footlink a:hover {
	font-size: 14px;
	color: #ffc;
	letter-spacing: 0;
}
#footer .copyright {
	font-size: 12px;
	font-family: "arial";
}
/* --- 検索結果 --- */
#searchresults {
	width: 830px;
	text-align: left;
}
h1.pagetitle {
	font-size: 36px;
	margin: 10px 0 10px;
	padding: 0 0 10px;
	border-bottom: 2px solid #d5526e;
}
#searchresults h3 {
	font-size: 36px;
	margin: 5px 0 5px;
}
#searchresults h3 a {
	font-size: 18px;
	color: #06c;
}
#searchresults h3 a:hover {
	color: #c00;
}
.navigation {
	width: 830px;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.searchhr {
	text-align: left;
	color: #502e1e;
	width: 830px;
	height: 1px;
}
/* --- トップページ --- */
#content {
	float: right;
	width: 573px;
	margin: 0 25px 0 0;
	_margin: 0 15px 0 0;
	line-height: 140%;
	letter-spacing: 1px;
	text-align: left;
}
#info {
	width: 571px;
	border: 1px solid #d5526e;
	padding-bottom: 10px;
}
#info .infoimageright {
	float: right;
	margin: 10px;
}
#info .infoimageleft {
	float: left;
	margin: 10px;
}
#info .title {
	margin: 10px 0 0 10px;
	color: #d5526e;
	letter-spacing: 0;
	font-weight: bold;
	line-height: 120%;
}
#info .title a {
	color: #d5526e;
}
#info .title a:hover {
	color: #c00;
}
#info .date {
	margin: 10px 0 0 10px;
	letter-spacing: 0;
	color: #06c;
	font-weight: bold;
	line-height: 120%;
}

#info .charge {
	margin: 10px 0 15px 10px;
	color: #333;
	letter-spacing: 0;
	line-height: 120%;
}
*:first-child+html #info .charge { /* --- IE7用Hack --- */
	margin: 10px 0 0 10px;
}
#info .price {
	color: #d5526e;
	font-size: 17px;
	font-weight: bold;
}
#topmain {
	width: 571px;
	margin: 25px 0 0;
	background-image: url("http://www.hotelizukougen.com/images/bg_topmain.jpg");
	background-repeat: no-repeat;
}
#topmain .attn {
	display: block;
	float: right;
	margin: 20px 25px 10px 0;
	/*font-weight: bold;*/
	line-height: 120%;
	letter-spacing: 0;
}
#topmain .plan {
	margin: 10px 0 10px 25px;
}
*:first-child+html #topmain .plan { /* --- IE7用Hack --- */
	margin: 30px 0 10px 25px;
}
#topmain .plantitle {
	margin: 0 0 10px 0;
}
#topmain .plantitle a {
	font-size: 17px;
	color: #d5526e;
}
#topmain .plantitle a:hover {
	color: #c00;
}
#topmain .planimage {
	float: left;
	margin: 0 10px 0 0;
}
#topmain .plantext {
	line-height: 140%;
	color: #333;
	/*font-weight: bold;*/
}
#topmain .red {
	color: #d5526e;
}
#topmain .blue {
	color: #06c;
}
#topmain .plancomment {
	margin: 10px 10px 0 0;
}
#topmain .planhr {
	text-align: left;
	margin: 10px 0 10px 0px;
	color: #502e1e;
	width: 525px;
	height: 1px;
}
*:first-child+html #topmain .planhr { /* --- IE7用Hack --- */
	text-align: left;
	color: #502e1e;
	width: 525px;
}
#topmain .standard {
	text-align: center;
}
#topmain .pagetop {
	font-size: 12px;
	text-align: right;
	letter-spacing: 0;
}
#topmain .pagetop a {
	font-size: 12px;
	color: #502e1e;
	text-decoration: none;
	letter-spacing: 0;
}
#topmain .pagetop a:hover {
	color: #900;
}
/* --- 下位ページ --- */
#wrapper {
	width: 900px;
	margin: -5px 0 0;
	background-image: url("http://www.hotelizukougen.com/images/bg_main.jpg");
	background-repeat: no-repeat;
	text-align: center;
}
#main {
	width: 848px;
	margin: 0 auto 0;
	text-align: center;
	line-height: 140%;
	letter-spacing: 1px;
}
.sub1{
	margin: 10px 0 0;
}
.sub2{
	margin: 10px 0 0;
}
.sub3{
	margin: 20px 0 0;
}
.blue {
	color: #06c;
}
.rouge {
	color: #c00;
}
.pred {
	color: #f00;
}
div .red {
	color: #d5526e;
	margin: 10px 0 10px;
}
span.red {
	color: #d5526e;
}
.red a {
	color: #d5526e;
}
.red a:hover {
	color: #c00;
}
.brown {
	color: #502e1e;
}
.boldbrown {
	color: #502e1e;
	font-weight: bold;
}
.maintext {
	width: 828px;
	text-align: left;
	color: #000;
}
#main .pagetop {
	clear: both;
	float: right;
	margin: 10px 0 10px;
	font-size: 12px;
	text-align: right;
	letter-spacing: 0;
}
#main .pagetop a {
	font-size: 12px;
	color: #502e1e;
	text-decoration: none;
	letter-spacing: 0;
}
#main .pagetop a:hover {
	color: #900;
}
/* --- 交通 --- */
.mapleft{
	float: left;
	margin: 10px 0 0 10px;
	text-align: left;
	color: #000;
}
.mapright{
	float: right;
	margin: 10px 10px 0 0;
	text-align: left;
	color: #000;
}
/* --- 観光 --- */
.ssleft{
	float: left;
	width: 350px;
	margin: 20px 10px 10px;
	text-align: left;
	color: #000;
}
.ssright{
	float: right;
	width: 350px;
	margin: 20px 10px 10px;
	text-align: left;
	color: #000;
}
.ssleft2{
	float: left;
	width: 451px;
	margin: 20px 10px 10px;
	text-align: left;
	color: #000;
}
.ssright2{
	float: right;
	width: 451px;
	margin: 20px 10px 10px;
	text-align: left;
	color: #000;
}
.ssright3{
	float: right;
	width: 350px;
	margin: 20px 10px 10px;
	text-align: left;
	color: #000;
	min-height: 413px;
}
/* --- ご予約 --- */
.rsleft{
	float: left;
	margin: 10px 0 0 10px;
	text-align: left;
	color: #000;
}
.rsright{
	float: left;
	margin: 10px 10px 0 10px;
	text-align: left;
	color: #000;
}
.rsbutton {
	margin: 10px 0 10px;
}
.maintextrs {
	width: 828px;
	text-align: left;
	color: #000;
}
.maintextrs a {
	color: #d5526e;
}
.maintextrs a:hover {
	color: #c00;
}
/* --- 客室 --- */
.fcleft{
	float: left;
	width: 460px;
	margin: 20px 5px 10px;
	text-align: left;
	color: #000;
}
.fcright{
	float: right;
	width: 350px;
	margin: 80px 10px 10px;
	text-align: left;
	color: #000;
}
.fcleft2{
	float: left;
	width: 520px;
	margin: 20px 5px 10px;
	text-align: left;
	color: #000;
}
.fcright2{
	float: right;
	width: 300px;
	margin: 20px 0 10px 5px;
	text-align: left;
	color: #000;
}
.fcleft3{
	float: left;
	width: 268px;
	margin: 20px 10px 10px 0;
	text-align: left;
	color: #000;
}
.fcright3{
	float: right;
	width: 410px;
	margin: 20px 0 10px 0;
	text-align: left;
	color: #000;
}
.fcleft4{
	float: left;
	width: 423px;
	margin: 20px 0 10px;
	text-align: left;
	color: #000;
}
/* --- 温泉 --- */
.hsleft{
	float: left;
	width: 472px;
	margin: 20px 5px 0;
	text-align: right;
	color: #000;
}
.hsright{
	float: right;
	width: 351px;
	margin: 20px 10px 0 0;
	text-align: left;
	color: #000;
}
.hsleft2{
	float: left;
	width: 314px;
	margin: 20px 5px 0;
	text-align: left;
	color: #000;
}
.hsright2{
	float: right;
	width: 501px;
	margin: 20px 10px 0 0;
	text-align: left;
	color: #000;
}
.hsright2b{
	width: 501px;
	margin: 20px 10px 0 0;
	padding: 5px;
	text-align: left;
	color: #000;
	background: #f2ebdf;
}
.hsleft2bi{
	float: left;
	width: 220px;
	margin: 10px 5px 0;
	text-align: left;
	color: #000;
}
.hsright2bt{
	float: right;
	width: 270px;
	margin: 10px 0 0 0;
	text-align: left;
	color: #000;
}
.hsimg1 {
	margin: 0 0 10px;
}
.hsimg2 {
	margin: 0 10px 0 0;
}
.hsimg3
 {
	margin: 10px 0 20px;
}
.hstxt1 {
	margin: 0 0 10px;
}
.hstxt1 {
	margin: 20px 0 10px;
}
.hstxt2 {
	margin: 0 0 5px;
}
.hsphoto {
	text-align: right;
	margin: 0 5px 0 0;
}
/* --- 料理 --- */
.dsmain{
	width: 830px;
	text-align: left;
	color: #000;
}
#dsspl{
	width: 810px;
	margin: 10px 0 10px;
	padding: 10px 11px 10px;
	text-align: left;
	color: #000;
	background: url("http://www.hotelizukougen.com/images/bg_dish.jpg");
	background-repeat: repeat-y;
	border: 1px solid #ad9b7e;
	min-height: 1300px;
}
*:first-child+html #dsspl { /* --- IE7用Hack --- */
	width: 800px;
}
.dsleft{
	float: left;
	width: 312px;
	margin: 0;
	text-align: left;
	color: #000;
}
.dsright{
	float: right;
	width: 520px;
	margin: 20px 10px 0 0;
	text-align: left;
	color: #000;
}
.dsleft2{
	float: left;
	width: 210px;
	margin: 0;
	text-align: left;
	color: #000;
}
.dsright2{
	float: left;
	width: 350px;
	margin: 0 0 0 20px;
	padding: 0 0 0 20px;
	text-align: left;
	color: #000;
	border-left: 1px solid #502e1e;
}
.dsright2b{
	float: right;
	margin: 0 30px 0 0;
	text-align: left;
	color: #000;
}
.dsleft3{
	float: left;
	width: 360px;
	margin: 10px 0 0;
	text-align: left;
	color: #000;
}
.dsright3{
	float: right;
	width: 418px;
	margin: 0 10px 0 0;
	text-align: left;
	color: #000;
}
.dsleft4{
	float: left;
	width: 387px;
	margin: 10px 0 0;
	text-align: left;
	color: #000;
}
.dsright4{
	float: right;
	width: 390px;
	margin: 20px 10px 0 0;
	text-align: left;
	color: #000;
}
.dsleft5{
	float: left;
	width: 440px;
	margin: 10px 0 0;
	text-align: left;
	color: #000;
}
.dsright5{
	float: right;
	width: 339px;
	margin: 0 10px 0 0;
	text-align: left;
	color: #000;
}
.dsleft6{
	float: left;
	width: 222px;
	margin: 10px 0 0;
	text-align: left;
	color: #000;
}
.dsright6{
	float: right;
	width: 555px;
	margin: 20px 10px 0 0;
	text-align: left;
	color: #000;
}
.dsleft7{
	float: left;
	width: 360px;
	margin: 10px 0 0;
	text-align: left;
	color: #000;
}
.dsright7{
	float: right;
	width: 418px;
	margin: 0 10px 0 0;
	text-align: left;
	color: #000;
}
.dsimg1 {
	margin: 10px 0 0;
}
.dskon {
	margin: 0 0 10px;
}
.dskon2 {
	margin: 10px 0 10px;
}
.email a {
	color: #d5526e;
}
.email a:hover {
	color: c00;
}
.dshr {
	clear: both;
	text-align: left;
	color: #502e1e;
	width: 848px;
	height: 1px;
}
.dsmenu {
	margin: 6px 0 8px;
}
/* --- 宿泊プラン --- */
h2.plan {
	width: 778px;
	padding: 20px 0 5px 70px;
	_padding: 20px 0 15px 70px;
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W6","HiraMinPro-W6",Osaka,serif;
	font-size: 21pt;
	color: #502e1e;
	min-height: 28px;
	background-image: url("http://www.hotelizukougen.com/images/planhd.png");
	background-repeat: no-repeat;
	/*border-bottom: 2px solid #502e1e;*/
	behavior: url(http://www.hotelizukougen.com/common/iepngfix.htc);
}
h3.plan {
	padding: 10px 0 5px 70px;
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W6","HiraMinPro-W6",Osaka,serif;
	font-size: 18pt;
	color: #502e1e;
	min-height: 28px;
}
p {
	margin: 0;
	padding: 0;
}
p.btn {
	margin: 5px 0 0;
	padding: 0;
}
.planmain {
	width: 843px;
	text-align: left;
	color: #000;
}
.planleft{
	float: left;
	max-width: 534px;
	margin: 10px 0 10px 10px;
	text-align: left;
	color: #000;
}
.planright{
	float: right;
	width: 289px;
	margin: 0 10px 10px 0;
	text-align: left;
	color: #000;
}
/* --- 基本料金 --- */
.chargemain {
	width: 831px;
	margin: 10px 0 0 10px;
	text-align: left;
	color: #000;
}
.pricelist {
	margin: 10px 0 0;
	color: #000;
	text-align: right;
	background: #fff;
	border: 1px solid #502e1e;;
	border-collapse: collapse;
}
.pricelist td{
	border: 1px solid #502e1e;;
	border-collapse: collapse;
	padding: 5px;
}
.list1 {
	width: 90px;
	text-align: center;
	background: #efc7c9;
}
.list2 {
	color: #fff;
	text-align: center;
	background: #76554d;
}
.list3 {
	color: #fff;
	text-align: center;
	background: #d96a7d;
}
.list4 {
	width: 160px;
	text-align: center;
	background: #efc7c9;
}
.cglink a {
	color: #d5526e;
}
.cglink a:hover {
	color: c00;
}
/* --- メールニュース --- */
h2.mn {
	width: 758px;
	padding: 20px 0 5px 70px;
	_padding: 20px 0 15px 70px;
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W6","HiraMinPro-W6",Osaka,serif;
	font-size: 21pt;
	color: #502e1e;
	min-height: 28px;
	background-image: url("http://www.hotelizukougen.com/images/planhd.png");
	background-repeat: no-repeat;
	/*border-bottom: 2px solid #502e1e;*/
	behavior: url(http://www.hotelizukougen.com/common/iepngfix.htc);
}
table.mailnews {
	width: 843px;
	border: 1px solid #666;
	border-collapse: collapse;
}
table.mailnews td{
	border: 1px solid #666;
	text-align: left;
	padding: 10px;
	white-space: nowrap;
}
table.mailnews td.mnl{
	width: 180px;
	background-color: #fc9;
	line-height: 100%;
	white-space: nowrap;
}
.mnimg {
	float: right;
	_margin-top: -1em;
}
*:first-child+html .mnimg { /* --- IE7用Hack --- */
	margin-top: -1em;
}
p.division span.wpcf7-list-item {
	display: block;
}
p.submit{
	margin: 10px 0 0;
	text-align: center;
	border: 0;
	line-height: 100%;
}
p.submit input{
	padding: 5px 0 5px;
}
.address {
	max-width: 400px;
}
.bigred {
	margin: 0 0 10px;
	color: #d5526e;
	font-size: 24px;
}
/* --- 宿泊約款 --- */
table.stip {
	max-width: 843px;
	border: 1px solid #666;
	border-collapse: collapse;
	background-color: #fff;
}
table.stip td{
	border: 1px solid #666;
	padding: 5px;
	white-space: nowrap;
}
table.stip td.gray{
	border: 1px solid #666;
	padding: 5px;
	background-color: #ddd;
	white-space: nowrap;
}