@charset "utf-8";

/* --------------------------------------------------
	SiteName : INFOCART
	FileName : style.css
	Description : style styles
	
	== TOC =========================================
	1 : top layout style
	2 : days layout style
	3 : career layout style
	4 : message layout style
	
-------------------------------------------------- */

a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

/* 1. top layout style
================================================== */
.buyer #loginWrap {
	background:#f8e7e9;
	border:1px solid #ddd;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-radius:0 0 6px 6px;
	padding:16px 3px 16px 18px;
	behavior: url(/test/yamada/htdocs/common/css/PIE.htc);
	position:relative;
}
.afiliate #loginWrap {
	background:#fef2e5;
	border:1px solid #ddd;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-radius:0 0 6px 6px;
	padding:16px 3px 16px 18px;
	behavior: url(/test/yamada/htdocs/common/css/PIE.htc);
	position:relative;
}
.shop #loginWrap {
	background:#eff2fb;
	border:1px solid #ddd;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-radius:0 0 6px 6px;
	padding:16px 3px 16px 18px;
	behavior: url(/test/yamada/htdocs/common/css/PIE.htc);
	position:relative;
}
.fieldL { float:left; width:441px; }
#loginField {
	background:#fff;
	border:1px solid #eee;
	padding:7px;
	margin-bottom:18px;
}
#loginField dt {
	float:left;
	width:160px;
	text-indent:10px;
	padding-top:7px;
	clear:left;
}
#loginField dd {
	padding:4px 0 7px 170px;
	border-bottom:1px solid #eee;
}
#loginField dd.pb0 { padding-bottom:0; }
#loginField dd input { width:251px; height:27px; }
#loginField dd.lastChild {
	border-bottom:none;
}
#seal { padding:46px 0 0 244px; margin-bottom:30px; }




/* 2. buyer layout style
================================================== */
.buyer h2.ttl {
	background:url(../images/buyer/bg_ttl_01.gif) no-repeat;
	line-height:42px;
	font-size:19.7px;
	font-weight:bold;
	color:#ffffff;
	padding:0 0 0 42px;
	position:relative;
	height:42px;
}
.buyer h2.ttl img#loginTtl { position:absolute; left:34px; top:7px; }
.buyer h2.ttl img.icn { position:absolute; left:3px; top:3px; }

.buyer ul.list li {
	background:url(../images/buyer/icon_02.gif) no-repeat 0.0em 0.6em;
	padding-left:8px;
	margin-bottom:4px;
}
.buyer .icn01 {
	background:url(../images/buyer/icon_02.gif) no-repeat 0.0em 0.4em;
	padding-left:8px;
}

.buyer a.btn01 {
	background:url(../images/buyer/icon_01.gif) no-repeat #fff;
	border:1px solid #d6d6d6;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	padding:2px 8px 2px 12px;
	font-size:10px;
	line-height:14px;
	display:inline-block;
	text-decoration:none;
	color:#595959;
	behavior: url(/test/yamada/htdocs/common/css/PIE.htc);
	position:relative;
}
.buyer a.btn01:hover {
	background:url(../images/buyer/icon_01_on.gif) no-repeat #ededed;
}
.buyer .news dt {
	background:url(../images/buyer/icon_02.gif) no-repeat 0.0em 0.4em;
	padding-left:8px;
}

