body {
	font-family:/*"メイリオ",*/"MS UI Gothic",/*"Meiryo",*/"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,verdana,arial,clean,sans-serif;
	font-size:16px;
	color:#333;
	line-height:1.6;
	margin:0 auto;
	text-align:center;
}

* {margin:0;padding:0;}

p {margin:1em 0}

a:link{text-decoration:underline;color:#333333;}
a:visited{text-decoration:none;color:#333333;}
a:hover{text-decoration:none;color:#333333;}
a:active{text-decoration:none;color:#333333;}

h1,h2,h3,h4,h5,h6,p {
	font-weight:normal;
	line-height:1.6;
	letter-spacing:0;
	text-align:left;
}

em {text-decoration:none;}

img {
	border:0;
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
}
caption {
	background:#ff7;font-size: large;font-weight:bold}

small {font-size: 15px;}

/* 画像リンクロールオーバー共通
──────────────────── */
.on_img,
.on_nav li { position: relative; z-index: 0;}
.on_img a,
.on_nav li a{
	display: -moz-inline-box;
	display: inline-block;
	}
.on_img a:hover,
.on_nav li a hover { position: static;}
.on_img a:hover img,
.on_nav li a:hover img,
.on_nav li.current a img{ position: relative; z-index: -1;}



/* 1.テキスト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.txtB { font-weight: bold;}
.txtRed { color: #E60000;}
.txtPink { color: #FF788C; }
.txtBlue { color: #0053E6; }
.glay{color:#999;}

.txt14{ font-size: 14px; }
.txt16{ font-size: 16px; }

/* 1.マージン・インデント
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.m10t {margin-top: 10px; }
.m20t{margin-top:10px;}
.m50t{margin-top:50px;}

.m1b { margin-bottom: 1px; }
.m2b { margin-bottom: 2px; }
.m3b { margin-bottom: 3px; }
.m4b { margin-bottom: 4px; }
.m5b { margin-bottom: 5px; }
.m6b { margin-bottom: 6px; }
.m7b { margin-bottom: 7px; }
.m8b { margin-bottom: 8px; }
.m9b { margin-bottom: 9px; }
.m10b { margin-bottom: 10px; }
.m13b { margin-bottom: 13px; }
.m15b { margin-bottom: 15px; }
.m20b { margin-bottom: 20px; }
.m25b { margin-bottom: 25px; }
.m30b { margin-bottom: 30px; }
.m35b { margin-bottom: 35px; }
.m40b { margin-bottom: 40px; }
.m45b { margin-bottom: 45px; }
.m50b { margin-bottom: 50px; }
.m60b { margin-bottom: 60px; }
.m70b { margin-bottom: 70px; }

.m5l { margin-left: 5px; }
.m10l { margin-left: 10px; }
.m15l { margin-left: 15px; }
.m20l { margin-left: 20px; }
.m25l { margin-left: 25px; }
.m30l { margin-left: 30px; }
.m35l { margin-left: 35px; }
.m40l { margin-left: 40px; }
.m50l { margin-left: 50px; }
.m60l { margin-left: 60px; }

.m5r { margin-right: 5px; }
.m10r { margin-right: 10px; }
.m15r { margin-right: 15px; }
.m20r { margin-right: 20px; }
.m25r { margin-right: 25px; }
.m30r { margin-right: 30px; }
.m40r { margin-right: 40px; }
.m50r { margin-right: 50px; }

.p10t{padding-top:10px;}
.p20t{padding-top:20px;}

.p5b { padding-bottom: 5px; }
.p10b { padding-bottom: 10px; }
.p15b { padding-bottom: 15px; }
.p20b { padding-bottom: 20px; }
.p25b { padding-bottom: 25px; }
.p30b { padding-bottom: 30px; }

.p5l { padding-left: 5px; }
.p10l { padding-left: 10px; }
.p15l { padding-left: 15px; }
.p20l { padding-left: 20px; }
.p25l { padding-left: 25px; }
.p30l { padding-left: 30px; }

.p5a { padding: 5px; }
.p10a { padding: 10px; }

.box60 { width: 60px; }
.box100 { width: 100px; }
.box110 { width: 110px; }
.box160 { width: 160px; }
.box200 { width: 200px; }
.box340 { width: 340px; }
.box300 { width: 300px; }
.box310 { width: 310px; }
.box320 { width: 320px; }
.box370 { width: 370px; }
.box380 { width: 380px; }
.box420 { width: 420px; }
.box460 { width: 460px; }
.box480 { width: 480px; }

.box100P { width: 100%;}

/* 位置クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.clear { clear: both; }

.cen { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.fLeft { float: left; }
.fRight { float: right; }

img.imgRight { margin: 0 0 0 20px; float: right; }
img.imgLeft { margin: 0 20px 0 0; float: left; }

.lh2 { line-height: 2; }


/* 画像ボーダー
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.imgLine img {
	border: solid 1px #CCCCCC;
	padding: 1px;
}

/* アイコン
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */


/* ボックス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */


/* テーブル
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */


/* ロールオーバー画像設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.contactBtn a { background: url("../images/contact_btn_on.jpg") 0 0 no-repeat; }
.accessBtn a { background: url("../images/access_btn_on.jpg") 0 0 no-repeat; }
.contactBtn2 a { background: url("../images/contact_btn2_on.jpg") 0 0 no-repeat;}
.topBnr1 a { background: url("../images/top_bnr01_on.jpg") 0 0 no-repeat; }
.topBnr2 a { background: url("../images/top_bnr02_on.jpg") 0 0 no-repeat; }
.priceBtn a { background: url("../images/price_btn_on.jpg") 0 0 no-repeat; }
.hDetailBtn a { background: url("../images/h_detail_btn_on.jpg") 0 0 no-repeat; }
.hBackBtn a { background: url("../images/h_back_btn_on.jpg") 0 0 no-repeat; }


/*=================================================================
	全体
=================================================================*/
/*背景画像変更*/
body#index { background: url("../images/bg01.jpg"); }
body#index div#container { background: url("../images/top_head.jpg") 0 0 repeat-x;}
body#index #header { background: url("../images/top_head_bg.jpg") center top no-repeat; }

body#weekly { background: url("../images/bg03.jpg"); }
body#weekly div#container { background: url("../images/top_head2.jpg") 0 0 repeat-x;}
body#weekly #header { background: url("../images/top_head_bg2.jpg") center top no-repeat; }

body#hotel { background: url("../images/bg04.jpg"); }
body#hotel div#container { background: url("../images/top_head3.jpg") 0 0 repeat-x;}
body#hotel #header { background: url("../images/top_head_bg3.jpg") center top no-repeat; }


#container {
	border-top: 20px solid #330000;
	width:100%;
	margin:0 auto;
}
#contents {
	width: 900px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

#left {
	float:left;
	width:240px;
	text-align:left;
}

#main {
	width:650px;
	float:right;
}



/*=================================================================
	ヘッダー設定
=================================================================*/
#header {
	width:964px;
	height:180px;
	margin: 0 auto;
	text-align:left;
}

h1#logo {
	float: left;
	margin: 66px 0 0 36px;
}

