@charset "UTF-8";

/* ---------------------------------------------------------
	CSS Document Common
--------------------------------------------------------- */

html, body {
	display: block;
	margin: 0;
	padding: 0;
	background:#fff url(../images/2layer_bg.gif) repeat-x 0 0;
	text-align: center;
	font-size: 86%;
	font-family: "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, "san-serif";
	color: #666;
}

form, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, blockquote {
	margin: 0;
	padding: 0;
}

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

* html table ,
input , textarea , select {
	font-family: "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, "san-serif";
	font-size: 100%;
}

p{
	margin:0px 0px 10px 0;
	line-height:150%;
}

.readtext {
	font-size:14px;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.f_left {
	float: left;
}

.f_right {
	float: right;
}

.clearfix {
	min-height: 10px;
}

* html .clearfix {
	height: 10px;
	overflow: visible;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

.clear {
	clear: both;
}

img {
	border: 0;
}

img.f_left {
	margin-right: 14px;
}

img.f_right {
	margin-left: 14px;
}

a {
	text-decoration: underline;
	color: #fa0;
}

a:hover {
	text-decoration: underline;
	color: #03c;
}

a:active {
	outline: none;
}

a:focus {
	-moz-outline-style: none;
}

a:hover img {
	opacity: 0.7;
	filter: Alpha(opacity=70);
}

hr {
	clear: both;
	display: none;
}

.f-red{
	color:#FF0000;
}

.f-green{
	color:#009900;
}

.f-blue{
	color:#0000FF;
}

.margin_t10{
	margin-top:10px;
}

.margin_l15{
	margin-left:15px;
}

.margin_r15{
	margin-right:15px;
}

margin_b10{
	margin-bottom:10px;
}

.txt_left{
	text-align:left;
}

.txt_right{
	text-align:right;
}

.f-small{
	font-size:84%;
}

.f-xsmall{
	font-size:9px;
}

.f-size14{
	font-size:14px;
}

.f-size12{
	font-size:12px;
}

.f-tan{
	color:#c4bd97;
}

.style_none{
	font-size:100%;
	font-weight:100;
}

h3.bg{
	background-image:url(../images/h3_bg.gif);
	width:510px;
	height:36px;
	background-repeat:no-repeat;
	background-position:top left;
	font-size:18px;
	padding:8px 0 0 13px;
	color:#555555;
	margin:0 0 10px 0;
}

h4.bg{
	background-image:url(../images/h4_bg.gif);
	width:510px;
	height:32px;
	background-repeat:no-repeat;
	background-position:top left;
	font-size:14px;
	padding:7px 0 0 25px;
	color:#454545;
	margin:0 0 15px 0;
}

ul.circle_blue{
	margin:5px 0px 10px 0px;
	list-style-type:none;
}

ul.circle_blue li{
	line-height:150%;
	background-image:url(../images/circle_blue.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding:0 0 0 15px;
}

ul.link_green{
	margin:5px 0px 10px 0px;
	list-style-type:none;
}

ul.link_green li{
	line-height:150%;
	background-image:url(../images/icon_link_green.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding:0 0 0 17px;
}

ul.link_blue{
	margin:5px 0px 10px 0px;
	list-style-type:none;
}

ul.link_blue li{
	line-height:150% !important;
	background-image:url(../images/icon_link_blue.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding:0 0 0 17px;
}


a.outlink {
background:transparent url(../images/linkarrow_outlink.gif) no-repeat scroll right top !important;
padding-right:17px;
}

/* ---------------------------------------------------------
	CSS Document Header
--------------------------------------------------------- */

#header {
	width: 762px;
	height: 116px;
	overflow: hidden;
	margin: 0px auto 0px auto;
	background: url(../images/header.gif) no-repeat 0 28px;
}

#header #top{
	margin:0;
	padding:0;
	width:762px;
	height:30px;
}	

#header #top h1{
	height: 30px;
	overflow: hidden;
	text-align: left;
	font-size: 100%;
	font-weight: normal;
	line-height: 30px;
	color: #fff;
	float:left;
}

#header #top .word_tab{
	margin:0;
	padding:0;
	float:right;
}

#header #top .word_tab{
	margin:0 0 0 0;
	padding:0;
	float:right;
	height:30px;
	width:180px;
}

#header #top .word_tab ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#header #top .word_tab ul li{
	float:left;
}