#main .frameR {
	border:1px solid #ddd;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	margin-left:12px;
    margin-right:12px;
	behavior: url(/test/yamada/htdocs/common/css/PIE.htc);
}
#mainL .frameR {
	border:1px solid #ddd;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	margin-left:12px;
    margin-right:12px;
	behavior: url(/test/yamada/htdocs/common/css/PIE.htc);
}
.buyer #main .frameR h3.ttl {
	background:url(../images/buyer/bg_ttl_02.gif) no-repeat;
	line-height:25px;
	font-size:12px;
	margin:0 0 16px;
	color:#ffffff;
	padding-left:12px;
    vertical-align: middle;
}
.frameInner {
	padding:15px;
	width:688px;
}
.frameInner .pl185 { padding-left:185px; }
.boxCenter { text-align:center; border:1px solid #e8e8e8; padding:20px 0; }
#main .subTtl { margin-bottom:8px; }
.block .subTtl { border-top:1px solid #e8e8e8; }
.block .subTtl.brd0 { border-top:none; }
.inner { padding:4px; }

.buyer #lMenu .tSet01 {
	border-collapse:collapse;
	border-bottom:1px solid #e9e9e9;
	border-top:1px solid #e9e9e9;
	font-size:6px !important;
}
.buyer .tSet01 th {
	background:#f8e7e9;
	width:60px;
	font-weight:normal;
	padding:2px 0;
}
.buyer .tSet01 td {
	text-align:center;
	padding:2px 0;
	width:40px;
}

.buyer .confirm {
	background:#f8e7e9;
	text-align:center;
	font-weight:bold;
	color:#000;
	padding:15px 0;
}

.buyer .tSet02 {
	border-collapse:collapse;
	border:1px solid #ddd;
}
.buyer .tSet02 caption { text-align:left; font-size:10px; }
.buyer .tSet02 th {
	background:#f8e7e9;
	font-weight:normal;
	padding:2px 5px;
	border:1px solid #ddd;
}
.buyer .tSet02 td {
	border:1px solid #ddd;
	padding:2px 5px;
}

.buyer .tSet03 {
	border-collapse:collapse;
	border:1px solid #ddd;
}
.buyer .tSet03 caption { text-align:left; font-size:10px; }
.buyer .tSet03 th {
	background:#f8e7e9;
	font-weight:normal;
	padding:2px 5px;
	border:1px solid #ddd;
}
.buyer .tSet03 td {
	border:1px solid #ddd;
	padding:2px 5px;
}
.buyer .tSet03 th .alnC, .buyer .tSet03 td .alnC {
	text-align:center;
}
.buyer .tSet03 th .alnL, .buyer .tSet03 td .alnL {
	text-align:left;
}
.buyer .tSet03 th .alnR, .buyer .tSet03 td .alnR {
	text-align:right;
}



/* 4. afiliate layout style
================================================== */
.afiliate h2.ttl {
	background:url(../images/afiliate/bg_ttl_01.gif) no-repeat;
	line-height:42px;
	font-size:19.7px;
	font-weight:bold;
	/*color:#f86600; */
    color:#ffffff;
	padding:0 0 0 38px;
	position:relative;
	height:42px;
}
.afiliate h2.ttl img#loginTtl { position:absolute; left:38px; top:7px; }
.afiliate h2.ttl img.icn { position:absolute; left:5px; top:5px; }

.afiliate h3.ttl.with-icon {
  padding-left:24px !important;
  position:relative;
}
.afiliate h3.ttl img.icn { position:absolute; left:4px; top:3px; }

.afiliate ul.list li {
	background:url(../images/afiliate/icon_03.gif) no-repeat 0.0em 0.5em;
	padding-left:8px;
	margin-bottom:4px;
}
.afiliate .icn01 {
	background:url(../images/afiliate/icon_03.gif) no-repeat 0.0em 0.4em;
	padding-left:8px;
}

.afiliate a.btn01 {
	background:url(../images/afiliate/icon_01.gif) no-repeat #fff;
	border:1px solid #d6d6d6;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	padding:2px 8px 2px 12px;
	font-size:10px;
	line-height:14px;
	display:inline-block;
	text-decoration:none;
	color:#595959;
	behavior: url(/test/yamada/htdocs/common/css/PIE.htc);
	position:relative;
}
.afiliate a.btn01:hover {
	background:url(../images/afiliate/icon_01_on.gif) no-repeat #ededed;
}
.afiliate a.btn01.current {
	background:url(../images/afiliate/icon_01_on.gif) no-repeat #ededed;
}
.afiliate .news dt {
	background:url(../images/afiliate/icon_03.gif) no-repeat 0.0em 0.4em;
	padding-left:8px;
}
.w811 { width:811px; margin-left:12px; }

.afiliate #main .frameR h3.ttl {
	background:url(../images/afiliate/bg_ttl_02.gif) no-repeat;
	line-height:25px;
	font-size:12px;
	margin:0 0 16px;
	/*color:#f86600;*/
    color:#ffffff;
	padding-left:12px;
    vertical-align: middle;
}
.afiliate .frameR02 {
	background:url(../images/afiliate/bg_frame_01.gif) no-repeat;
	margin-left:12px;
	padding:6px 7px 6px 6px;
	width:798px;
	height:82px;
}
.afiliate #main .frameR02 h3.ttl {
	background:url(../images/afiliate/bg_ttl_03.gif) no-repeat;
	line-height:29px;
	font-size:15px;
	margin:0 0 0;
	color:#f86600;
	padding-left:12px;
}
.afiliate .frameR03 {
	background:url(../images/afiliate/bg_frame_02.gif) no-repeat;
	margin:0 0 50px 0;
	padding:6px 7px 6px 6px; 
	width:387px;
	height:298px;
	position:relative;
	behavior: url(/test/yamada/htdocs/common/css/PIE.htc);
}
.afiliate .frameR03.ml0 { margin-left:0; }
.afiliate #main .frameR03 h3.ttl {
	background:url(../images/afiliate/bg_ttl_04.gif) no-repeat;
	line-height:29px;
	font-size:15px;
	margin:0 0 0;
	color:#f86600;
	padding-left:12px;
}
.afiliate #main .frameR03 .frameInner {
	padding:10px;
	width:367px;
}
/*.afiliate .rss { position:absolute; right:11px; top:41px; }*/
.afiliate .rss { position:absolute; right:5px; top:6px; }
.boxCenter { text-align:center; border:1px solid #e8e8e8; padding:20px 0; }
#main .subTtl { margin-bottom:8px; }
.block .subTtl { border-top:1px solid #e8e8e8; }
.block .subTtl.brd0 { border-top:none; }
.inner { padding:4px; }

.afiliate #lMenu .tSet01 {
	border-collapse:collapse;
	border-bottom:1px solid #e9e9e9;
	border-top:1px solid #e9e9e9;
	font-size:10px !important;
}
.afiliate .tSet01 caption { text-align:left; font-size:10px; }
.afiliate .tSet01 th {
	background:#fedfc9;
	width:60px;
	font-weight:normal;
	padding:2px 0;
}
.afiliate .tSet01 td {
	text-align:center;
	padding:2px 0;
	width:40px;
}

.afiliate .confirm {
	background:#fedfc9;
	text-align:center;
	font-weight:bold;
	color:#000;
	padding:15px 0;
}

.afiliate .tSet02 {
	border-collapse:collapse;
	border:1px solid #ddd;
}
.afiliate .tSet02 caption { text-align:left; font-size:10px; }
.afiliate .tSet02 th {
	background:#fedfc9;
	font-weight:normal;
	padding:2px 5px;
	border:1px solid #ddd;
}
.afiliate .tSet02 td {
	border:1px solid #ddd;
	padding:2px 5px;
}

.afiliate .tSet03 {
	border-collapse:collapse;
	border:1px solid #ddd;
	table-layout: fixed;
	word-wrap: break-word;
}
.afiliate .tSet03 caption { text-align:left; font-size:10px; }
.afiliate .tSet03 th {
	background:#fedfc9;
	font-weight:normal;
	padding:2px 5px;
	border:1px solid #ddd;
}
.afiliate .tSet03 td {
	border:1px solid #ddd;
	padding:2px 5px;
}

.brdTop {
	border-top:1px solid #ccc;
	padding-top:2px;
}
.brdBtm {
	border-bottom:1px solid #e9e9e9;
	padding-bottom:3px;
}


/* 4. shop layout style
================================================== */
.shop h2.ttl {
	background:url(../images/shop/bg_ttl_01.gif) no-repeat;
	line-height:42px;
	font-size:19.7px;
	font-weight:bold;
	/*color:#5e7fdf;*/
    color:#ffffff;
	padding:0 0 0 42px;
	position:relative;
	height:42px;
}
.shop h2.ttl img#loginTtl { position:absolute; left:38px; top:7px; }
.shop h2.ttl img.icn { position:absolute; left:5px; top:5px; }

.shop ul.list li {
	background:url(../images/shop/icon_02.gif) no-repeat 0.0em 0.5em;
	padding-left:8px;
	margin-bottom:4px;
}
.shop ul.list li.noarrow {
    /* background-image: none; */
    font-weight: bold;
}
.shop .icn01 {
	background:url(../images/shop/icon_02.gif) no-repeat 0.0em 0.4em;
	padding-left:8px;
}

.shop a.btn01 {
	background:url(../images/shop/icon_01.gif) no-repeat #fff;
	border:1px solid #d6d6d6;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	padding:2px 8px 2px 12px;
	font-size:10px;
	line-height:14px;
	display:inline-block;
	text-decoration:none;
	color:#595959;
	behavior: url(/test/yamada/htdocs/common/css/PIE.htc);
	position:relative;
}
.shop a.btn01:hover {
	background:url(../images/shop/icon_01_on.gif) no-repeat #ededed;
}
.shop a.btn01.current {
	background:url(../images/shop/icon_01_on.gif) no-repeat #ededed;
}
.shop .news dt {
	background:url(../images/shop/icon_02.gif) no-repeat 0.0em 0.4em;
	padding-left:8px;
}
.w811 { width:811px; margin-left:12px; }

.shop #main .frameR h3.ttl {
	background:url(../images/shop/bg_ttl_02.gif) no-repeat;
	line-height:23px;
    height:25px;
	font-size:12px;
	margin:0 0 16px;
	/*color:#5e7fdf;*/
    color:#ffffff;
	padding-left:8px;
    vertical-align: middle;
    position: relative;
}
.shop h3.ttl.with-icon {
    padding-left:24px !important;
}
.shop h3.ttl img.icn { position:absolute; left:2px; top:2px;}
.shop .frameR02 {
	background:url(../images/afiliate/bg_frame_01.gif) no-repeat;
	margin-left:12px;
	padding:6px 7px 6px 6px;
	width:798px;
	height:82px;
}
.shop #main .frameR02 h3.ttl {
	background:url(../images/afiliate/bg_ttl_03.gif) no-repeat;
	line-height:29px;
	font-size:15px;
	margin:0 0 0;
	color:#f86600;
	padding-left:12px;
}
.shop .frameR03 {
	background:url(../images/afiliate/bg_frame_02.gif) no-repeat;
	margin:0 0 50px 0;
	padding:6px 7px 6px 6px; 
	width:387px;
	height:298px;
	position:relative;
}
.shop .frameR03.ml0 { margin-left:0; }
.shop #main .frameR03 h3.ttl {
	background:url(../images/afiliate/bg_ttl_04.gif) no-repeat;
	line-height:29px;
	font-size:15px;
	margin:0 0 0;
	color:#f86600;
	padding-left:12px;
}
.shop #main .frameR03 .frameInner {
	padding:10px;
	width:367px;
}
.shop .rss { position:absolute; right:11px; top:41px; }
.boxCenter { text-align:center; border:1px solid #e8e8e8; padding:20px 0; }
#main .subTtl { margin-bottom:8px; }
.block .subTtl { border-top:1px solid #e8e8e8; }
.block .subTtl.brd0 { border-top:none; }
.inner { padding:4px; }

.shop #lMenu .tSet01 {
	border-collapse:collapse;
	border-bottom:1px solid #e9e9e9;
	border-top:1px solid #e9e9e9;
	font-size:10px !important;
}
.shop .tSet01 caption { text-align:left; font-size:10px; }
.shop .tSet01 th {
	background:#ebebeb;
	width:60px;
	font-weight:normal;
	padding:2px 0;
}
.shop .tSet01 td {
	padding:2px 0;
	width:40px;
}

.shop .confirm {
	background:#eff2fb;
	text-align:center;
	font-weight:bold;
	color:#000;
	padding:15px 0;
}

.shop .tSet02 {
	border-collapse:collapse;
	border:1px solid #ddd;
	table-layout: fixed;
	word-wrap: break-word;
}
.shop .tSet02 caption { text-align:left; font-size:10px; }
.shop .tSet02 th {
	background:#ebebeb;
	text-align:center;
	font-weight:normal;
	padding:5px;
	border:1px solid #ddd;
}
.shop .tSet02 td {
	border:1px solid #ddd;
	padding:5px;
}
.shop .tSet02 td .field01 {
	background:#f0f0f0;
	border:1px solid #e0e0e0;
	height:23px;
	width:270px;
}
.shop .tSet02 td .field02 {
	background:#f0f0f0;
	border:1px solid #e0e0e0;
	height:23px;
	width:90px;
}
.shop td.tSetOdd {
    background: #fbfbfb;
}

.shop .tSet03 {
	border-collapse:collapse;
	border:1px solid #ddd;
}
.shop .tSet03 caption { text-align:left; /*font-size:10px;*/ font-weight:bold; }
.shop .tSet03 th {
	background:#ebebeb;
	padding:5px 12px;
	border:1px solid #ddd;
}
.shop .tSet03 td {
	border:1px solid #ddd;
	padding:5px 12px;
}
.shop .tSet03 td.alnL { text-align:left; }
.shop .tSet03 td.alnR { text-align:right; }
.shop .tSet03 td.blue { color:#2645b2; }
.shop .tSet03 td.orange { color:#f86600; }

.shop .posR { position:relative; }
.shop .posA { position:absolute; bottom:8px; right:8px; }


/* 6. common layout style
================================================== */
.f12 { font-size:12px; }
.f10 { font-size:10px; }
#main .imgR {
	width:230px;
	float:right;
	display:inline;
}
#main .imgL {
	width:230px;
	float:left;
	display:inline;
}
#main .txtR {
	width:380px;
	float:right;
	display:inline;
}
#main .txtL {
	width:380px;
	float:left;
	display:inline;
}

