@charset "utf-8";

/**********************************************************************/
/*----------------------------- ヘッダー -----------------------------*/
/**********************************************************************/
#header {
	width: auto;
	height: 310px;
}
#top #header {
	background:url("../img/header/top_header_bg.png") repeat-x top center;
	height: 546px;
}
#top #header .top_header_area {
	width: 1495px;
	height: 395px;
	background:url("../img/top/top_main_img.jpg") no-repeat top center;
	position:absolute;
	right: -244px;
	top: 150px;
	z-index: 1;
}
.medal {
    width: 120px;
    height: 150px;
    position: absolute;
    right: 180px;
    top: -12px;
}
#form #header {
	background:url("../img/header/kiso_header_bg.png") repeat-x top center;
	height: 265px;
}
#form #header .form_header_area {
	width: 980px;
	height: 150px;
	background:url("../seikyu/img/form/form_header_area.jpg") no-repeat top center;
	position:absolute;
	left: 0px;
	top: 89px;
}
.form_header_area .appflow {
	width: 705px;
	height: 55px;
	position:absolute;
	left: 175px;
	top: 8px;
}

#corp #header {
	background:url("../img/header/corp_header_bg.png") repeat-x top center;
}
#corp #header .corp_header_area {
	width: 980px;
	height: 150px;
	background:url("../img/header/corp_header_area.png") no-repeat top center;
	position:absolute;
	left: 0px;
	top: 158px;
}
.corp_header_area h2 {
	font-size: 14px;
	color: #f48328;
	font-weight:bold;
	position:absolute;
	left: 125px;
	top: 72px;
}
#select #header {
	background:url("../img/header/select_header_bg.png") repeat-x top center;
}
#select #header .select_header_area {
	width: 980px;
	height: 150px;
	background:url("../img/header/select_header_area.png") no-repeat top center;
	position:absolute;
	left: 0px;
	top: 158px;
}
.select_header_area h2 {
	font-size: 14px;
	color: #E96D6D;
	font-weight:bold;
	position:absolute;
	left: 125px;
	top: 72px;
}
#kiso #header {
	background:url("../img/header/kiso_header_bg.png") repeat-x top center;
}
#kiso #header .kiso_header_area {
	width: 980px;
	height: 150px;
	background:url("../img/header/kiso_header_area.png") no-repeat top center;
	position:absolute;
	left: 0px;
	top: 158px;
}
.kiso_header_area h2 {
	font-size: 14px;
	color: #02ADF3;
	font-weight:bold;
	position:absolute;
	left: 125px;
	top: 72px;
}
#use #header {
	background:url("../img/header/use_header_bg.png") repeat-x top center;
}
#use #header .use_header_area {
	width: 980px;
	height: 150px;
	background:url("../img/header/use_header_area.png") no-repeat top center;
	position:absolute;
	left: 0px;
	top: 158px;
}
.use_header_area h2 {
	font-size: 14px;
	color: #8E8E8E;
	font-weight:bold;
	position:absolute;
	left: 125px;
	top: 72px;
}
#sub #header {
	background:url("../img/header/sub_header_bg.png") repeat-x top center;
}
#sub #header .sub_header_area {
	width: 980px;
	height: 150px;
	background:url("../img/header/sub_header_area.png") no-repeat top center;
	position:absolute;
	left: 0px;
	top: 158px;
}
.sub_header_area h2 {
	font-size: 14px;
	color: #5BB254;
	font-weight:bold;
	position:absolute;
	left: 125px;
	top: 72px;
}

.header_area {
	width: 985px;
	height: 150px;
	margin: 0 auto;
	position: relative;
}
.head_conte {
    width: 985px;
    height: 78px;
	background:url("../img/header/tell.gif") no-repeat right bottom;
	position: relative;
}
#header .logo {
	width: 270px;
	height: 55px;
	position:absolute;
	left: 0px;
	bottom: 0px;
}
h1 {
    width: auto;
	font-size: 11px;
	color: #fff;
	font-weight:bold;
	position:absolute;
	left: 35px;
	top: 0px;
	margin:0;
	padding:0;
	border:none;
	font-style:normal;
	text-align:left;
}
.head_menu a:link {
	padding-left: 10px;
}

