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

/*----------------------------------
easypay
2012.4.6～
共通CSS（商品登録サイト・管理サイト）

メインカラーオレンジ：#e28900
サブカラー青緑：#00a29a
文字色濃茶色：#231815

文字中間茶色：#7b7473
薄茶色：#d3d1d0

オレンジ寄りの明るい茶色(差し色)：#a67c52
------------------------------------*/

html{
    -webkit-text-size-adjust: none;
	}

html , body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	}

*{margin:0;padding:0;}

/*ウィザード用*/
/*body#bW{
	background-color:#fbedd9;
	}*/
/*商品管理サイト用*/
body#bM, body#bW{
	background-color:#fff;
	}
body,th,td, form, input, label, textarea, select, pre {
	font: 13px "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	_font:Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;/*IE6のみ*/
	color: #231815;
	}

ul, ol, dl, li, dt, dd, p {
	font-size:1em;
	color: #231815;
	padding: 0;
	margin: 0;
	}

h1, h2, h3, h4, h5, h6 {
	color: #231815;
	margin: 0;
	padding:0;
	}

img{
	vertical-align:bottom;
}
a img {
	border: none;
	}

pre, td pre {
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow: auto;
	}

/*-----------------------------
wrap
-------------------------------*/
.wrap{
	width:100%;
	min-width:1000px;
	height:100%;
	background-color:#fbedd9;
	}

/*-----------------------------
header
-------------------------------*/
header {
	background-color:#fff;
	width:auto;
	height:80px;
	}
header a{
	text-decoration:none;
	}
.hBox{
	/*width:800px;*/
	width:1000px;
	height:80px;
	margin:0 auto;
	position:relative;
	}

.h_logo{
	position:absolute;
	top:19px;
	left:15px;
}

header h1{
	position:absolute;
	top:29px;
	left:156px;
	margin:0;
	padding:0;
	line-height:0;
	height:31px;
}
header h1 img{
	vertical-align:top;
}

header a{
	color: #057aff;
}

.h_topBox{
	position:absolute;
	top:10px;
	right:15px;
}
.h_topBox ul li{
	text-align:right;
	list-style-type:none;
	}

/*ul_hbtn*/
.h_topBox ul.ul_hbtn{
	margin-bottom:15px;
	}
.h_topBox ul.ul_hbtn2{
	margin-top:5px;
	}
.h_topBox ul li a{
	color:inherit;
	background:url(../img/icon_sMenu.png) left 2px no-repeat;
	padding:0 0 0 16px;
	}

/*ログイン・アウトボタン*/
.h_topBox ul li.btn_hlogin a{
	background:url(../img/icon_login.png) left 1px no-repeat;
	padding-left:22px;
	}
.h_topBox ul li.btn_hlogout{
	margin-bottom:10px;
	}
.h_topBox ul li.btn_hlogout a{
	background:url(../img/icon_logout.png) left 1px no-repeat;
	padding-left:22px;
	}
/*ログイン後の商品一覧リンク*/
.h_topBox ul li.btn_hitem a{
	background:url(../img/icon_itemlist.png) left 1px no-repeat;
	padding-left:22px;
	}

/*らくらくへのバナー*/
.btn_rkrk a{
	color:#00008b;
	font-size:85%;
	background:url(../img/icon_rkrk.png) 12px center no-repeat #e3e3ff/*#ccccff*/;
	padding:5px 5px 5px 27px;
	border-radius:6px;
	}

.userName{
	margin-top:5px;
}
.userName span{
	font-weight:bold;
}

/*h_rightBox--------------------*/
.h_rightBox{
	position:absolute;
	right:0;
	bottom:0px;
	float:right;
}
.h_rightBox div{
	float:left;
}
.h_rightBox .btn_tw{
	width:80px;
	margin-right:15px;
}
.h_rightBox .fb-like{
	margin-right:10px;
}

/*-----------------------------
container
-------------------------------*/
.container {
	padding:/*31px 0 0 0*/0;
	background:url(../img/h_bg.gif) left top repeat-x #fbedd9;
}
.container_w {
	padding:/*21px 0 0 01*/0;
	background:url(../img/h_bg.gif) left top repeat-x #fbedd9;
}

/*-----------------------------
contents
-------------------------------*/
.contents {
	/*width: 800px;*/
	width: 1000px;
	margin: 0 auto;
	clear:both;
}
/*ウィザード用*/
.contents_w {
	clear:both;
}