#header #bottom{
	margin:0;
	padding:0;
	width:762px;
	height:88px;
}	

#header #bottom h1 {
	float: left;
	width: 435px;
	height: 80px;
	overflow: hidden;
	text-align: left;
	text-indent: -9999px;
}

#header #bottom h1 a {
	display: block;
	float: left;
	width: 435px;
	height: 80px;
	overflow: hidden;
	margin-top: 3px;
	text-indent: -9999px;
}


#header #bottom .tel {
	width: 270px;
	height: 56px;
	overflow: hidden;
	margin:0px;
	padding:0px;
	text-align: left;
	text-indent: -9999px;
	float:right;
}

#header #bottom .form_btn{
	float:right;
	width:222px;
	height:32px;
	float:right;
	margin:0px;
	padding:0px;
}


/* ---------------------------------------------------------
	CSS Document Navigation
--------------------------------------------------------- */

#menunavi_up{
	margin:0px;
	_margin-top:-5px;
	padding:0px;
	height:7px;
}

#menunavi{
	clear:both;
	margin:0 auto;
	padding:0;
	width:762px;
	height:41px;
	background: url(../images/menunavi.gif);
	background-repeat:no-repeat;
	}

ul#nav li.menu01,
ul#nav li.menu02,
ul#nav li.menu03,
ul#nav li.menu04,
ul#nav li.menu05,
ul#nav li.menu06{
	width:127px;
	height:41px;
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
	}
	
ul#nav li.menu01 a,
ul#nav li.menu02 a,
ul#nav li.menu03 a,
ul#nav li.menu04 a,
ul#nav li.menu05 a,
ul#nav li.menu06 a{
	height:41px;
	text-indent:-9999px;
	text-decoration:none;
	}

/*メニュー部オーバー*/
ul#nav li.menu01 a:hover{
background: url(../images/menunavi.gif);
background-position:0px -41px;}
ul#nav li.menu02 a:hover{
background: url(../images/menunavi.gif);
background-position:-127px -41px;}
ul#nav li.menu03 a:hover{
background: url(../images/menunavi.gif);
background-position:-254px -41px;}
ul#nav li.menu04 a:hover{
background: url(../images/menunavi.gif);
background-position:-381px -41px;}
ul#nav li.menu05 a:hover{
background: url(../images/menunavi.gif);
background-position:-508px -41px;}
ul#nav li.menu06 a:hover{
background: url(../images/menunavi.gif);
background-position:-635px -41px;}
	
ul#nav li.menu05 ul.information{
	width:128px;
	height:123px;
	list-style:none;
	margin:0px 0px 0px -1px;
	padding:0px;
	background:url(../images/submenunavi.gif);
	background-repeat:no-repeat;
	opacity: 0.94; filter: alpha(opacity=94);
	}
	
ul#nav li.menu05 ul.information li a{
	width:128px;
	background:url(../images/submenunavi.gif);
	background-repeat:no-repeat;
	opacity: 0.94; filter: alpha(opacity=94);
	text-indent:-9999px;
	text-decoration:none;
	}

/*メニュー部通常時*/
ul#nav li.menu05 ul.information li.howto a{background-image:url(../images/submenunavi.gif); width:128px;height:41px; background-position:0px 0px;}
ul#nav li.menu05 ul.information li.flow a{background-image:url(../images/submenunavi.gif); width:128px;height:41px; background-position:0px -41px; _background-position:0px -41px;}
ul#nav li.menu05 ul.information li.qa a{background-image:url(../images/submenunavi.gif); width:128px;height:41px; background-position:0px -82px; _background-position:0px -82px;}

/*メニュー部オーバー*/
ul#nav li.menu05 ul.information li.howto a:hover{background-image:url(../images/submenunavi.gif);width:128px;height:41px;background-position:-127px 0px;}
ul#nav li.menu05 ul.information li.flow a:hover{background-image:url(../images/submenunavi.gif);width:128px;height:41px;background-position:-127px -41px; _background-position:-127px -41px;}
ul#nav li.menu05 ul.information li.qa a:hover{background-image:url(../images/submenunavi.gif);width:128px;height:41px;background-position:-127px -82px; _background-position:-127px -82px;}





/* ---------------------------------------------------------
	CSS Document Layout
--------------------------------------------------------- */

#container {
	width: 762px;
	overflow: hidden;
	margin: 0 auto;
}

