@charset "utf-8";

/**********************************************************************/
/*----------------------------- ヘッダー -----------------------------*/
/**********************************************************************/
#header{
	height:162px;
	background:url("../img/header/header_bg.gif") repeat-x;
	}
.header_area{
	width:960px;
	height:115px;
	margin: 0 auto 0;
}
.head_conte {
    width: 950px;
    height: 82px;
	background:url("../img/header/tell.gif") no-repeat right center;
	padding-top: 4px;
}
#header .logo {
	width:343px;
	height:75px;
	float: left;
	}
.header_text {
    width: auto;
    height: 20px;
	color: #666;
	padding: 3px 0 0 10px;
	font-size: 12px;
}
.head_menu a:link {
	padding-left: 10px;
}

/**************************************************************************/
/*----------------------------- コンテンツ枠 -----------------------------*/
/**************************************************************************/
/*======== コンテンツ全体枠 ========*/
#wrapper {
	width: 984px;
	height:auto;
	margin: 0 auto 0;
	padding-top: 5px;
}

/*======== コンテンツ左枠 ========*/
#primary {
	width: 665px;
	float: left;
	margin: 10px 0 25px 10px;
}

/*======== コンテンツ右枠 ========*/
#secondary{
	float:right;
	width:280px;
	height:auto;
	margin: 8px 10px 5px 0;
}

/* 担当者エリア */
.conte_yoshida {
    width: 280px;
    height: 268px;
    margin: 0px 0 20px;
	background: url("../img/secondary/yoshida_area.jpg") no-repeat;
	position: relative;
}
.yoshida_text {
    width: 150px;
    height: 135px;
    font-size: 12px;
	position:absolute;
	top: 70px;
	right: 17px;
	line-height: 1.4em;
}
.yoshida_btn {
    width: 249px;
    height: 39px;
    position: absolute;
	left: 15px;
    bottom: 39px;
}

/* サイドバナー */
.linkbnr {
	margin-bottom: 10px;
}

/**********************************************************************/
/*----------------------------- パンくず -----------------------------*/
/**********************************************************************/
.pankuzu {
	width: auto;
    height: 27px;
    margin: 0px auto 5px;
    background: url("../img/common/pan.gif") repeat-x;
    color: #fff;
	padding-left: 13px;
}
.pankuzu a {
    color: #fff;
	text-decoration:underline;
}
.pankuzu a:link {
    color: #fff;
	text-decoration:underline;
}
.pankuzu a:visited {
    color: #fff;
	text-decoration:underline;
}
.pankuzu a:hover {
    color: #ccc;
	text-decoration:underline;
}
.pan_txt {
	width: 984px;
    color: #fff;
	margin: 0 auto;
	padding-top: 3px;
}

/**********************************************************************/
/*----------------------------- メニュー -----------------------------*/
/**********************************************************************/
#navigation {
	width:960px;
	height:52px;
	padding-top: 1px;
}
#navigation ul {
	list-style: none;
	margin: 0 auto 0;
}
#navigation li {
	float: left;
}
#navigation li a {
	display: block;
	width:192px;
	height: 52px;
	text-decoration: none;
	text-align: center;
}

/* ナビ内の設定(デフォルトメニュー画像の個別指定) */
#m-top a {background:  url("../img/header/top_bt.png") no-repeat;}
#m-corp a {background: url("../img/header/corp_bt.png") no-repeat;}
#m-select a {background:url("../img/header/select_bt.png") no-repeat;}
#m-kiso a {background:url("../img/header/kiso_bt.png") no-repeat;}
#m-use a {background:url("../img/header/use_bt.png") no-repeat;}
/* ナビ内の設定(メニュー画像のマウスオーバー個別指定) */
#m-top a:hover {background:url("../img/header/top_ov.png") no-repeat;}
#m-corp a:hover {background:url("../img/header/corp_ov.png") no-repeat;}
#m-select a:hover {background:url("../img/header/select_ov.png") no-repeat;}
#m-kiso a:hover {background:url("../img/header/kiso_ov.png") no-repeat;}
#m-use a:hover {background:url("../img/header/use_ov.png") no-repeat;}
/* ナビ内の設定(表示ページのメニュー画像の個別指定) */
#top #navigation #m-top a {background:url("../img/header/top_on.png") no-repeat;}
#corp #navigation #m-corp a {background:url("../img/header/corp_on.png") no-repeat;}
#select #navigation #m-select a {background:url("../img/header/select_on.png") no-repeat;}
#kiso #navigation #m-kiso a {background:url("../img/header/kiso_on.png") no-repeat;}
#use #navigation #m-use a {background:url("../img/header/use_on.png") no-repeat;}