.contents a:link, .contents_w a:link {
	color: #057aff;
	/*text-decoration:none;*/
}
.contents a:visited, .contents_w a:visited {
	color:#999;
	text-decoration:underline;
}
.contents a:hover, .contents a:active, .contents a:focus,
.contents_w a:hover, .contents_w a:active, .contents_w a:focus {
	color:#231815;
}
/*強調サイト内リンク*/
.contents p.nai a, .contents a.nai,
.contents_w p.nai a, .contents_w a.nai/*ウィザード*/{
	text-decoration:none;
	background:url(/img/icon_nai.png) left 1px no-repeat;
	padding:0 0 0 18px;
	}
.contents p.nai a:hover, .contents p.nai a:active, .contents p.nai a:focus,
.contents a:hover.nai, .contents a:active.nai, .contents a:focus.nai {
	color:#231815;
	}
/*外部サイトリンク*/
.contents a.gai, .contents a span.gai,
.contents_w a.gai, .contents_w a span.gai/*ウィザード*/{
	text-decoration:none;
	background:url(/img/icon_gai.png) right 5px no-repeat;
	padding:0 13px 0 0;
	}

/*リスト基本設定*/
.contents ul,
/*ウィザード用*/
.contents_w ul{
	list-style-type:none;
	list-style-position:outside;
	padding:0;
	margin:0 1em;
}
.contents ul li,
/*ウィザード用*/
.contents_w ul li{
	margin-bottom:7px;
	text-align:left;
}

.contents ul li.li_mb0, .contents ul.li_mb0 li,
.contents ol li.li_mb0, .contents ol.li_mb0 li,
.contents dl dt.li_mb0, .contents dl.li_mb0 dt,
.contents dl dd.li_mb0, .contents dl.li_mb0 dd,
/*ウィザード用*/
.contents_w ul li.li_mb0, .contents_w ul.li_mb0 li,
.contents_w ol li.li_mb0, .contents_w ol.li_mb0 li,
.contents_w dl dt.li_mb0, .contents_w dl.li_mb0 dt,
.contents_w dl dd.li_mb0, .contents_w dl.li_mb0 dd{
	margin-bottom:0;
}

.contents ul.li_imgIcon li, .contents li.li_imgIcon,
/*ウィザード用*/
.contents_w ul.li_imgIcon li, .contents_w li.li_imgIcon{
	list-style-type:none;
	text-indent:0;
	padding-left:1em;
	background:url(../img/icon_liOre.gif) left 5px no-repeat;
}

.contents table ul,
/*ウィザード用*/
.contents_w table ul{
	list-style-type:disc;
	list-style-position:outside;
	padding-left:1em;
	margin:0;
}

.contents ol,
/*ウィザード用*/
.contents_w ol {
	list-style-type:decimal;
	list-style-position:outside;
	padding-left:2em;
	margin:0 1em;
}
.contents ol li
/*ウィザード用*/
.contents_w ol li{
	margin-bottom:10px;
	text-align:justify;
}

/*定義リスト基本設定*/
.contents dl,
.contents_w dl{
	margin:0 0 15px 0;
}

.contents dt,
.contents_w dt{
	font-weight:bold;
	margin:0 0 5px 0;
	text-align:justify;
}
.contents dd,
.contents_w dd{
	margin-bottom:15px;
	text-align:justify;
}

/*画像が入るリスト*/
.contents dl.dl_img,
.contents_w dl.dl_img{
	margin:0;
}
/*中央揃えしたいリスト*/
.contents dl.dl_c dt, .contents dl.dl_c dd,
.contents_w dl.dl_c dt, .contents_w dl.dl_c dd{
	text-align:center;
}

/*段落基本設定*/
.contents p,
.contents_w p{
	line-height:1.7;
	margin:0 0 15px 0;
}
.contents p.mb0,
.contents_w p.mb0{
	margin-bottom:0;
}

.contents h3,
.contents_w h3{
	clear:both;
	font-size:1.31em;
	margin:0 0 15px 0;
}

.contents h4{
	font-size:1.23em;/*16px*/
	font-weight:bold;
	background-color:#d3d1d0;
	padding:9px 13px 6px 13px;
	margin:30px 0 15px 0;
}
/*ウィザード用*/
.contents_w h4{
	font-size:1.23em;/*16px*/
	/*font-weight:bold;
	background-color:#d3d1d0;
	padding:9px 13px 6px 13px;
	margin:15px 0;*/
	font-weight:bold;
	border-left:8px solid #00a29a;
	border-bottom:1px dotted #d3d1d0;
	padding:3px 13px;
	margin:15px 0 15px 0;
}

