@charset "utf-8";
/*___________ 基本設定 ___________ */
body {
	margin: 0;
	padding: 0;
	text-align:center;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
	color: #333333;
/*	background-color: #F3F3F3;*/
}
#WRAP {
	width:900px;
	margin:0 auto;
	color:  #333333;
	background-color: #FFFFFF;
}
div {
	margin: 0;
	padding: 0;
	text-align:left;
}
p,pre {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 14px;
	line-height: 140%;
	margin: 2px 5px 8px 5px;
	padding: 5px;
}
ol, ul {
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	list-style-type: none;
}
/* ____ リンクテキスト ____ */
a {
	color: #0066CC;
	text-decoration: underline;
}
a:visited {
	color: #0066CC;
	text-decoration: underline;
}
a:hover,
a:active, 		/* for IE (Keyboard) */
a:focus {		/* for Netscape (Keyboard) */
	color: #CC0000;
	text-decoration: none;
}
#CONTENTS h2#overview a,
#CONTENTS h2#overview a:visited {
	color: #0066CC;
	text-decoration: underline;
}
#CONTENTS h2#overview a:hover,
#CONTENTS h2#overview a:active, 		/* for IE (Keyboard) */
#CONTENTS h2#overview a:focus {		/* for Netscape (Keyboard) */
	color: #CC0000;
	text-decoration: none;
}
/* ____ テキストカラー ____ */
.red {
	color: #CC0000;
}
.blue {
	color: #0066CC;
}
.grn {
	color: #008000;
}
.ora {
	color: #FF9900;
}
.gry {
	color: #999999;
}
.bg-yell {
	background-color: #FFFFF4;
	border: 1px solid #CCCC00;
	margin: 10px;
	padding: 10px;
}
/*___________ レイアウト設計 ___________ */
/*___________ 【HEADER】 ___________ */
h1 {
	font-size:12px;
	color:  #666666;
	background: url(img-layout/h1_bg.jpg) repeat-x;
	font-weight: normal;
	height: 23px;
	margin:0;
	padding: 5px 0 2px 10px;
}
#TOP {
	width: 900px;
	padding: 15px 0 0 0;
	background: url(img-layout/top_bg.gif) no-repeat right 15px;
}
#TOP1 {
	position: absolute;
	left: 494px;
	top: 0px;
}
#TOP2 {
	position: absolute;
	left: 556px;
	top: 0px;
}
#TOP3 {
	position: absolute;
	left: 684px;
	top: 0px;
}
#HEAD-IMG {
	padding: 1px 0 10px 0;
	clear: both;
	border-top: #999999 solid 1px;
	}