#wrapper {
	clear: both;
	width: 762px;
	min-height: 10px;
	overflow: hidden;
	margin: 0px 0px 20px 0px;
}

#contents {
	float: left;
	width: 511px;
	overflow: hidden;
	text-align: left;
}

#sidebar {
	float: left;
	width: 236px;
	overflow: hidden;
	background: #b2b2b2;
}

#contents h2.access,
#contents h2.concept,
#contents h2.aboutus,
#contents h2.information,
#contents h2.flow,
#contents h2.howto,
#contents h2.link,
#contents h2.qanda,
#contents h2.reserve,
#contents h2.staff,
#contents h2.recruit{
	background-repeat:no-repeat;
	background-position:top left;
	text-indent: -9999px;
	height:80px;
	width:510px;
	margin:0px 0px 10px 0px;
	padding:0px;
}

#contents h2.access{
	background-image:url(../images/h2_access.jpg);
}
#contents h2.concept{
	background-image:url(../images/h2_concept.jpg);
}
#contents h2.aboutus{
	background-image:url(../images/h2_aboutus.jpg);
}
#contents h2.information{
	background-image:url(../images/h2_information.jpg);
}
#contents h2.flow{
	background-image:url(../images/h2_flow.jpg);
}
#contents h2.howto{
	background-image:url(../images/h2_howto.jpg);
}
#contents h2.link{
	background-image:url(../images/h2_link.jpg);
}
#contents h2.qanda{
	background-image:url(../images/h2_qanda.jpg);
}
#contents h2.reserve{
	background-image:url(../images/h2_reserve.jpg);
}
#contents h2.staff{
	background-image:url(../images/h2_staff.jpg);
}
#contents h2.recruit{
	background-image:url(../images/h2_recruit.jpg);
}

/* ---------------------------------------------------------
	CSS Document Page Top
--------------------------------------------------------- */

p.pagetop {
	clear: both;
	height: 15px;
	padding-top: 25px;
	text-align: right;
}

/* ---------------------------------------------------------
	CSS Document Side Bar
--------------------------------------------------------- */

#sidebar p {
	margin: 6px 0 0;
}

#sidebar #banner{
	margin:5px 0 0 0;
	text-align:center;
}

#sidebar #banner p{
	margin:0;
}

#sidebar table {
	margin: 6px 0 0 14px;
	border-collapse: collapse;
	text-align: left;
	line-height: 160%;
}

#sidebar th {
	padding: 0 8px 0 0;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}

#sidebar td {
	margin: 0;
	padding: 0;
}

#sidebar li a {
	display:block;
	height: 26px;
	overflow: hidden;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#sidebar li a:hover {
	background-position: 0 -50px;
}

/* ---------------------------------------------------------
	CSS Document Side Access
--------------------------------------------------------- */

#sidebar #access {
	width: 223px;
	margin: 6px auto 0;
	background: url(../images/side_access_bg.gif) repeat-y center;
	text-align: left;
	color: #fff;
}

#sidebar #access #map{
	margin:5px auto;
	_margin:5px 0 5px 14px;
	padding:0;
	width:190px;
	height:150px;
	border: solid 1px #cccccc;
}

#sidebar #access #map span{
	display:none;
}

#sidebar #access table {
	color: #fff;
}

#sidebar #access p {
	margin: 6px 14px 0;
}

/* ---------------------------------------------------------
	CSS Document Side Time
--------------------------------------------------------- */

#sidebar #time {
	width: 223px;
	margin: auto;
	background: url(../images/side_time_bg.gif) repeat-y center;
	text-align: left;
	line-height: 160%;
}

#sidebar #time table {
	width: 190px;
	margin-bottom: 8px;
}

#sidebar #time th {
	padding: 3px 5px;
	border-bottom: dotted 1px #ccc;
}

#sidebar #time td {
	padding: 3px 5px;
	text-align: right;
	border-bottom: dotted 1px #ccc;
}

#sidebar #time p {
	margin: 6px 14px 0;
}

.sat {
	color: #00f;
}

.sun {
	color: red;
}

/* ---------------------------------------------------------
	CSS Document Side Calendar
--------------------------------------------------------- */

#side_calendar {
	width: 223px;
	margin: 0 auto;
	background: url(../images/side_time_bg.gif) repeat-y center;
	text-align: left;
}

#side_calendar table {
	border-collapse: separate;
	border-spacing: 2px;
	text-align: center;
	line-height: 100%;
}

