@charset "Shift_JIS";
/*===========================================
This CSS was written by Keanu Wing Studio.
(http://www.keanu-wing-studio.net)
===========================================*/

/*=======================
全般の設定
=======================*/
* {
	margin: 0; padding: 0;
	line-height: 1.3;
	color: #333;
	list-style-type: none;
}
body {
	background: #cfc url("../img/body_back.gif") repeat-y 50% 0%;
	text-align: center;
	font-size: 13px;
}
#pagebody {
	width: 760px;
	text-align: left;
	background: url("../img/pagebody_back.gif") repeat-y;
	margin: 6px auto 0;
}
h1 {width: 760px; height: 190px;}
h2 {
	width: 475px; height: 27px; font-size: 18px;
	color: #6c0;
	margin-top: 10px;
	background: url("../img/h2_head_ico.gif") no-repeat;
	line-height: 27px;
	padding-left: 35px;
	border-bottom: solid 2px #6c0;
	clear: both;
}
h3 {
	width: 505px; height: 25px;
	color: #fff;
	background: #360 url("../img/h3_back.png") no-repeat;
	margin: 10px 0 0 0;
	padding: 0 0 0 5px;
	font-size: 15px;
	clear: both;
	line-height: 25px;
}
h3.top_h3 {
	width: 510px; height: 60px;
	margin: 10px 0 0 0;
	background: none;
	padding: 0;
}
p {margin: 0.4em 0;}
.s_txt {text-align: right; margin-right: 10px;}
.img_l{float: left;}
.img_r{float: right;}
img {border: none;}
a:link {color: #33f;}
a:visited {color:#33f}
a:hover {color:#c30}
a:active {}

/*=======================
基本レイアウト設定
=======================*/
.m_box_a {
	width: 525px;
	overflow: auto;
	float: right;
	margin:10px 0 10px 0;
	min-height: 1px; /* forIE7 */
}
.m_box_a p {width: 510px;}
.m_box_a span {color: #369;}
#fpaper {
	margin-bottom: 10px;
}
p.fpaper_ctxt {
	width: 475px;
	text-align: right;
	padding-right: 35px;
}
.m_box_b {
	width: 220px;
	background: #f0f0f0;
	float: left;
	margin-top: 10px;
}

/*=======================
ヘッダーとメインメニュー
=======================*/
#header {
	width: 760px; height: 190px;
}
ul#h_menu {
	height: 16px;
	background: url("../img/back_c.gif") repeat-y;
	margin-bottom: 3px;
}
li.h_menu_b {
	width: 80px; height: 15px; 
	float: right;
	display: inline;
}
#h_menu_01 {border-right: solid 1px #999;}
#h_menu_02 {border-left: solid 1px #ccc; border-right: solid 1px #999;}
#h_menu_03 {border-left: solid 1px #ccc;}
ul#h_menu a {
	height: 15px;
	color: #666;
	display: block;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
}
ul#h_menu a:hover {
	color: #c30;
	text-decoration: underline;
}
/*=======================
サイドコンテンツ
========================*/
h2.side_h2 {
	width: 200px; height: 30px;
	padding:0; margin: 0;
	text-align: center;	font-size: 13px;
	border: none;
	background: none;
} 
#s_menu {
	width: 200px;
	background: url("") no-repeat;
	margin: 0 0 0 10px;
	overflow: hidden;
}
.s_menu_b {
	width: 200px; height: 30px;
	display: inline;
	overflow: hidden;
}
#s_menu a {
	height: 30px;
	margin: 3px 0;
	color: #333;
	background:url("../img/sm_button.gif") no-repeat #a4a4a4;
	display: block;
	text-decoration: none;
	overflow: hidden;
	line-height: 32px;
	font-size: 15px;
	font-weight: bold;
	padding-left: 40px;
}
#s_menu a:hover {
	color: #446d8c;
	background:url("../img/sm_button.gif") no-repeat 0 -30px #fff;
	text-decoration: none;
}
#s_menu_09 a{
	background:url("../img/sml_button.gif") no-repeat #a4a4a4;
}
#s_menu_09 a:hover{
	color: #f60;
	background:url("../img/sml_button.gif") no-repeat 0 -30px #747474;

}
.side_box {
	width: 220px;
	margin-bottom: 10px;
	text-align: center;
}
.side_box p {
	text-align: left;
	padding: 0 5px;
}
.side_box img {
	display: block;
	margin: 0 auto;
}
.stlink {
	width: 200px; height: 120px;
	display: lnline;
	margin: 10px auto 0;
}
.stlink a {
	width: 200px; height: 120px;
	background: url("../img/st_hover.png") no-repeat;
	display: block;
	overflow: hidden;
}
.stlink a:hover {
	background: url("../img/st_hover.png") no-repeat 0 -120px;
}
/*=======================
indexの設定
=======================*/
h2#news_h2 {
	background: url("../img/h2_new_head_ico.gif") no-repeat;
}
#news {
	width: 510px; height: 100px;
	overflow: auto;
}
li.date {
	color: #6c0;
	font-weight: bold;
	padding-top: 5px;
}
li.txt {
	padding-bottom: 5px;
	border-bottom: dotted 1px #ccc;
}
.t_box {
	width: 510px;
	overflow: auto;
}
.t_img {
	width: 480px;
	display: block;
	margin: 0 auto 5px;
}
.t_button {
	width: 480px;
	margin: 0 auto;
}
.t_b {
	width: 218px; height: 95px;
	float: left;
	display: inline;
}
#t_b_01 {margin-left: 10px;}
#t_b_02 {margin-left: 24px;}
#t_b_01 a {
	height: 95px;
	display: block;
	text-indent: -9999px;
	background: url("../img/tbox_b01.gif") no-repeat ;
}
#t_b_02 a {
	height: 95px;
	display: block;
	text-indent: -9999px;
	background: url("../img/tbox_b02.gif") no-repeat ;
}
#t_b_01 a:hover {
	background: url("../img/tbox_b01.gif") no-repeat 0 -95px;
}
#t_b_02 a:hover {
	background: url("../img/tbox_b02.gif") no-repeat 0 -95px;
}
/*=======================
serviceの設定
=======================*/
.sub_box {
	width: 250px; height: 230px;
	float: left;
	background: url("../img/service/sub_box_back.png") no-repeat 0 100%;
	margin:5px 0;
}
.sub_box img {
	margin-left: 5px;
}
#sub_box01,#sub_box02 {
	margin:10px 0 5px 0;
}
#sub_box01,#sub_box03,#sub_box05,#sub_box07 {
	margin-right: 10px;
}
#sub_box07,#sub_box08 {
	margin-bottom: 10px;
}
div.sub_box h3 {
	width: 250px; height: 25px;
	color: #360;
	background: none;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
img.service_h3_img {
	margin: 0;
}
div.sub_box p {
	width: 240px;
	margin: 0 auto;
}
h3.serviceh3 {
	clear: both;
}
/*=======================
staffの設定
=======================*/
div.staffbox {
	margin-bottom: 5px;
	overflow: auto;
}
p.staff_bt {
	width: 125px; height: 28px;
	display: inline;
}
p.staff_bt a {
	width: 125px; height: 28px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../img/staff/ryaku_b.gif") no-repeat ;
}
p.staff_bt a:hover {
	background: url("../img/staff/ryaku_b.gif") no-repeat 0 -28px;
}
/*=======================
jyohoの設定
=======================*/

/*=======================
companyの設定
=======================*/
.company_t {
	width: 494px;
	margin: 5px 0 0 10px;
}
.cell_a {
	width: 108px;
}
.cell_b {
	width: 4px;
	background: #ccc;
	text-indent: -9999px;
}
.cell_c {
	margin-top: 2px;
}
.cell_d {
	width: 494px; height: 1px;
	background: #ccc;
	text-indent: -9999px;
	font-size: 1px;
}
div.company_box{
	overflow: auto;
}
span.companyspan {
	font-weight: bold;
	color: #33f;
}
/*=======================
reの設定
=======================*/
h2.reh2 {
	width: 520px; height: 195px;
	padding: 0;
	background: none;
	border: none;
}

p.rep {
	font-size: 15px;
}
.re_t {
	width: 494px;
	margin: 5px 0 0 10px;
}
.cell_e_re {
	text-align: right;
}
/*=======================
linkの設定
=======================*/
.link_t {
	width: 494px;
	margin: 5px 0 0 10px;
	border-collapse: separate;
}
.link_t td.cell_a {
	width: 160px;
}
/*=======================
contactの設定
=======================*/
#mf_ent {
	width: 260px;
	margin: 0 auto;
}
li.mf_ent_b {
	width: 260px; height: 30px;
	display: inline;
}
#mf_ent_01 a {
	width: 260px; height: 30px;
	margin-bottom: 6px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background:url("../img/mailicon_a.gif") no-repeat;
}
#mf_ent_02 a {
	width: 260px; height: 30px;
	margin-bottom: 6px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background:url("../img/mailicon_b.gif") no-repeat;
}
#mf_ent_03 a {
	width: 260px; height: 30px;
	margin-bottom: 6px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background:url("../img/mailicon_c.gif") no-repeat;
}
#mf_ent_01 a:hover,#mf_ent_02 a:hover,#mf_ent_03 a:hover {
	background-position: 0 -30px;
} 
p.mapp {
	font-size: 16px;
}
/*=======================
フッター
=======================*/
#footer {
	border-top: solid 1px #999;
	text-align: right;
	clear: both;
	background: url("../img/back_c.gif") repeat-y;
}
#footer p{
	padding-right: 5px;
}
address {
	border-top: double 3px #999;
	text-align: center;
	font-style: normal;
	font-size: 12px;
}
/*=======================
imdex2
=======================*/
.hanrei {
	width: 250px;
	float: right;
	margin:10px 20px 5px 0;
	padding: 5px;
	border: dotted 1px #ccc;
}
.hanrei p {
	width: 250px;
}
.acc_caution {
	width: 510px;
	clear: both;
	text-align: center;
}