#MENU-HOME {
	width: 900px;
	height: 90px;
	float:left;
}
#MENU {
	width: 900px;
	height: 90px;
	float:left;
}
.menu {
	float: left;
	margin: 0;
}
/*___________ 【MAIN】 ___________ */
#MAIN {
	width:900px;
	padding-top: 0px;
}
#MAIN-PAD {
	margin: 0;
}
/*___________ 【CONTENTS】基本設計 ___________ */
#CONTENTS {
	width:694px;
	float:right;
}
.pan {
	font-size:11px;
	color: #666666;
	background-color: #F2F2F2;
}
#CONTENTS h2 {
	padding: 12px 0 9px 30px;
	margin: 0px;
	background: url(img-layout/h2_bg.jpg) no-repeat right top;
	font-size: 24px;
	color: #FFFFFF;
}
#CONTENTS h2#sp1 {
	background: url(img-layout/h2_bg_sp1.jpg) no-repeat right top;
}
#CONTENTS h2#sp2 {
	background: url(img-layout/h2_bg_sp2.jpg) no-repeat right top;
}
#CONTENTS h2#toi {
	background: url(img-layout/h2_bg_toi.jpg) no-repeat right top;
	padding: 10px 0 260px 30px;
}
#CONTENTS #mt_page {
	padding: 0 20px 0 10px;
}
#CONTENTS #mt_page h2 {
	clear: both;
	font-size:14px;
	margin: 20px 0 10px 10px;
	padding: 5px 0 5px 20px;
	background: url(img-layout/sttl_bg.gif) no-repeat left;
	width: 600px;
	height: 18px;
	border-bottom: 1px solid #DFB484;
	color: #000000;
}
#CONTENTS #mt_page h3 {
	clear: both;
	font-size:13px;
	margin: 20px 0 10px 10px;
	padding: 5px 0 5px 20px;
	background: url(img-layout/pt02.gif) no-repeat left;
	width: 600px;
	height: 18px;
	border: none;

}
#CONTENTS h2 a {
	color: #fff;
	text-decoration: none;
	display: block;
}
#CONTENTS h2 a:visited {
	color: #fff;
	text-decoration: none;
}
#CONTENTS h2 a:hover,
#CONTENTS h2 a:active, /* for IE (Keyboard) */
#CONTENTS h2 a:focus { /* for Netscape (Keyboard) */
	color: #fff;
	text-decoration: none;
} 
#CONTENTS h3 {
	clear: both;
	font-size:14px;
	margin: 20px 0 10px 10px;
	padding: 5px 0 5px 20px;
	background: url(img-layout/sttl_bg.gif) no-repeat left;
	width: 600px;
	height: 18px;
	border-bottom: 1px solid #DFB484;
}
#CONTENTS h4 {
	font-size:12px;
	color: #333;
	background-color: #f2f2f2;
	margin: 20px 6px 0 6px;
	padding: 6px 0 6px 10px;
}
.page_contents:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}
/*--- IE ---*/
.page_contents {
	display:inline-block;
	background: url(img-layout/page_contents_bg.gif) repeat-y right;
	padding: 20px 17px 15px 17px;
	position: relative;
	}
/*MacIE \*/
* html .page_contents {height: 1em;}
.page_contents {display: block;}
/*  */
.page_contents02 {
	display:inline-block;
	background: url(img-layout/page_contents02_bg.gif) repeat-y right;
	padding: 20px 10px 15px 10px;
	}
.page_contents03 {
	background: url(img-layout/page_contents03_bg.gif) repeat-y right;
	padding: 15px 2px;
	}
.page_contents03in {
	background: url(img-layout/page_contents03in_bg.gif) repeat-y 10px;
	margin: 0;
	padding: 0 35px 25px 35px;
	}
.contents03in_top {
	background: url(img-layout/page_contents03in_top.gif) no-repeat 10px top;
	height: 8px;
	margin: 0 auto;
	}
.contents03in_top hr {
	display: none;
	}

/* コンテンツ区切り */
.break01 {
	background: url(img-layout/page_contents_btm.gif) no-repeat right top;
	height: 25px;
	width: 694px;
	}
.break02 {
	background: url(img-layout/page_contents02_btm.gif) no-repeat right top;
	height: 25px;
	width: 694px;
	}
.break03 {
	background: url(img-layout/page_contents03_btm.gif) no-repeat right top;
	height: 25px;
	width: 694px;
	}
.break03in {
	background: url(img-layout/page_contents03in_btm.gif) no-repeat 10px top;
	height: 25px;
	margin: 0 auto;
	}
.break01 hr,
.break02 hr,
.break03 hr,
.break03in hr {
	display: none;
	}
