@charset "UTF-8";

/*
==================================================
	CSS File Name -layout.css
	Last-updated: 2010-09-23
	+1: body
	+2: #wrap
	+3: #container
	+4: #header
	+5: #mainBody
	+6: #footer
==================================================
*/
/*--------------------------------------------------
+1: body
==================================================*/
body {
	background:url(../img/bg_body.jpg) repeat-x left top #F0F0F0;
}
/*--------------------------------------------------
+2: #wrap
==================================================*/
div#wrap {
	width:100%;
	margin:0 auto;
	background:url(../img/bg_wrap.jpg) no-repeat center top;
}
/*--------------------------------------------------
+3: #container
==================================================*/

div#container{
	width:870px;
	margin:0 auto;
}
/*----------------------------------------------------------------------*/

/*--------------------------------------------------
+4: #header
==================================================*/
div#header {
	width:870px;
	height:430px;
	background:url(../img/bg_header.jpg) no-repeat left top;
	position:relative;
}
div#header p#logo {
	position:absolute;
	top:0px;
	left:0px;
}
div#header h1 {
	position:absolute;
	top:0px;
	left:0px;
}
div#header p.tel {
	position:absolute;
	top:26px;
	right:12px;
}
div#header p.img {
	position:absolute;
	top:203px;
	left:310px;
}
div#header p.txt {
	color:#FFF;
	font-size:80%;
	position:absolute;
	top:40px;
	left:228px;
}
/*----------------------------------------------------------------------*/
/*--------------------------------------------------
 #navi
==================================================*/
ul#navi {
}
ul#navi li {
}
/*----------------------------------------------------------------------*/
/*--------------------------------------------------
+5: #mainBody
==================================================*/

div#mainBody {
	width:870px;
	background:url(../img/bg_mainbody.jpg) repeat-y left top;
	clear:both;
	overflow:hidden;
	padding:20px 0 20px 0;
}
div#mainBody div.mainContent {
	float:right;
	width:626px;
	padding:0 15px 0 0;
}
div#mainBody div.subContent {
	width:185px;
	padding:0 0 0 14px;
	float:left;
}
div#mainBody div.subContent p {
	border:1px solid #D1D1D1;
	border-bottom:none;
	width:183px;
	clear:both;
}
div#mainBody div.subContent dl.accordion {
	border:1px solid #D1D1D1;
	width:183px;
	overflow:hidden;
	clear:both;
}
div#mainBody div.subContent dl.accordion dt {
	cursor:pointer;
}
div#mainBody div.subContent dl.accordion dd {}
/*----------------------------------------------------------------------*/
/*--------------------------------------------------
+6: #footer
==================================================*/
div#footer {
	height:150px;
	background:url(../img/bg_footer.jpg) repeat-x left top;
	margin:0 auto;
	clear:both;
}
div#footer_inner {
	width:870px;
	height:150px;
	margin:0 auto;
	position:relative;
}
div#footer_inner ul.fnavi {
	position:absolute;
	top:7px;
	right:16px;
}
div#footer_inner ul.fnavi li {
	display:inline;
	color:#999;
}
div#footer_inner ul.fnavi li a {
	color:#999;
	font-size:10px;
	text-decoration:none;
}
div#footer_inner ul.fnavi li a:hover {
	text-decoration:underline;
}
div#footer_inner p.img {
	position:absolute;
	top:58px;
	left:15px;
}
div#footer_inner address {
	color:#666;
	position:absolute;
	top:82px;
	left:15px;
	border-bottom:1px dotted #CCC;
	border-top:1px dotted #CCC;
	font-size:10px;
	padding:5px 0;
}
div#footer_inner p.copyright {
	position:absolute;
	top:120px;
	right:14px;
	color:#999;
}