body#weekly h1#logo { margin-top: 95px; }
body#hotel h1#logo { margin-top: 95px; }

* html h1#logo {
	margin: 66px 0 0 18px;
}

#adress {
	float: right;
	margin: 72px 32px 0 0;
}

* html #adress {
	margin: 72px 16px 0 0;
}

#adress p { text-align: right; }

#adress p.contactBtn {
	width: 214px;
	margin-left: 39px;
}

/*=================================================================
	サイド設定
=================================================================*/

#side_menu {
	width: 240px;
	background: url("../images/bg02.jpg") repeat scroll 0% 0% transparent;
        padding-bottom: 1px;
        margin-bottom: 15px;
	}

#side_menu ul {
	border: solid 1px #EBE3C9;
	border-bottom: none;
	margin:5px;
	padding: 0px;
	list-style:none;
}

#side_menu li {	
	background: url("../images/cate_bg01.jpg") -25px center no-repeat;
	border-bottom: solid 1px #EBE3C9;
	padding: 8px 5px 8px 20px;
	}
	
#side_menu li,
#side_menu li a {
	color: #666600;
	font-weight: bold;
}

#side_menu li.sub {
	background: url("../images/cate_bg02.jpg") -25px center no-repeat;
	padding: 8px 5px 8px 40px;
}