/**********************************************************************************/
/*----------------------------- 左コンテンツ内容共通 -----------------------------*/
/**********************************************************************************/
/*======== メイン画像 ========*/
.sub_mainconte_mid {
	width: auto;
    height: 140px;
    margin: 0 auto;
	background: #FFFBF8 url("../img/top/top_main_bg.gif") repeat-x bottom center;
}
.sub_mainconte_box {
	width: 950px;
    height: 90px;
	margin: 0 auto;
}
/*======== コンテンツ枠 ========*/
.conte_top {
    width: 660px;
	height: 41px;
    margin: 0 auto;
}
.common_conte_top {
    background: url("../img/common/common_conte_top.gif") no-repeat;
    color: #666;
    font-size: 18px;
    font-weight: bold;
    height: 32px;
    margin: 0 auto;
    padding: 13px 0 0 55px;
    width: 605px;
}
.conte_mid {
    width: 660px;
    background: url("../img/common/conte_mid.gif") repeat-y;
    height: auto;
    margin: 0 auto;
}
.common_conte_mid {
    width: 660px;
    background: url("../img/common/common_conte_mid.gif") repeat-y;
    height: auto;
    margin: 0 auto;
}
.conte_btm {
    width: 660px;
	height: 5px;
    margin: 0 auto 10px;
}
.common_conte_btm {
    width: 660px;
	height: 10px;
    margin: 0 auto 10px;
}
.common_conte_txt {
    width: 625px;
    height: auto;
    margin: 0 auto;
    padding: 8px 0 15px 0;
	line-height:1.3em;
}

/* h2使い分け指定 */
.top_h2 {
	color:#242b47;
    font-size: 16px;
	font-weight:bold;
	margin: 8px 0;
}
.sub_h2 {
	width: 940px;
	color: #242b47;
    font-size: 18px;
	margin-left: 20px;
	padding-top: 10px;
}
/* さらに揃え幅開け用 */
.conte {
    height: auto;
    width: 665px;
	margin: 0 auto 20px;
}

/*======== ジャンプボタン ========*/
.go_top {
    width: 170px;
	height: 33px;
	position:absolute;
	right: 15px;
	bottom: 13px;
}

/*======== ミニソート ========*/
.sub_select_area {
    background: url("../img/sub/sub_selectarea.jpg") no-repeat;
    width: 650px;
    height: 170px;
    margin: 30px auto 30px;
	position:relative;
}
.sub_select_area li.main_select {
	position: absolute;
	left: 50px;
    bottom: 20px;
}
.sub_select_area li select {
    font-size: 16px;
    width: 210px;
}
.sub_go_seikyu {
    width: 143px;
    height: 58px;
	position: absolute;
	right: 220px;
    bottom: 10px;
}
/**************************************************************************/
/*----------------------------- トップページ -----------------------------*/
/**************************************************************************/
/*======== メイン画像 ========*/
.top_mainconte_mid {
    height: 361px;
    margin: 0 auto 0;
	background: #FFFBF8 url("../img/top/top_main_bg.gif") repeat-x bottom center;
}
.top_sortbox {
	width: 960px;
    height: 361px;
	position: relative;
    margin: 0 auto 0;
	background: url("../img/top/top_main_img.jpg") no-repeat top center;
}
.top_sorttxt {
	width: 435px;
    height: 190px;
	position: absolute;
	top: 30px;
    right: 0px;
}
.top_sorttxt p{
	font-size: 17px;
	color: #3b4b6a;
}
.go_seikyu {
    height: 88px;
    width: 355px;
	position: absolute;
	right: 60px;
    bottom: 25px;
}
/*======== 業者バナー一覧 ========*/
.top_corp_area {
    width: 655px;
    height: auto;
	margin: 0 auto;
	padding-top: 8px;
}
.top_corp_tbl {
    border: medium none;
	padding: 5px 0 0 9px;
}
/*ie7*/
*+html .top_corp_tbl {
    border: medium none;
	padding: 5px 0 0 23px;
}
.top_corp_tbl li {
    float: left;
    padding: 0 0 8px 8px;
}
/*ie7*/
*+html .top_corp_tbl li {
    float: left;
    padding: 0 0 3px 5px;
}
.go_btn {
    width: 636px;
	height: 70px;
	margin: 10px auto 0;
}
/*======== 業者バナー一覧 ========*/
.kiso_area {
    width: 650px;
    height: 330px;
	margin: 0 auto;
	position:relative;
}
.top_kiso_bg1 {
	width: 247px;
	height: 246px;
	position:absolute;
	bottom: 0px;
	right: 3px;
}
.top_kiso_txt1 {
	width: 625px;
	height: auto;
	position:absolute;
	top: 10px;
	left: 10px;
}