/********************************************************************************/
/*----------------------------- 上いけ＋メッセージ -----------------------------*/
/********************************************************************************/
#back-top {
    bottom: 80px;
    position: fixed;
    right: 0;
	display: block;
	z-index: 2;
}

ul.marquee {
    display: block;
    margin-bottom: 5px;
	padding:0;
    list-style: none;
    line-height: 1;
    position: relative;
    overflow: hidden;
    /* optional */
    width: 835px;
    height: 26px;
    background-color: #fff;
    border: 2px solid #08084d;
}
ul.marquee li {
    margin:0;
    list-style:none;
    position: absolute;
    top: -999em; left: 0;
    display: block;
    white-space: nowrap;
    /* optional */
	font-size: 12px;
	font-weight: bold;
    padding: 7px;
}
.infomation {
	float: left;
    width: 135px;
    height: 30px;
}
.infomation_txt {
    width: 950px;
	text-align: right;
	font-size: 16px;
	font-weight:bold;
}

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

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

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

/* 担当者エリア */
.conte_hosoya {
    width: 280px;
    height: 240px;
    margin: 0px 0 20px;
	background: url("../img/secondary/hosoya_area.jpg") no-repeat;
	position: relative;
}
.hosoya_text {
    width: 140px;
    height: 100px;
    font-size: 12px;
	position:absolute;
	top: 58px;
	right: 10px;
}
.hosoya_btn {
    width: 258px;
    height: 40px;
    position: absolute;
	left: 11px;
    bottom: 16px;
}

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

