@charset "utf-8";
/*___________ 基本設定 ___________ */
body {
	margin: 0;
	padding: 0;
	text-align:center;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
	color: #333333;
	background: #fff/* url(img-layout/bg_body.gif) repeat-y center*/;
/*	background-color: #F3F3F3;*/
}
#WRAP {
	width:760px;
	margin:0 auto;
	color:  #333333;
}
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;
}
/* ____ テキストカラー ____ */
.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-weight: normal;
	margin:0;
	padding:0;
}
#TOP {
	width: 760px;
	height: 112px;
	padding: 7px 0 5px 0;
	background: url(img-layout/top_bg.gif) no-repeat right 7px;
}
#TOP1 {
	position: absolute;
	left: 494px;
	top: 0px;
}
#TOP2 {
	position: absolute;
	left: 556px;
	top: 0px;
}
#TOP3 {
	position: absolute;
	left: 684px;
	top: 0px;
}
#HEAD-IMG {
	padding: 0 0 0 0;
	clear: both;
	}

/*___________ 【MAIN】 ___________ */
#MAIN {
	width:760px;
	margin: 0 auto;
	padding-top: 20px;
}
#MAIN-PAD {
	text-align: center;
}
/*___________ 【CONTENTS】基本設計 ___________ */
#CONTENTS {
	width:693px;
	margin: 0 auto;
}
.pan {
	font-size:11px;
	color: #666666;
	background-color: #FFFFFF;
}
#CONTENTS h2 {
	padding: 21px 0 5px 33px;
	margin: 10px 0 0 0;

	font-size: 18px;
	font-weight: bold;

}
#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: 13px 0 160px 50px;
}
#CONTENTS #mt_page {
	padding: 0 10px 0 10px;
}
#CONTENTS #mt_page h2 {
	font-size:14px;
	background: url(img-layout/sttl_bg.gif) no-repeat 5px center;
	margin: 22px 0 5px 0;
	padding: 8px 0 8px 25px;
	height: 14px;
	color: #000000;
}
#CONTENTS #mt_page h3 {
	font-size:14px;
	background: url(img-layout/pt02_o.gif) no-repeat 5px center;
	margin: 5px 0 0 10px;
	padding: 5px 0 5px 30px;
	height: 14px;
	border-bottom: 1px solid #F19500;
}
#CONTENTS h2 a {
	color: #666666;
	text-decoration: none;
	display: block;
}
#CONTENTS h2 a:visited {
	color: #666666;
	text-decoration: none;
}
#CONTENTS h2 a:hover,
#CONTENTS h2 a:active, /* for IE (Keyboard) */
#CONTENTS h2 a:focus { /* for Netscape (Keyboard) */
	color: #CC0000;
	text-decoration: underline;
} 
#CONTENTS h3 {
	clear: both;
	font-size:14px;
	margin: 10px 0 10px 0;
	padding: 6px 0 5px 30px;
	background: url(img-layout/sttl_bg.gif) no-repeat left center;
	height: 18px;
}
#CONTENTS h4 {
	font-size:12px;
	color: #333333;
	background-color: #f2f2f2;
	margin: 5px 6px 0 6px;
	padding: 6px 0 6px 10px;
}
#CONTENTS h4#list_title {
	font-size:14px;
	border-bottom: #999 solid 1px;
	margin: 15px 6px;
}

.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: 15px 17px 15px 27px;
	margin: 0 auto;
	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;
	margin: 0 auto;
	}
.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: 693px;
	}
.break02 {
	background: url(img-layout/page_contents02_btm.gif) no-repeat right top;
	height: 25px;
	width: 693px;
	}
.break03 {
	background: url(img-layout/page_contents03_btm.gif) no-repeat right top;
	height: 25px;
	width: 693px;
	}
.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;
	margin-bottom: 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: #CCCCCC;
	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: normal;
}
.main-table td {
	background-color: #FFFFFF;
	text-align: left;
}
/*___________ 【SIDE】 ___________ */
#SIDE {
	width:200px;
	float:left;
	padding: 0;
	text-align: center;
}
#SIDE h2 {
	font-size:12px;
	color: #000000;
	line-height: 30px;
	margin: 0;
	padding: 0;
}
#SIDE img {
	margin: 0;
	padding: 0;
}
#SIDE h3 {
	margin: 10px 0 5px 5px;
	}
#SIDE-MAP {
	border-top: 1px solid #008FD7;
	padding: 10px 0 0 0;
	width: 175px;
	}
