@charset "utf-8";
html{
	width:100%;
	margin:0;
	padding:0;
}

body{
	width:100%;
	margin:0;
	padding:0;
	color:#333;
	background-image:url(images/bg.gif);
	font-family:"メイリオ","Verdana","serif";
	-webkit-text-size-adjust:100%;
}

#wrapper{
	width:1000px;
	margin:5px auto;
	padding:0 30px;
	text-align:center;
	overflow: hidden;
}

section{
	width:960px;
	margin:20px auto;
	padding:20px 0;
	background-color:#FFF;
	box-shadow:10px 10px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:10px 10px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow:10px 10px 10px rgba(0,0,0,0.2);
	background-image:url(images/bg_left.gif),url(images/bg_right.gif);
	background-position:left top,right top;
	background-repeat:no-repeat,no-repeat;
}

h2{
	margin:10px 0;
	padding:0;
	background-color:#023282;
	text-align:center;
}

h2 img{
	margin:20px 0 10px 0;
}

ul{
	margin:10px;
	padding:20px;
	list-style:none;
	text-align:left;
	background-image:url(images/img01.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}

ul li{
	margin:10px 0 0 400px;
	padding:0.5em 0 0 2.5em;
	background-image:url(images/check.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

p{
	font-size:100%;
}

strong{
	font-size:140%;
	font-weight:normal;
	text-align:center;
	line-height:3.0em;
}

.room{
	margin:20px;
	padding:10px auto;
	border-bottom:1px dashed #CCC;
	text-align:left;
}



/* お問い合わせボタン */
p.mail a{
	width:200px;
	margin:30px auto;
	padding:20px;
	background-color:#F90;
	color:#FFF;
	font-size:120%;
	font-family:"メイリオ","Verdana","serif";
	text-decoration:none;
	border-radius:7px;
	display:block;
}

hr{
	margin:30px 0 0 0;
	border:0;
	height:1px;
	background: #333;
	background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
	background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
	background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
	background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
}

footer{
	margin:10px 0;
	padding:10px;
	color:#032E85;
	font-size:70%;
}


/* ================================================
画面サイズが768px以下はここを読み込む
================================================ */
@media screen and (max-width:768px) {
img{
	width:96%;
}
#wrapper{
	width:96%;
	padding:0;
	margin:0 2%;
}
#wrapper h1 img{
	width:100%;
}
section{
	width:96%;
	padding:5px;
	margin:0 auto;
	box-shadow:none;
}
ul{
	margin:0;
	padding:0;
	background-size:50%;
	background-position:right bottom;
}
ul li{
	margin:5px;
}
img.arrow{
	width:30px;
}

strong{
	line-height:1.2em;
}
img.map{
	max-width:418px;
}