@charset "Shift-JIS";

/* | keinanbus.com | rev.01 | 2008.03.05 | neochef@gmail.com ,Myoko Japan | */
/* color theme : keinan_green{#3bbba2} keinan_pink{#e081c3} keinan_blue{#5167b9} */

*{	margin:0;	padding:0;	border:0;}


/** gloval **/

.clr{	clear:both;}
.goNext {
	text-align:right;
	font-size:100%;
	margin:.5em 1em .2em 0;
}
.toTop{
	text-align:right;
}
hr{	margin:20px;}

body{
	background-color:#e3e3e3;
	font-size:12px;
	text-align:center;
	line-height:1.5;
	text-indent:0pt;
	color:#555;
}
a{
	text-decoration:none;
}
a:link, a:visited ,h3{	color:#3bbba2;}
a:hover{	color:#2a8775;}
a:active{	color:#2a8775;}

#header h1{
	text-indent:-9999px;
	height:0px;
}

h2{
	height:24px;
	background:url(images/cmn/h2_bg.gif);
}
h2 span{
	background:#fff;
	display:block;
	float:right;
	height:24px;
	width:10px;
	background:url(images/cmn/h2_bg.gif) right;
}
h2{
	color:#fff;
	font-size:117%;
	padding-left:1em;
	margin:4px 0 12px 0;
}

h3.linkBoard a{
	background:url(images/cmn/h3_a.gif) no-repeat 3px 7px #e6ecf0;
	text-indent:18px;
	display:block;
	border:1px solid #ccc;
	margin:0 5px 1px 10px;
	padding:3px 0;
	color:#555;
	font-weight:normal;
	line-height:1.5;
}
h3.linkBoard a:hover{
	background:url(images/cmn/h3_a.gif) no-repeat 4px 8px #dbe1e6;
	color:#333;
}


	/* fonts & Size */
body{
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}
h1{font-size:150%;}
h2{font-size:117%;}
h3{font-size:100%;}
h4{font-size:100%;}
h5{font-size:100%;}

.big{font-size:117%;}
.small{font-size:90%;}
.bigbig{font-size:150%;}


/** section position padding **/

	/* ▲containts pages (#wideCol>.inner) */
	
#wideCol{
	width:700px;
	margin:10px 0 0 25px;
}
#wideCol .inner{
	margin:20px 40px;
}

#wideCol h4{
	color:#333;
	font-weight:bold;
	font-size:105%;
	margin:1.2em 0 .3em 0;
}
#wideCol a{
	border-bottom:1px dotted #3bbba2;
}
#wideCol h3.linkBoard a{
	border-bottom:1px solid #ccc;	/* 元に戻す */
}

#wideCol ul, #wideCol ol{
	margin:1em 0 1em 4em;
}


#wideCol table{
	border-top:1px solid #ccc;
    border-left:1px solid #ccc;
	border-spacing:0;
	font-size:95%;
	margin:.5em 20px 3em 20px;
}
#wideCol th{
	background:#e6ecf0;
	border-right:1px solid #aaa;
    border-bottom:1px solid #aaa;
	text-align:center;
	padding:.5em 1em;
}
#wideCol td{
	border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
	padding:.5em 1em;
}

#wideCol table.noborder, #wideCol table.noborder th, #wideCol table.noborder td{
	border:none;
}

#wideCol .imgr{
	float:right;
	margin:2px 0 10px 10px;
}
#wideCol .imgl{
	float:left;
	margin:2px 10px 10px 0;
}

		/* table hasuhosi */
#wideCol .hasuhosi table{border:none; margin-top:20px;}
#wideCol .hasuhosi tr{border:none;}
#wideCol .hasuhosi td{border:none;}
#wideCol .hasuhosi td{border-bottom:1px solid #ccc; padding-bottom:10px;}



		/* table example */
table .exp{
	font-size:90%;
	color:#8b96cb;
}

table .important, p.important{
	color:blue;
}

table .important{
	background:#efefef;
}

.caution{
	color:red;
}

.right{
	text-align:right;
}

h3 span.caution{
	font-weight:normal;
}

#unchin td{
	text-align:center;
}

.left-label{
	display:block;
	width:6em;
	float:left;
	text-align:right;
	margin-right:0.5em;
}
form p{
	margin:8px 0;
	clear:both;
}
p.submit{
	margin-left:6.5em;
}
input, textarea, select{
	border:1px solid #999;
	background:#efefef;
}
input.h{
	height:1.6em;
}

.MForm b{
	color:#bf0000;
	font-weight:bold;
}

	/* top */

#topLeftCol .inner{
	padding:0 0 0 5px;
}

		/* news section */
		
.newsSection h3, #wideCol h3.wC{
	font-size:120%;
	line-height:1.6;
	background:url(images/cmn/h3_news.gif) no-repeat left top;
	text-indent:27px;
	margin:0 0 5px 0;
}
.newsSection h3 a, .newsSection a{
	text-decoration:underline;
}
.newsSection{
	border-bottom:dotted 2px #e3e3e3;
	margin:0 0 15px 0;
}
.newsSection p{
	font-size:95%;
	line-height:1.3;
	margin:0 0 .4em 0;
}

.newsSection ul, .newsSection ol{
	margin:1em 0 1em 2em;
}
.newsSection li{
	margin-top:.5em;
	border-bottom:1px solid #ccc;
}


		/* information section */
	