/**********************************************************************/
/*----------------------------- パンくず -----------------------------*/
/**********************************************************************/
.pankuzu {
	width: 970px;
    height: 35px;
    margin: 5px auto;
    background: url("../img/common/pan.jpg") no-repeat left center;
    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 {
	float: left;
    color: #fff;
	margin: 6px 10px 0;
}
.pan_img {
	width: 8px;
    height: 35px;
	float: left;
}

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

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

/**********************************************************************************/
/*----------------------------- 左コンテンツ内容共通 -----------------------------*/
/**********************************************************************************/
.midasi {
    width: 640px;
	height: 47px;
    background: url("../img/common/midasi.png") no-repeat bottom center;
    color: #fff;
    font-size: 16px;
	font-weight:bold;
    margin: 0 auto 10px;
    padding: 2px 0 0 25px;
}
.midasi2 {
    width: 640px;
	height: 47px;
    background: url("../img/common/midasi_t.png") no-repeat top, url("../img/common/midasi_b.png") no-repeat bottom, url("../img/common/midasi_m.png") repeat-y center;
    color: #fff;
    font-size: 16px;
	font-weight:bold;
    margin: 0 auto 10px;
    padding: 6px 0 30px 25px;
}
.midasi:first-letter  {
    font-size: 21px;
}
.midasi2:first-letter  {
    font-size: 21px;
}
.midasi_mini {
    width: 300px;
	height: 47px;
    background: url("../img/common/midasi_mini.png") no-repeat bottom center;
    color: #fff;
    font-size: 16px;
	font-weight:bold;
    margin: 0 auto 10px;
    padding: 2px 0 0 25px;
}
.midasi_mini:first-letter {
    font-size: 21px;
}

/*======== コンテンツ枠 ========*/
.common_conte_mid {
    width: 665px;
    height: auto;
    margin: 0 auto;
    background: url("../img/common/common_conte_mid.png") repeat-y;
}
.common_conte_title {
    width: 605px;
	height: 33px;
    background: url("../img/common/common_title.gif") no-repeat;
    color: #565461;
    font-size: 16px;
	font-weight:bold;
    margin: 0 auto;
    padding: 10px 0 0 28px;
}
.common_conte_txt {
    width: 625px;
    height: auto;
    margin: 0 auto;
    padding: 8px 0 15px 0;
	line-height: 1.8em;
}
.txt {
    font-size: 13px;
    width: 640px;
    height: auto;
    margin: 0 auto;
	line-height: 1.8em;
	padding-top: 10px;
}

/* h2使い分け指定 */
.top_h2 {
	color:#0c204d;
    font-size: 15px;
	font-weight:bold;
	margin: 8px 0 10px;
    text-decoration: none;
    text-shadow: 2px 2px 0 #fff, 3px 3px 2px #999999;
}
.sub_h2 {
	width: 940px;
	color: #0c204d;
	font-weight:bold;
	margin: 15px 0 0 20px;
}
/* さらに揃え幅開け用 */
.conte {
    height: auto;
    width: 665px;
	margin: 0 auto 15px;
}

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

/******************************************************************************/
/*----------------------------- ミニお問い合わせ -----------------------------*/
/******************************************************************************/
.mini_seikyu_area {
    width: 665px;
    height: 260px;
    background: url("../img/sub/sub_selectarea.jpg") no-repeat;
    margin: 10px auto;
    position: relative;
}
.fu {
    width: 80px;
    height: 60px;
    left: 20px;
    top: 5px;
	position: absolute;
}
.fu2 {
    width: 80px;
    height: 60px;
    right: 278px;
    top: 5px;
	position: absolute;
}
/**************************************************************************/
/*----------------------------- トップページ -----------------------------*/
/**************************************************************************/
/*======== メイン画像 ========*/
.top_sorttxt {
	width: 580px;
    height: 98px;
	position: absolute;
	top: 120px;
    left: 463px;
    text-shadow: 1px 1px #fff;
}
.top_sorttxt p{
	font-weight:bold;
    color: #212124;
	line-height:1.5em;
}
#top_box{
	margin-top: 70px;
	}
#top_box2 {
	margin-top: 5px;
	}
.top_select_area {
    width: 1015px;
    height: 233px;
	position: absolute;
	top: 220px;
    left: 248px;
    background: url("../img/top/top_sort_img.png") no-repeat;
}

.top_select_area li {
    font-size: 14px;
    font-weight: bold;
}
.top_select_area li select {
	width: 210px;
    font-size: 16px;
	padding: 4px;
}
.main_select {
	position: absolute;
    left: 223px;
    top: 135px;
}
.go_seikyu {
    width: 290px;
    height: 100px;
	position: absolute;
	right: 20px;
    bottom: 43px;
}
.go_seikyu2 {
    width: 600px;
    height: 60px;
	position: absolute;
	right: 30px;
    bottom: 28px;
}

.cate_set {
    width: 655px;
    height: 108px;
	position: absolute;
    left: 20px;
    top: 90px;
}
.cate_set2 {
    width: 655px;
    height: 108px;
	position: absolute;
    left: 20px;
    bottom: 75px;
}
.cate_set li {
    float: left;
	font-size: 9px;
    padding: 0 0 0 8px;
    text-align: center;
}
/*======== 業者バナー一覧 ========*/
.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;
}
/*======== 基礎エリア ========*/
.top_basic_area {
    width: 656px;
    height: auto;
	margin: 0 auto 20px;
}
.top_basic_area_le {
    width: 325px;
	float: left;
}
.top_basic_area_ri {
    width: 325px;
	float: right;
}
.top_basic_txt {
    width: 310px;
    height: 465px;
	margin: 0 auto;
	border: #CCC 1px solid;
	padding: 6px;
}
.top_basic_txt p {
	font-size:12px;
	line-height: 1.7em;
}


