@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;
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

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;
	color:#3d3d3d;
	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;
	position:relative;
}

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

/**************************************************************************/
/*----------------------------- sort -----------------------------*/
/**************************************************************************/
.sortB{
	background:url(../img/home/btnB.png) no-repeat;
	width:960px;
	height:119px;
	margin:-5px auto 0px;
	position:relative;
	}
.UsortB{
	background:url(../img/home/btnB.png) no-repeat;
	width:924px;
	height:105px;
	margin:10px auto;
	position:relative;
	}
.main_select01{
	position:absolute;
	top:77px;
	left:40px;
	text-align:center;
	}
#topSort1 select,#topSort2 select,#hSort1 select,#hSort2 select,#bSort1 select,#bSort2 select{
	font-size:12px;
}

.main_select01 select{
	font-size:14px;
	padding: 1px 0;
}
/**************************************************************************/
/*----------------------------- header -----------------------------*/
/**************************************************************************/
.m_header{
	height:123px;
	background:url(../img/common/header_bg.gif) repeat-x;
}

.header{
	width: 960px;
	height: 75px;
	margin: 0 auto 0;
}


.fm_header {
    background: url("../img/form/bg.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 92px;
}

.header_left{
	float:left;
	width:960px;
	height:49px;
}

h1{
	font-size:12px;
	color:#474747;
}

.header_area{
	width:320px;
	height:49px;
	float:left;
	margin:0 0 0 21px;
}

.freedial{
	width:293px;
	height:44px;
	display:inline;
	float:right;
	margin:3px 8px 0 0;
}

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

.global_navi li{
	float: left;
	display:inline;
}
/**************************************************************************/
/*---------------------- main（データ入力トップページ） --------------------*/
/**************************************************************************/
.m_mainTop{
	height:auto;
	background: url(../img/common/main_bg.gif) repeat-x top;
	position:relative;
}

.mainTop{
	width:980px;
	height:418px;
	margin:0 auto 0;
	background:url(../img/home/top_main.jpg) no-repeat top center;
	position:relative;
}
#topDescA{
	width:980px;
	height:294px;
	}
.mainTop h2{
	font-size:16px;
	font-weight:bold;
	color:#505050;
	position:absolute;
	top:24px;
	right:16px;
	text-shadow:2px 2px 1px #FFF;
	}
#topCNo{
	font-size:64px;
	height:55px;
	font-weight:bold;
	position:absolute;
	top:67px;
	left:264px;
	color:#ff6600;
	text-shadow:2px 2px 1px #FFF;
	line-height:0;
	}
#topCtxt{
	font-size:32px !important;
	font-weight:bold !important;
	color:#564646;
	text-shadow:2px 2px 1px #FFF;
	position:absolute;
	top:61px;
	left:396px;
	}
#topDesc{
	font-size:13px;
	position:absolute;
	top:99px;
	right:26px;
	text-align:right;
	line-height:1.7;
	}
.mainTop_text{
	font-size:11px;;
	line-height:1.5;
	position:absolute;
	top:244px;
	right:338px;
	width:274px;
}
.mainTop_text02{
	font-size:11px;;
	line-height:1.5;
	position:absolute;
	top:244px;
	right:25px;
	width:274px;
}
.mainTop_btn{
	height:91px;
	right:180px;
	top:12px;
	position: absolute;
	width: 268px;
}
#logoBg{
	width:858px;
	height:auto;
	margin:0 auto;
	border:1px solid #dcdcdc;
	background:#f2f2f2;
	}

.txtOr{
	color:#ff6600;
    font-size: 35px;
    font-weight: bold ;
    text-shadow: 2px 2px 1px #fff;
}

.txtBl{
	color:#c44343;
    font-size: 35px ;
    font-weight: bold ;
    text-shadow: 2px 2px 1px #fff;
}

.txtRd{
	color:#4361c4;
    font-size: 35px;
    font-weight: bold;
    text-shadow: 2px 2px 1px #fff;
}
/**************************************************************************/
/*----------------------トップページ業者ロゴ部分 --------------------*/
/**************************************************************************/
#corplogoA{
	width:920px;
	height:auto;
	margin:0 auto;
	}
#logoAbg{
	background:url(../img/common/logoMid.gif) repeat-y;
	width:920px;
	height:auto;
	}
.top_corpUl{
	padding:11px 0 0 11px;
	}
.top_corpUl li{
	float:left;
	margin:0 5px 5px 0;
	}
.top_corpUl li img {
    height: 27px;
    width: 55px;
}
#corplogoBk{
    background: url("../img/common/logoBgImg.gif") repeat-x scroll center top rgba(0, 0, 0, 0);
    height: auto;
    position: relative;
}
/**************************************************************************/
/*----------------------下層ページリンク部分 --------------------*/
/**************************************************************************/
#undrPgBk{
	background: url("../img/common/undrMenuBg.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 241px;
    position: relative;
}