/*======== お問い合わせの流れ ========*/
.flow_area {
    width: 628px;
    height: 235px;
    background: url("../img/top/use.jpg") no-repeat;
	margin: 0 auto;
	position:relative;
	top: 8px;
}
.flow_area p {
	font-size:12px;
	line-height:1.5em;
}
.step1{
	width: 140px;
	height: 75px;
	position:absolute;
	bottom: 2px;
	left: 3px;
}
.step2{
	width:123px;
	height: 75px;
	position:absolute;
	bottom: 2px;
	left:178px;
}
.step3{
	width:123px;
	height: 75px;
	position:absolute;
	bottom: 2px;
	right:173px;
}
.step4{
	width: 140px;
	height: 75px;
	position: absolute;
	bottom: 2px;
	right: 0px;
}
/**********************************************************************/
/*----------------------------- 業者一覧 -----------------------------*/
/**********************************************************************/
.corp_float_box {
    height: auto;
    width: 640px;
	margin: 0 auto;
	padding-bottom: 10px;
}
/* 左側指定 */
.corp_fl_le {
    width: 166px;
    height: auto;
    float: left;
	padding-bottom: 10px;
}
.logo_img {
	margin: 10px 0 0 35px;
}
.details_img {
	margin: 10px 0 0 25px;
}
/* 右側指定 */
.corp_fl_ri {
    width: 455px;
    float: right;
	margin: 10px 10px 0 0;
}
.details {
	margin: 7px 0;
	line-height: 1.4em;
	font-size:12px;
}
/* 区切り線 */
.line {
    width: 645px;
    height: 5px;
	margin: 0 auto;
	padding: 10px 0;
}

/*======== 業者一覧	(詳細) ========*/
.logo_img2 {
	margin: 10px 0 0 10px;
}


/**********************************************************************/
/*----------------------------- 基礎知識 -----------------------------*/
/**********************************************************************/
.kind_set{
	width:610px;
	height:auto;
	padding: 20px 0;
	margin: 0 auto;
}
.syurui{
	width:602px;
	height:104px;
	position:relative;
	margin:15px auto 0 auto;
}
.img {
    height: 104px;
    left: 0;
    position: absolute;
    top: 0;
    width: 103px;
}
.text {
    border: 1px solid #B7B7B7;
    height: 90px;
    line-height: 1.4em;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0;
    width: 479px;
}
.name {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6em;
}
/******************************************************************************/
/*----------------------------- 当サイトの使い方 -----------------------------*/
/******************************************************************************/
.cnt_text {
    line-height: 1.8em;
    margin: 0 auto;
	padding: 20px 0;
	width: 600px;
}
.step{
	width:600px;
	height:149px;
	margin:0 0 15px 0;
}
.step_name{
	font-size:14px;
	font-weight:bold;
	line-height:1.4em;
	letter-spacing:0.1em;
}
.step_img{
	width:153px;
	height:149px;
	float:left;
}
.step_text{
	width:432px;
	float:right;
	line-height:2em;
}
.use_line{
	width:415px;
	height:5px;
}
/*IE6*/
* html .use_line{
	height:0;
	font-size:0;
}
/*IE7*/
*+html .use_line{
	height:0;
	font-size:0;
}

/************************************************************************/
/*----------------------------- その他下層 -----------------------------*/
/************************************************************************/
/*======== サイトマップ ========*/
.sitemap {
    background: url("../img/sub/sitemap_p_img.gif") no-repeat left center;
    font-size: 16px;
    font-weight: bold;
    height: 23px;
    padding: 5px 0 0 40px;
	margin: 0 0 8px 10px;
}
.map {
    margin-left: 30px;
    padding: 2px 0;
}
.map_corp {
    background: url("../img/common/list_mark.gif") no-repeat left center;
    height: 22px;
    margin: 3px 0 0 70px;
    padding: 6px 0 0 20px;
}

/*======== 個人情報保護ポリシー ========*/
.common_conte_txt ol {
	width: 590px;
    font-size: 13px;
    margin: 0px 0 0 30px;
}
.policy_address {
    margin: 5px 0 0 25px;
}

/*======== 会社概要 ========*/
table.manage_tbl {
    width: 530px;
    height: auto;
    border: 1px solid #343434;
    margin: 15px auto;
}
table.manage_tbl th {
	background-color: #e2f3bf;
    border: 1px solid #343434;
    font-size: 13px;
    height: auto;
    padding: 10px 0;
    width: 160px;
	text-align:center;
}
table.manage_tbl td {
    border: 1px solid #343434;
    font-size: 13px;
    height: auto;
    padding: 10px 0 10px 10px;
    width: 370px;
}
table.manage_tbl td ul {padding-left: 10px;}
table.manage_tbl td li {padding-bottom: 5px;}

