@charset "utf-8";
/**************************************************************************/
/*----------------------------- CSS Document -----------------------------*/
/**************************************************************************/


/**************************************************************************/
/*----------------------------- 全体 -----------------------------*/
/**************************************************************************/
*{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-weight: normal;
}

body{
	margin: 0 0 0 0;
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 2em;
	color:#3d3d3d;
	overflow-x:auto;
	font-size:14px;
}

ul li{list-style: none;}

h1,h2,h3,input,textarea,select,a{font-weight: normal;}

td,th{font-weight: normal; font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

p {font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

img{margin: 0 0 0 0; padding: 0 0 0 0; border: none; vertical-align: bottom;}

#wrapper{padding: 0 0 0 0; margin: 0 auto 0;}

.content{width: 980px; margin:0 auto 0px; padding:15px 0;}

.fixed{ position: fixed; z-index:1; width:100%;}

.sp{ display: none;}
.pc{ display: block;}

/**************************************************************************/
/*----------------------------- header -----------------------------*/
/**************************************************************************/
.m_header{height:123px; background:url(../img/common/header_bg.png) repeat-x; z-index: 1;}
.header{width:960px; height:78px; margin: 0 auto 0; position: relative;}

.logoArea{width:auto; height:53px;}
.logoArea .logo{float:left;}
.logoArea .freedial{float:right;}

h1{width:100%; font-size:100%; padding-top:6px; line-height:1.3em; color:#474747;}

/**************************************************************************/
/*----------------------------- gnavi -----------------------------*/
/**************************************************************************/
.global_navi{height:45px; width: 960px; margin:0 auto 0;}
.global_navi li{float: left; display:inline;}


/**************************************************************************/
/*----------------------------- category navi -----------------------------*/
/**************************************************************************/
.category_navi{
	background:#5a6fac;
}

.category_navi ul{
	width:960px;
	margin:0 auto;
	padding:13px 0;
}

.category_navi li{
	padding-left:20px;
	line-height:1em;
	background:url(../img/common/cnIcon.png) no-repeat;
	float:left;
	display:inline;
	margin-right:17px;
	font-size:14px;
}
.category_navi li a{
	text-decoration:none;
	color:#fff;
	text-shadow: 0 -1px 0px #3D3D3D;
}

.category_navi li a:hover{
	text-decoration:underline;
}

/**************************************************************************/
/*----------------------------- main（トップページ） -----------------------------*/
/**************************************************************************/
.m_main{height:350px;/*530px;*/ background: url(../img/common/main_bg.png) repeat #f9f6ec; z-index:100; border-bottom: 3px #5a6fac solid;}
.m_main1{height:350px; background: #f4fff2; z-index:100; border-bottom: 3px #5a6fac solid;}
.m_main2r{height:530px; background: #fffef1; z-index:100; border-bottom: 3px #5a6fac solid;}
.m_main3{height:350px; background: #fff6f2; z-index:100; border-bottom: 3px #5a6fac solid;}
.m_main4{height:350px; background: url(../img/common/main_bg.png) repeat #ecf7f9; z-index:100; border-bottom: 3px #5a6fac solid;}
.m_main5{height:530px; background: #f1fffb; z-index:100; border-bottom: 3px #5a6fac solid;}
.m_main6{height:530px; background: #fffcf1; z-index:100; border-bottom: 3px #5a6fac solid; }
.m_main7{height:530px; background: #eceff9; z-index:100; border-bottom: 3px #5a6fac solid; }
.m_main8{height:528px; background: #edf5ff; z-index:100; border-bottom: 3px #5a6fac solid;}
.main{width:960px; height:417px; margin:0 auto 0; padding:0 10px; background: url(../img/common/mainImg3.png) no-repeat 670px bottom, url(../img/common/mainImg1.png) no-repeat 770px 30px, url(../img/common/mainImg2.png) no-repeat 565px -45px; position: relative;}

.main h2{font-size:38px; color:#000088; line-height:1.3em; letter-spacing:0.09em; padding:26px 0 10px; font-weight:bold;}
.main p{ font-size:14px; width:550px; font-weight: bold;}

.f80p{font-size:80%;}

.m_main2{height:115px; background: url(../img/common/mainBg2.png) repeat-x top;}
.main2{width:980px;margin:0 auto 0; padding-top:45px; position:relative; color:#38599E; font-size:34px !important;}
.appli_all{margin:-127px 0px 0px 619px;}

.medal { position: absolute; right: 270px; top: 165px;}
.fukidashi { position: absolute; right: 233px; top: 36px;}

/**************************************************************************/
/*----------------------------- 問合せエリア -----------------------------*/
/**************************************************************************/

.appAreaBg{ width:960px; /*margin:105px auto 10px;*/ margin:66px auto 10px; background:#fff; border-radius:8px; box-shadow:0 0 5px #999; padding:5px; z-index:1;}

.appArea{ width:960px; margin:5px auto 5px; background:#38599e; border-radius:8px; box-shadow:0 0 5px #999; padding:15px; position:relative;}
.appArea .text{font-size:24px; color:#fff; text-align:center; border-bottom:1px dashed #FFF; padding:0 0 10px; margin:0 0 1px; font-weight:bold;}
.appArea .step1{border-top:1px solid #fff; line-height:2em;}
.appArea .step{font-size:18px; color:#f8ef06; font-weight:bold;}
.appArea .check{background:#fff; box-shadow:0 0 5px #999; padding:5px; margin:0 0 15px;}
.appArea .check li{background: #e9e9e9 none repeat scroll 0 0;
    border-radius: 5px;
    cursor: pointer;
    float: left;
    font-size: 14px;
    /*height: 51px;*/
    min-width: 47px;
    /*line-height: 19px;*/
    margin: 5px;
    padding: 7px;
    text-align: center;
	width: 17.3%;}
.appArea .check li:hover{background:#38599E; color:#fff; font-weight:bold; box-shadow:0 0 2px #666;}

.appBtnBg{ background:#fff; padding:4px 4px 6px; border-radius:5px;}
.appBtn{border:none; background:#ef7070; box-shadow:0 3px 0 #c13a3a; width:100%; border-radius:5px; text-align:center; color:#fff; font-size:30px; padding:15px 0; cursor:pointer;}
.appBtn:hover{box-shadow:0 1px 0 #c13a3a !important; margin:2px 0 -2px;}

.appObi{ position:absolute; right:10px; top:0;}

/**************************************************************************/
/*----------------------------- pankuzu -----------------------------*/
/**************************************************************************/

.top_pankuzu_b{	position: relative; margin: 15px 0;}
.top_pankuzu{	bottom: 8px;	padding-left: 10px;}
.shikaku{	display: block;	width: 5px;	height: 15px;	background-color: #5e5e5e;	position: absolute;	top: 4px;}
.top_pankuzu p{	font-size:12px;	color:#404040;}
.top_pankuzu a{	color:#404040;	text-decoration:none;}
.top_pankuzu a:hover{	color:#404040;	text-decoration: underline;}


.pankuzu{
    padding-left:10px;
}
.pankuzu p{
    padding:10px 0;
	font-size:12px;
	color:#404040;
}
.pankuzu a{
	color:#404040;
	text-decoration:none;
}
.pankuzu a:hover{
	color:#404040;
	text-decoration: underline;
}


/**************************************************************************/
/*----------------------------- cont_left -----------------------------*/
/**************************************************************************/
.cont_left{
	width:660px;
	background:url(../img/common/left_conte_bg.png) no-repeat;
	float:left;
	display:inline;
	padding-left:20px;
}

.conte_top{
	width:650px;
	height:35px;
	margin-bottom:5px;
}


.conte_top2{
	width:640px;
	height:4px;
	font-size:0;
}

.conte_top3{
	background:url(../img/corp/corp_conte_h3_02.png) no-repeat scroll 0 0 transparent;
	height: 35px;
	width: 640px;
}

.conte_top3 p{
	font-size: 16px;
	margin: 0 0 0 20px;
	padding-top: 5px;
	font-weight:bold;
}
* html .conte_top3{
	padding-bottom:6px;
}

.conte_mid{
	width:630px;
	margin:10px 9px 40px;
	position:relative;
}


.conte_mid2{
	background:url(../img/common/conte_bg_mid.png) repeat-y;
	width:614px;
	padding:10px 13px 10px;
}

.conte_mid2_1{
	background:url(../img/common/conte_bg_mid.png) repeat-y;
	width:614px;
	padding:10px 13px 10px;
	position: relative;
	min-height: 120px;
}

.conte_mid3{
	width:640px;
}

.conte_btm{
	font-size:0;
}

.conte_btn{
	text-align:center;
	margin-bottom:40px;
	text-shadow:0 1px 0 #666;
}
.conte_btn:hover{
	margin-bottom:40px;
	text-shadow:0 1px 0 #666;
}
.conte_btn a{
	text-decoration:none;
}

.linkBtn{
    background: #71ad49 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 3px 0 #477b25;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    padding: 7px 20%;
    text-align: center;
}



.conte_text01{
	width:625px;
}

.p_conte1{
	width: 383px;
	position: relative;
}

.p_girl{
	position: absolute;
	right: 20px;
	bottom: 0;
}


.menu01{font-size:24px; color:#38599E; background:url(../img/common/menuBg1.png) no-repeat left bottom; padding:0 0 5px 10px;}

.bikou{background:#EFE8D1; font-weight:bold; padding:5px; margin:0 0 5px;}


/*--------home--------*/


/*業者*/
.corp_list{
	/*width: 560px;*/
	width: 585px;
	height: auto;
	margin: 10px 0px 40px;
	position: relative;
	background: #fbfbfb;
	border: 2px solid #ffffff;
	border-radius: 5px;
	padding: /*10*/2px 5px 5px 10px;
	box-shadow:0 4px #999;
}
.corp_list li{
	padding: 0 6px 6px 0;
	/*padding: 0 10px 10px 0;*/
	float:left;
	display:inline;
}
.corp_list li img{
	/*height: 36px;
	width: 74px;*/
	/*height: 33px;
	width: 68px;*/
	height: 29px;
	width: 59px;
}

/*基礎*/
.top_conte_left{
	width:310px;
	float:left;
	display:inline;
	margin-bottom:25px;
}

.top_conte_right{
	width:310px;
	float:right;
	display:inline;
	margin-bottom:25px;
}

.home_img01{
	position:absolute;
	right:20px;
	bottom:20px;
}
.home_text01{
	background:url(../img/home/top_conte_img01.jpg) no-repeat right bottom;
}
.home_text02{
	background:url(../img/home/top_conte_img02.jpg) no-repeat right bottom;
}

/*流れ*/
.conte_flow{
	margin:0 12px;
}

.flow_bg_mid{
	background:url(../img/home/flow_bg_mid.png) repeat-y;
	padding:0 25px;
	position: relative;
	min-height: 100px;
}

.flow_h2{
	font-size:22px;
	font-weight:bold;
	margin-bottom:5px;
	color:#545454;
}
.step_img{
	position: absolute;
	right: 30px;
	top: 0;
}

.flow_text{
	line-height:1.5em;
	width: 415px;
}

/*使い方*/
.use_img{
	margin:10px 9px;
	width:622px;
	text-align: center;
}

/*ボタン*/

.cont_left_btn{
	background:url(../img/common/form_btn_l.png),url(../img/common/form_btn_r.png),url(../img/common/form_btn_c.png);
	background-position: left center,right center,center center;
	background-repeat: no-repeat,no-repeat,repeat-x;
	width: 640px;
	height: 73px;
	margin: 10px 0 20px 0px;
}
.cont_left_btn p{
	color: #fff;
	text-align: center;
	padding: 25px;
	font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0.2rem;
	text-shadow:0 1px 0px #000;
}
.cont_left_btn a{
	text-decoration: none;
}


.sort_btn{
	background:url(../img/common/sort_btn.png) no-repeat;
	width: 640px;
	height: 97px;
	position: relative;
}

.sort_btn img{
	position: absolute;
	top:10px;
	right:10px;
}


/*----------------------------- つなぎ -----------------------------*/
.P_tsunagi{
	background: url(../img/iso/P-ISO_Ibnr_big.png) no-repeat;
	width: 640px;
	height: 170px;
	position: relative;
}
.P_tsunagi_btn{
	position: absolute;
	left: 314px;
	top: 82px;
}

.ISO_tsunagi{
	background: url(../img/pmark/P-ISO_Pbnr_big.png) no-repeat;
	width: 640px;
	height: 170px;
	position: relative;
}
.ISO_tsunagi_btn{
	position: absolute;
	left: 314px;
	top: 82px;
}


/**************************************************************************/
/*----------------------------- cont_right -----------------------------*/
/**************************************************************************/
.cont_right{
	width:280px;
	padding:0 10px 30px 0;
	float:right;
	display:inline;
}

.linkBnr{
	width:280px;
	height:77px;
	margin:0 auto 15px;
}

.linkBnr_big{
	width:280px;
	height:310px;
	margin:0 auto 7px;
}

.linkBnr_m{
	width:280px;
	height:110px;
	margin:0 auto 7px;
}

.adviser{
	background:url(../img/common/adviser_bg.png) no-repeat;
	margin-bottom:15px;
}

/**************************************************************************/
/*----------------------------- btm_conte -----------------------------*/
/**************************************************************************/

/**************************************************************************/
/*----------------------------- 問合せエリア -----------------------------*/
/**************************************************************************/

.appAreaBg_bottom{ width:960px; margin:0 auto 0px; background:#fff; border-radius:8px; box-shadow:0 0 5px #999; padding:5px; z-index:1;}


.appBtnBg{ background:#fff; padding:4px 4px 6px; border-radius:5px;}
.appBtn{border:none; background:#7ebb56; box-shadow:0 3px 0 #507338; width:100%; border-radius:5px; text-align:center; color:#fff; font-size:30px; padding:15px 0; cursor:pointer;}
.appBtn:hover{box-shadow:0 1px 0 #507338 !important; margin:2px 0 -2px;}

.m_btm_conte{
	background:url(../img/common/btm_conte_bg.png) repeat-x;
	padding:15px 0;
}

.btm_conte{
	margin:0 auto;
	width:960px;
	position:relative;
}

.btm_conte_btn_bg{
	float:left;
	display:inline;
	position:relative;
}
.btm_conte_btn{
	position:absolute;
	right: 20px;
	top: 75px;
}

.btm_conte_tell{
	float:right;
	display:inline;
}

.main_select02{
	position:absolute;
	left:185px;
	bottom:20px;
}
.main_select02 .sel_todou{
	padding:3px 1px;
}


/**************************************************************************/
/*----------------------------- ssl -----------------------------*/
/**************************************************************************/
.ssl_l {
	float: left;
	display:inline;
	margin: 10px 20px 0px 60px;
	width:115px;

}

.ssl_r {
	float: right;
	display:inline;
	font-size:12px;
	margin:10px 10px 0 0;
	width: 540px;
}

/**************************************************************************/
/*----------------------------- haba -----------------------------*/
/**************************************************************************/
.haba{padding:15px 0;}
.haba_btm{padding:0 0 15px;}
.haba_top{padding:15px 0 0;}
.haba_s{padding:5px 0;}
.haba_btm_s{padding:0 0 5px;}
.haba_top_s{padding:5px 0 0;}
.yohaku{padding:2px;}

/*===============================================
	margine
===============================================*/
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}

.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
/*===============================================
	padding
===============================================*/
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}

.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr50{padding-right:50px !important;}

.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}

.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl50{padding-left:50px !important;}
/**************************************************************************/
/*----------------------------- span -----------------------------*/
/**************************************************************************/
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f30{font-size:30px;}

.w420{width:420px;}

.bold{font-weight:bold;}
.caution{
	font-size:11px;
	color:#F00;
	margin:20px 0 0 0;
}
.caution2{
	font-size:11px;
	color:#666;
	line-height:1.6;
}

.f_red{color:#F00;}
.f_kon{color:#000080;}
.f_midashi{color:#38599e;}
.f_blue{color:#0066CC;}
.f_blue2{color:#0000FF;}
.f_blue3{color:#045FB4;}
.f_emgreen{color:#33CC99;}
.f_green{color:#1ADA00;}
.f_braun{color:#6a523b;}
.f_braun2{color:#993300}
.f_orange{color:#ffcc00}

.underline{text-decoration:underline;}

.center{text-align:center;}
.right{text-align: right;}

.f_left{float:left;display:inline;}
.f_right{float:right;display:inline;}

.bc {
	background-color: #136fff;
	color: white;
	text-align: center;
}

/*===============================================
	cFix
===============================================*/
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	display:inline;
	width:0;
	margin-top:-32767px
	}

/*cFix*/
.cFix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
	}

/* IE-mac */
* html .cFix {height:1%}
.cFix {display:block}
/* IE-mac */