@charset "euc-jp";

/* ----------------------------------------
 * 共通
 * ---------------------------------------- */

body{
	color:#333;
}

/* ヘッダー */
.cmHdr{
	position:relative;
	height:54px;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/bg_cmHdr.png) repeat-x;
	text-indent:-9999px;
}

.cmHdr p#cmHdrttl{
	position:absolute;
	top:3px;
	left:7px;
	width:376px;
	height:46px;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/hdr_cmnHdr.png) no-repeat;
}

/*ヘッダーリンクの設定*/
.cmHdr p#cmHdrttl a{
	display:block;
	overflow:hidden;
  height: 46px;
  width: 376px;
}

.cmHdr p#cmHdrslogo{
	position:absolute;
	top:16px;
	right:12px;
	width:178px;
	height:24px;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/slogo_cmHdr.png) no-repeat;
}

.cmHdr p#cmHdrslogo a{
	display:block;
	width:178px;
	height:24px;
	overflow:hidden;
}

/* グローバルナビ */
ul.cmNavi li{
	float:left;
	width:190px;
	height:67px;
	text-indent:-9999px;
}

ul.cmNavi li#crnt1,
ul.cmNavi li#crnt2,
ul.cmNavi li#crnt3,
ul.cmNavi li#crnt4,
ul.cmNavi li#crnt5{
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/cmnv.png) no-repeat;
}

ul.cmNavi li a{
	display:block;
	overflow:hidden;
  width:190px;
	height:67px;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/cmnv.png) no-repeat;
}

ul.cmNavi li a#nv1{background-position:0 0;}
ul.cmNavi li a#nv2{background-position:-190px 0;}
ul.cmNavi li a#nv3{background-position:-380px 0;}
ul.cmNavi li a#nv4{background-position:-570px 0;}
ul.cmNavi li a#nv5{background-position:-760px 0;}

ul.cmNavi li a#nv1:hover{background-position:0 -67px;}
ul.cmNavi li a#nv2:hover{background-position:-190px -67px;}
ul.cmNavi li a#nv3:hover{background-position:-380px -67px;}
ul.cmNavi li a#nv4:hover{background-position:-570px -67px;}
ul.cmNavi li a#nv5:hover{background-position:-760px -67px;}

ul.cmNavi li#crnt1{background-position:0 -134px;}
ul.cmNavi li#crnt2{background-position:-190px -134px;}
ul.cmNavi li#crnt3{background-position:-380px -134px;}
ul.cmNavi li#crnt4{background-position:-570px -134px;}
ul.cmNavi li#crnt5{background-position:-760px -134px;}

/* パンくず */
#yjBreadcrumbs{
	margin:10px 0 18px;
	padding:0;
}

/* h2ヘッダー */
h2{
	padding:6px 0 0 10px;
	height:24px;
	border:1px solid #ffdfb4;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/bg_h2.png) repeat-x;
	color:#444444;
	font-weight:bold;
}

.sys_h2 {
    background: url("http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/bg_h2_b.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #bcd6fc;
    color: #444444;
    font-weight: bold;
    height: 24px;
    padding: 6px 0 0 10px;
}


/* ページの先頭へ戻る */
.bzcTxtPgTp {
    background: url("http://i.yimg.jp/images/biz/bzc3/common/icon_bzsv_txt.png") no-repeat 0 -296px;
    display: inline;
    padding: 0 0 2px 15px;
}

/* フッターナビ */
.cmFnv{
	margin-top:14px;
	text-align:center;
	line-height:1.1;
	}
.cmFnv ul{
	background:#ffd5a7;
	padding:10px 0;
}

.cmFnv li{
	float:left;
	display:inline-block;
	width:189px;
	min-height:48px;
	border-left:1px solid #ffa543;
}
.cmFnv li.first{
	border:none;
}

.cmFnv li.last{
	padding-top:15px;
  min-height:33px;
	/* IE6 hack */
	_height:33px;
}


/* コンテンツフッター */
.cmCft{
	margin-top:15px;
}

.cmCft p#opening{
	padding:10px 20px;
	width:570px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	background:#fff7ec;
	text-align:center;
}

.cmCft ul{
	margin:29px 0 10px;
	text-align:center;
}

.cmCft li{
	display:inline;
	height:12px;
	padding:0 5px;
	border-left:1px solid #333;
	line-height:1;
}