#topInfoLink{
	width:190px;
	height:160px;
	background:url(images/cmn/txt_info.gif) no-repeat 40% 70px;
}
#topInfoLink p{
	text-indent:-9999px;
}
#topInfoLink a{
	width:193px;
	height:64px;
	display:block;
	background:url(images/cmn/btn_info.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#topInfoLink a:hover{
	background:url(images/cmn/btn_info_ov.gif) no-repeat 0 0;
}

		/* zekkei PHOTO section */
	
#topZekkei{
	margin:5px 0 20px 5px;
}
#topZekkei img.photo{
	margin:6px 5px 2px 5px;
}
.zekkei{
	background-color:#f9f9f9;
	border-top:1px solid #eee;
	border-right:1px solid #ccc;
	border-bottom:1px solid #aaa;
	border-left:2px solid #eee;
	width:180px;
	margin:-7px 0 5px;
}
.zekkei:hover{
	background-color:#fff;
}
.photoCap{
	text-align:right;
	margin:2px 5px 5px;
	font-size:90%;
	color:#777;
}

		/* #topCenterCol */

#topCenterCol .inner{
	margin:0 0 20px 0;	/* "linkBoard" bottom space */
}





/** Row Col layout **/
#wrapper{
	width:776px;
	margin:0 auto;
	text-align:center;
	background:url(images/cmn/wrapper_side.gif) repeat-y;
}
#header{
	background:url(images/cmn/bg_header.gif) no-repeat;
	width:760px;
	height:84px;
	margin-left:8px;
	text-align:left;
	_margin-left:1px;
}
#navigation{
	background:transparent;
	height:26px;
	margin-left:8px;
	text-align:left;
	_margin-left:1px;
}
#cm{
	clear:both;
	background:url(images/cmn/top_cm.jpg);
	width:760px;
	height:201px;
	margin:10px 0 10px 8px;
	_margin:0 0 10px 1px;
}

#main{
	background:url(images/cmn/main_side.gif) repeat-y;
	width:760px;
	margin-left:8px;
	text-align:left;
	_margin-left:1px;
}
#mainTop{
	background:url(images/cmn/main_top.gif) no-repeat;
	height:19px;
}
#topLeftCol{
	width:300px;
	float:left;
	margin-left:15px;
	_margin-left:5px;
}
#topCenterCol{
	width:190px;
	float:left;
	margin-left:25px;
}
#topRightCol{
	width:190px;
	float:right;
	margin-right:10px;
}
#mainEnd{
	background:url(images/cmn/main_btm.gif) no-repeat bottom;
	height:85px;
}
#footer{
	clear:both;
	width:760px;
	height:80px;
	text-align:left;
	padding-top:5px;
}
#footerEnd{
	clear:both;
	background:url(images/cmn/wrapper_btm.gif) no-repeat;
	width:776px;
	height:12px;
}
.docEnd{
	height:80px;
	background:url(images/cmn/mainEndImg.jpg) no-repeat 98% 0px;
}
span.copyright{
	color:#888;
	font-size:90%;
	display:block;
	float:left;
	margin:0 0 0 15px;
}
#copyright{
	text-indent:-9999px;
}
.company{
	float:right;
	width:20em;
	font-size:95%;
	color:#888;
	line-height:1.4;
}
.company strong{
	font-size:160%;
	weight:bold;
	letter-spacing:.2em;
}



/** Gloval navigation **/
#navigation{
	margin:58px 0 0 230px;
	padding:0;
}
#navigation li{
	float:left;
	list-style-type:none;
}

#navigation a{
	color:#5167b9;
	display:block;
	padding:0 10px 0 0;
	height:26px;
	margin:0;
	_width:100px;
/*--------------------MacIE5*/  
/*\*//*/ 
width:100px;
/**/
	
}
#navigation span{
	float:left;
	display:block;
	width:10px;
	height:26px;	background:url(images/cmn/navi.gif) no-repeat left -26px;

}
#navigation a:link, #navigation a:visited{

		background:url(images/cmn/navi.gif) no-repeat right -26px;
	color:#fff;
}


#navigation a:hover, #navigation a:active, #navigation a.here{
	background:url(images/cmn/navi.gif) no-repeat right 0;
	color:#555;
}
#navigation a:hover span, #navigation a:active span, #navigation a.here span{
	background:url(images/cmn/navi.gif) no-repeat left 0px;
}

/* top Script photo */
.leftimg{
	float:left;
	margin:0 5px 5px 0;
}
.rightimg{
	float:right;
	margin:0 0 5px 5px;
}
.centerimg{
	margin:0 0 5px 0;
}

/* zaseki.html page (body id="zaseki")*/
#zaseki .rightCal{
	float:right;
	width:500px;
	margin:0;
}
#zaseki .section{
	margin:0 0 30px 0;
}
#zaseki hr{
	clear:both;
	border-bottom:1px dashed #dedede;
	margin-top:10px;
}
#zaseki img.room, #zaseki img.view{
	margin:3px 0 0 5px;
}
#zaseki .localNav{
	text-align:center;
}
#zaseki .localNav a{
	background:url(./images/cmn/localnavi.png) 0 50% no-repeat;
	padding-left:1.2em;
}