.pagetop {
	text-align: right;
	font-size: 11px;
	margin-top: 20px;
	padding: 0 0 0 15px;
	float: right;
	background: url(img-layout/pt_top.gif) no-repeat left center;
}
/*___________ 【CONTENTS】表設計 ___________ */
.main-table table {
	font-size: 12px;
	background-color: #fff;
	margin: 10px auto 10px auto;
	padding: 0;
}
.main-table tr,.main-table th,.main-table td {
	padding: 8px;
}
.main-table th {
	color: #FFFFFF;
	background-color: #999999;
	font-weight: bold;
	width: 100px;
}
.main-table td {
	background-color: #FBF7EC;
	text-align: left;
}
/*___________ 【SIDE】 ___________ */
#SIDE {
	width:203px;
	float:left;
	padding: 0;
	text-align: center;
}
#SIDE h2 {
	font-size:12px;
	color: #000000;
	line-height: 30px;
	margin: 10px 0 0 0;
	padding: 0;
}
#SIDE h3 {
	margin: 10px 0 5px 12px;
	}
#SIDE-MAP {
	padding: 10px 0 10px 10px;
	width: 175px;
	}
.side {
	background: url(img-layout/side_contents_bg.gif) no-repeat left bottom;
	margin: 0;
	padding: 0 0 10px 0;
}
.side p {
	font-size: 12px;
	margin: 0;
	padding: 10px 8px 8px 8px;
}
.side img {
	margin: 0 0 0 12px;
	text-align: center;
}
.side_bana {
	position: relative;
	text-align: center;
}
.side_toiawase {
	position: absolute;
	left: 8px;
	top: 168px;
}
.side_top {
	background: url(img-layout/side_contents_top.gif) no-repeat center top;
	margin: 10px 0 0 0;
	height: 8px;
	width: 203px;
}
.break03in {
	height: 25px;
	margin: 0 auto;
	}
.side_top hr {
	display: none;
	}
.side ul {
	font-size: 12px;
	margin: 0 0 0 10px;
	padding: 0;
	width: 164px;
}
.cat01 li {
	margin: 0;
	padding: 3px 0 3px 0;
}
.cat01 li a {
	color: #0066CC;
	text-decoration: none;
	display: block;
	padding: 3px 0 3px 20px;
	background:url(img-layout/li_arrow01.gif) no-repeat 2px center;
}
.cat01 li a:visited {
	color: #0066CC;
	text-decoration: none
}
.cat01 li a:hover,
.cat01 li a:active, 		/* for IE (Keyboard) */
.cat01 li a:focus {		/* for Netscape (Keyboard) */
	color: #0066CC;
	background-color: #ecf3ff;
	margin: 0;
	background-position: 4px center;
}
#SIDE .side .cat01 a {
	font-size: 12px;
	padding: 5px 0 3px 28px;
	background:url(img-layout/pt01.gif) no-repeat 2px 4px;
}
#SIDE .side .cat01 li a:hover,
#SIDE .side .cat01 li a:active, /* for IE (Keyboard) */
#SIDE .side .cat01 li a:focus { /* for Netscape (Keyboard) */
	color: #0066CC;
	background-color: #ecf3ff;
	margin: 0;
	background:url(img-layout/pt01_o.gif) no-repeat 4px 4px
} 
/*___________ 【FOOTER】 ___________ */
#F-MENU {
	margin: 5px 0 0 0;
	padding: 20px 20px 0px 20px;
	background: url(img-layout/bg_f-menu.jpg) repeat-x left top;
}
#F-MENU p {
	font-size: 12px;
	line-height: 140%;
	text-align: center;
	margin: 0;
	padding: 0;
}
#F-BANA {
	padding: 0 0 15px 0;
	position: relative;
	width: 694px;
	}
#F-BANA_BTN {
	position: absolute;
	top: 220px;
	left: 240px;
	}