.cap { margin:10px 0; }
.cap a { margin-top:-2px; background:#ededed; padding:0 4px; text-decoration:none; }
.cap a.current { background:#fff; padding: 0 4px; }
.prev a { background:url(../images/share/icon_prev.gif) no-repeat; padding-left:15px; text-decoration:underline; }
.next a { background:url(../images/share/icon_next.gif) no-repeat right top; padding-right:15px; text-decoration:underline; }
.prev a:hover { background:url(../images/share/icon_prev_on.gif) no-repeat; padding-left:15px; }
.next a:hover { background:url(../images/share/icon_next_on.gif) no-repeat right top; padding-right:15px; }
.cap li { display:inline; }

.error {
	border:2px solid #ff0000 !important;
    min-height:40px;
	margin-left:12px;
	font-weight:bold;
    vertical-align:middle;
	color:#ff0000;
	padding:15px 0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	behavior: url(/test/yamada/htdocs/common/css/PIE.htc);
    padding: 15px 15px 15px 75px;
    background:url(/common/images/share/icon_alert.png) no-repeat 15px 15px #ffff00;
}

.error2 {
	border:1px solid #ddd;
	background:#FFFF00;
	text-align:center;
	font-weight:bold;
	color:#ff0000;
	padding:15px 0;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	behavior: url(/test/yamada/htdocs/common/css/PIE.htc);
}
.comp {
	background:#ddd;
	text-align:center;
	font-weight:bold;
	color:#000;
	padding:15px 0;
}
.exp { font-size:11px; color:#000; }


input.formBtn {
	/*background:url(../images/share/h_btn_search_01.gif) no-repeat;*/
	height:19px;
	width:47px;
	border:none;
	/*text-indent:-9999px;*/
	cursor:pointer;
}
input.formBtn:hover {
	/*background:url(../images/share/h_btn_search_01_on.gif) no-repeat;*/
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.formBtn.current {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}


a.txtBtn01 {
	background:url(../images/share/bg_btn_01.gif) no-repeat;
	padding:10px 44px;
	border:1px solid #bfbfbf;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	text-decoration:none;
	color:#444;
	display:inline-block;
	behavior: url(/test/yamada/htdocs/common/css/PIE.htc);
	position:relative;
    font-weight: bold;
}
a.txtBtn01:hover, a.txtBtn01.current {
	background:url(../images/share/bg_btn_01_on.gif) no-repeat;
}
a.txtBtn02 {
	background:url(../images/share/bg_btn_02.gif) no-repeat;
	padding:10px 44px;
	border:1px solid #bfbfbf;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	text-decoration:none;
	color:#fff;
	display:inline-block;
	behavior: url(/test/yamada/htdocs/common/css/PIE.htc);
	position:relative;
    font-weight: bold;
}
a.txtBtn02:hover, a.txtBtn02.current {
	background:url(../images/share/bg_btn_02_on.gif) no-repeat;
	color:#444;
}
a.txtBtn02:disabled, a.txtBtn02.disabled {
  opacity:0.35;
  pointer-events:none;
}
a.txtBtn03 {
	background:url(../images/share/bg_btn_03.gif) no-repeat;
	padding:10px 44px;
	border:1px solid #bfbfbf;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	text-decoration:none;
	color:#fff;
	display:inline-block;
	behavior: url(/test/yamada/htdocs/common/css/PIE.htc);
	position:relative;
    font-weight: bold;
}
a.txtBtn03:hover, a.txtBtn03.current {
	background:url(../images/share/bg_btn_03_on.gif) repeat-x;
	color:#444;
}
a.txtBtn04 {
	background:url(../images/share/bg_btn_05.gif) repeat-x;
	padding:10px 44px;
	border:1px solid #bfbfbf;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	text-decoration:none;
	color:#444;
	display:inline-block;
	position:relative;
	behavior: url(/test/yamada/htdocs/common/css/PIE.htc);
    font-weight: bold;
}
a.txtBtn04 span img { vertical-align:middle; }
a.txtBtn04:hover, a.txtBtn04.current {
	background:url(../images/share/bg_btn_05_on.gif) repeat-x #e0e0e0;
	color:#444;
}
a.txtBtn05, button.txtBtn05 {
    background:url(../images/share/bg_btn_06.gif) no-repeat;
    padding: 10px 40px 10px 50px;
    border: 1px solid #bfbfbf;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    text-decoration:none;
    color:#fff;
    display: inline-block;
	behavior: url(/test/yamada/htdocs/common/css/PIE.htc);
	position:relative;
    letter-spacing: 2px;
    font-size: 13px;
    font-weight: bold;
}
a.txtBtn05:hover, a.txtBtn05.current, button.txtBtn05:hover {
    background:url(../images/share/bg_btn_06_on.gif) no-repeat;
    color:#444;
}


.btn01_off {
	background:url(../images/share/icon_01_off.gif) no-repeat #c1c1c1;
	border:1px solid #d6d6d6;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	padding:2px 8px 2px 12px;
	font-size:10px;
	line-height:14px;
	display:inline-block;
	text-decoration:none;
	color:#595959;
	behavior: url(/test/yamada/htdocs/common/css/PIE.htc);
	position:relative;
}

a.btn02 {
	background:url(../images/share/formBtn02.gif) repeat-x;
	border:1px solid #f66700;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	padding:1px 12px;
	font-size:10px;
	line-height:14px;
	display:inline-block;
	text-decoration:none;
	text-align:center;
	color:#fff;
	behavior: url(/test/yamada/htdocs/common/css/PIE.htc);
	position:relative;
}
a.btn02:hover, a.btn02.current {
	background:url(../images/share/formBtn02_on.gif) repeat-x #ededed;
	border:1px solid #fbb380;
}
a.btn03 {
	background:url(../images/share/formBtn03.gif) repeat-x;
	border:1px solid #ddd;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	padding:1px 12px;
	font-size:10px;
	line-height:14px;
	display:inline-block;
	text-decoration:none;
	text-align:center;
	color:#595959;
	behavior: url(/test/yamada/htdocs/common/css/PIE.htc);
	position:relative;
}
a.btn03:hover, a.btn03.current {
	background:#ededed;
	border:1px solid #ddd;
}
a.btn04 {
	background:url(../images/share/formBtn04.gif) repeat-x;
	border:1px solid #dd0000;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	padding:1px 12px;
	font-size:10px;
	line-height:14px;
	display:inline-block;
	text-decoration:none;
	text-align:center;
	color:#fff;
	behavior: url(/test/yamada/htdocs/common/css/PIE.htc);
	position:relative;
}
a.btn04:hover, a.btn04.current {
	background:url(../images/share/formBtn04_on.gif) repeat-x;
	border:1px solid #dd0000;
	color:#fff;
}

.radius { display:inline-block; }



.tSetForm {
	border-collapse:collapse;
	border:1px solid #ccc;
}
.tSetForm caption { text-align:left; font-size:10px; }
.tSetForm th {
	background-color:#e3e3e3;
	font-weight:normal;
	padding:2px 5px;
	border:1px solid #ccc;
	text-align:left;
}
.tSetForm th.required:before {
    content: "　";
    background: url(/common/images/share/icon_must.png) no-repeat;
    display: block;
    position: relative;
    right: 0px;
    top: 2px;
    float: right;
    width: 38px;
    height: 18px;
}
.tSetForm td {
	border:1px solid #ccc;
	padding:2px 5px;
	text-align:left;
}

.parts dl { border-bottom:1px dotted #ccc; margin-bottom:5px; padding-bottom:5px; }
.formEnd { margin:15px auto; text-align:center; }

textarea { font-size:12px; }


.pbt3 { padding:3px 0; }
.pbt2 { 
  padding: 3px 0px 3px 3px; }

ol {
  margin-left: 20px;
  list-style-type: decimal;
}

ol li {
  margin-top: 4px;
  margin-bottom: 4px;
}


img.icon {
  vertical-align:middle;
  margin-right:5px;
}

.tSet02 th.required:before {
    content: "　";
    background: url(/common/images/share/icon_must.png) no-repeat;
    display: block;
    position: relative;
    right: 0px;
    top: 2px;
    float: right;
    width: 38px;
    height: 18px;
    margin-left: 10px;
}

em {
  font-style: normal;
  font-weight: bold;
}

.fambtn {
  border-radius: 2px;
  box-shadow: 2px 2px 2px 0px #ddd;
}

.row {
  *zoom: 1;
}

.row:before, .row:after {
  display: table;
  line-height: 0;
  content: "";
}

.man-entries {
}

.man-entry {
  width: 330px;
  height:98px;
  display: inline-block;
  border-bottom: 1px dashed #ddd;
}

.man-entry-visual {
  display: inline;
  float:left;
  margin-bottom: 18px;
  width:120px;
}

.man-entry-body {
  display: inline;
  float:right;
  width:200px;
}

.man-entry-body a {
}

.man-entry-body a:before {
  content: url(/common/images/buyer/icon_02.gif);
  display: inline-block;
  margin-right: 5px;
}

.man-entry img {
  border: 1px solid #ddd;
}

#main .man-entry p.desc {
  margin-top: 10px;
  font-size: 11px;
  margin-bottom: 0px;
  line-height: 15px;
  float:right;
}

.mr20 {
  margin-right: 20px;
}

#footer3 {
  margin-top: 50px;
}

.footer-container {
  width:980px;
  margin: 0 auto;
}

#service-list {
  font-size: 0;
}

#service-list img {
  margin-right: 10px;
}

#service-list a:last-child img {
  margin-right: 0px;
}