.cmCft li.first{
  border:none;
}

/* フッター */
.cmFt{
  text-align:center;	
}

.cmFt address {
  border-top: 1px solid #898989;
  font-size: small;
  line-height: 1.4;
  padding: 10px 0 20px;
}

/* ----------------------------------------
 * 共通 - こんな方にオススメ
 * ---------------------------------------- */
dl.cmRcm{
  margin:11px 10px 0;	
}

dl.cmRcm dt{
	position:relative;
	z-index:5;
	width:150px;
	height:26px;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/hdr_cmRcm.png) no-repeat;
	text-indent:-9999px;
}

dl.cmRcm dd{
	margin-top:-12px;
	padding:12px 0 0 60px;
	min-height:72px;
	/* IE6 hack */
	_height:72px;
	border:1px solid #ffdd95;
	background:#FFFBC9 url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/bg_cmRcm.png) 0 11px no-repeat;
}

dl.cmRcm ul{
	padding:9px 0 7px 0;
}

/* パートナー企業一覧リンク */
p#cmDetail{
	float:right;
	margin:10px 10px 7px 0;
	padding: 5px 0 5px 12px;
	background: url("http://i.yimg.jp/images/biz/bzc3/common/bzsv_topics_ico.png") no-repeat 0 9px;
}

/* ----------------------------------------
 * 共通 - 事例紹介
 * ---------------------------------------- */
div.cmcaseWrp{
	margin-bottom:30px;
}
 
dl.cmCase{
	float:left;
	display:inline;
	width:465px;
	margin:10px 0 0 10px;
}

dl.cmCase dt{
	margin-top:10px;
	font-weight:bold;
	line-height:1;
	color:#9f4300;
}

dl.cmCase dd{
	margin-top:5px;
}

dl.cmCase p.caseImg{
	display:inline-block;
	width:120px;
	/* IE6,7 hack */
	/float:left;
}

dl.cmCase ul.caseName{
	display:inline-block;
	padding:0 0 0 7px;
  width:330px;
	/* IE6,7 hack */
	/float:left;
}

dl.cmCase p.alignright{
	margin-top:5px;
}

/* ----------------------------------------
 * 共通 - 企業一覧
 * ---------------------------------------- */
table.cmCmplst{
	width:930px;
	margin:9px 10px 30px;
}

/* border指定 */
table.cmCmplst th,
table.cmCmplst td{
	padding:7px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px dotted #ccc;
}

table.cmCmplst th.last,
table.cmCmplst td.last{
  border-right:none;	
}

table.cmCmplst th{
	background:#f1f1f1;
	font-weight:bold;
	text-align:center;
}

table.cmCmplst th.cmpLogo{width:170px;}
table.cmCmplst th.cmpInfo{width:200px;}
table.cmCmplst th.cmpArea{width:75px;}
table.cmCmplst th.cmpService{width:162px;}
table.cmCmplst th.cmpFeature{width:249px;}

table.cmCmplst td.serviceCnts{width:162px;}
table.cmCmplst td.last{width:249px;}

table.cmCmplst td{
	line-height:1.25;
}

/* 基本サービス */
table.cmCmplst td.serviceCnts dd{
	padding-left:40px;
}

/* 詳細を見るボタン */
a.btnCmplstdetail{
	display:block;
	overflow:hidden;
	float:right;
	width:190px;
	height:22px;
	margin:10px 5px 10px 0;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/btn_cmplstDetail.png) no-repeat;
	text-indent:-9999px;
}


/* ----------------------------------------
 * index.html
 * ---------------------------------------- */
 
/* トップヘッダー */
#tpHdr{
	position:relative;
	width:950px;
	height:172px;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/bg_tpHdr.png) no-repeat;
	text-indent:-9999px;
}

#tpHdr h1{
	position:absolute;
	top:3px;
	left:19px;
	z-index:1;
	width:913px;
	height:125px;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/h1_tpHdr.png) no-repeat;
}

#tpHdr #tpSlogo{
	position:absolute;
	top:12px;
	left:791px;
	z-index:5;
	width:148px;
	height:20px;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/slogo_tp.png) no-repeat;
}

#tpHdr #tpSubttl{
	position:absolute;
	top:137px;
	left:93px;
	width:774px;
	height:22px;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/subttl.png) no-repeat;
}