/*======== お問い合わせの流れ ========*/
.flow_area {
    width: 655px;
    height: 275px;
    background: url("../img/top/use.png") no-repeat;
	margin: 0 auto 15px;
	position:relative;
	top: 8px;
}
.flow_area p {
	font-size:12px;
	color: #000;
	line-height:1.4em;
}
.flow_txt {
    width: 195px;
	position:absolute;
	left:14px;
	top: 140px;
}
.flow_txt2 {
    width: 195px;
	position:absolute;
	left:230px;
	top: 140px;
}
.flow_txt3 {
    width: 195px;
	position: absolute;
	right: 15px;
	top: 140px;
}


/**********************************************************************/
/*----------------------------- 業者一覧 -----------------------------*/
/**********************************************************************/
.corp_top {
    width: 595px;
	height: 32px;
    background: url("../img/corp/corp_line.gif") no-repeat;
    color: #525252;
    font-size: 15px;
	font-weight:bold;
    margin: 0 auto;
    padding: 3px 0 0 45px;
}
.corp_float_box {
    height: auto;
    width: 650px;
	margin: 0 auto;
	padding-top: 10px;
}
/* 左側指定 */
.corp_fl_le {
    width: 180px;
    height: auto;
    float: left;
	padding-bottom: 10px;
}
.logo_img {
	margin: 10px 0 0 35px;
}
/* 右側指定 */
.corp_fl_ri {
    width: 470px;
    float: right;
	margin-top: 10px;
}
.details {
	margin: 7px 0;
	line-height: 1.8em;
	font-size:12px;
}
.app_conte {
    width: 430px;
	margin: 7px auto;
}
.app_details {
	margin-right: 5px;
}
/* 区切り線 */
.line {
    width: 645px;
    height: 5px;
	margin: 0 auto;
	padding: 10px 0;
}

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

/**************************************************************************/
/*----------------------------- 一括セレクト -----------------------------*/
/**************************************************************************/
/*======== サイトから ========*/
.conte_select {
	width:665px;
    height: 525px;
	position: relative;
    background: url("../img/select/conte_select.jpg") no-repeat;
	margin: 0 auto 0;
	}

.select_hp_txt {
    width: 555px;
    height: auto;
    position: absolute;
    left: 17px;
    top: 50px;
	font-size:13px;
	line-height: 1.4em;
}
/* ソート部分 */
.select_go_seikyu {
    width: 215px;
    height: 66px;
    position: absolute;
	right: 24px;
    bottom: 31px;
}
.select_tab2 select {
    font-size: 16px;
    padding: 4px;
    width: 210px;
    position: absolute;
    left: 110px;
    bottom: 20px;
}
/*======== 電話から ========*/
.conte_select2 {
	width:655px;
    height: 280px;
	position: relative;
    background: url("../img/select/conte_select2.jpg") no-repeat;
	margin: 0 auto;
	top: 7px;
	}