#service-list2 {
  margin-bottom: 20px;
}

#service-list2:after {
  content: "";
  clear: both;
  display: table;
  line-height: 0;
}

#guide-list {
  width: 410px;
  display: inline;
  float: left;
  font-size: 0;
}

#guide-list img {
  margin-right: 10px;
}

#guide-list a:last-child img {
  margin-right: 0px;
}

#sns-list {
  width: 560px;
  display: inline;
  float: right;
  font-size: 0;
}

#sns-list img {
  margin-right: 8px;
}

#sns-list a:last-child img {
  margin-right: 0px;
}

#sns-list h5 {
  font-size: 11px;
  line-height: 14px;
  font-weight: bold;
  background: #cf000d;
  color: #ffffff;
  margin-bottom: 4px;
  text-align: center;
}

#footer-low {
  background: url(/common/images/share/footer_bg.png) repeat-x;
}

#intro-list {
  width: 980px;
  margin: 0 auto;
  text-align: center;
  padding-top: 18px;
  height:50px;
  box-sizing: padding-box;
}

#intro-list a {
  text-decoration: none;
  color: #1c1b1b;
  display: inline-block;
  margin: 0 8px 0 8px;
  font-size: 12px;
}

#intro-list a:hover {
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter:alpha(opacity = 70);
}

