@media screen and (max-device-width: 568px) {
body {
-webkit-text-size-adjust: none; /* iPhone */
}
}



* {
	margin: 0px;
}
body {
	text-align: center;
	color : #333333;
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka",Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', メイリオ, 'sans-serif';
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
img {
	display: block;
	border-style: none;
}


a{
	color: #AE6164;
	text-decoration: underline;
}
a:active {
}
a:link {
}
a:visited {
}
a:hover {
	text-decoration: none;
}


/*----------------------------------------------------
 table style
----------------------------------------------------*/

table.table {
	border-top: solid 1px #DFDFDF;
	border-bottom: solid 1px #DFDFDF;
}
table.table tr {
}
table.table tr th {
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka",Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', メイリオ, 'sans-serif';
	line-height: 1.8em;
	font-weight: normal;
	text-align: left;
	border-bottom: solid 1px #DFDFDF;
	border-right: solid 1px #DFDFDF;
	background-color: #f5f5f5; 
	padding: 5px;
}
table.table tr td {
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka",Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', メイリオ, 'sans-serif';
	text-align: left;
	line-height: 1.8em;
	border-bottom: solid 1px #DFDFDF;
	border-right: solid 1px #DFDFDF;
	padding: 5px;
}


/*----------------------------------------------------
 id style
----------------------------------------------------*/


#header {
	width: 100%;
	text-align: center;
	overflow: hidden;
	border-bottom: 1px solid #DFDFDF;
	margin: 0px 0px 1px 0px;
	padding: 0px 0px 0px 0px;	
}
div#header div {
	width: 960px;
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;	
}


div#header div h1 {
	width: 255px;
	float: left;
	text-align: left;
	display: inline;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;	
}
div#header div ul {
	width: 260px;
	float: right;
	list-style: none;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
div#header div ul li {
	width: 260px;
	text-align: center;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;	
}
div#header div ul li img {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;	
}




#introduction {
	width: 100%;
	background-image: url(../images/introduction_bg.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	margin: 0px 0px 1px 0px;
	padding: 0px 0px 0px 0px;	
}
div#introduction div {
	width: 950px;
	text-align: left;
	margin: 0px auto 1px auto;
	padding: 0px 0px 0px 0px;	
}


#navigation {
	width: 100%;
	height: 70px;
	background-image: url(../images/navigation_bg.gif);
	background-repeat: repeat-x;
	overflow: hidden;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
div#navigation div {
	width: 950px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;	
}
div#navigation div ul {
	width: 950px;
	list-style: none;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
div#navigation div ul li {
	float: left;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}




#frame {
	width: 950px;
	background-image: url(../images/frame_bg.gif);
	background-repeat: repeat-y;
	overflow: hidden;
	text-align: left;
	margin: 25px auto 30px auto;
	padding: 0px 0px 0px 0px;	
}





#footer {
	width: 100%;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	overflow: hidden;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
div#footer div {
	width: 950px;
	text-align: left;
	overflow: hidden;
	margin: 15px auto 0px auto;
	padding: 0px 0px 0px 0px;	
}





div#footer div div {
	width: 330px;
	_width: 340px;
	position: relative;
	height: 100px;
	_height: 110px;
	float: right;
	text-align: left;
	overflow: hidden;
	border: 5px solid #DFDFDF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
div#footer div div iframe {
	float: left;
	position:absolute;
	left: 0px;
	z-index: 1;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

div#footer div div p {
	width: 140px;
	_width: 150px;
	height: 90px;
	_height: 100px;
	float: right;
	font-size: 12px;
	text-align: left;
	overflow: hidden;
	color: #FFF;
	line-height: 1.7em;
	background-color: #558e3f;
	margin: 0px 0px 0px 0px;
	padding: 10px;	
}
div#footer div div p a {
	color: #FFF;
	margin: 0px 3px 0px 3px;
}


div#footer div dl {
	width: 590px;
	float: left;
	font-style: normal;
	line-height: 1.8em;
	text-align: left;
	overflow: hidden;
	margin: 3px 0px 10px 0px;
	padding: 0px 0px 0px 0px;	
}
div#footer div dl dt {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
div#footer div dl dt img {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;	
}


div#footer div dl dd {
	float: right;
	margin: 22px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
div#footer div dl dd a:hover img {
	opacity:0.6;
	filter: alpha(opacity=60);
}




div#footer div ul {
	width: 950px;
	clear: both;
	list-style: none;
	text-align: left;
	border-top: 1px solid #dfdfdf;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;	
}
div#footer div ul li {
	float: left;
	text-align: left;
	background-image: url(../images/icon_02.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px 20px 15px 0px;
	padding: 0px 0px 0px 10px;
}
div#footer div ul li a{
	color: #333333;
	text-decoration: none;
}
div#footer div ul li  a:hover {
	color: #AE6164;
	text-decoration: underline;
}



/*----------------------------------------------------
 contents style
----------------------------------------------------*/


.list {
	background-image: url(../images/list_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 18px;
}
p.list a {
	color: #333333; 
}




h3 {
	width: 690px;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;	
}


.snippet {
	line-height: 1.8em;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

p.snippet span {
	color: #bc1309;
}




.back {
	text-align: right;
	background-image: url(../images/icon_03.gif);
	background-position: right center;
	background-repeat: no-repeat;
	margin: 0px 0px 20px 0px;
	padding: 0px 15px 0px 0px;	
}
div.back a {
	color: #333333; 
}



#contents {
	width: 690px;
	float: right;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#contents a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
}



#sidebar {
	width: 220px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}




dl#side_navigation {
	width: 220px;
	text-align: left;
	list-style: none;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}
dl#side_navigation dt {
	width: 220px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
dl#side_navigation dd {
	width: 218px;
	_width: 220px;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
dl#side_navigation dd ul {
	width: 216px;
	list-style: none;
	text-align: left;
	margin: 0px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
}
dl#side_navigation dd ul li {
	width: 216px;
	text-align: left;
	line-height: 40px;
	margin: 0px 0px 0px 1px;
	padding: 0px 0px 0px 0px;
}
dl#side_navigation dd ul li a{
	width: 196px;
	display: block;
	background-image: url(../images/icon_02.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: none;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
}

dl#side_navigation dd ul li a {
	color: #333333; 
	text-decoration: none;
}
dl#side_navigation dd ul li  a:hover {
	color: #AE6164;
	text-decoration: underline;
}





dl#side_reservation {
	width: 220px;
	text-align: left;
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
dl#side_reservation dt {
	width: 220px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
dl#side_reservation dd {
	width: 218px;
	_width: 220px;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
dl#side_reservation dd ul {
	width: 216px;
	list-style: none;
	text-align: left;
	margin: 0px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
}
dl#side_reservation dd ul li {
	width: 216px;
	text-align: left;
	line-height: 40px;
	margin: 0px 0px 0px 1px;
	padding: 0px 0px 0px 0px;
}
dl#side_reservation dd ul li a{
	width: 196px;
	display: block;
	background-image: url(../images/icon_02.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: none;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
}
dl#side_reservation dd ul li a{
	color: #333333; 
	text-decoration: none;
}
dl#side_reservation dd ul li a:hover {
	color: #AE6164;
	text-decoration: underline;
}





.link_01 {
	background-image: url(../images/icon_01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}


.link_02 {
	background-image: url(../images/icon_02.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}




/*----------------------------------------------------
 style end
----------------------------------------------------*/