#tpHdr #tpSlogo a{
	display:block;
	width:148px;
	height:20px;
	overflow:hidden;
}

/* どの業務でお困りですか？ */
#tpNavi{
	margin:20px 0 29px 0;
}

#tpNavi dt{
	/*position:relative;*/
	height:34px;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/hdr_tpnavi.png) no-repeat;
	text-indent:-9999px;
}

#tpNavi dd{
	margin:15px 0 6px;
}

#tpNavi p {
	margin-right:10px;
	text-align:right;
}
#tpNavi span.yjMS{
	/*position:absolute;
	top:35px;
	right:10px;
	float:right;*/
	padding:5px 5px 0 12px;
	background:url(http://i.yimg.jp/images/biz/bzc3/common/bzsv_topics_ico.png) no-repeat 0 9px;
	text-align:right;
}

ul#tpNavilst li{
	float:left;
	width:226px;
	height:226px;
	margin-left:8px;
	/* IE6 hack */
	_margin-left:4px;
}

ul#tpNavilst li a{
	display:block;
	overflow:hidden;
	width:226px;
	height:226px;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/tpnv.png) no-repeat;
	text-indent:-9999px;
}

ul#tpNavilst li a#lst1{background-position:0 0;}
ul#tpNavilst li a#lst2{background-position:-226px 0;}
ul#tpNavilst li a#lst3{background-position:-452px 0;}
ul#tpNavilst li a#lst4{background-position:-678px 0;}

ul#tpNavilst li a#lst1:hover{background-position:0 -226px;}
ul#tpNavilst li a#lst2:hover{background-position:-226px -226px;}
ul#tpNavilst li a#lst3:hover{background-position:-452px -226px;}
ul#tpNavilst li a#lst4:hover{background-position:-678px -226px;}

/* お知らせ */
#tpNtc ul{
	margin:10px 10px 30px;
}

#tpNtc li {
    background: url(http://i.yimg.jp/images/biz/bzc3/common/bzsv_topics_ico.png) no-repeat 2px 7px;
    border-bottom: 1px dotted #999999;
}
#tpNtc p {
    margin: 5px 0 5px 20px;
}

/* Yahoo!コマースパートナー活用事例 */
#tpExpl{
	margin-bottom:30px;
	}

#tpExpl ul{
	margin:10px 0 0 2px;
	}

#tpExpl ul li{
	float:left;
	width:303px;
	height:163px;
	margin-left:10px;
	_margin-left:5px;/*for ie6*/
}
li.tpExplbnr1{}
li.tpExplbnr2{}
li.tpExplbnr3{}

/* Yahoo!コマースパートナーとは */
#tpPtn{
	margin-bottom:20px;
	}
#tpPtn div.tpYouTube{
	width:490px;
	height:279px;
	margin:10px auto 0;
	background:#CCC;
	text-align:center;
}
#tpPtn div.tpYouTube div{
	margin:0 auto;
	/*width:490px;
	height:276px;*/
	line-height:1.22;
}
#tpPtn ul{
	margin:20px 10px;
}
.tpPtnLf{
	float:left;
	width:83px;
	height:83px;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/tpPtnLf.png) no-repeat;
	text-indent:-9999px;
}
.tpPtnRg{
	float:right;
	width:835px;
}
#tpPtn p.tpPtnCnv{
	text-align:center;
}

/*jsOFF*/
.tpYouTubeNoScr,
.tpYouTubeNoFlsh{
	color:#000;
	padding:20px;
}
#contents .tpYouTubeNoScr dd a,
#contents .tpYouTubeNoFlsh dd a{
	color:#F00; !important
}

/* フッター */
#tpFt{
    border-top: 1px solid #999;
}



/* ----------------------------------------
 * marketing.html
 * ---------------------------------------- */
 
#pmH1{
}

#pmH1 h1{
	width:950px;
	height:53px;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/h1_marketing.png) no-repeat;
	text-indent:-9999px;
}


/* ----------------------------------------
 * produce.html
 * ---------------------------------------- */

#pdH1{
}

#pdH1 h1{
	width:950px;
	height:53px;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/h1_produce.png) no-repeat;
	text-indent:-9999px;
}

 
/* ----------------------------------------
 * order.html
 * ---------------------------------------- */

#odH1{
}

#odH1 h1{
	width:950px;
	height:53px;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/h1_order.png) no-repeat;
	text-indent:-9999px;
}