#intro-list a:before {
  content: url(/common/images/share/footer_mark.gif);
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

#tm-area {
  width: 980px;
  margin: 0 auto;
  position: relative; 
  height: 100px;
}

#tm-area .tm-logo {
  left: 0;
  top: 40px;
  position: absolute;
}

#tm-area p.seal {
  color: #1c1b1b;
  font-size: 12px;
  position: absolute;
  right: 0;
  top: -30px;
}

#copy-area {
  width: 100%;
  margin: 0 auto;
  font-size: 12px;
  color: white;
  text-align: center;
  height: 33px;
  box-sizing: padding-box;
  padding-top: 7px;
  background-color: #cf000d;
}

#footer3 a:hover img {
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter:alpha(opacity = 70);
}

.side-banner {
  margin-top: 17px;
}

.for-review {
  margin: 0 12px;
  border: 3px solid #ddd;
  border-radius: 5px;
  padding: 16px 16px;
}

#main .for-review h3 {
  margin: 0 100px;
  background: #ff0013;
  color: white;
  padding: 6px 0;
  text-align: center;
  font-size: 14px;
  border-radius: 2px;
}

#main .for-review img {
  vertical-align: bottom;
}

#main .for-review ul {
  text-align: center;
  margin: 15px 0 15px;
}