.undrPg {
	width:970px;
	height:auto;
	margin: 0 auto;
}

.undrPg p{
  	color: #ffffff;
}

.cntr {
	text-align:center;
}

.fl {
    float: left !important;
	margin-bottom: 8px !important;
}

.mrgn16 {
	margin-left: 16px !important;
}

.fSz20{
	font-size:20px;
	line-height:1.5em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

.bth{
	clear:both;
}
/**************************************************************************/
/*---------------------- 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_text{
	font-size: 14px;
	left: 20px;
	line-height: 1.7em;
	position: absolute;
	top: 125px;
	width: 660px;
}
.main_text02{
	font-size: 12px;
	left: 359px;
	line-height: 1.5em;
	position: absolute;
	top: 217px;
	width: 263px;
}
.main_btn{
	bottom: 23px;
	height: 75px;
	left: 353px;
	position: absolute;
	width: 264px;
}
/**************************************************************************/
/*----------------------------- pankuzu -----------------------------*/
/**************************************************************************/
#m_pankuzu{
	width:980px;
	height:44px;
	margin:0 auto;
	padding-top:12px;
	position:relative;
}

#pankuzu{
	font-size:12px;
	color:#404040;
	background: url(../img/common/pankuzuBg.gif) left center no-repeat;
	padding-left:20px;
	margin-left:21px;
	width:939px;
}

.pankuzu a{
	color:#404040;
	text-decoration:none;
}
.pankuzu a:hover{
	color:#404040;
	text-decoration: underline;
}
/**************************************************************************/
/*----------------------------- cont_left -----------------------------*/
/**************************************************************************/
#hMerit01A{
	background:url(../img/home/meritA01.png) no-repeat;
	width:590px;
	height:87px;
	padding:5px 15px 2px;
	}
#hMerit02A{
	background:url(../img/home/meritA02.png) no-repeat;
	width:590px;
	height:87px;
	padding:5px 15px 2px;
	}
#hMerit03A{
	background:url(../img/home/meritA03.png) no-repeat;
	width:590px;
	height:87px;
	padding:5px 15px 2px;
	}

#hMeritTtl01{
	background:url(../img/home/icn01.gif) no-repeat left;
	height:22px;
	font-size:17px;
	color:#ff9000;
	font-weight:bold;
	margin:0 0 0 330px;
	padding-left:15px;
	}
#hMeritTtl02{
	background:url(../img/home/icn01.gif) no-repeat left;
	height:22px;
	font-size:17px;
	color:#ff9000;
	font-weight:bold;
	margin:0 0 0 196px;
	padding-left:15px;
	}
#hMeritTtl03{
	background:url(../img/home/icn01.gif) no-repeat left;
	height:22px;
	font-size:17px;
	color:#ff9000;
	font-weight:bold;
	margin:0 0 0 264px;
	padding-left:15px;
	}
.hMeritP{
	line-height:1.5;
	margin-top:6px;
	}
#cateCaution {
    color:#db2050;
    font-size:13px;
    font-weight:bold;
    margin-bottom:5px;
    text-align:center;
	}
.tCnt03_01{
	border-bottom:1px dashed #9c9c9c;
	padding-bottom:17px;
	}
.tCnt03_02{
	padding-top:17px;
	margin-bottom:35px;
	}
.cont_left{
	width:640px;
	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:622px;
	margin:10px 9px;
	position:relative;
}

.conte_mid2{
	width:614px;
	height:auto;
	padding:20px 13px 30px;
}

.conte_mid3{
	width:640px;
}

.conte_btm{
	font-size:0;
}

.conte_btn{
	width:640px;
	height:57px;
	margin-bottom:20px;
}

.conte_text01{
	width:625px;
	text-align:justify;
}

/**************************************************************************/
/*------------------------ トップページコンテンツ ------------------------*/
/**************************************************************************/
.topCntbg{
	background:url(../img/home/topCntbg.gif) no-repeat;
	width:625px;
	height:176px;
	margin-bottom:35px;
	padding:17px 0 0 15px;
}
.topImg {
    margin-right: 13px;
}
.cntMid3{
	background:url(../img/home/cntMid.png) repeat-y;
	width:315px;
	}
.conte_mid4{
	width:651px;
	margin:10px 0;
}

/*カテゴリー別エリア*/
.topCateBg{
	background:url(../img/home/cateMid.png) repeat-y;
	width:609px;
	height:auto;
	border-bottom:2px solid #a67800;
	padding:0 0 10px 11px;
	}
.mr11{margin-right:11px;}

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

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

.flow_h2{
	font-size:22px;
	font-weight:bold;
	margin-bottom:5px;
	color:#545454;
}
.flow_text{
	line-height:1.5em;
}