/*======== よくある質問 ========*/
.faq_ul {
    margin: 25px 0 0 20px;
}
.q_area {
	font-size:16px;
	font-weight:bold;
	height: 30px;
    background: url("../img/sub/q.gif") no-repeat left center;
	padding: 8px 0 0 40px;
}
.a_area {
    background: url("../img/sub/a.gif") no-repeat left top;
	margin-top: 10px;
	padding: 0 0 15px 40px;
}
#q_list {
    margin: 15px auto 15px 30px;
}
#q_list li {
    background: url("../img/common/list_mark.gif") no-repeat left center;
    height: 12px;
    margin: 0 0 12px;
	padding-left: 15px;
}
/*======== 電話お問い合わせ ========*/
.tell_img{
	width:128px;
	height:158px;
	float:left;
	margin:15px;
}
#tell_right{
	float:right;
	width:450px;
}
.tell_text{
	margin:15px 0 0 0;
	line-height:1.8em;
	font-size: 12px;
}
.tell_no{
	width:483px;
	height:204px;
	margin:0 auto 0 auto;
}
.tell_intro{
	font-weight:normal;
	font-size:12px;
}



/************************************************************************/
/*----------------------------- フォーム -----------------------------*/
/************************************************************************/
/*======== 枠 ========*/
#primary2 {
	width: 936px;
	margin: 0 auto 0;
	padding-top: 5px;
}
.form_conte_top {
    width: 936px;
	height: 45px;
    margin: 0 auto;
}
.form_conte_mid {
    width: 936px;
    background: url("../img/form/form_conte_mid.gif") repeat-y;
    height: auto;
    margin: 0 auto;
}
.form_conte_btm {
    width: 936px;
	height: 10px;
    margin: 0 auto 10px;
}
.form_conte_txt {
    width: 820px;
    height: auto;
    margin: 0 auto;
    padding: 8px 0 15px 0;
	line-height:1.3em;
}

/*======== お問い合わせと掲載 ========*/
table.keisai_tbl {
    border: 1px solid #343434;
    height: auto;
    margin: 0 auto 15px;
    width: 700px;
}
table.keisai_tbl td {
    border: 1px solid #343434;
    font-size: 13px;
    height: auto;
    padding: 15px;
    width: 350px;
}
table.keisai_tbl th {
	background-color:#E2F3BF;
    background-repeat: repeat;
    border: 1px solid #343434;
    font-size: 13px;
    height: auto;
    padding: 5px 0;
    width: 160px;
	text-align:center;
}
element.style {
    width: 180px;
}

table.keisai_tbl textarea {
    width: 350px;
}

.submit_area {
    width: 480px;
    height: 70px;
    margin: 20px auto 0;
	text-align:center;
	padding-bottom: 15px;
}
.err_red {
    background-color: #FF5454;
}

/*======== 一括フォーム ========*/
#wrapper p#kensu{
	margin-left: 40px;
	padding-top: 20px;
	font-size:20px;
	font-weight: bold;
}
#wrapper p#kensu span{
  font-size:20px;
  font-weight: bold;
}
#sort{
  margin:10px auto 40px;
  width:800px;
}
#sort ul{
  padding: 10px 0;
  margin:0px;
}

#sort ul li{
  list-style-type:none;
  float:left;
  width:400px;
}
#sort ul li table{
  border: 1px solid #9e9e9e;
  height: 115px;
}
#sort ul li table td.td_1{
  background-color: #E2F3BF;
  width:438px;
  height:22px;
  padding-left:10px;
  text-align:left;
  border-bottom: 1px solid #9e9e9e;
  }

#sort ul li table td.td_1 span{
  font-size:12px;
  font-weight: bold;
  padding-left:6px;
  text-align:left;
  }

#sort ul li table td.td_2{
  height:60px;
  padding:5px 0 0 5px;
  }
#sort ul li table td.td_3{
  font-size:9px;
  padding:4px 6px;
}
#sort2{
  margin:0px auto 40px;
  padding-top:30px;
  width:800px;
}
#sort2 table{
  width:800px;
  border: 1px solid #9e9e9e;
}
#sort2 table th{
  padding:10px;
  width:300px;
  height:50px;
  font-size:16px;
  line-height: 30px;
  background-color: #E2F3BF;
  }