.for-review ul:after {
  clear: both;
}

.for-review ul li {
  display: inline;
  margin: 0 20px;
  font-weight: bold;
  font-size: 14px;
}

.for-review ul li:before {
  content: url(/common/images/shop/icon_doc.png);
  display: inline;
  vertical-align: bottom;
}

a.image-button:hover img {
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter:alpha(opacity = 70);
}

.before-submit {
  margin: 0 12px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-image: -moz-linear-gradient(top, #ffffff, #f3f3f3);
  background-image: -ms-linear-gradient(top, #ffffff, #f3f3f3);
  background-image: -o-linear-gradient(top, #ffffff, #f3f3f3);
  background-image: -webkit-linear-gradient(top, #ffffff, #f3f3f3);
  background-image: linear-gradient(top, #ffffff, #f3f3f3);
  position: relative;
}

#beforesubmit-bg {
  right: 20px;
  top: 20px;
  position:absolute;
  z-index: 1;
}

#beforesubmit-fg {
  z-index: 2;
  position:relative;
}

#main .before-submit h3 {
  font-size: 24px;
  color: red;
  width: 500px;
  margin: 30px auto 20px;
  text-align: center;
}

.before-submit-row:after {
  content: "";
  clear: both;
  display: table;
  line-height: 0;
}

.before-submit p {
  margin: 0 auto;
  width: 500px;
}

ul.before-submit-left {
  width: 325px;
  display: inline;
  float:left;
  margin-left: 30px;
}

ul.before-submit-right {
  width: 325px;
  display: inline;
  float: right;
  margin-left: 10px;
  margin-right: 10px;
}

.before-submit ul {
  list-style-image: url(/common/images/share/icon_before.png);
  vertical-align: bottom;
}

#banklist {
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 8px 8px;
  margin-bottom: 10px;
}

#banklist ul {
  list-style-type: disc;
  list-style-position: inside;
  margin-bottom: 0;
}