.side {
	background: url(img-layout/side_contents_bg.gif) repeat-y left bottom;
	margin: 0 0 30px 0;
	padding: 0 20px 10px 0;
}
.side_wrap {
	background: url(img-layout/side_contents_wrap.gif) no-repeat left bottom;
	padding: 0 0 50px 5px;
}
.side p {
	font-size: 12px;
	margin: 0;
	padding: 10px 8px 8px 10px;
}
.side_news {
	background: url(img-layout/side_news_bg.gif) no-repeat left bottom;
	margin: 0;
	padding: 0 0 25px 0;
}
.side_bana {
	padding: 0 0 10px 0;
}
.side_toiawase {
	position: absolute;
	left: 13px;
	top: 220px;
}
.side_top {
	background: url(img-layout/side_contents_top.gif) no-repeat center top;
	margin: 10px 0 0 0;
	height: 9px;
}
.break03in {
	height: 25px;
	margin: 0 auto;
	}
.side_top hr {
	display: none;
	}
.side ul {
	font-size: 12px;
	margin: 0;
	padding: 0;
}
.cat01 li {
	margin: 0;
	padding: 3px 12px 3px 0;
}
.cat01 li a:visited {
	color: #0066CC;
	text-decoration: none
}
#SIDE .cat01 a {
	color: #0066CC;
	text-decoration: none;
	display: block;
	font-size: 12px;
	padding: 3px 0 3px 28px;
	background:url(img-layout/pt01.gif) no-repeat 10px center;
}
#SIDE .cat01 li a:hover,
#SIDE .cat01 li a:active, /* for IE (Keyboard) */
#SIDE .cat01 li a:focus { /* for Netscape (Keyboard) */
	color: #0066CC;
	background-color: #ecf3ff;
	margin: 0;
	background:url(img-layout/pt01_o.gif) no-repeat 12px center;
} 
/*___________ 【FOOTER】 ___________ */
#F-MENU {
	margin: 15px 0 0 0;
	padding: 20px 20px 0px 20px;
	background: url(img-layout/bg_f-menu.jpg) repeat-x left top;
	border-top: 1px solid #666666;
}
#F-MENU p {
	font-size: 12px;
	line-height: 140%;
	text-align: center;
	margin: 0;
	padding: 0;
}
#F-BANA {
	background: url(img-layout/bg_f-menu.jpg) repeat-x left bottom;
	padding: 0 0 15px 0;
	}
#FOOTER {
	margin: 0 auto;
	padding: 10px 0 10px 0;
	color: #3f3C3C;
	background-color: #FFF0DC;
	height: 32px;
	width: 700px;
}
#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/pt01.gif) no-repeat left center;
	font-size:14px;
	margin: 10px 20px 5px 15px;
	padding: 4px 0 4px 20px;
	height: 14px;
	border-bottom: 1px solid #FF6700;
}
#mt_page #cat_list h3 a {
	text-decoration: none;
}
#mt_page ul li {
	padding: 5px 0 7px 10px;
}
#mt_page ul li a {
	background: url(img-layout/pt02.gif) no-repeat left center;
	font-size: 14px;
	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_o.gif) no-repeat left center;
}
#cat_list ul a {
	text-decoration: none;
}

#mt_page dl {
	clear: both;
	margin: 0 0 0 40px;
	font-size: 13px;
	overflow: hidden;
	_zoom: 1;
}
#mt_page dt {
	float:left;
	width: 90px;
	background-color: #eeeeee;
	margin: 1px;
	padding: 10px;
	border-bottom: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
}
#mt_page dd {
	float:left;
	width: 410px;
	background-color: #FFF0DC;
	margin: 1px;
	padding: 10px;
	border-bottom: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
}

/*___________ 【CONTENTS】トップページ ___________ */
#toprro {
	margin: 10px 0 0 0;
}
#toprro h2 {
	background: none;
	padding: 0;
	margin: 0;
}
#toprro p {
	padding: 0 0 5px 60px;
	margin: 0;
	line-height: 1.6em;
}
.toprro_ttl {
	width: 260px;
	margin: 0 0 -15px 0;
	padding: 5px 0 0 0;
}
.toprro_img {
	float: right;
	padding: 13px 0 0 0;
	height: 203px;
}
.toprro_contents {
	background: url(img-layout/toppro_contents_bg.gif) repeat-y center;
	padding: 0 50px 0 50px;
}
.toprro_break {
	clear: both;
	background: url(img-layout/toppro_contents_btm.gif) no-repeat center top;
	height: 58px;
}
.toprro_break hr {
	display: none;
}

#top_map {
	width: 268px;
	float: left;
	}
#top_maparea {
	float: left;
	width: 381px;
	}
#top_maparea dl {
	clear: both;
	margin: 0;
	}