#sort2 table td{
  width:438px;
  height:30px;
  padding-left:10px;
  text-align:left;
  }
#sort2 ul{
  padding: 10px 0;
  margin:0px;
}
#sort2 ul li{
  font-size:18px;
  list-style-type:none;
  float:left;
  width:400px;
}
#sort3{
  margin:0px auto 40px;
  padding-top:30px;
  width:800px;
}
#sort3 p{
	font-size:15px;
	line-height:24px;
}
#sort3 p span{
	font-size:16px;
  color:#d20000;
  font-weight: bold;
}
#contentTable,#userTable{
  margin:40px auto 40px;
  width:800px;
}
#contentTable table,#userTable table{
  width:800px;
  border: 1px solid #9e9e9e;
}
#userTable table th{
  padding:10px;
  width:285px;
  height:50px;
  font-size:18px;
  background-color: #E2F3BF;
}
#contentTable table th{
  padding: 10px;
  width: 285px;
  height: 50px;
  font-size: 18px;
  background-color: #E2F3BF;
}
#contentTable table th span,#userTable table th span{
  font-size:14px;
  color:#d20000;
  font-weight: bold;
}
#contentTable table td,#userTable table td{
  font-size:16px;
  padding:10px;
  height:50px;
  font-size:18px;
  border: 1px solid #9e9e9e;
}
#contentTable table td.td2 {
    font-size: 14px;
    width: 140px;
}
#contentTable table td.err_red,#userTable table td.err_red{
  border: 1px solid ##FF5454;
  background-color: #FF5454;
  color:#fff;
  font-size:16px;
  font-weight: bold;
}
#contentTable table td select,#userTable table td select{
  width:300px;
  padding: 3px;
}
#contentTable table td select,#contentTable table td select option,#userTable table td select,#userTable table td select option{
  font-size:16px;
}
#userTable table td input{
  width:300px;
  font-size:16px;
}
#userTable #submit {
    width: 290px;
    height: 75px;
    margin: 40px auto 0;
}
#userTable #submit2 {
    width: 600px;
    height: 75px;
    margin: 40px auto 0;
}
#contentTable table td textarea {
    width: 400px;
	font-size: 14px;
}
#contentTable table .text_busiphone textarea {
	width:120px;
	height: 45px;
	font-size:18px;
 }
.blue_12 {
	color: #06C;
	font-size:13px;
}
.media_busiphone {
	font-size:18px;
}
.green_form {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.green_form2 {
    color: #CC0000;
    font-size: 13px;
    font-weight: bold;
}
.seikyu_err {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}
/*======== SSL ========*/
.ssl {
    width: 650px;
    height: 90px;
	background-color: #fff;
    border: 1px solid #23283E;
    margin: 0 auto 0;
    padding: 5px;
}
.ssl_l {
    float: left;
	padding: 15px 0 0 10px;
}
.ssl_r {
    width: 480px;
	float: right;
    font-size: 12px;
	line-height: 1.5em;
}

/******************************************************************************/
/*-------------------- 掲載業者や文字装飾、特殊レイアウト --------------------*/
/******************************************************************************/
.set { padding-top:18px; text-align:center;	margin: 0px auto;}
.pos_flbox {
	width: 595px;
	height: auto;
	margin: 10px auto 0px;
	padding-bottom:20px;
	}
.pos_fl_left28 {
	width: 240px;
	height: auto;
	float: left;
	padding: 25px 0 0 25px;
	}
.pos_fl_right28 {
	width: 300px;
	height: auto;
	float: left;
	}
.mark {
    color: #014E76;
    font-weight: bold;
	font-size:13px;
	line-height: 1.2em;
	padding-bottom:10px;
}
.bold {
    color: #000;
    font-weight: bold;
	font-size:14px;
}
.big_red {
    color: #d00909;
    font-weight: bold;
}
.black {
    color: #000;
    font-weight: bold;
	font-size:13px;
}
.red {
    color: #f00;
}
.blue {
    color: #00f;
}
.green {
    color: #228B22;
    font-size: 14px;
}
.big_blue {
    color: #06C;
    font-size: 14px;
    font-weight: bold;
}
.link {
    color: #00f;
    text-decoration-line: underline;
}
.center {
	margin: 10px auto 0;
	text-align:center;
}
.corpCenter {
	text-align:center;
}
.p_ex {
	margin: 20px 0 20px 0;
}
.p_txt {
	padding: 5px 0;
}
sup {
	font-size:7px;
}
.spacing {
	margin-bottom: 10px;
}
/*======== その他 ========*/
.form_pan {
  margin: 0px auto 15px;
  text-align: center;
}