#footer3 .security {
  margin: 0 0 16px;
  border-style: solid;
  border-color: #ededed;
  border-width: 2px 0;
  padding: 33px 0 23px;
  text-align: center;
  position: relative;
}

#footer3 .security h4 {
  margin: 0 0 20px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  line-height: 1.5;
  color: #000000;
}

#footer3 .security ul {
  list-style: outside none none;
  padding: 0;
  margin: 0;
}

#footer3 .security ul > li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 30px;
  font-size: 14px;
}

#footer3 .security ul > li.drm {
  display: none;
}

#footer3 .security2 {
  padding: 16px 0 20px;
}
#footer3 .security2 h4 {
  margin: 0 0 10px;
  font-size: 12px;
  color: inherit;
}
#footer3 .security2 ul > li {
  margin: 0 10px;
}

#footer3 .security.drmon ul > li {
  margin: 0 18px;
}
#footer3 .security.drmon ul > li:first-child {
  margin-left: 0;
}
#footer3 .security.drmon ul > li:last-child {
  margin-right: 0;
}
#footer3 .security.drmon ul > li.drm {
  display: inline-block;
}
#footer3 .security.security2.drmon ul > li {
  margin: 0 10px;
}


#drm-area {
  border: 2px solid #888;
	background: url(../../img/item_copyright_01a.jpg) no-repeat right bottom;
	width: 686px;
	box-sizing: border-box;
	padding: 20px;
	display: none;
	position: absolute;
	top:-50%;
	left:-30px;
	background-color: white;
	text-align: left;
}
#drm-area:before {
  position: absolute;
  top: 48%;
  right: -12px;
  content: "";
  display: block;
  border: solid #888;
  border-color: transparent transparent transparent #888;
  border-width: 7px 0 7px 12px;
  width: 0;
}
#drm-area:after {
  position: absolute;
  top: 48%;
  right: -8px;
  content: "";
  display: block;
  border: solid #FFF;
  border-color: transparent transparent transparent #FFF;
  border-width: 7px 0 7px 12px;
  width: 0;
}
#drm-area #copy_ttl, #drm-area2 #copy_ttl {
  margin: 0 0 30px 0px;
}
#drm-area #copy_txt, #drm-area2 #copy_txt {
	width:420px;
	line-height:18px;
	font-size: 12px;
}
#drm-area #copy_banner, #drm-area2 #copy_banner {
  margin: 28px 0 5px;
  text-align: center;
}
#drm-area #copy_banner a, #drm-area2 #copy_banner a {
  display: inline-block;
  margin-right: 6px;
}
#drm-area #copy_banner a:last-child, #drm-area2 #copy_banner a:last-child {
  margin-right: 0;
}

/*-------------------------------------------------
	scrollbnr
---------------------------------------------------*/
#sankaku .inner { /*cp共通*/
	width: 980px;
	margin: 0 auto;
}

#mailnews, #spsite {
	position: fixed;
	bottom: 110px;
	right: 0;
	z-index: 11;
}
#theContactB {
  position:fixed; bottom:0; left:0; z-index:10;
}
#mailnews .bnrMain, #spsite .bnrMain, #theContactB .bnrMain {
	background: rgb(255, 255, 255);
	display:block;
}
#mailnews .newsClose, #spsite .newsClose {
	right: 0;
	position: absolute;
	top: -2px;
	cursor: pointer;
}
#theContactB .contactClose {
  left: 0; position:aboslute;cursor:pointer;
}
#theContactB .contactClose img {vertical-align:bottom;}
#mailnews .newsClose:hover, #spsite .newsClose:hover, #theContactB .contactClose:hover {
  opacity:0.8;
}
#sankaku {
	position: fixed;
	z-index: 10;
	background: rgb(0, 0, 0);
	bottom: 0;
	height: 110px;
	opacity: 0.8;
	right: 0;
	left: 0;
	width: 100%;
}
/*--パターン１
#sankaku #sankakuClose {
	z-index: 11;
	right: 0;
	bottom: 80px;
	position: absolute;
}
/*--パターン２--*/
#sankaku .inner {
	width: 980px;
	position: relative;
}
#sankaku .inner #sankakuClose {
	z-index: 11;
	right: 0;
	top: 5px;
	position: absolute;
	opacity: 1;
	cursor:pointer;
}
#sankaku .inner #sankakuClose:hover {
  opacity:0.8;
}