#side_calendar td {
	width: 22px;
	padding: 5px 0 3px 2px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	background: #efefef;
	text-align: center;
}

#side_calendar td.caption {
	width: auto;
	padding-top: 0;
	border: 0;
	background: #fff;
	text-align: left;
	line-height: 160%;
}

#side_calendar td.th {
	padding: 5px 0 3px 2px;
	border: 0;
	background: #ddd;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	text-align: center;
	font-weight: bold;
	color: #fff;
}

#side_calendar td.sun {
	background: #efefef url(../images/holiday.jpg) no-repeat center;
	border-right: solid 1px #ffb3d9;
	border-bottom: solid 1px #ffb3d9;
}

#side_calendar td.sun2 {
	border-right: solid 1px #ffb3d9;
	border-bottom: solid 1px #ffb3d9;
}

#side_calendar td.sat {
	border-right: solid 1px #a1d0ff;
	border-bottom: solid 1px #a1d0ff;
}

#side_calendar td.mon {
	background: #efefef url(../images/holiday.jpg) no-repeat center;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

#side_calendar p strong {
	color: #ffd2d2;
}

/* ---------------------------------------------------------
	CSS Document Side Mobile
--------------------------------------------------------- */

#mobile {
	width: 223px;
	margin: 0 auto;
	padding-bottom: 26px;
	background: url(../images/side_mobile_bg.gif) no-repeat center bottom;
	text-align: left;
	line-height: 140%;
}

#sidebar #mobile p {
	margin: 3px 14px 0;
}

#sidebar #mobile a{
	color:#33CC00;
}

/* ---------------------------------------------------------
	CSS Document Side etc
--------------------------------------------------------- */

#etc {
	width: 223px;
	margin: 0 auto;
	padding-bottom: 26px;
	background: url(../images/side_mobile_bg.gif) no-repeat center bottom;
	text-align: left;
	line-height: 140%;
}

#etc a{
	color:#33CC00;
}

#sidebar #etc ul {
	margin: 3px 14px 0 14px;
	list-style-type:none;
}

#sidebar #etc ul li a {
	text-decoration:none;
}

#sidebar #etc ul li{
	background-image:url(../images/icon_link_blue.gif);
	background-repeat:no-repeat;
	padding:0 0 0 17px;
	background-position:0px 0px;
}

#sidebar #etc ul li a:hover{
	background:url(../images/icon_link_rollover.gif) no-repeat left top;
	color:#023ded;
}

#sidebar #etc ul li.outlink{
	background-image:url(../images/icon_link_outsite.gif);
	background-repeat:no-repeat;
	padding:0 0 0 17px;
	background-position:0px 0px;
}

#sidebar #etc p {
	margin: 3px 14px 0;
}


/* ---------------------------------------------------------
	CSS Document Footer
--------------------------------------------------------- */

#crumb{
	width:762px;
	margin:20px 0 5px 0;
	padding:0;
}

#crumb p{
	font-size:11px;
	_font-size:100%;
	text-align:left;
	color:#808080;
}

/* ---------------------------------------------------------
	CSS Document pagetop
--------------------------------------------------------- */

#pagetop{
	width:100%;
	text-align:right;
	margin:0 0 20px 0px;
	padding:0px;
	font-size:11px;
}

#pagetop a{
	text-decoration:none;
	color:#FFCC00;
}

#pagetop a:hover{	
	color:#03c;
}

/* ---------------------------------------------------------
	CSS Document Footer
--------------------------------------------------------- */

#footer {
	background: #000;
	color: #fff;
	padding:0 0 10px 0;
}

#footer .clearfix {
	width: 740px;
	margin: 0 auto;
	padding: 15px 0 10px;
}

#footer .f_right img {
	margin: 20px 0 10px;
}

#footer p.link{
	margin:10px 0 5px 0;
	text-align:center;
	font-size:11px;
}

#footer p.link a{
	text-decoration:none;
	color:#708fec;
}

#footer p.link a:hover{
	text-decoration:underline;
}

#footer h2.green{
	color:#33cc00;
	font-size:11px;
	_font-size:100%;
	text-align:center;
	margin:0 0 7px 0;
	padding:0;
	font-weight:100;
}

#footer h2.white{
	color:#FFFFFF;
	font-size:11px;
	_font-size:100%;
	text-align:center;
	margin:0;
	padding:0;
	font-weight:100;
}