#side_menu li.sub,
#side_menu li.sub a {
	font-weight: normal;
}

#side_menu li a:hover,
#side_menu li.on a {
	color: #006600;
	}


#sideMap {
	background: url("../images/bg02.jpg");
	padding-bottom: 1px;
}

#sideReserved {
	background: url("../images/bg02.jpg");
	padding-bottom: 1px;
}


#news_menu {
	width: 230px;
	background: url("../images/bg02.jpg");
	text-align: left;
	padding: 5px;
	margin-bottom: 10px;
	}

#news_menu ul {
	background: #F1F3E4;
	border: solid 1px #EBE3C9;
	padding-bottom: 8px;
	padding-top: 5px;
}

#news_menu ul li {
	background: url("../images/icon3.jpg") left 7px no-repeat;
	margin-left: 8px;
	margin-bottom: 3px;
	padding-left: 10px;
}

#news_menu ul li a {
	color: #666600;
	font-weight: bold;
}

.map {
	background: #F1F3E4;
	border: solid 1px #EBE3C9;
	line-height: 1.3;
	margin: 5px 5px 4px 5px;
	padding: 5px;
}


/*=================================================================
	フッター設定
=================================================================*/
#footer {
	background: url("../images/foot_bg2.jpg");
	width:100%;
	height: 113px;
	text-align:center;
}

#footer p {
	background: url("../images/foot_bg.jpg") center top no-repeat;
	width:964px;
	height: 23px;
	color:#fff;
	font-size:12px;
	margin: 0 auto;
	padding-top: 90px;
	text-align:center;
}

body#weekly #footer p { background: url("../images/foot_bg3.jpg") center top no-repeat; }
body#weekly #footer { background: url("../images/foot_bg4.jpg") center top repeat-x; }

body#hotel #footer p { background: url("../images/foot_bg5.jpg") center top no-repeat; }
body#hotel #footer { background: url("../images/foot_bg6.jpg") center top repeat-x; }

#footer p a { color: #fff; }

.pagetop {
	clear: both;
	position: absolute;
	bottom: -84px;
	right: 1px;
	text-align:right;
	margin-right:10px;

}

.pagetop a { background: url("../images/goto_btn_on.jpg") 0 0 no-repeat; }

.clearfix:after{
	content: ".";
	clear: both;
	display: block;
	line-height: 0;
	visibility: hidden;
}



/*=================================================================
	各種個別設定
=================================================================*/

/**********************************************
**********トップページ***********************/
div#flash_area {
	width:910px;
	height:290px;
	margin: 0 auto 10px;
}

#flash{
	background: url("../images/flash_bg.jpg") 0 0 no-repeat;
	width:900px;
	height:280px;
	margin:0 auto 10px;
	padding: 5px;
}


/*
specialエリア設定-----------------------*/
.specialArea {
	background: url("../images/bg02.jpg");
	padding-bottom: 1px;
	margin-bottom: 15px;
}

.special {
	background: #ffffff;
	border: solid 1px #EBE3C9;
	margin: 5px 5px 4px 5px;
	padding: 2px;
}

.special dl {
	height: 508px;
	overflow: auto;
	padding: 10px;
}

.special dl dt {
	background: url("../images/icon1.jpg") 0 8px no-repeat;
	color: #006600;
	font-weight: bold;
	padding-left: 10px;
}

.special dl dt a { color: #006600; }

.special dl dd {
	border-bottom: dotted 1px #CCCC00;
	margin-bottom: 8px;
	padding-bottom: 5px;
	padding-left: 10px;
}


#topBnr {
	margin-bottom: 5px;
}