#theContact {
  left:0;
  width:100px;
  /*height:480px;*/
  height:525px;
  z-index:100;
  position:fixed;
  transition:transform 0.3s linear;
  display:block;
  background:white;
}
#theContact.flowMode {
  position:absolute;
}
#theContact>a:hover {
  opacity:0.9;
}
#theContact:not(.flowMode):hover {
  transform:translateY(-446px);
}
#theContact>a:focus {
  outline:none;
}
#cboxOverlay.theContactColorBox {
  transition: opacity 0.25s linear;
}
#colorbox.theContactColorBox {
  transition: top 0.25s linear;
  top:-2000px;
}
#theContactPopup { color: #000000; font-size:1em; line-height:1.7; background-color:#fff; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
}
#theContactPopup img { vertical-align:bottom; }
#theContactPopup a img { border:0; }
/* html,body,div,h1,h2,h3,h4,span,p,ul,li,img { margin:0; padding:0; } */
#theContactPopup li { list-style: none;}
#theContactPopup .tac { text-align:center; }
#theContactPopup .tar { text-align:right; }
#theContactPopup a { color: #4098bf; }
#theContactPopup a:visited { color: #ff3300; }
#theContactPopup a:hover { color: #ff3300; }
#theContactPopup .cr { clear:both; }
#theContactPopup .fb { font-weight:bold; }
#theContactPopup .fs10 { font-size:0.625em; }
#theContactPopup .fs12 { font-size:0.75em; }
#theContactPopup .fs14 { font-size:0.875em; }
#theContactPopup .fs18 { font-size:1.2em; }
#theContactPopup .fs24 { font-size:1.5em; }
#theContactPopup .fs30 { font-size:1.875em; }
#theContactPopup .fs36 { font-size:2.2em; }
#theContactPopup .fs40 { font-size:2.5em; }
#theContactPopup .fs56 { font-size:3.5em; }
#theContactPopup .fcw { color:#ffffff; }
#theContactPopup .fcr { color:#cf000d; text-decoration: underline; }
#theContactPopup .mt10 { margin-top: 10px; }
#theContactPopup .mt20 { margin-top: 20px; }
#theContactPopup .mt30 { margin-top: 30px; }
#theContactPopup .mt60 { margin-top: 60px; }
#theContactPopup .ml20 { margin-left: 20px; }
#theContactPopup .mr10 { margin-right: 10px; }
#theContactPopup .mr20 { margin-right: 20px; }
#theContactPopup .mb10 { margin-bottom: 10px; }
#theContactPopup .mb20 { margin-bottom: 20px; }
#theContactPopup .mb30 { margin-bottom: 30px; }
#theContactPopup .mb40 { margin-bottom: 40px; }
#theContactPopup .mb50 { margin-bottom: 50px;}
#theContactPopup .mb60 { margin-bottom: 60px; }
#theContactPopup .pd30 { padding: 30px; }
#theContactPopup .fll { float:left; }
#theContactPopup .flr { float:right; }
#theContactPopup .cr { clear: both;}
#theContactPopup .ovh { overflow: hidden;}
/*h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}*/
#theContactPopup a:link	{ text-decoration:none; color:#ffffff;}
#theContactPopup a:hover	{ text-decoration:underline; color:#ffffff; }


/* contents
------------------------------------- */
#theContactPopup #contact-all { width: 960px; min-height:100%; _height:100%; overflow: hidden; }
#theContactPopup .close-area { background-image: url(../images/contact/close-bg.jpg); text-align: right; padding:5px 10px; line-height: 0;}
#theContactPopup .info-area { background-image: url(../images/contact/info-bg.jpg); background-size: cover; padding: 5px 10px 10px 10px;}
#theContactPopup .info-area img { float: left; margin:5px 10px;}
#theContactPopup .footer-area { width:100%; background-color: #000000; overflow:hidden; padding:10px 10px 0 10px; }
#theContactPopup .footer-area p {color: #ffffff; line-height: 1.3;}
#theContactPopup .adress-box { width: 590px; margin-right: 15px; overflow: hidden; float: left;}
#theContactPopup .footer-menu { margin-top: 10px;}
#theContactPopup .footer-menu li { background: url(../images/contact/yajirushi.gif) top left no-repeat; padding:0 0 13px 16px; overflow:hidden; font-size: 12px; line-height: 13px; }
#theContactPopup .logo-area { width:100%; overflow:hidden; padding:3px 0; clear: both; }