/* Font Setting
--------------------------------------------------
CSS‚Ε‚ΜpercentŽw’θ‚Ε‘Ξ‰ž‚·‚ιpxƒTƒCƒY‚Μ‘Œ©•\
px = percent

10 = 77
11 = 85
12 = 93 (was 93)
13 = 100
14 = 108 (was 107)
15 = 116 (was 114)
16 = 123.1 (was 122)
17 = 131 (was 129)
18 = 138.5 (was 136)
19 = 146.5 (was 144)
20 = 153.9 (was 152)
21 = 161.6 (was 159)
22 = 167
23 = 174
24 = 182
25 = 189
26 = 197
*/

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/
/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires 
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	font:13px/1.6;
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small; 
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea,
button {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}


/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */
html {
	color: #000;
	background: #FFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
	vertical-align:bottom;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del,
ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,
th {
	font-weight:normal;
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
	*font-size: 100%;
}


/* common
--------------------------------------------------------- */
	body{
		color:#666;
		border-top:2px solid #fff;
		border-bottom:2px solid #fff;
		background-color:#fff;
	}

	a:link,
	a:visited{
		text-decoration		: none;
	}										/*@ššš@*/

	a:hover,
	a:active{
		text-decoration		: none;
		opacity			: 0.7;
		filter			: alpha(opacity=70);
		-ms-filter		: "alpha( opacity=70 )";

	}										/*@ššš@*/

#header h1 a:hover{
		opacity			: 1.0;
		filter			: alpha(opacity=100);
		-ms-filter		: "alpha( opacity=100 )";
	}										/*@ššš@*/

	a:hover img{
		opacity		: 0.8;
		filter		: alpha(opacity=80);
		-ms-filter	: "alpha( opacity=80 )";
	}										/*@ššš@*/



/* float set
--------------------------------------------------------- */
.float_left{float:left;}
.float_right{float:right;}
br.clear {font-size: 1px; line-height: 100%; clear: both;}



/* wrapper
--------------------------------------------------------- */
	#wrapper{
		border-top:4px solid #214548;
		border-bottom:4px solid #214548;
	}


/* container
--------------------------------------------------------- */
	#container{
		min-height:550px;
		*height:550px;
		background:url(../images/main_bg.png) 0 0 repeat fixed;
	}										/*@ššš@*/


/* container_inner
--------------------------------------------------------- */
	#container_inner{
	margin:0 auto;
	width:997px;
	overflow:hidden;
		*zoom:1;
	}


/* header
--------------------------------------------------------- */
	#header{
		height:207px;
		position:relative;
		z-index:10;
	}

	#header h1{
		position:absolute;
		top:-5px;
		left:60px;
	}

	#header h1 a{
		width:137px;
		height:207px;
		background:url(../images/logo.png) 0 0 no-repeat;
	}

	#header ul{
		position:absolute;
		top:38px;
		left:256px;
		overflow:hidden;
		*zoom:1;
	}

	#header ul li{
		margin-right:40px;
		float:left;
	}

	#header ul li .about{
		width:51px;
		height:18px;
		background:url(../images/gnavi01.png) 0 0 no-repeat;
	}

	#header ul li .gallery{
		width:65px;
		height:23px;
		background:url(../images/gnavi02.png) 0 0 no-repeat;
	}

	#header ul li .plan{
		width:34px;
		height:18px;
		background:url(../images/gnavi03.png) 0 0 no-repeat;
	}

	#header ul li .staff{
		width:38px;
		height:18px;
		background:url(../images/gnavi04.png) 0 0 no-repeat;
	}

	#header ul li .access{
		width:59px;
		height:18px;
		background:url(../images/gnavi05.png) 0 0 no-repeat;
	}

	#header ul li .blog{
		width:36px;
		height:23px;
		background:url(../images/gnavi06.png) 0 0 no-repeat;
	}

	#header .reserve{
		position:absolute;
		top:13px;
		right:28px;
	}

	#header .reserve a{
		width:176px;
		height:52px;
		background:url(../images/btn_reserve.png) 0 0 no-repeat;
	}

	#header h1 a,
	#header ul li a,
	#header .reserve a{
		display:block;
	}

	#header h1 a span,
	#header ul li a span,
	#header .reserve a span{
		display:none;
	}


