@charset "utf-8";

/*=========================================================
	[ layout.css ]
	date - creation:2009-11-05 // update:2010-02-24
=========================================================*/

/*=========================================================
	index
		1. Page format
		2. header
		3. contents
		4. footer
=========================================================*/

/* 1. Page format
=========================================================*/
body{
	margin:0;
	padding:0;
	background:#F2F5F6 url(/common/images/for_body_bk.jpg) repeat-x 0 0;
	font-size:84%;
	color:#333333;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,Verdana,Arial,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	text-align:center;
}
#wrapper{
	position:relative;
	width:970px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

/* 2. header
=========================================================*/
#header{
	position:relative;
	width:970px;
	padding-top:10px;
}

/* header navigation area */
div#hnav{
	float:right;
	width:700px;
}

/* 3. contents
=========================================================*/
#container{background:#ffffff url(/common/images/nav_l_bk.gif) repeat-y 100% 0;}

/* 2column */
#content{/* max-width:741px */
	float:left;
	width:741px;
	min-height:500px;
	padding-bottom:10px;
	text-align:left;
	background-color:#ffffff;
}
#contentInner{
	width:703px;
	margin:15px auto 45px;
	text-align:left;
}

#side{
	float:right;
	width:226px;
	padding-right:3px;
}

/* Win IE 6 */
/* Besides Win IE 6 */
* html #content{width:740px;}
html>body #side{width:226px;}

/* contents innar 2column */
.innerColumn2 div.innerBox{width:340px;}
#content .innerBox ul{margin-left:0;}

/* column1 */
.column1{background-image:none !important;}
.column1 #contentInner{width:850px;}
.column1 #content{
	float:none;
	width:auto;
}
.column1 #pageTop{width:850px;}
.column1 #footer{background:transparent url(/common/images/footer_bk_1column.gif) no-repeat 0 0;}
/* contact
---------------------------------------------------------*/
#content .contact{
	margin-top:30px;
	border:1px solid #C5CACF;
}
#content .contact h2{
	clear:both;
	margin:0;
	padding:6px;
	background:#F3F4F6;
	border:0;
	border-left:none;
	border-bottom:1px dotted #C5CACF;
}
#content .contact p,
#content .contact div{
	margin:10px;
	font-size:93%;
	line-height:1.6;
}
#content .contact strong{
	margin:0;
	padding:0;
	font-weight:bold;
	background-color:transparent;
}
/* in other elements */
#content .contact div p{
	margin:0;
	font-size:100%;
}
/* Receptionist time */
.contact div.time{margin:10px;}
.contact .time p{font-weight:bold;}
.time dl{
	width:auot;
	line-height:1.6;
}
.time dt{
	float:left;
	width:5em;
}
.time dd{
}

/* 4. footer
=========================================================*/
#footer{
	padding:35px 0 10px;
	background:transparent url(/common/images/footer_bk.gif) no-repeat 0 0;
}