@charset "utf-8";
/*------------------------------------------------------------------------------
XXXXXXXXXX - CSS Modules Import
URL:http://
Date:200X-0X-XX
Copyright (C) XXX. All Rights Reserved.
------------------------------------------------------------------------------*/


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

Redefine

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

body {
	line-height:1.3;
	color:#333;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka;
	background:url(../img/common/bodyBg.jpg);
}

div#container a {
	color:#333;
	text-decoration:underline;
}

div#container a:hover {
	text-decoration:none;
}
/* ----------------------------------------
Redefine - Container
---------------------------------------- */

div#container {
	width:950px;
	margin:0 auto;
	font-size:100%;
}

div#container a:hover img {
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}

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

フォントサイズは子要素に指定する

10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131% 
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%

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

/*  --
WinIE,MacIE4,NN4,Opera7以下は除外
レガシーブラウザを回避してpx指定する場合
-- */

html[xmlns]>/**/body div#Container {
/*font-size:13px;*/
}

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

Common Class

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

/* 画像置き換え用 */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* ブラウザ、スクリーンリーダから隠す
 css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }
 
/* ブラウザからは隠し、スクリーンリーダからは利用できる */
.visuallyhidden { position: absolute !important;   
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px); }

/* ブラウザとスクリーンリーダから隠し、レイアウトを保持 */
.invisible { visibility: hidden; }

.clearfix:before,
.clearfix:after { 
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

ul.bnr li {
	margin-bottom: 20px;
}

li img {
	vertical-align:top;
}

a.pageTop {
	display:block;
	text-align: right;
}

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

header

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

h1 {
	margin-top: 30px;
}

div#header {
	margin-top:10px;
	margin-bottom: 10px;
	padding:10px;
	width: 930px;
	height:430px;
	background:url(../img/common/headerBg.jpg);
	overflow:hidden;
}


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

sub

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

div#sub {
	margin-left: 10px;
	float: left;
	width: 230px;
	height: 450px;
}
div#sub h2 {
	margin-bottom:6px;
}
div#room_search {
	padding: 10px;
	width: 210px;
	height: 378px;
	color:#FFF;
	background-color:#000;
}
div#room_search h3 {
	margin-bottom:4px;
	font-size: 93%;
	font-weight:bold;
}

div#room_search p {
	margin-bottom:8px;
	font-size: 93%;
}
div#room_search .btn img {
	margin-top:10px;
}

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

Global Navi

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

div#global, div#global ul {
	clear: both;
	margin-bottom:30px;
	width: 950px;
	height: 69px;
}
div#global ul li, div#global ul li a {
	float: left;
	width: 158px;
	height: 69px;
}
div#global ul li:first-child, div#global ul li:first-child a {
	width: 160px;
}
div#global ul li a {
	display: block;
	overflow: hidden;
	text-indent: -1000px;
	background-position: left top;
	background-repeat: no-repeat;
}
div#global ul li a:hover {
	background-position:left -69px;
}
a.global01 { background-image: url(../img/common/globalNavi_01.gif); }
a.global02 { background-image: url(../img/common/globalNavi_02.gif); }
a.global03 { background-image: url(../img/common/globalNavi_03.gif); }
a.global04 { background-image: url(../img/common/globalNavi_04.gif); }
a.global05 { background-image: url(../img/common/globalNavi_05.gif); }
a.global06 { background-image: url(../img/common/globalNavi_06.gif); }



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

Footer

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

div#footer {
	margin: 30px 0;
}
div#footer p {
	margin-top: 20px;
	color: #FFF;
	font-size: 93%;
	text-align: center;
}
div#footer p a {
	color: #FFF;
}