/* contents
--------------------------------------------------------- */
	#contents{
		margin:-100px 0 0 0;
		padding:0 60px 40px 0;
		width:766px;
		float:right;
	}

	#contents .main_title{
		margin-bottom:20px;
		text-align:center;
	}


/* Text
--------------------------------------------------------- */

	.txt-read{
		font-size: 100%;
		font-weight: bold;
		color:#214548;
		text-align: center;
		line-height: 1.5;
		margin: 0 0 10px 0;
	}
	




/* sidemenu01
--------------------------------------------------------- */
	#sidemenu01{
		margin-top:46px;
		width:171px;
		float:left;
	}

	#sidemenu01 ul{
		margin-left:58px;
	}

	#sidemenu01 ul li{
		margin-bottom:26px;
	}

	#sidemenu01 ul li .minina{
		width:61px;
		height:40px;
		background:url(../images/gallery_side01.png) 0 0 no-repeat;
	}

	#sidemenu01 ul li .customer{
		width:81px;
		height:17px;
		background:url(../images/gallery_side02.png) 0 0 no-repeat;
	}

	#sidemenu01 ul li a{
		display:block;
	}

	#sidemenu01 ul li a span{
		display:none;
	}


/* footer
--------------------------------------------------------- */
	#footer_outer{
		background:url(../images/footer_bg.png) 0 0 repeat;
		min-height:235px;
		*height:235px;
	}

	#footer{
		padding-top:23px;
		background:url(../images/container_shadow.png) 0 0 repeat-x;
	}

	#footer_inner{
		margin:0 auto;
		width:885px;
	}

	#footer .link{
		margin-bottom:65px;
		overflow:hidden;
		*zoom:1;
	}

	#footer .menu{
		width:395px;
		float:left;
		overflow:hidden;
		*zoom:1;
	}

	#footer .menu li{
		float:left;
	}

	#footer .menu li .about{
		width:200px;
		height:32px;
		background:url(../images/menu01.png) 0 0 no-repeat;
	}

	#footer .menu li .gallery{
		width:195px;
		height:32px;
		background:url(../images/menu02.png) 0 0 no-repeat;
	}

	#footer .menu li .plan{
		width:200px;
		height:33px;
		background:url(../images/menu03.png) 0 0 no-repeat;
	}

	#footer .menu li .staff{
		width:195px;
		height:33px;
		background:url(../images/menu04.png) 0 0 no-repeat;
	}

	#footer .menu li .access{
		width:200px;
		height:33px;
		background:url(../images/menu05.png) 0 0 no-repeat;
	}

	#footer .menu li .blog{
		width:195px;
		height:33px;
		background:url(../images/menu06.png) 0 0 no-repeat;
	}

	#footer .menu li .reserve{
		width:200px;
		height:32px;
		background:url(../images/menu07.png) 0 0 no-repeat;
	}

	#footer .social{
		width:286px;
		float:right;
		overflow:hidden;
		*zoom:1;
	}

	#footer .social li{
		float:left;
	}

	#footer .social li .mixi{
		margin-right:5px;
		width:93px;
		height:26px;
		background:url(../images/btn_mixi.png) 0 0 no-repeat;
	}

	#footer .social li .twitter{
		width:94px;
		height:26px;
		background:url(../images/btn_twitter.png) 0 0 no-repeat;
	}

	#footer .social li .facebook{
		width:94px;
		height:26px;
		background:url(../images/btn_facebook.png) 0 0 no-repeat;
	}

	#footer .menu li a,
	#footer .social li a{
		display:block;
	}

	#footer .menu li a span,
	#footer .social li a span{
		display:none;
	}

	#footer .util{
		padding-bottom:12px;
		overflow:hidden;
		*zoom:1;
	}

	#footer .util address{
		margin-right:40px;
		float:left;
	}

	#footer .util .terms{
		float:left;
		overflow:hidden;
		*zoom:1;
	}

	#footer .util .terms li{
		margin-right:8px;
		float:left;
	}

	#footer .util .terms li a{
		margin-right:8px;
		font-size:83%;
		line-height:1;
		color:#666;
	}

	#footer .util .lang{
		float:right;
		overflow:hidden;
		*zoom:1;
	}

	#footer .util .lang li{
		padding-left:8px;
		float:left;
	}

	#footer .util .lang li a{
		margin-left:8px;
		font-size:83%;
		line-height:1;
		color:#666;
	}