.contents h5,
.contents_w h5{
	font-weight:bold;
	font-size:1.16em;/*15px*/
}
.contents h6,
.contents_w h6{
	font-weight:bold;
	font-size:1.08em;/*15px*/
}

/*table基本設定*/
.contents table, .contents_w table{
	border-collapse:collapse;
	border:2px solid #b3b3b3;
}
.contents th, .contents_w th{
	border-collapse:collapse;
	border:1px solid #c2c2c2;
	padding:10px;
}
.contents td, .contents_w td{
	border-collapse:collapse;
	border-left:1px solid #c2c2c2;
	border-right:1px solid #c2c2c2;
	padding:10px;
}

/*thの文言を折り返さない設定*/
.contents table.th_nowrap th{
	white-space:nowrap;
}
/*thを全てセンター揃えに*/
table.thC th{
	text-align:center;
	}
/*tdを全てセンター揃えに*/
table.tdC td{
	text-align:center;
	}
/*thを全て左揃えに*/
table.thL th{
	text-align:left;
	}
/*tdを全て左揃えに*/
table.tdL td{
	text-align:left;
	}

.contents td dl{
	margin:0;
	padding:0;
}

/*境界線*/
.contents hr{
	width:100%;
	height:1px;
	margin:20px 0 15px 0;
	padding:0;
	clear:both;
	border: 0px none;
	border-bottom:1px dotted #999;
}

/*-----------------------------
subnavBox
-------------------------------*/
.subnavBox{
	background-color:#fff;
	border-top:2px solid #ddd;
	border-bottom:2px solid #ddd;
	margin:0;
	}

/*-----------------------------
footer
-------------------------------*/
/*フッター*/
footer {
	padding-top:30px!important;
	background:url(../img/f_bg.gif) top left repeat-x #ffffff;
	clear: both;
	}
footer a{
	color: #057aff;
	}
/*-----------------------------
.footerBox*/
.footerBox{
	width:1000px;
	margin:0 auto 0 auto;
	padding:0 0 20px 0;
	}
/*.f_leftBox*/
.f_leftBox{
	width:730px;
	float:left;
	}

/*.f_rightBox*/
.f_rightBox{
	width:260px;
	float:right;
	margin:0 0 5px 0;
	}
ul.f_menu{
	margin:0;
	padding:0;
	clear:both;
	}
ul.f_menu li{
	float:left;
	list-style-type:none;
	}
ul.f_menu li a{
	color:inherit;
	font-size:0.93em;
	text-decoration:none;
	background:url(/img/icon_sMenu.png) left 1px no-repeat;
	display:block;
	padding:0 0 5px 13px;
	margin-right:15px;
	}
ul.f_menu li a img.icon_n{
	margin:0 0 3px 0;
	}
ul.f_menu li a:hover, ul.f_menu li a:active, ul.f_menu li a:focus{
	color:#7b7473;
	}
/*最初の１段*/
ul.f_menu_t li{
	font-weight:bold;
	font-size:116%;
	}
ul.f_menu_t li a{
	background:url(/img/icon_nai.png) left 2px no-repeat;
	padding-left:18px;
	}


.tfcopy{
	color:#7b7473;
	font-size:0.85em;
	margin:0 0 0 11px;
	padding:0;
	}
a.f_sns1, a.f_sns2, a.f_sns3, a.f_sns4{
	margin:0 0 0 5px;
	width:70px;
	heihgt:18px;
	}

a.f_sns1, a.f_sns2, a.f_sns3, a.f_sns4{
	margin:0 0 0 1px;
	width:100px;
	height:28px;
}

/*-----------------------------
other
-------------------------------*/
/*HTML 5 サポート - 新しい HTML 5 タグを display:block に設定します。これにより、ブラウザーでタグが適切にレンダリングされます。 */
header, section, footer, aside, nav, article, figure {
	display: block;
	margin:0;
	padding:0;
	}

/*float調整
--------------------------------*/
/* For modern browsers */
.cf:before, .cf:after {
    contents:"";
    display:table;
	}
.cf:after {
    clear:both;
	}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
	}

.floatL{
	float:left;}
.floatR{
	float:right;
}
.clear{
	clear:both;
}

