@charset "utf-8";

@import url(import_000.css);

*html {
	width:100%;
}

body {
    font-family: "Meiryo UI", "MS PGothic","Osaka",Arial,sans-serif;
    line-height: 1.231;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	margin: 0;
	padding: 0;
	background: #FFF /*url('../../images/default/base/body_bk.gif') repeat-x bottom center*/;
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
	color: #A0A0A0;
}
select,input,button,textarea,button {
    font: 99% arial,helvetica,clean,sans-serif;
}
table {
    font-size: inherit;
    font: 100%;
}
pre,code,kbd,samp,tt {
    font-family: monospace;
    *font-size:108%;
    line-height:100%;
}
img {
	border: none;
}
.photo {
	border: solid 1px #79FFFE;
}
a {
	color: #A0A0A0;
}
a:hover {
	color: #DB7475;
	text-decoration: none;
}
a:hover.splash {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
.clear_both {
	clear: both;
}
.strong_txt {
	font-weight: bold;
}
#cover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #FFF;
}

#wrapper {
	width: 100%;
	min-width: 1100px;
	min-height: 200px;
	_height: 720px;
	background: #000;
	margin: 0 auto;
	padding: 170px 0 250px; 
	position: relative;
	background: #FFF;
	text-align: left;
}

#header_wrapp,
#index_header_wrapp {
	width: 100%;
	height: 132px;
	position: absolute;
	top: 0;
	left: 0;
	color: #A7A7A7;
}
#header_wrapp {
	border-bottom: solid 1px #E4E4E4;
}

#logo_wrapp,
#index_header {
	width: 100%;
	height: 94px;
	position: absolute;
	top: 0;
	left: 0;
}
#logo_wrapp {
	border-bottom: solid 1px #E4E4E4;
}
#head_logo_box {
	width: 1100px;
	height: 94px;
	margin: 0 auto;
	padding: 0;
}

#index_header #head_logo_box {
	background: url('../../images/default/base/index_logo.jpg') no-repeat 0 0;
	height: 50px;
	_height: 94px;
	text-align: right;
	padding: 44px 0 0;
}
#index_header #head_logo_box a {
	padding: 0 0 0 30px;
	position: relative;
	text-align: left;
	color: #A0A0A0;
}


#menu_wrapp {
	width: 100%;
	height: 38px;
	position: absolute;
	top: 94px;
	left: 0;
}
#menu_wrapp #head_menu_box {
	width: 720px;
	_width: 1100px;
	height: 28px;
	_height: 38px;
	margin: 0 auto;
	padding: 10px 380px 0 0;
}
#head_menu_box a {
	padding: 0 0 0 30px;
	position: relative;
	text-align: left;
	color: #A0A0A0;
}
#head_menu_box a span,
#head_menu_box a i,
#index_header #head_logo_box a span,
#index_header #head_logo_box a i {
	display: none;
	color: #DB7475;
	position: absolute;
	top: 0;
	left: 15px;
}
#head_menu_box a:hover span,
#head_menu_box a:hover i,
#head_menu_box a span.page_switch_on,
#index_header #head_logo_box a:hover span,
#index_header #head_logo_box a:hover i {
	display: inline;
}
#head_menu_box #news_box {
	width: 380px;
	height: 28px;
	_height: 38px;
	margin: 0;
	padding: 10px 0 0;
	position: absolute;
	top: 0;
	right: 0;
}
#head_menu_box #news_box #news_area {
	width: 320px;
	height: 28px;
	position: absolute;
	top: 10px;
	left: 60px;
	overflow: hidden;
}

#container {
	width: 100%;
	_width: 100%;
	min-height: 300px;
	_height: 300px;
	padding: 0 0 0;
	margin: 0 auto;
	position: relative;
}

.contents {
	width: 1000px;
	_width: 1024px;
	min-height: 300px;
	_height: 300px;
	margin: 0 auto;
	padding: 0 12px;
	text-align: left;
}
a.contents {
	display: block;
	text-align: center;
}
a.contents img {
	-webkit-filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
}
a:hover.contents img {
	-webkit-filter: grayscale(0%);
	filter: none;
}

.contents h3 {
	color: #A0A0A0;
	font-size: 140%;
	font-weight: normal;
	margin: 0 0 25px;
	padding: 0;
}
#basic_conents,
.basic_contents {
	width: 750px;
	_width: 750px;
	margin: 25px auto 40px;
	padding: 0 0 40px;
	position: relative;
}
.basic_contents {
	border-bottom: solid 2px #DDDDDD;
}

.mini-caption {
	font-size: 85%;
	color: #A0A0A0;
}
.caption {
	line-height: 220%;
	color: #A0A0A0;
	margin: 0 auto 25px;
}

.topicBox {
	width: 750px;
	min-height: 282px;
	_height: ;
	margin: 0 0 0;
	padding: 0;
	position: relative;
	color: #A0A0A0;
	clear: both;
}
.topicBox .subject {
	width: 50%;
	height: 50%;
	position: absolute;
	top: 0;
	left: 50%;
	border-bottom: solid 1px #A0A0A0;
}
.topicBox .subject span {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 10px 10px;
	font-size: 140%;
}
.topicBox .body {
	width: 50%;
	height: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: scroll;
}
.topicBox .body p {
	padding: 10px;
	line-height: 210%;
}
.topicPhotoBox {
	width: 750px;
	min-height: 50px;
	_height: 50px;
	margin: 20px 0 40px;
}
.thumb_photo, 
.list_thumb_photo {
	display: block;
	margin: 10px;
	padding: 2px;
	float: left;
}
a:hover.thumb_photo, 
a:hover.list_thumb_photo {
	background: #DB7475;
}

.roomPhotoBox {
	margin: 20px 0 40px;
}

.roomPhotoBox_1f {
	float: right;
	width: 304px;
}
.roomPhotoBox_1f .thumb_photo {
	margin: 0 0 40px 0;
}
.roomPhotoBox_1f .thumb_photo:nth-child(even) {
	float: right;
}
.roomPhotoBox_1f .thumb_photo:nth-child(odd) {
	float: left;
}
.roomPhotoBox_2f_m {
	float: right;
	width: 304px;
}
.roomPhotoBox_2f {
	float: right;
	width: 750px;
}
.roomPhotoBox_2f .thumb_photo {
	margin: 0 30px 40px 0;
	float: left;
}
.roomPhotoBox_2f .thumb_photo:nth-child(5n) {
	margin-right: 0;
}



div.conBox {
	width: 950px;
	min-height: 350px;
	margin: 0 auto 20px;
}
div.conBox_b {
	min-height: 350px;
	border: solid 1px #000;
}
div.conBox_l {
	float: left;
	width: 600px;
}
div.conBox_r {
	float: right;
	width: 320px;
}



#footer_wrapp {
	clear: both;
	width: 100%;
	height: 180px;
	_height: 210px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #F2F2F2;
	padding: 15px 0;
	text-align: left;
}
#footer {
	width: 1100px;
	height: 180px;
	_height: 180px;
	position: relative;
	margin: 0 auto;
	padding: 0 0 0;
	line-height: 180%;
	clear: both;
	color: #898989;
	background: url('../../images/default/base/footer_bk.jpg') no-repeat 0 0;
}
#footer_menu {
	width: 820px;
	height: 64px;
	position: absolute;
	top: 110px;
	left: 280px;
}
#copyright {
	width: 250px;
	height: 64px;
	position: absolute;
	top: 95px;
	left: 850px;
}
#footer a {
	color: #898989;
}