.select_tell_txt {
    width: 435px;
    height: auto;
    position: absolute;
    left: 205px;
    top: 48px;
	font-size: 12px;
	line-height: 1.4em;
}
.comparison_img {
    height: 110px;
    margin: 0 auto;
    position: relative;
    width: 590px;
}
.comparison_txt {
    font-size: 11px;
    left: 125px;
    line-height: 1.7em;
    position: absolute;
    top: 15px;
    width: 185px;
}
/**********************************************************************/
/*----------------------------- 基礎知識 -----------------------------*/
/**********************************************************************/
/*======== メリットとデメリット ========*/
.kiso_merit_area {
    height: auto;
    margin: 0 auto 20px;
    width: 656px;
}
.kiso_merit {
    width: 324px;
    height: 205px;
    background: url("../img/kiso/merit.gif") no-repeat;
    float: left;
    position: relative;
}
.kiso_demerit {
    width: 324px;
    height: 205px;
    background: url("../img/kiso/demerit.gif") no-repeat;
    float: right;
    position: relative;
}
.kiso_merit_txt {
    width: 300px;
	height: auto;
    font-weight: bold;
    font-size: 12px;
	color: #fff;
    line-height: 1.8em;
    position: absolute;
    left: 13px;
    top: 70px;
}
.hybrid_box {
	width:655px;
    height: 145px;
    background: url("../img/kiso/kiso_bg.jpg") no-repeat right bottom;
	margin: 0 auto 0px;
    position: relative;
}
.hybrid_txt {
	width: 500px;
    height: auto;
    line-height: 1.8em;
    position: absolute;
    left: 95px;
    top: 35px;
}
.pin_box {
	width: 623px;
    height: 363px;
	position: relative;
    background: url("../img/kiso/pin.jpg") no-repeat;
	margin: 0px auto;
}
.pin_txt {
    width: 580px;
    height: auto;
    position: absolute;
    left: 20px;
    top: 15px;
	line-height: 1.5em;
}
.pin_txt p{
	margin-bottom: 8px;
}
.pin_go {
    width: 345px;
    height: 63px;
    position: absolute;
    left: 45px;
    bottom: 55px;
}

/*======== スマートフォン ========*/
.mobile_box {
	width:655px;
    height: 210px;
    background: url("../img/kiso/smartphone/mobile.gif") no-repeat right center;
	margin: 0 auto;
}
.dl_box {
	width:655px;
    height: 400px;
    background: url("../img/kiso/smartphone/dl.jpg") no-repeat left center;
	margin: 0 auto;
}
.dl_txt {
	width: 470px;
    height: auto;
	padding: 10px 0 0 185px;
	line-height: 1.8em;
}

/*======== iPhone ========*/


/*======== Android ========*/
.and_what_box {
	width:655px;
    height: 120px;
    background: url("../img/kiso/android/what_droidkun.gif") no-repeat right center;
	margin: 0 auto;
}
.and_and_box {
	width: 655px;
    height: auto;
    background: url("../img/kiso/android/and_droidkun.gif") no-repeat right bottom;
	margin: 0 auto;
}

/*======== 携帯 ========*/




/*======== タブレット ========*/


/*======== PC ========*/




/******************************************************************************/
/*----------------------------- 当サイトの使い方 -----------------------------*/
/******************************************************************************/
.use_float_box {
    width: 640px;
    height: 170px;
    background: url("../img/use/line.gif") no-repeat center bottom;
	margin: 0 auto;
	padding: 10px 0;
}
.use_float_box2 {
    width: 640px;
    height: 170px;
	padding: 10px 0 0 0;
}
.flow_img {
    float: left;
    height: 158px;
    width: 158px;
	padding-left: 15px;
}
.flow_text {
    float: right;
    margin-top: 5px;
    width: 435px;
}
.use_title {
	font-weight: bold;
	font-size: 17px;
	text-shadow: #999 1px 1px;
}
.use_text {
	width: 380px;
    position: absolute;
    left: 235px;
    top: 55px;
}

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

/*======== 個人情報保護ポリシー ========*/
.common_conte_txt ol {
	width: 590px;
    font-size: 13px;
    margin: 0px 0 0 30px;
}
.policy_address {
    margin: 5px 0 0 25px;
}
.li_poli {
	margin: 7px 0;
}
/*======== 会社概要 ========*/
table.manage_tbl {
    width: 600px;
    height: auto;
    border-collapse: collapse;
	margin: 15px auto;
}
table.manage_tbl th {
	background-color:#8dd6fd;
    border: 1px solid #666;
    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;}
