/*
Theme Name: グリーンヒルホテル グループ
Theme URI: http://www.jam-design.jp/
Description: グリーンヒルホテルグループ様のトップページ専用テンプレート
Version: 1.0
Author: 株式会社ジャム・デザイン
Author URI: http://www.jam-design.jp/
*/



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */



/*
-----------------------------------------------
▼基本デザイン
----------------------------------------------- */

* {
margin:0;
padding:0;
}
body {
font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','MS PGothic','ＭＳ Ｐゴシック', sans-serif;
font-size:12px;
color:#333333;
text-align:center;
line-height:1.6;
background:url(./images/body_bg.gif);
}

a {
font-family:'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','MS PGothic','ＭＳ Ｐゴシック', sans-serif;
}
img {
border:0;
}
ul{
list-style-type:none;
}
select,
input,
textarea {
font-family:'MS PGothic';
}
html > body select,
html > body input,
html > body textarea {
font-family:'Lucida Grande',sans-serif;
}
table,h1,h2,h3,h4,h5,h6 {
font-size:100%;
}
table {
border-collapse:collapse;
}

a:link {color:#993333;}
a:visited {color:#993333;}
a:hover,a:active {color:#336600;}

/*\*/ a { overflow:hidden;} /**/

/* Win IEちらつき防止▼ */
* html {
filter:expression(document.execCommand("BackgroundImageCache", false, true));
}

.cboth {
clear:both;
height:0;
}
/* IE 用▼ */
* html .cboth {
height:.1em;
overflow:hidden;
margin-top:-.1em;
}
hr {
visibility:hidden;
border:0;
}

/*
-----------------------------------------------
▼全体ブロック構成
----------------------------------------------- */
#all{
width:910px;
margin:0 auto;
}

#main{
width:910px;
background:url(./images/main_bg.gif) repeat-y;
text-align:left;
}

/*
-----------------------------------------------
▼ヘッダー
----------------------------------------------- */
#head{
width:910px;
height:90px;
background:url(./images/head_bg.gif) no-repeat;
position:relative;
}

h1{
color:#fff;
position:absolute;
bottom:20px;
right:20px;
}

#logo{
width:345px;
height:56px;
position:absolute;
bottom:18px;
left:21px;
}
/*
-----------------------------------------------
▼トップコンテンツ
----------------------------------------------- */
#top{
width:900px;
margin-left:5px;
}
#topImg{
margin-bottom:3px;
}
.hotelBlock{
width:864px;
margin:20px 18px 50px;
}

.hotelBox{
width:288px;
background:url(./images/gh_bg.gif) no-repeat 0 164px;
float:left;
}
.hotelBox img{
margin-bottom:1px;
}
.hotelBox p{
padding:7px 12px 10px;
font-size:110%;
}
.hotelBox .btn01{
width:111px;
height:26px;
margin-left:10px;
float:left;
margin-right:10px;
}
/* IE6用の設定▼ \*/
* html .hotelBox .btn01{
margin-left:5px;
}
/* ▲IE6用の設定 */

.hotelBox .btn02{
width:138px;
height:26px;
float:left;
}

.hotelBox .btn03{
width:111px;
height:26px;
margin-left:10px;
margin-top:10px;
float:left;
margin-right:10px;
}

.hotelBox .btn04{
width:138px;
height:26px;
margin-top:10px;
float:left;
}

.hotelBox .btn01 a{
background:url(./images/official_btn_on.gif) no-repeat;
display:block;
}
.hotelBox .btn02 a{
background:url(./images/internet_btn_on.gif) no-repeat;
display:block;
}

.hotelBox .btn03 a{
background:url(./images/access_btn_on.gif) no-repeat;
display:block;
}

.hotelBox .btn04 a{
background:url(./images/en_btn_on.gif) no-repeat;
display:block;
}

.hotelBox .btn01 a:hover, .hotelBox .btn02 a:hover,.hotelBox .btn03 a:hover,.hotelBox .btn04 a:hover{
background-color:#fff;
}
.hotelBox .btn01 a:hover img, .hotelBox .btn02 a:hover img, .btn03 a:hover img, .btn04 a:hover img{
visibility:hidden;
vertical-align:bottom;
}

.qr .qrImg{
display:block;
float:left;
}

.qr .rmks{
font-size:12px;
}


/* コンテンツ フッターリンク */
#conEnd{
margin-right:10px;
text-align:right;
padding-bottom:5px;
}
#conEnd a{
text-decoration:none;
}

/*
-----------------------------------------------
▼フッター
----------------------------------------------- */
#foot{
width:910px;
background:url(./images/foot_bg.gif) no-repeat;
padding:35px 0 10px;
text-align:left;
}
#linkBox{
width:870px;
margin:0 20px;
color:#c9daba;
}
#linkBox div{
width:270px;
float:left;
margin-right:20px;
padding-bottom:20px;
}
#linkBox strong{
font-size:120%;
color:#fff;
display:block;
letter-spacing:1px;
}
#linkBox p{
margin-bottom:3px;
}

#copyright{
width:910px;
background:url(./images/copy_bg.gif) no-repeat;
padding:4px 0 3px;
}

/* css_end */