/*文字サイズ変更
--------------------------------*/
.t10{font-size:0.77em!important;}/*10px*/
.t11{font-size:0.85em!important;}/*11px*/
.t12{font-size:0.93em!important;}/*12px*/
.t14{font-size:1.08em;}/*14px*/
.t15{font-size:1.16em;}/*15px*/
.t16{font-size:1.231em;}/*16px*/
.t17{font-size:1.31em;}/*17px*/
.t18{font-size:1.385em;}/*18px*/
.t19{font-size:1.465em;}/*19px*/
.t20{font-size:1.539em;}/*20px*/

/*文字位置
--------------------------------*/
.tleft, p.tleft{text-align:left;}
.tright, p.tright{text-align:right;}
.tcenter h4,.tcenter h5,.tcenter p, p.tcenter, .tcenter{
	text-align:center!important;
	}

/*padding調整
--------------------------------*/
.ptop0{padding-top:0!important;}
.ptop5{padding-top:5px!important;}
.ptop10{padding-top:10px!important;}
.ptop20{padding-top:20px!important;}
.ptop30{padding-top:30px!important;}
.pbottom0{padding-bottom:0!important;}
.pbottom5{padding-bottom:5px!important;}
.pbottom10{padding-bottom:10px!important;}
.pbottom20{padding-bottom:20px!important;}
.pbottom25{padding-bottom:20px!important;}
.pbottom30{padding-bottom:30px!important;}
.pleft1{padding-left:1px!important;}
.pleft5{padding-left:5px!important;}
.pleft10{padding-left:10px!important;}

/*margin調整
--------------------------------*/
.mtop0{margin-top:0!important;}
.mtop5{margin-top:5px!important;}
.mtop10{margin-top:10px!important;}
.mtop20{margin-top:20px!important;}
.mtop30{margin-top:30px!important;}
.mtop40{margin-top:40px!important;}
.mbottom0{margin-bottom:0!important;}
.mbottom5{margin-bottom:5px!important;}
.mbottom10{margin-bottom:10px!important;}
.mbottom20{margin-bottom:20px!important;}
.mbottom30{margin-bottom:30px!important;}
.mbottom40{margin-bottom:40px!important;}


/*文字
--------------------------------*/
.tBld{font-weight:bold;}
/*文字色指定
--------------------------------*/
.tRed{color:/*#b31b1b;*/#ff0000;}
.tGre, .tGre p{color:#00a29a;}

/*サブテキスト*/
.tSub, p.tSub{font-size:0.92em;font-weight:normal!important;}

/*--------------------------------
ヒント*/
.tipped{color:#ccc;}

/*-----------------------------
.contFfix(コンテンツ下のサイトトップページ・ページ先頭へのリンク)*/
.contFfix{
	width:1000px;
	height:60px;
	position:relative;
	margin:20px auto -20px auto;
	}

/*サイトトップページへ戻る*/
.f_toppage{
	font-size:0;
	position:absolute;
	top:0;
	left:0;
	/*float:left;
	margin-left:0;
	margin-right:0;*/
	background:url(../img/btn_toppage.png) left top no-repeat;
	}
.f_toppage a{
	width:112px;
	height:60px;
	display:block;
	}

/*ページ先頭へ戻る*/
.f_pagetop{
	font-size:0;
	position:absolute;
	top:0;
	right:0;
	background:url(../img/btn_pagetop.png) right top no-repeat;
	/*font-size:0.93em;
	text-align:right;
	margin-left:0;
	margin-right:0;*/
	}
.f_pagetop a{
	width:112px;
	height:60px;
	display:block;
	}


/*--------------------------------
フォームの要素*/
select.selectWmax{
	width:100%;
	}

/*説明文中の強調olリスト用*/
ol.ol_mainGuide li{
	font-size:1.16em;
	font-weight:bold;
	}
ol.ol_mainGuide li span{
	font-weight:normal;
	font-size:13px;
	}

/*説明文中の強調ulリスト用(about等で使用)*/
ul.ul_mainGuide li{
	font-size:1.16em;
	font-weight:bold;
	}
ul.ul_mainGuide li span{
	font-weight:noraml;
	font-size:1em;
	}

/*--------------------------
ソーシャルボタン追加*/

/*ヘッダーに移植
.snsBtns{
	width:800px;
	height:35px;
	margin:5px auto 0 auto;
	padding:0;
	position:relative;
	}
.snsBtns_w{
	width:800px;
	height:30px;
	margin:-10px auto 0 auto;
	padding:0;
	position:relative;
	}
.btnTw{
	width:93px;
	height:20px;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:709px;
	overflow:hidden;
	}
.btnFb{
	width:100px;
	height:20px;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	right:101px;
}*/
.snsBtns{
	width:285px;
	/*height:35px;*/
	margin:0 auto;
	padding:0;
	position:absolute;
	left:146px;
	top:20px;
	}
.snsBtns .btnTw{
	width:93px;
	height:20px;
	margin:0;
	padding:0 10px 0 0;
	float:left;
	}
.snsBtns .btnFb{
	width:101px;
	height:20px;
	margin:0;
	padding:0 10px 0 0;
	float:left;
	}
.snsBtns .btnHtnb{
	width:50px;
	height:20px;
	margin:5px 0 0 0;
	padding:0 10px 0 0;
	float:left;
	}
.snsBtns .btnGplus{
	width:65px;
	height:20px;
	margin:0;
	padding:0;
	float:left;
	}
.snsBtns .btnTumblr{
	width:62px;
	height:20px;
	margin:5px 0 0 0;
	padding:0 10px 0 0;
	float:left;
	}
.snsBtns .btnLine{
	width:86px;
	height:20px;
	margin:5px 0 0 0;
	padding:0;
	float:left;
	}
/*ウィザード用snsbtns*/
.snsBtns_w{
	width:800px;
	height:30px;
	margin:-10px auto 0 auto;
	padding:0;
	position:relative;
	}
.snsBtns_w .btnTw{
	width:93px;
	height:20px;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:709px;
	overflow:hidden;
	}
.snsBtns_w .btnFb{
	width:100px;
	height:20px;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	right:101px;
	}

/*テスト環境確認用*/
.debug{
width:1000px;
margin:auto;
	}
.debug table,.debug th, .debug td{
border:1px solid #ddd;
background-color:#ffffff;
	}

/*--------------------------
gnav追加*/
#gnav{
	height:/*37px*/47px;
	background:url(../img/bg_gnav.png) left top repeat-x;
	width:100%;
	overflow:hidden;
	}
#gnav ul{
	width:/*800px*/1000px;
	margin:0 auto;
	}
#gnav ul li{
	float:left;
	list-style-position:outside;
	list-style-type:none;
	height:/*34px*/44px;
	}