table.manage_tbl tr:hover td {background-color: #d7f1ff;}

/*======== リスト ========*/
table.list_tbl {
    width: 640px;
    height: auto;
    border-collapse: collapse;
	margin: 0px auto 0px;
	padding-bottom: 15px;
}
table.list_tbl th {
    border: 1px solid #343434;
    font-size: 13px;
    height: auto;
    padding: 6px;
	background-color: #e6edf1;
}
table.list_tbl td {
    border: 1px solid #343434;
    font-size: 13px;
    height: auto;
    padding: 6px;
}
table.list_tbl .li01 {width:80px;}
table.list_tbl .li02 {width:100px;}
table.list_tbl .li03 {width:30px;}
table.list_tbl td ul {padding-left: 10px;}
table.list_tbl td li {padding-bottom: 5px;}
table.list_tbl tr:hover td {background-color: #bddff2;}
table.list_tbl tr:hover th {background-color: #bddff2;}

/*======== よくある質問 ========*/
.faq_ul {
    margin: 25px 0 0 20px;
}
.q1 {
    width: 578px;
	height: 33px;
	font-size:16px;
	font-weight:bold;
    background: url("../img/sub/q1.gif") no-repeat;
    color: #fff;
    margin: 0 auto;
    padding: 22px 0 0 75px;
}
.q2 {
    width: 578px;
	height: 33px;
	font-size:16px;
	font-weight:bold;
    background: url("../img/sub/q2.gif") no-repeat;
    color: #fff;
    margin: 0 auto;
    padding: 22px 0 0 75px;
}
.q3 {
    width: 578px;
	height: 33px;
	font-size:16px;
	font-weight:bold;
    background: url("../img/sub/q3.gif") no-repeat;
    color: #fff;
    margin: 0 auto;
    padding: 22px 0 0 75px;
}
.q4 {
    width: 578px;
	height: 33px;
	font-size:16px;
	font-weight:bold;
    background: url("../img/sub/q4.gif") no-repeat;
    color: #fff;
    margin: 0 auto;
    padding: 22px 0 0 75px;
}
.q5 {
    width: 578px;
	height: 33px;
	font-size:16px;
	font-weight:bold;
    background: url("../img/sub/q5.gif") no-repeat;
    color: #fff;
    margin: 0 auto;
    padding: 22px 0 0 75px;
}
.a_area {
    width: 580px;
    background: url("../img/sub/a.gif") no-repeat left top;
	margin-top: 10px;
	padding: 5px 0 25px 48px;
    margin: 10px auto 0;
}

/************************************************************************/
/*----------------------------- フォーム -----------------------------*/
/************************************************************************/
/*======== 枠 ========*/
#primary2 {
	width: 936px;
	margin: 0 auto 0;
	padding-top: 5px;
}
.form_conte_top {
    width: 911px;
	height: 34px;
    background: url("../img/form/form_conte_top.gif") no-repeat center bottom;
    color: #333333;
    font-size: 18px;
	font-weight:bold;
    margin: 0 auto;
    padding: 11px 0 0 25px;
}
.form_conte_mid {
    width: 936px;
    height: auto;
    margin: 0 auto 35px;
}
.form_conte_btm {
    width: 936px;
    margin: 0 auto 10px;
}
.form_conte_txt {
    width: 730px;
    height: auto;
    margin: 0 auto;
    padding: 8px 0 15px 0;
	line-height:1.8em;
}

/*======== お問い合わせと掲載 ========*/
#sort{
  margin:10px auto 40px;
  width:800px;
}
#sort table{
  margin:0 auto;
  width:800px;
}
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:#c1eeff;
    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;
}

.keisai_tbl td select {
    font-size: 15px;
    padding: 4px;
    width: 210px;
}

