@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;
	font-size:12px;
	color:#3d3d3d;
	overflow-x:auto;
}

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;
	font-size:12px;
}

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-bottom:20px;
}
.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;
}

.header_left{
	float:left;
	width:714px;
	height:53px;
	z-index: 100;
	position: relative;
}

h1{
	font-size:12px;
	padding-top:6px;
	line-height:1.5em;
	color:#474747;
}

.freedial{
	width:306px;
	height:53px;
	display:inline;
	float:right;
}

.mainText{position: absolute; top:167px; left: 35px; font-size: 17px; color: #333; letter-spacing: 0.1em; }


#head{ width: 244px; height: 56px; float: right; position: absolute; background: url(../img/common/head_btnBg.png) 0 0 no-repeat scroll; top:4px; right:0;}

#headBtn{position:absolute; top:1px; right:9px;}

#head_dial{float: right;position: absolute; top: 4px; right: 0; width: 290px;}

/**************************************************************************/
/*----------------------------- gnavi -----------------------------*/
/**************************************************************************/
.global_navi{
	height:45px;
	width: 960px;
	margin:0 auto 0;
}

.global_navi li{
	float: left;
	display:inline;
}

/**************************************************************************/
/*----------------------------- new css -----------------------------*/
/**************************************************************************/
.m_main_new{height:556px; background: url(../img/newimg/main_bg.png) no-repeat center;}
.main_new{width:980px; height: auto; margin: 0 auto;}

.m_header_new{height:75px; background:#fff;}
.header_new{width: 980px; height: auto; margin: 0 auto 0;}
.header_new .logo{float: left;}
.header_new .tel{float: right;}

.m_point{height:152px; background:#3c3c3c;}
.point{width: 980px; height: auto; margin: 0 auto 0;}

.m_point2{height:235px; background:#d90059;}
.point2{width: 980px; height: auto; margin: 0 auto 0;}
.m_point2 .point_btn{width: 980px; height: auto; margin: 0 auto 0;}
.m_point2 .point_btn a{background: #ffc524; border-radius: 35px; padding: 20px; text-align: center; font-size: 30px; color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.4); width: 90%; text-decoration: none; display: block; text-shadow: 0 0 10px rgba(0,0,0,0.4); margin:0 auto;}
.m_point2 .point_btn a:hover{background: #ffd55f; box-shadow: 0 0 10px rgba(0,0,0,0);}


.m_btnarea{height:192px; background: url(../img/newimg/btn_bg.png) no-repeat center; margin:10px 0;}
.btnarea{width: 980px; height: auto; margin: 0 auto 0;}
.btnarea .pmark{float: left;}
.btnarea .iso{float: right;}

.m_pankuzu2{margin: 10px 0;}
.pankuzu2{width: 980px; height: auto; margin: 0 auto 0;}
.pankuzu2 p{font-size:12px; color:#404040;}
.pankuzu2 a{color:#404040; text-decoration:none;}
.pankuzu2 a:hover{color:#404040; text-decoration: underline;}


/**************************************************************************/
/*----------------------------- main（トップページ） -----------------------------*/
/**************************************************************************/
.m_main{
	height:379px;
	background: url(../img/common/main_bg01.png) repeat-x;
	position:relative;
}

.main{
	width:980px;
	height:379px;
	margin:0 auto 0;
	background:url(../img/home/home_main.png) no-repeat center;
	position:relative;
}

.main_pmark{
	width:980px;
	height:379px;
	margin:0 auto 0;
	background:url(../img/pmark/home_main.png) no-repeat center;
	position:relative;
}

.main_iso{
	width:980px;
	height:379px;
	margin:0 auto 0;
	background:url(../img/iso/home_main.png) no-repeat center;
	position:relative;
}

.main_text{
	font-size: 14px;
	left: 20px;
	line-height: 1.7em;
	position: absolute;
	top: 125px;
	width: 618px;
}

.main_text02{
	font-size: 12px;
	left: 91px;
	line-height: 1.5em;
	position: absolute;
	top: 265px;
	width: 263px;
}

.main_btn{
	bottom: 63px;
	height: 77px;
	left: 359px;
	position: absolute;
	width: 266px;
}

/**************************************************************************/
/*----------------------------- main-under -----------------------------*/
/**************************************************************************/

ul#mainUnder{
	width: 620px;
	margin: 0 auto;
	text-align: center;
	margin: 10px auto;
}
ul#mainUnder li {
float: left;
margin: 0 10px;
width: 280px;
text-align: center;
}


/**************************************************************************/
/*----------------------------- 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{
	bottom: 8px;
	left: 32px;
	position: absolute;
}
.pankuzu p{
	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:29px;
	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;
	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{
	width:640px;
	height:57px;
}

.conte_text01{
	width:625px;
}

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

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

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


/*業者*/
.corp_list{
}
.corp_list li{
	margin:4px 8px 4px 0;
	float:left;
	display:inline;
}

/*基礎*/
.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;
}

/*ボタン*/

.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;
	width:280px;
	height:250px;
	position:relative;
}
.adviser_btn{
	width:263px;
	height:48px;
	position:absolute;
	bottom:6px;
	left:9px;
}
/**************************************************************************/
/*----------------------------- btm_conte -----------------------------*/
/**************************************************************************/
.m_btm_conte{
	height:180px;
	background:url(../img/common/btm_conte_bg.png) repeat-x;
}

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

.btm_conte_btn_bg{
	background:url(../img/common/btm_conte01.png) no-repeat;
	float:left;
	display:inline;
	width:621px;
	height:180px;
	position:relative;
	margin-left:20px;
}
.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;}
.f20{font-size:20px;}
.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_blue{color:#0066CC;}
.f_blue2{color:#0000FF;}
.f_emgreen{color:#33CC99;}
.f_green{color:#1ADA00;}
.f_green2{color:#4C8910;}
.f_braun{color:#6a523b;}
.f_braun2{color:#993300;}

.underline{text-decoration:underline;}

.center{text-align:center;}

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

/*===============================================
	float
===============================================*/
.fl{float:left !important;}
.fr{float:right !important;}
.clear{clear:both !important;}

/*===============================================
	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 */