#FOOTER {
	margin: 0;
	padding: 10px 0 10px 0;
	color: #333333;
	background: url(img-layout/foot_bg.jpg) repeat-x bottom;
	height: 32px;
}
#FOOTER p {
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
}
#FOOTER a {
	text-decoration: none;
}
#FOOTER a:visited {
	text-decoration: none;
}
#FOOTER a:hover,
#FOOTER a:active, 		/* for IE (Keyboard) */
#FOOTER a:focus {		/* for Netscape (Keyboard) */
	text-decoration: underline;
}
/*___________ 固定設定 ___________ */
/* ____ フロートボックス解除用。htmlでは<br class="clear" />で使用 ____ */
.clear {
	clear:both;
}
/* ____ テキスト設定 ____ */
em {
	font-style: normal;
	font-weight: bold;
}
.b {
	font-weight: bold;
}
.s {
	text-decoration: line-through;
}
.u {
	text-decoration: underline;
}
.f11 {
	font-size: 11px;
	line-height:130%;
}
.f12 {
	font-size: 12px;
	line-height:140%;
}
.f14 {
	font-size: 14px;
	line-height:140%;
}
.f16 {
	font-size: 16px;
	line-height:140%;
}
.f18 {
	font-size: 18px;
	line-height:140%;
}
.f24 {
	font-size: 24px;
	line-height:140%;
}
.txt-r {
	text-align: right;
}
.center {
	text-align: center;
}
.bg_yellow {
	background: #FFFF00;
	}
/* ____ 余白設定 ____ */
.ma20 {
	margin: 20px;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt80 {
	margin-top: 80px;
}
.ml5 {
	margin-left: 5px;
}
.ml10 {
	margin-left: 10px;
}
.ml20 {
	margin-left: 20px;
}
.mr20 {
	margin-right: 20px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.pt30 {
	padding-top: 30px;
}
.pt10 {
	padding-top: 10px;
}
.pt15 {
	padding-top: 15px;
}
.pl10 {
	padding-left: 10px;
}
/* ____ 画像設定 ____ */
img {
	border:0;
	vertical-align: top;
}
.flo-l {
	float: left;
	margin-right: 6px;
}
.flo-r {
	float: right;
	margin-left: 6px;
}
.img-m {
	vertical-align: middle;
}
/*___________ 【CONTENTS】チェックマーク ___________ */
.check {
	font-size: 14px;
	line-height: 140%;
	padding: 0 10px 0 10px;
}
.check li {
	background: url(img-layout/ico_check01.gif) no-repeat left 6px;
	padding: 4px 0 4px 22px;
}
/*___________ 【CONTENTS】ページ送り ___________ */
.bute {
	font-size: 12px;
	line-height: 120%;
	text-align: center;
}
.bute a {
	color: #0066CC;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	padding: 5px;
}
.bute a:hover,
.bute a:active, 		/* for IE (Keyboard) */
.bute a:focus {		/* for Netscape (Keyboard) */
	color: #FFFFFF;
	background-color: #0066CC;
	border: 1px solid #CCCCCC;
}
/*___________ 【CONTENTS】ブログリストページ ___________ */
#mt_page #cat_list h3 {
	background: url(img-layout/sttl_bg.gif) no-repeat left center;
	font-size:14px;
	margin: 10px 0 5px 0px;
	padding: 8px 0 8px 20px;
	height: 14px;
}
#mt_page #cat_list h3 a {
	text-decoration: none;
}
#mt_page ul li {
	padding: 5px 0 7px 0;
}
#mt_page ul li a {
	background: url(img-layout/pt02.gif) no-repeat left center;
	font-size: 13px;
	text-decoration: none;
	padding: 0 0 0 20px;
}
#mt_page ul li a:hover,
#mt_page ul li a:active,
#mt_page ul li a:focus {
	background: url(img-layout/pt02.gif) no-repeat 2px center;
}
#cat_list ul a {
	text-decoration: none;
}
/*___________ 【CONTENTS】トップページ ___________ */
#top_contents01 {
	margin: 0 0 20px -2px;
	width: 662px;
	position: relative;
	}
#top_toiawase {
	position: absolute;
	left: 257px;
	top: 217px;
}
#top_contents02 {
	margin: 0 -9px 20px 0;
	padding: 0;
	width: 669px;
	}
.top_voice:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}
/*--- IE ---*/
.top_voice {
	display:inline-block;
	padding: 5px 0 30px 0;
	clear: both;
	}