/*======== 一括フォーム ========*/
#sort ul li table{
	width: 800px;
}
#sort ul li table td{
	height: 70px;
}
#sort tr .app_sort_box {
    border: 1px solid #9e9e9e;
}
.sort_com {
    border-right: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    border-left: 1px solid #D8D8D8;
	font-size: 10px;
	padding-left: 3px;
}
.sort_com img {
	margin: 3px 13px 6px 13px;
	width: 82px;
}
.sort_device {
    border-right: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    width: 120px;
	padding-top: 5px;
}
.sort_device img {
	margin-right: 5px;
	margin-bottom: 5px;
}
.sort_app {
    border-right: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    width: 240px;
	padding-top: 5px;
}
.sort_app img {
	margin-right: 5px;
	margin-bottom: 5px;
}
.sort_appeal {
    border-right: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    font-size: 10px;
	padding: 4px 6px;
}
table.conpanytable td {
	padding: 10px 15px;
	border: #e0e0e0 1px solid;
	border-top: none;
	border-right: none;
}
.app_sort_box:hover {background-color: #fbe7c3;}

.sort_md1 {
    width: 117px !important;
}
.sort_md2 {
    width: 123px !important;
}
.sort_md3 {
    width: 243px !important;
}
.sort_md4 {
    width: 317px !important;
}






#sort ul{
  padding: 10px 0;
  margin:0px;
}
#sort ul li{
  list-style-type:none;
}
#sort ul li table td.td_1{
  background-color: #C1EEFF;
  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: #C1EEFF;
  }
#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: #C1EEFF;
}
#contentTable table th{
  padding: 10px;
  width: 285px;
  height: 50px;
  font-size: 18px;
  background-color: #C1EEFF;
}
#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;
}
#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 {
	font-size:13px;
}
.media_busiphone {
	font-size:18px;
}
#contentTable table td input.radio, #contentTable table td.err_red input.radio {
    font-size: 14px;
    padding: 4px;
    width: 30px;
}
/*======== 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.8em;
}

/******************************************************************************/
/*-------------------- 掲載業者や文字装飾、特殊レイアウト --------------------*/
/******************************************************************************/
.mark {
    color: #014E76;
    font-weight: bold;
	font-size:13px;
	line-height: 1.8em;
	padding-bottom:10px;
}
.bold {
    color: #000;
    font-weight: bold;
	font-size:14px;
}
.strong {
    color: #f00;
    font-weight: bold;
	font-size: 14px;
}
.black {
    color: #000;
    font-weight: bold;
	font-size:13px;
}
.red {
    color: #f00;
}
.red_bg {
    color: #f00;
    font-size: 16px;
    font-weight: bold;
}
.black_bg {
	color: #333;
    font-size: 16px;
    font-weight: bold;
    margin: 8px 0;
    text-decoration: none;
    text-shadow: 2px 2px 0 #FFFFFF, 3px 3px 2px #999999;
}
.green {
    color: #228B22;
    font-size: 14px;
}
.big_green {
    color: #5A8B58;
    font-size: 15px;
    font-weight: bold;
}
.blue {
    color: #06C;
    font-size: 14px;
}

.big_blue {
    color: #06C;
    font-size: 14px;
    font-weight: bold;
}
.center {
	margin: 0px auto 0;
	text-align:center;
}
.center_2 {
	margin: 20px auto;
	text-align:center;
}
.p_ex {
	margin: 20px 0 20px 0;
}
sup {
	font-size:7px;
}
.spacing {
	margin-bottom: 10px;
}


/**** Add ****************/
#form .checkbox .radio {
	float:left;
    width: 65px;
    height: 108px;
	margin-left: 7px;
}
.cate_set .checkbox, .radio{
    position: absolute;
    z-index: -1;
	display:none;
}
.cate_set2 .checkbox, .radio{
    position: absolute;
    z-index: -1;
	display:none;
}

/* ----- 吹き出し ----- */

/* ----- ゲーム ----- */
.CheckBoxLabelClass {
	cursor: pointer;
	float:left;
    background: url("../img/top/cate1.png") no-repeat top left;
    width: 65px;
    height: 108px;
    margin-right: 5px;
}
.CheckBoxLabelClass:hover {
    background-position: left center;
}
.LabelSelected, .RadioSelected .CheckBoxLabelClass {
    background-position: left bottom !important;
}