#gnav ul li a{
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	height:/*34px*/44px;
	}
/*Top*/
#gnav ul li.m1 a{
	/*background:url(../img/bg_gnav_m1.png) left top no-repeat;*/
	background:url(../img/btn_gnav.png) left top no-repeat;
	width:71px;
	display:block;
	}
/*easypayって？*/
#gnav ul li.m2 a{
	background:url(../img/btn_gnav.png) -71px top no-repeat;
	width:165px;
	display:block;
	}
/*機能一覧*/
#gnav ul li.m3 a{
	background:url(../img/btn_gnav.png) -236px top no-repeat;
	width:124px;
	display:block;
	}
/*料金体系*/
#gnav ul li.m4 a{
	background:url(../img/btn_gnav.png) -360px top no-repeat;
	width:125px;
	display:block;
	}
/*利用規約*/
#gnav ul li.m5 a{
	background:url(../img/btn_gnav.png) -485px top no-repeat;
	width:124px;
	display:block;
	}
/*導入事例*/
#gnav ul li.m6 a{
	background:url(../img/btn_gnav.png) -609px top no-repeat;
	width:124px;
	display:block;
	}
/*サポート*/
#gnav ul li.m7 a{
	background:url(../img/btn_gnav.png) -733px top no-repeat;
	width:116px;
	display:block;
	}
/*商品管理*/
#gnav ul li.m8 a{
	background:url(../img/btn_gnav.png) right top no-repeat;
	width:151px;
	display:block;
	}
/*rollover*/
#gnav ul li.m1 a:hover, #gnav ul li.m1 a:focus{
	background-position:left bottom;
	}
#gnav ul li.m2 a:hover, #gnav ul li.m2 a:focus{
	background-position:-71px bottom;
	}
#gnav ul li.m3 a:hover, #gnav ul li.m3 a:focus{
	background-position:-236px bottom;
	}
#gnav ul li.m4 a:hover, #gnav ul li.m4 a:focus{
	background-position:-360px bottom;
	}
#gnav ul li.m5 a:hover, #gnav ul li.m5 a:focus{
	background-position:-485px bottom;
	}
#gnav ul li.m6 a:hover, #gnav ul li.m6 a:focus{
	background-position:-609px bottom;
	}
#gnav ul li.m7 a:hover, #gnav ul li.m7 a:focus{
	background-position:-733px bottom;
	}
#gnav ul li.m8 a:hover, #gnav ul li.m8 a:focus{
	background-position:right bottom;
	}

a{
	outline:none;
	}