#topBnr ul {
	width: 660px;
	margin-right: -10px;
	margin:0px;
	list-style:none;
}

#topBnr ul li {
	float: left;
	width: 320px;
	height: 144px;
	margin-right: 10px;
}

#topBnr ul li.topBnr2 {
	margin-right: 0;
}


/*
新着情報エリア設定-----------------------*/
#newsArea {
	background: url("../images/bg02.jpg");
	padding-bottom: 1px;
	margin-bottom: 20px;
}

.news {
	background: #ffffff;
	border: solid 1px #EBE3C9;
	margin: 5px 5px 4px 5px;
	padding: 2px;
}

.news ul {
	height: 170px;
	overflow-y: scroll;
	padding: 10px;
}

.news ul li {
	background: url("../images/icon1.jpg") 0 8px no-repeat;
	padding-left: 10px;
	margin-bottom: 5px;
	border-bottom: dotted 1px #CCCC00;
	position: relative;
	padding-bottom: 3px;
}

.news ul li p {
	position: absolute;
	top: 0;
	right: 0;
}

* html .news ul li p { right: 10px; }

.news ul li p a { color: #66457B; }



/*=================================================================
	サブページ設定
=================================================================*/
/*
サブページ共通設定-----------------------*/
.section {
	clear: both;
	background: #ffffff;
	padding:0 0 20px 0;
	margin-bottom:30px;
}

.block {
	clear: both;
	margin: 0 20px 20px;
	padding-bottom: 10px;
}

 .block li {
 	 margin: 0 20px;
 }

.midashi {
	background: url("../images/midahsi_bg.jpg") left bottom no-repeat;
	border-bottom: dotted 1px #930000;
	font-size: 20px;
	font-weight: bold;
	color: #CC0000;
	margin: 20px 20px 35px;
	padding: 0 0 2px 15px;
}

.midashi2 {
	background: url("../images/midashi2_bg.jpg") 0 7px no-repeat;
	font-size: 15px;
	font-weight: bold;
	padding-left: 13px;
}

.midashi3 {
	background: url("../images/icon2.jpg") 0 3px no-repeat;
	color: #666600;
	font-size: 16px;
	font-weight: bold;
	padding-left: 25px;
	margin-bottom: 15px;
}

.midashi3 a {
	color: #666600;
}

.ta01 {
	margin-bottom: 10px;
}

.ta01 th,
.ta01 td {
	border: solid 1px #CCC;
	font-weight: normal;
	padding: 10px
}

.ta01 th {
        font-weight: bold;
        background: #F2F4E5;
	text-align: center
}

.ta02 {
	margin-bottom: 20px
}

.ta02 th,
.ta02 td {
	padding: 10px
}

.ta02 th {
	border: solid 1px #666600;
	border-bottom: none;
	background: #F2F4E5;
        font-weight: bold;
	text-align: left
}

.ta02 td.ta02Arrow { padding: 0 }

.ta03 {
	margin-bottom: 30px;
}

.ta03 td.newsFrmMid {
	background: url("../images/news_frm_mid.jpg") 0 0 repeat-y;
	padding: 5px 20px;
}

.ta03 td.newsFrmMid h4 {
	color: #666600;
	font-size: 16px;
	font-weight: bold;
	background: url("../images/bg05.jpg") left bottom repeat-x;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.ta03 td.newsFrmBtm {
	width: 570px;
	height: 39px;
	background: url("../images/news_frm_btm.jpg") 0 0 no-repeat;
	text-align: right;
	padding: 10px 20px 0;
}

.taLink {

}

.taLink td {
	vertical-align: middle;
	text-align: center;
}

.taLink td.btn {
	width: 145px;
	height: 55px;
	background: url("../images/link_btn.jpg") 0 0 no-repeat;
}

.taLink td.btn a {
	color: #ffffff;
	font-weight: bold;
}

/*
サブページ個別設定----------------*/


textarea {
	width: 420px;
	height: 200px;
}

.link {
	border-bottom: dotted 1px #333333;
}

.err {
	color: #ff0000;
	font-size: 12px;
}