/* ----- ソーシャル ----- */
.CheckBoxLabelClass2 {
	cursor: pointer;
	float:left;
    background: url("../img/top/cate2.png") no-repeat top left;
    width: 65px;
    height: 108px;
    margin-right: 5px;
}
.CheckBoxLabelClass2:hover {
    background-position: left center;
}
.LabelSelected, .RadioSelected .CheckBoxLabelClass2 {
    background-position: left bottom !important;
}

/* ----- ブック ----- */
.CheckBoxLabelClass3 {
	cursor: pointer;
	float:left;
    background: url("../img/top/cate3.png") no-repeat top left;
    width: 65px;
    height: 108px;
    margin-right: 5px;
}
.CheckBoxLabelClass3:hover {
    background-position: left center;
}
.LabelSelected, .RadioSelected .CheckBoxLabelClass3 {
    background-position: left bottom !important;
}

/* ----- 音楽 ----- */
.CheckBoxLabelClass4 {
	cursor: pointer;
	float:left;
    background: url("../img/top/cate4.png") no-repeat top left;
    width: 65px;
    height: 108px;
    margin-right: 5px;
}
.CheckBoxLabelClass4:hover {
    background-position: left center;
}
.LabelSelected, .RadioSelected .CheckBoxLabelClass4 {
    background-position: left bottom !important;
}

/* ----- 地図 ----- */
.CheckBoxLabelClass5 {
	cursor: pointer;
	float:left;
    background: url("../img/top/cate5.png") no-repeat top left;
    width: 65px;
    height: 108px;
    margin-right: 5px;
}
.CheckBoxLabelClass5:hover {
    background-position: left center;
}
.LabelSelected, .RadioSelected .CheckBoxLabelClass5 {
    background-position: left bottom !important;
}

/* ----- ビジネス ----- */
.CheckBoxLabelClass6 {
	cursor: pointer;
	float:left;
    background: url("../img/top/cate6.png") no-repeat top left;
    width: 65px;
    height: 108px;
    margin-right: 5px;
}
.CheckBoxLabelClass6:hover {
    background-position: left center;
}
.LabelSelected, .RadioSelected .CheckBoxLabelClass6 {
    background-position: left bottom !important;
}

/* ----- 学習 ----- */
.CheckBoxLabelClass7 {
	cursor: pointer;
	float:left;
    background: url("../img/top/cate7.png") no-repeat top left;
    width: 65px;
    height: 108px;
    margin-right: 5px;
}
.CheckBoxLabelClass7:hover {
    background-position: left center;
}
.LabelSelected, .RadioSelected .CheckBoxLabelClass7 {
    background-position: left bottom !important;
}

/* ----- 画像 ----- */
.CheckBoxLabelClass8 {
	cursor: pointer;
	float:left;
    background: url("../img/top/cate8.png") no-repeat top left;
    width: 65px;
    height: 108px;
    margin-right: 5px;
}
.CheckBoxLabelClass8:hover {
    background-position: left center;
}
.LabelSelected, .RadioSelected .CheckBoxLabelClass8 {
    background-position: left bottom !important;
}

/* ----- その他 ----- */
.underline{
	text-decoration:underline;
}

.CheckBoxLabelClass9 {
	cursor: pointer;
	float:left;
    background: url("../img/top/cate9.png") no-repeat top left;
    width: 65px;
    height: 108px;
}
.CheckBoxLabelClass9:hover {
    background-position: left center;
}
.LabelSelected, .RadioSelected .CheckBoxLabelClass9 {
    background-position: left bottom !important;
}

.lightTip						{ position: absolute !important; bottom: 10px !important; left: 10px !important; }
.lightTip .content				{ width: 145px; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202; font-size: 12px; }
.lightTip .bottom				{ height: 90px; background: url("../img/common/notch-white.png") top center no-repeat; }