/*MacIE \*/
* html .top_voice {height: 1em;}
.top_voice {display: block;}
/*  */

.top_voice img {
	margin: 0;
	}
.top_voice_l {
	float: left;
	width: 310px;
	}
.top_map {
	position: absolute;
	right: 15px;
	top: 30px;
	}
.top_access {
	margin: 0 0 0 0;
	width: 209px;
	height: 435px;
	}
.top_access p {
	padding: 0 0 0 5px;
	}
.top_access_ttl {
	padding: 10px 0 10px 0;
	}
.read {
	float: right;
	padding: 10px 10px 0 0;
}
/*___________ 【CONTENTS】サイトマップ リンク___________ */
.sitemap ul,
.link ul{
	margin: 0 0 20px 30px;
}
.sitemap li{
	font-size: 12px;
	line-height: 120%;
	padding: 5px 0 5px 0;
}
.sitemap li a {
	background: url(img-layout/pt02.gif) no-repeat 2px center;
	text-decoration: none;
	padding: 0 0 0 15px;
}
.link a {
	padding: 0 0 0 45px;
}
.sitemap li a:hover,
.sitemap li a:active, 		/* for IE (Keyboard) */
.sitemap li a:focus {
	padding: 0 0 0 15px;
	background: url(img-layout/pt02.gif) no-repeat left center;
}
.link a:hover,
.link a:active, 		/* for IE (Keyboard) */
.link a:focus {
	padding: 0 0 0 45px;
}
.sitemap li a:visited {
	padding: 0 0 0 15px;
	text-decoration: none;
}
.link a:visited {
	padding: 0 0 0 45px;
}
.link p {
	margin: 2px 5px 0 25px;
	font-size: 13px;
}
.link_ttl {
	background: url(img-layout/pt02.gif) no-repeat left center;
	margin: 20px 0 0 10px;
	padding: 0 0 0 20px;
	font-weight: bold;
	font-size: 14px;
}
/*___________ 【CONTENTS】profile.html ___________ */
.profile table {
	width: 400px;
	text-align: left;
}
.profile {
	width: 400px;
}
/*___________ 【CONTENTS】company.html ___________ */
.staff:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}
/*--- IE ---*/
.staff {
	display:inline-block;
	border-bottom: 2px solid #C8E6E6;
	padding: 20px 0 0 10px;
	margin: 0 40px 0 20px;
	}
/*MacIE \*/
* html .staff {height: 1em;}
.staff {display: block;}
/*  */
.staff p {
	font-size: 12px;
	padding: 0 0 0 15px;
}
.staff_img{
	float: left;
	width: 130px;
	clear: both;
	margin: 0 0 10px 10px;
}
.staff_prof{
	float: left;
	width: 400px;
	margin: 0 0 0 10px;
	padding: 10px;
}
#staff ul li {
	float: left;
	margin : 5px 0 5px 30px;
}
#staff li a {
	font-size: 12px;
	padding: 5px 0 3px 28px;
	text-decoration: none;
	background:url(img-layout/pt01.gif) no-repeat 2px 4px;
}
#staff li a:hover,
#staff li a:active, /* for IE (Keyboard) */
#staff li a:focus { /* for Netscape (Keyboard) */
	color: #0066CC;
	background-color: #ecf3ff;
	margin: 0;
	background:url(img-layout/pt01_o.gif) no-repeat 4px 4px
} 

/*___________ 【CONTENTS】choice.html ___________ */
.choice_contents {
	padding: 10px 0 0 0px;
	}