#top_maparea dl dt {
	float: left;
	width: 86px;
	padding: 0 10px;
	}
#top_maparea dl dd {
	float: left;
	width: 275px;
	margin: 0 0 10px 0;
	font-size: 12px;
	line-height: 1.5em;
	}

#top_nagare p {
	font-size: 12px;
	padding: 5px 10px 5px 0;
	line-height: 1.5em;
}
.top_nagare_step {
	float: left;
	width: 161px;
}

.top_voice:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}
/*--- IE ---*/
.top_voice {
	display:inline-block;
	padding: 20px 20px 10px 20px;
	clear: both;
	border-bottom: 1px solid #666666;
	}
/*MacIE \*/
* html .top_voice {height: 1em;}
.top_voice {display: block;}
/*  */

.top_voice img {
	margin: 0;
	}
.top_voice_r {
	float: right;
	width: 380px;
	}
.top_voice_r p {
	padding: 15px 0 0 0;
	font-size: 14px;
}
.voice_name {
	clear: both;
	border-bottom: 1px solid #666666;
	padding: 5px 0 0 5px;
	font-size: 14px;
}
.voice_comname {
	clear: both;
	border-bottom: 1px solid #666666;
	text-align: right;
	padding: 10px 10px 0 0;
	font-size: 16px;
}
.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;
}
.link li{
	font-size: 12px;
	line-height: 120%;
	padding: 10px 0 10px 0;
}
.link ul p {
	font-size: 12px;
	padding: 0 0 15px 15px;
} 
.sitemap li a,
.link li a {
	background: url(img-layout/pt02.gif) no-repeat left center;
	text-decoration: none;
	padding: 0 0 0 15px;
}
.sitemap li a:hover,
.sitemap li a:active, 		/* for IE (Keyboard) */
.sitemap li a:focus,
.link li a:hover,
.link li a:active, 		/* for IE (Keyboard) */
.link li a:focus {
	padding: 0 0 0 15px;
	background: url(img-layout/pt02_o.gif) no-repeat left center;
}
.sitemap li a:visited,
.link li a:visited {
	padding: 0 0 0 15px;
	text-decoration: none;
}
/*___________ 【CONTENTS】profile.html ___________ */
.profile table {
	width: 400px;
	text-align: left;
}
.profile {
	width: 400px;
}

/*___________ 【CONTENTS】choice.html ___________ */
.choice_contents {
	padding: 10px 0 0 0px;
	}
.choicetab1 {
	width: 645px;
	height: 115px;
	background: url(img-layout/choicetab1.gif) no-repeat;
	position: relative;
}
.choicetab1bt1 {
	position: absolute;
	left: 215px;
	top: 0px;
}
.choicetab1bt2 {
	position: absolute;
	left: 430px;
	top: 0px;
}
.choicetab2 {
	width: 645px;
	height: 115px;
	background: url(img-layout/choicetab2.gif) no-repeat;
	position: relative;
}
.choicetab2bt1 {
	position: absolute;
	left: 0px;
	top: 0px;
}
.choicetab2bt2 {
	position: absolute;
	left: 430px;
	top: 0px;
}
.choicetab3 {
	width: 645px;
	height: 115px;
	background: url(img-layout/choicetab3.gif) no-repeat;
	position: relative;
}
.choicetab3bt1 {
	position: absolute;
	left: 0px;
	top: 0px;
}
.choicetab3bt2 {
	position: absolute;
	left: 215px;
	top: 0px;
}
.extabbg {
	margin: 0;
	padding: 10px 0 10px 0;
	width: 645px;
}
.double {
	padding: 30px;
	margin-top: 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】無料相談 ___________ */
#page_form {
	background: url(img-layout/page_contents_wh.gif) repeat-y right;	
	margin: 0 auto;
	}
#page_form #form_nav li {
	float: left;
	vertical-align: top;
	padding-bottom: 50px;
	}
#page_form h3 {
	padding:0;
	background: none;
	height: auto;
	}
#CONTENTS #page_form h4 {
	font-size: 16px;
	padding:15px 0 10px 25px;
	background: none;
	height: auto;
	}
#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: 40px;
	overflow: hidden;
	zoom:1;
	}
#page_form #fax_box img {
	float: left;
	margin-left: 12px;
	}

#CONTENTS #page_form #mt_page {
	padding-left: 30px;
}
#page_form .freedial_icon {
	vertical-align: middle;
	margin: 2px 5px 2px 20px;
	}

/*___________ 【CONTENTS】チェックthe 相談事例 ___________ */
#mt_page #page_check img {
	float: right;
	margin: 0 0 30px 10px;
	clear: both;
}