/* 事例が3つ並ぶパターン */
#odcase1,#odcase2{margin-bottom:5px;}


/* ----------------------------------------
 * logistics.html
 * ---------------------------------------- */
 
#lgH1{
}

#lgH1 h1{
	width:950px;
	height:53px;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/h1_logistics.png) no-repeat;
	text-indent:-9999px;
}

/* 一覧リンクが無い分 */
dl#lgRcm{
	margin-bottom:20px;
}

/*  1カラム事例紹介 */
dl#lgcase{width:930px;}

/* サービスの特徴 */
dl#lgFtcnts{
	margin-top:10px;
}

dl#lgFtcnts dt#hdrLgfeature{
	width:782px;
	height:60px;
	margin:0 auto;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/hdr_lgFeature.png) no-repeat;
	text-indent:-9999px;
}

/* メリット */
ul#lgMerit{
	margin-bottom:8px;
}
ul#lgMerit li{
	float:left;
	width:297px;
	min-height:129px;
	/* IE6 hack */
	_height:129px;
	
	margin-left:10px;
	border:3px solid #ffbb28;
}

ul#lgMerit dd.meritSnt{
	padding:0 15px;
}

li#lgMerit1{
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/bg_lgMerit1.png) no-repeat;
	background-position:218px 5px;
}
li#lgMerit1 dt{
	/* IE6用 */
	position:relative;
	z-index:5;
	
	width:92px;
	height:25px;
	margin:-16px auto 0;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/hdr_lgMerit1.png) no-repeat;
	text-indent:-9999px;
}
li#lgMerit1 dd.meritCnt{
	width:94px;
	height:36px;
	margin:14px auto 9px;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/lgmerit1.png) no-repeat;
	text-indent:-9999px
}

li#lgMerit2{
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/bg_lgMerit2.png) no-repeat;
	background-position:251px 7px;
}
li#lgMerit2 dt{
	/* IE6用 */
	position:relative;
	z-index:5;
	
	width:92px;
	height:25px;
	margin:-16px auto 0;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/hdr_lgMerit2.png) no-repeat;
	text-indent:-9999px;
}
li#lgMerit2 dd.meritCnt{
	width:242px;
	height:32px;
	margin:16px auto 9px;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/lgmerit2.png) no-repeat;
	text-indent:-9999px
}

li#lgMerit3{
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/bg_lgMerit3.png) no-repeat;
	background-position:187px 7px;
}
li#lgMerit3 dt{
	/* IE6用 */
	position:relative;
	z-index:5;
	
	width:92px;
	height:25px;
	margin:-16px auto 0;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/hdr_lgMerit3.png) no-repeat;
	text-indent:-9999px;
}
li#lgMerit3 dd.meritCnt{
	width:189px;
	height:36px;
	margin:14px auto 9px;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/lgmerit3.png) no-repeat;
	text-indent:-9999px;
}

/* 詳細ボタン */
p#btnLgdetail{
	margin:14px 0 33px;
  text-align:center;	
}

p#btnLgdetail a{
	display:inline-block;
	/* IE6,7 hack */
	/display:block;
	overflow:hidden;
	width:470px;
	height:41px;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/btn_lgDetail.png) no-repeat;
	text-indent:-9999px;
}


/* 問い合わせボタン */
p#btnLgask{
	margin:14px 0 8px;
	text-align:center;
}

p#btnLgask a{
	display:inline-block;
	/* IE6,7 hack */
	/display:block;
	overflow:hidden;
	width:470px;
	height:62px;
	background:url(http://i.yimg.jp/images/biz/bzc3/commerce/partner/img/btn_lgAsk.png) no-repeat;
	text-indent:-9999px;
}

/* ----------------------------------------
 * list.html
 * ---------------------------------------- */
table.liPtnrTable{
	width:930px;
	margin:9px 10px 0;
}

table.liPtnrTable th,
table.liPtnrTable td{
	padding:7px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px dotted #ccc;
}

table.liPtnrTable th.last,
table.liPtnrTable td.last{
  border-right:none;	
}

table.liPtnrTable th{
	background:#f1f1f1;
	font-weight:bold;
	text-align:center;
}

table.liPtnrTable td{
	line-height:1.25;
}

table.liPtnrTable th#cmp{width:420px;}
table.liPtnrTable th#url{width:;}