/*使い方*/
.use_img{
	margin:10px 7px;
	width:626px;
}

/**************************************************************************/
/*----------------------------- side -----------------------------*/
/**************************************************************************/
.cont_right{
    display:inline;
    float:right;
    padding:0 10px 30px 0;
    width:280px;
	}
#adviserA{
	background: url(../img/side/advBg.jpg) no-repeat;
	width:280px;
	height:258px;
	padding-bottom:15px;
	}

.advname {
    background: rgba(0, 0, 0, 0) url("/data/img/side/adv_name.png") no-repeat scroll 0 0;
    color: #5f4d4d;
    font-size: 11px;
    font-weight: bold;
    height: 33px;
    padding: 10px 0 0 31px;
    width: 249px;
	}
.advname > span {
    font-size: 21px;
    font-weight: bold;
}

.advcmt {
    background-color: rgba(241, 241, 241, 0.25);
    border: 1px solid #fff;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    height: 137px;
    margin: 10px 0 10px 122px;
    width: 147px;
}
.advcmt p {
    background-color: rgba(255, 255, 255, 0.81);
    border: 1px solid #c6c6c6;
    font-size: 11px;
    height: 117px;
    line-height: 1.5;
    margin: 4px auto 0;
    padding: 5px;
    width: 127px;
}

#advBtn {
    background-color: rgba(246, 246, 246, 0.32);
    border: 1px solid #fff;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    height: 46px;
    margin: 0 auto;
    width: 261px;
}
#advBtn a{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #e03838;
    background-image: linear-gradient(to top, #af1717, #e03838);
    border-color: #a01313 #a01313 #c14343;
    border-image: none;
    border-radius: 1px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 2px 0 1px #711010;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 2.3;
    margin: 3px auto 0;
    text-align: center;
    text-decoration: none;
    width: 253px;
}
#advBtn a:hover {
    box-shadow: 0px 1px 0 1px #711010;
    margin: 4px auto 0;
}
.side_btn,.linkBnr{
	margin-bottom:10px;
	}

/**************************************************************************/
/*----------------------------- btm_conte -----------------------------*/
/**************************************************************************/
.m_btm_conte{
	height:126px;
	background-color:#f9f9f9;
	border-top:1px solid #e2e2e2;
	position:relative;
	}
.stop{
	height:1px;
	width:980px;
	margin:125px auto 0;
	}
/**************************************************************************/
/*----------------------------- 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_top_m{margin:15px 0 0;}
.haba_top_l{margin:30px 0 0;}
.haba_s{padding:5px 0;}
.haba_btm_s{
	padding:0 0 10px;
	line-height:1.9;
	}
.haba_btm_l{padding:0 0 30px;}
.haba_top_s{padding:5px 0 0;}
.yohaku{padding:2px;}

/**************************************************************************/
/*----------------------------- span -----------------------------*/
/**************************************************************************/
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.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;}
.w400{width:400px;}

.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:#608c13;}
.f_braun{color:#6a523b;}
.f_orange{color:#de3e0c;}
.f_indigo{color: #2723D3;}

.red{
	color:#FF0000;
	font-weight:bold;
	}
.white {
    color: #FFFFFF;
    font-weight: bold;
}
.brown{color:#946e09;}

.lh{line-height:1.8;}

.underline{text-decoration:underline;}

.center{text-align:center;}

.f_left{float:left;display:inline;}
.f_right{float:right;display:inline;}
/*===============================================
	margine
===============================================*/
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}

.ml5{margin-left:5px;}
.ml9{margin-left:9px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
/*===============================================
	padding
===============================================*/
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl40{padding-left:40px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
/*===============================================
	float
===============================================*/
.fr{float:right;}
.fl{float:left;}

.clear{clear:both;}
/**************************************************************************/
/*----------------------------- リンク背景 -----------------------------*/
/**************************************************************************/
.next01{
	background:url(../img/openning/goNext.png) no-repeat;
	width:168px;
	height:22px;
	padding-left:7px;
	margin:-15px 0 20px 415px;
}
.next02{
	background:url(../img/openning/goNext.png) no-repeat;
	width:168px;
	height:22px;
	padding-left:7px;
	margin:5px 0 0 230px;
}
/*===============================================
	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 */
/**************************************************************************/
/*----------------------------- social -----------------------------*/
/**************************************************************************/
#widget_lay {
    height: 30px;
    margin: 0 0 5px 0px;
    padding: 0;
    position: relative;
    width: 980px;
}
#g_button {
    right: 100px;
    position: absolute;
    top: 0px;
}
#f_button {
    right:220px;
    position: absolute;
    top: 3px;
}
#t_button {
    right: 0px;
    position: absolute;
    top: 3px;
}