.choicetab1 {
	width: 660px;
	height: 50px;
	background: url(img-layout/choicetab1.jpg) no-repeat;
	position: relative;
}
.choicetab1bt1 {
	position: absolute;
	left: 220px;
	top: 0px;
}
.choicetab1bt2 {
	position: absolute;
	left: 440px;
	top: 0px;
}
.choicetab2 {
	width: 660px;
	height: 50px;
	background: url(img-layout/choicetab2.jpg) no-repeat;
	position: relative;
}
.choicetab2bt1 {
	position: absolute;
	left: 0px;
	top: 0px;
}
.choicetab2bt2 {
	position: absolute;
	left: 440px;
	top: 0px;
}
.choicetab3 {
	width: 660px;
	height: 50px;
	background: url(img-layout/choicetab3.jpg) no-repeat;
	position: relative;
}
.choicetab3bt1 {
	position: absolute;
	left: 0px;
	top: 0px;
}
.choicetab3bt2 {
	position: absolute;
	left: 220px;
	top: 0px;
}
.extabbg {
	margin: 0;
	padding: 10px 0 10px 0;
	width: 660px;
}
.double {
	padding: 30px;
	margin-top: 0;
}
/*___________ 【CONTENTS】無料相談 ___________ */
#page_form {
	}
#page_form #form_nav li {
	float: left;
	vertical-align: top;
	padding-bottom: 50px;
	}
#page_form h3 {
	padding:0;
	background: none;
	height: auto;
	border: none;
	}
#CONTENTS #page_form h4 {
	font-size: 16px;
	padding:15px 0 10px 25px;
	background: none;
	height: auto;
	border: none;
	}
#CONTENTS #page_form h5 {
	font-size: 16px;
	padding: 0;
	margin: 0;
	}
#page_form .form_intro {
	width: 450px;
	}
#page_form .form_intro2 {
	width: 425px;
	}
#page_form .form_intro p,
#page_form .form_intro2 p {
	padding: 0 0 0 55px;
	margin: 0 0 1.2em;
	font-size: 13px;
	}
	
#page_form #fax_box {
	border: #666 solid 1px;
	padding: 10px;
	margin: 0 40px 40px 40px;
	overflow: hidden;
	zoom:1;
	}
#page_form #fax_box img {
	float: left;
	margin: 0 12px;
	}
#page_form #fax_box #fax_btn {
	font-size: 26px;
line-height: 1;
	font-weight: bold;
	}

#CONTENTS #page_form #mt_page {
	padding-left: 30px;
}
#page_form .freedial_icon {
	vertical-align: middle;
	margin: 2px 5px 2px 20px;
	}
#page_form #form_map {
	position: relative;
overflow:hidden;
zoom:1;
}
#page_form #form_map .top_access {
	padding: 20px 0 0 0;
}

/*___________ 【CONTENTS】network ___________ */
#F-NETWORK {
	padding: 0 20px 10px 20px;
	margin: 0 0 0 10px;
	border-top: 1px solid #B2B2B2;
	border-bottom: 1px solid #B2B2B2;
}
#F-NETWORK p {
	font-size: 12px;
}
#F-NETWORK dl {
	clear: both;
	font-size: 12px;
	padding: 0 10px;
	margin: 0 10px;
	overflow: hidden;
	_zoom: 1;
}
#F-NETWORK dt {
	float: left;
	width: 60px;
}
#F-NETWORK dd {
	float: left;
	border-left: 1px solid #666666;
	padding: 0 0 0 10px;
	margin: 2px 0;
}
/*___________ 【CONTENTS】mokuteki ___________ */
#mokuteki{
	padding: 0 10px;
}
.mokuteki_img {
	float: right;
	padding: 0 0 20px 20px;
}
/*___________ ブログ用・レスポンスデバイス ___________ */

.resp_block {
	clear:both;
	background:#FCF9E8 url(/img-layout/resp.gif) no-repeat left 3px;
	padding: 15px 10px 13px 110px;
	line-height: 2em;
	font-size: 14px;
	margin: 35px 10px 10px;
	min-height: 75px;
}
.resp_block strong {
	color: #076A33;
	font-size: 33px;
	padding-left:22px; 
	margin-left: 5px;
	background: url(img-layout/freedial_s.gif) no-repeat left center;
}
.resp_block a {
	font-weight: bold;
}