@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0;}

a:link { text-decoration:underline;}

a:visited {	text-decoration:underline; color:#00f;}

a:active { text-decoration: none;}

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

body {
	margin: 0;
	padding: 0;
	background: #cdc4bd url(img/bg.jpg) repeat-x;
	text-align:center;
	font-family:"ＭＳ ゴシック", Helvetica, sans-serif;
}

img { border:0;}

h1 { font-size:13px; font-weight:normal; color:#9b877e; text-align:left; margin-left:15px;}
h1 a:link { text-decoration:none; color:#9b877e;}
h1 a:visited { text-decoration:none; color:#9b877e;}
h1 a:hover { text-decoration:none; color:#9b877e;}

h2 { font-weight:normal; font-size:13px;}

.fl { float:left;}

.clr { clear:both;}

.b { font-weight:bold;}

.red { color:#f00;}

.u { text-decoration:underline;}

/* ヘッダー */

#header { background:url(img/header.gif) bottom no-repeat; width:800px; height:112px; margin:0 auto;}

/* ナビゲーション */

#navi-box { background:url(img/u_head.gif) bottom no-repeat; margin:0 auto; width:800px; height:55px; text-align:left;}

#navi { margin-left:22px;}

ul#navi li {
	float:left;
	list-style-type:none;
	text-indent:-3000px;
}

ul#navi li a {
	width:114px;
	height:23px;
	display:block;
	border:none;
	background:url(img/navi.gif) no-repeat;
}

ul#navi li#home a {background-position:0px 0px;}
ul#navi li#home a:hover {background-position:0px -23px;}

ul#navi li#fee a {background-position:-114px 0px;}
ul#navi li#fee a:hover {background-position:-114px -23px;}

ul#navi li#faq a {background-position:-228px 0px;}
ul#navi li#faq a:hover {background-position:-228px -23px;}

ul#navi li#staff a {background-position:-342px 0px;}
ul#navi li#staff a:hover {background-position:-342px -23px;}

ul#navi li#prof a {background-position:-456px 0px;}
ul#navi li#prof a:hover {background-position:-456px -23px;}

ul#navi li#opinion a {background-position:-570px 0px;}
ul#navi li#opinion a:hover {background-position:-570px -23px;}


/* 本体 */

#wrap {
	margin: 0px auto;
	width:800px;
	padding-top:10px;
	background: #fff url(img/bbg.gif);
}

/* 右側 */

#right { float:right; width:580px; color:#333; line-height:150%; font-size:14px; text-align:left;}

#p1 { background:url(img/m1.gif) top left no-repeat; margin-top:20px; padding:35px 30px 10px 20px; }
#p1 p { margin-bottom:15px;}

#p2a { background:url(img/m2.gif) top left no-repeat; padding:40px 30px 5px 20px; }
#p2b { background:url(img/sejutsu.jpg) top right no-repeat; width:508px; padding-bottom:35px;}

.chk li {
	list-style:none;
	background:url(img/chk.gif) left center no-repeat;
	padding-left:25px;
	font-weight:bold;
	line-height:170%;
	font-size:14px;
}

#p3 { background:url(img/m3.gif) top left no-repeat; padding:35px 30px 30px 20px;}
#p3-l { float:left; width:262px; background:url(img/sinkyuh.gif) top left no-repeat;}
#p3-l p { padding:50px 25px 0 10px; font-size:13px;}
#p3-r { float:right; width:262px; background:url(img/seikotsu.gif) top left no-repeat;}
#p3-r p { padding:50px 25px 0 10px; font-size:13px;}

.k-btn { margin:10px 0 0 88px;}

ul.k-btn li {
	list-style-type:none;
	text-indent:-3000px;
}

ul.k-btn li a {
	width:143px;
	height:30px;
	display:block;
	border:none;
	background:url(img/k_btn.gif) no-repeat;
}

ul.k-btn li.k a {background-position:0px 0px;}
ul.k-btn li.k a:hover {background-position:-143px 0px;}

.chk2 li {
	list-style:none;
	background:url(img/s_btn.gif) left center no-repeat;
	padding-left:25px;
	line-height:150%;
	font-size:15px;
}

.chk2 { margin:15px 0 30px 5px;}

#p4 { clear:both; background:url(img/m4.gif) top left no-repeat;}
#p4 p { font-size:13px; padding:35px 30px 30px 20px;}
.p4 { margin:35px 10px 0 20px;}

.pad-right { padding:15px 38px 0px 10px;}
.pad-right p { margin-bottom:15px;}

#prof_btm { background:url(img/prof_btm.jpg) no-repeat; width:532px; height:292px; margin-left:10px;}
.prof_btm1 { padding:14px 10px 0px 180px; font-size:13px; line-height:140%;}
.prof_btm2 { padding:14px 10px 0px 20px; font-size:13px; line-height:140%;}

.hr { clear:both; width:530px; margin:10px auto; border:#06f 1px solid;}

/* よくある質問 */

.faq_hd h3 {
	background:url(img/faq_bg.gif) no-repeat;
	width:542px;
	font-size:15px;
	text-indent:2.4em;
	padding:3px 0 3px 0;
	color:#fff;
	margin-top:15px;
}

.faq_btm {
	background:url(img/faq_btm.gif) no-repeat;
	padding-bottom:15px;
	width:542px;
	background-position:left bottom;
	margin-bottom:30px;
}

.faq_btm p {
	background:url(img/faq_side.gif) repeat-y;
	padding:8px;
}

/* お客様の声 */

h3.opi { background:url(img/opinion_hd.jpg) no-repeat; width:520px; margin:15px 0 10px 10px; padding:5px 0 5px 50px;}


/* 左側 */

#left {	float:left;	width:220px; text-align:left; color:#333; line-height:150%;}

.pad-left { padding-bottom:10px; padding-left:18px;}

#aisatsu { background:url(img/side1.jpg) no-repeat; width:187px; height:232px; margin-top:2px;}
#aisatsu p { padding:27px 5px 5px 5px; font-size:13px; line-height:150%;}

#jusho { background:url(img/side2.jpg) no-repeat; width:187px; height:510px; margin-top:25px;}

.js1 { font-size:15px; color:#30c; text-align:center; font-weight:bold; padding-top:135px;}
.js2 { font-size:13px; line-height:130%; padding:10px 0 0 10px;}
.js3 { font-size:13px; line-height:130%; padding:10px 0 10px 10px;}
.gmap { padding-left:8px; font-size:13px;}

/* フッター */

#footer {
	clear:both;
	width:800px;
	background:url(img/footer.gif) bottom no-repeat;
	margin: 0 auto;
	text-align:center;
	padding-top:38px;
	padding-bottom:30px;
	font-size:13px;
	color:#333;
	line-height:210%;
}

address { font-style:normal; font-size:12px; color:#333;}
