/*=======================================
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved.
=======================================*/

@charset "utf-8";
/* CSS Document */
/*======================= RESET =======================*/
body {
	line-height:1.2;
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6,p,div,ul,ol,li,dl,dd,dt,form {margin:0;padding:0;font-weight:normal;}
img {padding:0; margin:0; border:0;}
li {list-style:none;}
table {
	margin:0;
	padding:0;
	border-collapse: collapse;
	border-spacing:0;
}
caption{text-align:left;}
table,pre,code,select,input,textarea,kbd,var,ins,del,samp{font-size:100%;}
address,cite,dfn,em,strong,var,th,ins,del,samp,i{
	font-weight:normal;
	font-style:normal;
}

/* EMG */
.EMG { clear:both; text-align:center;}
.EMG table {margin:10px auto;}
.EMG table table {margin:0;}
/* ---------- 3:ClearFix ---------- */
.cf:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
}
.cf {/** for Win IE5.5-7 */
	zoom:1;
}
h1,h2,h3,h4,h5,h6,p,div,ul,ol,li,dl,dd,dt,div,form {
	margin:0;padding:0;font-weight:normal;font-size:100%;
}
/*======================= COMMON =======================*/

h1,h2,h3,ul,li,dl,dt,dd,p,address {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:100%;
	list-style:none;
	text-decoration:none;
}
body {
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS UI Gothic",Helvetica,Arial,sans-serif;
	margin:0;
	padding:0;
	color:#333333;
}

img {border:none;}
a {color:#2a7bb4;text-decoration:none;}
a:hover {color:#2a7bb4;text-decoration:underline;}
a:visited {color:#2a7bb4;}

.errorText {
	color: #DC0000;
	font-weight: bold;
	padding: 5px;
	background:#e6f0f8;
}

/* ==================== CLOSE_INFO ===================== */

.close_info {padding:15px; text-align:center; color:#f00; font-weight:bold; background:#f1f0e8;}

/* ==================== HEADER ===================== */

#header {
	background: #ffda45;
	display: block;
	width: 100%;
	height: 60px;
}

#header_outside {
	background: #fff;
	display: block;
	width: 100%;
	height: 56px;
	border-top: 4px #ffda45 solid;
}

.wrpHeader {
	position: relative;
	width: 950px;
	height: 56px;
	margin: 0 auto;
	font-size: 75%;
}
.evtComBarLogo {
	display: block;
	width: 133px;
	height: 50px;
	float: left;
	margin: 3px 10px 0 0;
	text-indent: -9999px;
}
.evtComBarLogo a {
	display: block;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/auc_logo_01.png") no-repeat 50% 50%;
	width: 133px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
}

/* Loginモジュール ※消す場合はdisplay: none; */

.campLogin {
    float: left;
    max-width: 540px;
    margin-top: 15px;
    color: #333;
    /* display: none; */
}
.campLogin, .campLogin a {
	color: #333;
}


.snsArea {
	float: right;
	margin: 8px 0;
	display: inline-block;
	*display:inline;
	*zoom:1;
	position: relative;
}


/* 当選履歴ボタンモジュール ※消す場合はdisplay: none; */
.btnHistory {
	float: left;
	margin-top: 9px;
	width: 136px;
	height: 24px;
	display: block;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/btn_history_01.png") no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
	display: none;
}
.btnHistory a {
	display: block;
	width: 136px;
	height: 24px;
	text-decoration: none;
}


/* SNSボタンモジュール ※消す場合はdisplay: none; */
.ptsSNS {
	float: left;
  padding: 0;
  margin-top: 9px;
  margin-left: 15px;
	/* display: none; */
}
.ptsSNS li {
	margin-right: 5px;
	min-height: 22px; 
   vertical-align: middle;
	display: inline-block;
	*display:inline !important;
	*zoom:1;
	position: relative;
}
iframe.twitter-share-button {
	vertical-align: top;
}

/* 外部ロゴ表示 ※消す場合はdisplay: none; */
.ptsLOGOoutside {
	float: left;
	width: 160px;
	height: 40px;
	display: block;
	margin-left: 15px;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/logo_outside.png") no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
	display: none;
}
.ptsLOGOoutside a {
	display: block;
	width: 160px;
	height: 40px;
	text-decoration: none;
}


/* マストヘッダメニュー ※消す場合はdisplay: none; */
.yjmthcmnlnkarea { 
	float: right; 
	width:240px; 
	margin: 12px 3px 0 15px; 
	font-size:100%; 
	text-align: right; 
	line-height: 110%;
	display: none;
}

.yjmthcmnlnkarea a { color:#333; }
.yjmthcmnlnkarea .st01 { 
	display: inline-block;
	*display:inline;
	*zoom:1;
	padding: 3px 0 0 17px;
	background-image: url('https://s.yimg.jp/images/auct/template/promo/tpl_common/images/icon_beginner.png');
	background-repeat: no-repeat;
	background-position: ０ ０;
}

/*======================= FOOTER =======================*/

#footer {
 width: 100%;
 background:#ffda45;
}

#footer .cmnFtr {
	margin-top: 5px;
	padding: 0 0 15px;
	color:#333;
}

#footer .cmnFtr a {
	color:#333;
}

#footer .cmnFtr hr {
	display: none;
}

#footer .cmnFtr .ptsFmenu {
	display: block;
	margin: 0 auto;
	text-align: center;
	font-size: 80%;
}

/*============ footer modSearch ===========*/

#footer .modSearch {
	margin: 0 auto 10px;
	padding-top: 10px;
	text-align:center;
}
#footer .modSearch ul {
	display:block;
	margin: 15px auto;
	width:626px;
	text-align:middle;
	background: url(https://s.yimg.jp/images/auct/template/promo/tpl_common/images/bg_modSearch.gif) no-repeat;
}
#footer .modSearch .ptsSelect {
	display:block;
	width: 220px;
	float: left;
	margin: 2px 6px 2px 0;
	vertical-align: middle;
}
#footer .modSearch .ptsTextarea {
	display:block;
	width: 350px;
	float: left;
	margin: 2px 0 5px;
	vertical-align: middle;
}
#footer .modSearch .ptsBtn {
	display:block;
	width: 50px;
	float: left;
	margin-bottom:5px;
	vertical-align: middle;
}
#footer .modSearch span.formKey {
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:330px;
	margin:0 auto;
	padding:8px 10px;
	vertical-align:middle;
}
#footer .modSearch .formKey input {
	width:100%; 
	border: none;
	vertical-align: middle;
	border: none;
	outline: 0;
	background-color: transparent;
}
#footer .modSearch input.seachBtn {
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:50px;
	height:42px;
	text-indent:-9999px;
	vertical-align:middle;
}
:root *> #footer .modSearch span.formKeySlt {
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:auto;
	margin:0 auto;
	padding: 10px 10px 8px;
	font-size:75%;
}

:root *> #footer .modSearch .formKeySlt select {
	width:100%; 
	border: none;
	vertical-align: middle;
	border: none;
	outline: 0;
	background-color: transparent;
}

/*=======================  modAucSNS  =======================*/

.modAucSNS {
	margin:30px auto 20px;
	width: 373px;
}

.modAucSNS div.logo01 a {
	display: -moz-inline-box;
	display: inline-block; 
	*display: inline;
	*zoom: 1;
	float:left;	
	background:url(https://s.yimg.jp/images/auct/template/promo/tpl_common/images/icon_yahoo.png) no-repeat;
	width:89px;
	height:22px;
	margin: 5px 17px 0px 0px;
	text-indent:-9999px;
}

.modAucSNS div.logo02 a {
	display: -moz-inline-box; 
	display: inline-block; 
	*display: inline;
	*zoom: 1; 
	float:left;	
	background:url(https://s.yimg.jp/images/auct/template/promo/tpl_common/images/icon_aucLogo_01.png) no-repeat;
	width:75px;
	height:17px;
	margin: 7px 20px 0px 2px;
	text-indent:-9999px;
}

.modAucSNS .line02 {
	display: -moz-inline-box; 
	display: inline-block;
	*display: inline;
	*zoom: 1; 
	float:left;	
	width:2px;
	height:30px;
	margin-right:20px;
	background:url(https://s.yimg.jp/images/auct/template/promo/tpl_common/images/line_02.png) no-repeat;
}

.modAucSNS div.st01 a {
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	float:left;	
	background:url(https://s.yimg.jp/images/auct/template/promo/tpl_common/images/icon_fb.png) no-repeat;
	width:29px;
	height:28px;
	margin-right:10px;
	text-indent:-9999px;
}

.modAucSNS div.st02 a {
	display: -moz-inline-box;
	display: inline-block; 
	*display: inline;
	*zoom: 1;
	float:left;	
	background:url(https://s.yimg.jp/images/auct/template/promo/tpl_common/images/icon_tw.png) no-repeat;
	width:29px;
	height:28px;
	margin-right:10px;
	text-indent:-9999px;
}

.modAucSNS div.st03 a {
	display: -moz-inline-box;
	display: inline-block; 
	*display: inline;
	*zoom: 1;
	float:left;	
	background:url(https://s.yimg.jp/images/auct/template/promo/tpl_common/images/icon_yt_01.png) no-repeat;
	width:60px;
	height:25px;
	margin: 1px 10px 0px 0px;
	text-indent:-9999px;
}
/*======================= FOOTER_OUTSIDE =======================*/
#footer_outside { 
	width: 100%;
	padding: 20px 0 20px;
	border-top: 2px solid #ffda45;
	background-color:#fff;
}

#footer_outside .cmnFtr {
	padding-bottom: 10px;
	color:#333;
}
#footer_outside .cmnFtr a {
	color:#333;
}

#footer_outside .elSrvLink{
	width: 69px;
	height: 16px;
	margin:0 auto;
	background: url(https://s.yimg.jp/images/auct/template/promo/tpl_common/images/auc_footer_logo.png) no-repeat 0 0;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}
#footer_outside .elSrvLink a{
	display: block;
	width: 69px;
	height: 16px;
}
#footer_outside address {
	width: 950px;
	margin: 15px auto 0;
	padding: 10px 0 0;
	border-top: 1px solid #bebcac;
	font-size: 75%;
	line-height: 1.6;
	text-align: center;
}
#footer_outside address a:link,
#footer_outside address a:visited { text-decoration: none;}
#footer_outside address a:link { color: #333;}
#footer_outside address a:visited { color: #9c780c;}
#footer_outside address a:hover,
#footer_outside address a:active { text-decoration: underline;}

/*======================= FOOTER_GUIDE =======================*/

#footer_guide { 
	width: 100%;
	padding: 20px 0 20px;
	background-color:#f1f0e8;
}

#footer_guide .cmnFtr {
	padding-bottom: 10px;
	color:#333;
}
#footer_guide .cmnFtr a {
	color:#333;
}

#footer_guide .elSrvLink{
	width: 69px;
	height: 16px;
	margin:0 auto;
	background: url(https://s.yimg.jp/images/auct/template/promo/tpl_common/images/auc_footer_logo.png) no-repeat 0 0;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}
#footer_guide .elSrvLink a{
	display: block;
	width: 69px;
	height: 16px;
}
#footer_guide address {
	width: 950px;
	margin: 15px auto 0;
	padding: 10px 0 0;
	border-top: 1px solid #bebcac;
	font-size: 75%;
	line-height: 1.6;
	text-align: center;
}
#footer_guide address a:link,
#footer_guide address a:visited { text-decoration: none;}
#footer_guide address a:link { color: #333;}
#footer_guide address a:visited { color: #333;}
#footer_guide address a:hover,
#footer_guide address a:active { text-decoration: underline;}
/* ==================== ft_pagechange ===================== */

.modChange {display:block; padding:10px 0; text-align:center;}

.yjChview {background: none repeat scroll 0 0 #f9f9f9;border: 1px solid #e7e7e7;display: inline-block;
*display: inline;
*zoom: 1;
padding: 10px 30px;text-align: center;margin:0 auto;}
.yjChview dl, .yjChview dd, .yjChview p {margin:0;}
.yjChview dl dt, .yjChview dl dd {display: inline;font-size: 14px;line-height: 1.2em;}
.yjChview dl dt {padding-right: 0.2em;}
.yjChview dl dd span {font-weight: bold;}
.yjChview dl dd:after {content: "｜";}
.yjChview dl dd.end{font-weight: bold;}
.yjChview dl dd.end:after {content: "";}


/* ====###################################################################################################==== */


/* ==================== LAYOUT ===================== */

body {background: #FFF;}

#wrapper {
	padding-bottom:0;
	line-height: 1.56;
	font-size: medium;
	text-align: left;
}

#content {
	width: 100%;
	padding-bottom:30px;
	position: relative;
}


/*======================= modKeyv =======================*/
.bgKeyv {
    background: #ffda45;
    width: 100%;
}
.bgKeyv .modKeyv {
	width:950px;
	height:270px;
	background: url(https://s.yimg.jp/images/auct/template/promo/tpl_common/images/bg_modKeyv.png) no-repeat 0 0;
	margin:0 auto;
}
.modKeyv .wrpKeyv {
    text-indent: -9999px;
}

.modEntry {width: 100%;}

/*--------------------untEntry --------------------*/
.untEntry {
	width: 100%;
	padding-bottom:20px;
}
.untEntry .ptsEnty {	
	display: block;
	width: 520px;
	height: 86px;
	margin: 0 auto 15px;
}
.untEntry .ptsEnty a {
    display: block;
    width: 520px;
    height: 86px;
    background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/btn_modEntry_entry.png") no-repeat 0 0;
    text-decoration: none;
    text-indent: -9999px;
}
.untEntry .ptsTxtDetail {	
	display: block;
	width: 167px;
	height: 17px;
	margin: 0 auto;
}	
.untEntry .ptsTxtDetail a {
	display: block;
	width: 167px;
	height: 17px;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/btn_entry_detail.png") no-repeat 0 0;
	text-decoration: none;
	text-indent: -9999px;
}
.untEntry a:hover {
	opacity:0.7;
 	filter: alpha(opacity=70); 
 	-ms-filter: "alpha(opacity=70)";
} 

/*--------------------untLogin --------------------*/

.untLogin {
	width: 100%;
	padding-bottom:20px;
}
.untLogin a:hover {
	opacity:0.7;
 	filter: alpha(opacity=70); 
 	-ms-filter: "alpha(opacity=70)";
} 
.untLogin a {
    display: block;
    height: 86px;
    margin: 0 auto;
    background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/btn_modEntry_login.png") no-repeat 0 0;
    text-decoration: none;
    text-indent: -9999px;
    width: 520px;
}

/*--------------------untDone --------------------*/

.untDone {
	display: block;
	width: 100%;
	padding-bottom:20px;
	height: 100px;
	margin: 0 auto;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/btn_modEntry_done.png") no-repeat 50% 0 ;
}
.untDone .ptsDone {
	display: block;
	margin: 0 auto;
	text-decoration: none;
	text-indent: -9999px;
	width: 520px;
}

.untDone .txtDone {
	display: block;
	margin:  10px auto 0;
	width: 480px;
	text-align: center;
	color: #cc5533;
	font-weight: bold;
	font-size: 130%;
	padding: 20px;
}
/*--------------------untInfo --------------------*/

.untInfo {
	width: 100%;
	padding-bottom:20px;
}

.untInfo .ptsOutside {
    display: block;
    width: 520px;
    height: 100px;
    margin: 0 auto;
    background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/btn_modEntry_outside.png") no-repeat 0 0;
    text-decoration: none;
    text-indent: -9999px;
}
.untInfo .ptsNot {
    display: block;
    width: 520px;
    height: 100px;
    margin: 0 auto;
    background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/btn_modEntry_not.png") no-repeat 0 0;
    text-decoration: none;
    text-indent: -9999px;
}
.untInfo .ptsError {
    display: block;
    width: 520px;
    height: 100px;
    margin: 0 auto;
    background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/btn_modEntry_error.png") no-repeat 0 0;
    text-decoration: none;
    text-indent: -9999px;
}
.untInfo .ptsClosed {
    display: block;
    width: 520px;
    height: 100px;
    margin: 0 auto;
    background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/btn_modEntry_closed.png") no-repeat 0 0;
    text-decoration: none;
    text-indent: -9999px;
}
/*======================= modTerm =======================*/

.modTerm {
    width: 100%;
    background: none repeat scroll 0 0 #eebb00;
    text-align: center;
}

.modTerm p {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 33px;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/term.png") no-repeat 0 0;
	padding: 7px 0 0 220px;
	color: #333;
	font-weight: bold;
	font-size: 130%;	
}

/*======================= modContents =======================*/

.modContents {
	width:100%;
	padding: 30px 0 80px;
	background-color: #fff;
}
.modContents_02 {
	width:100%;
	padding: 80px 0 80px;
	background: #f1f0e8 url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/bg_contents_02.png") no-repeat 50% 0;
}

.ptsLead  {
	display: block;
	width: 950px;
	height: 60px;
	margin-left:auto;
	margin-right:auto;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/cp_lead.png") no-repeat 50% 0;
	text-indent: -9999px;
}

.ptsStep {
	display: block;
	width: 950px;
	height: 120px;
	margin-left:auto;
	margin-right:auto;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/img_modStep_01.png") no-repeat 50% 0;
	text-indent: -9999px;
}
.ptsStep02 {
	display: block;
	width: 910px;
	height: 200px;
	margin:0 auto;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/img_modStep_02.png") no-repeat 50% 0;
	text-indent: -9999px;
}
.ptsStep03 {
	display: block;
	width: 910px;
	height: 200px;
	margin:0 auto;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/img_modStep_03.png") no-repeat 50% 0;
	text-indent: -9999px;
}

.ptsBalloon {
	display: block;
	width: 910px;
	height: 130px;
	margin-left:auto;
	margin-right:auto;
	padding: 40px 20px 20px;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/img_balloon.png") no-repeat 50% 0;
}

.ptsBtnarea {
	display: block;
	width:580px;
	margin-left:auto;
	margin-right:auto;
}
.ptsBtnarea a:hover {
	opacity:0.7;
	filter: alpha(opacity=70); 
	-ms-filter: "alpha(opacity=70)";
} 

.ptsBtnarea .exhibitArea {
	display: block;
	float:left;
	width: 270px;
	height: 60px;
	margin-right:40px;
}
.ptsBtnarea .watchlistArea {
	display: block;
	float:left;
	width: 270px;
	height: 60px;
}

.ptsBtnarea .exhibitArea a {
	display: block;
	width: 270px;
	height: 60px;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/btn_exhibit.png") no-repeat 0 0;
	text-indent: -9999px;
}

.ptsBtnarea .watchlistArea a {
	display: block;
	width: 270px;
	height: 60px;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/btn_watchlist.png") no-repeat 0 0;
	text-indent: -9999px;
}

.ptsBorder {
	width:100%;
	border-top:1px #d7d6cf solid;	
}

.ptsShare {
	width:360px;
	margin:0 auto;
}
.btnFbShare {
	display: block;
	float:left;
	width: 170px;
	height: 34px;
	margin-right:20px;
}
.btnTwShare {
	display: block;
	float:left;
	width: 170px;
	height: 34px;
}
.btnFbShare a {
	display: block;
	width: 170px;
	height: 34px;
	margin-right:20px;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/btn_result_fb.png") no-repeat 0 0 ;
	text-indent: -9999px;
}
.btnTwShare a {
	display: block;
	width: 170px;
	height: 34px;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/btn_result_tw.png") no-repeat 0 0 ;
	text-indent: -9999px;
}

.ptsShare a:hover {
	opacity:0.7;
 	filter: alpha(opacity=70); 
 	-ms-filter: "alpha(opacity=70)";
} 

/*======================= modTitle =======================*/

.modTitle {
	width:100%;
	height:50px;
	background:#33322f;
}
	
.modTitle .txtTitle {
	position:relative;
	width:950px;
	height:50px;
	margin:0 auto;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/list_title_01.png") no-repeat 50% 0 ;
	text-indent:-99999px;	
}
	
/*======================= modList =======================*/

.modList {
	width:100%;
	background: #fff url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/bg_modList.png") no-repeat 50% 0 ;
	padding: 30px 0;
}
.modList  a:hover{
	text-decoration: none;
}

.modList .wrpList {
	position:relative;
}
.modAPIList,
.modItem_4col,
.modItem_5col {
	width:950px;
	margin-right: auto;
	margin-left: auto;
	padding:10px 0;
	background-color:#f1f0e8;
}

.modItem_5col li {
	position: relative;
	display: block;
	float: left;
	width: 178px;
	height: 280px;
	margin: 0 5px;
	background:#FFF;
}
.modItem_5col .wrpList a {
	display: block;
	width: 178px;
	height: 280px;
}

.modItem_4col li {
	position: relative;
	display: block;
	float: left;
	width: 225px;
	height: 280px;
	margin: 0 5px;
	background:#FFF;
}
.modItem_4col .wrpList a {
	display: block;
	width: 225px;
	height: 280px;
}

.modList .wrpList li:first-child {
    margin: 0 5px 0 10px;
}
.modList .wrpList a:hover {
	opacity:0.7;
 	filter: alpha(opacity=70); 
 	-ms-filter: "alpha(opacity=70)";
} 
.modList .wrpList .tag {
  display: block;
  position: absolute;
  width: 86px;
  height: 88px;
  top: -30px;
  left: -45px;
  overflow: hidden;
  background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/tag_attention.png") no-repeat 0 0;
  text-indent: -9999px;
}
.modList img {
	margin: 10px 0 0 10px;
}
.modList .txtTtl {
	font-size: 93%;
	font-weight: bold;
	text-align: center;
	color:#333;
	word-wrap: break-word;
	margin: 20px 0 0;
	padding: 0 10px;
}

.modAPIList li {
	position: relative;
	display: block;
	float: left;
	width: 178px;
	height: 240px;
	margin: 0 5px 10px;
	background:#FFF;
}
.modAPIList .first {
    margin: 0 5px 10px 10px;
}

.modAPIList .wrpList a {
	display: block;
	width: 178px;
	height: 240px;
}
.modAPIList img {
	display: block;
	margin: 0 auto;
	padding-top: 10px;
	max-width: 157px;
	min-height: 100px;
} 

.modAPIList p.itName {
	word-break: break-all;
	word-wrap: break-word;
	margin: 20px 0 10px;
	padding: 0 10px;
	color:#231f20;
	font-weight: bold;
	font-size: 93%;
	text-align:left;
} 
.modAPIList p.bid,
.modAPIList p.price {
	font-size: 93%;
	color:#231f20;
	padding: 0 10px;
}
.modAPIList p.price em {
	color: #f30;
	font-weight: bold;
}


.modAPIList .itemview {
	display:block;
	width:180px;
	margin:0 auto;
	padding:30px 0 15px 0;
	text-align:center;
}
.modAPIList .itemview p {
	color:#231f20;
}
.modAPIList .arrow {
	display:block;
	width:71px;
	height:22px;
	margin:20px auto;
	text-indent:-9999px;
   background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/api_arrow.png") no-repeat 0 0;
}

.itemall {
	display:block;
	width:220px;
	height:40px;
	margin:20px auto;
	text-indent:-9999px;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/api_all.png") no-repeat 0 0;
}
.itemall  a{
	display:block;
	width:220px;
	height:40px;
}

/*======================= modApp =======================*/

.modApp {
	width:100%;
	padding:40px 0 0 0;
}
.modApp a:hover {
	opacity:0.7;
 	filter: alpha(opacity=70); 
 	-ms-filter: "alpha(opacity=70)";
} 

.ptsApptb,
.ptsAppsp {
	width:950px;
	margin:0 auto;
	background-color: #f7f6f1;
}
.iconApp {
	width:220px;
	height:220px;
	display:block;
	float:left;
}
.leftArea {
	width:730px;
	height:220px;
	display:block;
	float:right;
}	
	
.dlLead {
	display:block;
	float:left;
	padding:30px 0 20px 0;
}
.txtLead {
	display:block;
	float:left;
	width:496px;
	height:32px;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/app_lead.png") no-repeat 0 0;
	text-indent:-9999px;
}
	
.txtdetail {
	display:block;
	float:left;
	width:234px;
}
.txtdetail a {
	display:block;
	float:right;
	width:88px;
	margin:9px 30px 0 0;
	height:15px;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/app_detail.png") no-repeat 0 0;
	text-indent:-9999px;
}
.dlApl {
	display:block;
	width:730px;
}


/*------------ modApp sp --------------*/

.ptsAppsp .iconApp a {
	display:block;
	width:160px;
	height:160px;
	margin:30px;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/app_iconAuc_sp.png") no-repeat 0 0;
	text-indent:-9999px;
}
.ptsAppsp .app_iphone_qr a {
	display:block;
	float:left;
	width:340px;
	height:111px;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/app_sp_qr_iphone.png") no-repeat 0 0;
	text-indent:-9999px;
}	
.ptsAppsp .app_android_qr a {
	display:block;
	float:left;
	width:340px;
	height:111px;
	margin-right:20px;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/app_sp_qr_android.png") no-repeat 0 0;
	text-indent:-9999px;
}

/*------------ modApp tb --------------*/

.ptsApptb .iconApp a {
	display:block;
	width:160px;
	height:160px;
	margin:30px;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/app_iconAuc_tb.png") no-repeat 0 0;
	text-indent:-9999px;
}
.ptsApptb .app_ipad_qr a {
	display:block;
	float:left;
	width:340px;
	height:111px;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/app_tb_qr_iphone.png") no-repeat 0 0;
	text-indent:-9999px;
}
.ptsApptb .app_android_qr a {
	display:block;
	float:left;
	width:340px;
	height:111px;
	margin-right:20px;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/app_tb_qr_android.png") no-repeat 0 0;
	text-indent:-9999px;
}

/*======================= modEntrybtm =======================*/

.modEntrybtm {
	width: 100%;
	padding-top:60px;
}
.modEntrybtm a {
    display: block;
    width: 520px;
    height: 86px;
    margin: 0 auto;
    background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/btn_modEntry_entry.png") no-repeat 0 0;
    text-decoration: none;
    text-indent: -9999px;
}

.modEntrybtm .btnLogin {
	width:100%;
	margin:15px auto 0;
}
.modEntrybtm .btnLogin a {
	display:block;
	width:333px;
	height:17px;
	margin:0 auto;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/btn_change.png") no-repeat 0 0;
	text-indent:-9999px;
}
.modEntrybtm a:hover {
	opacity:0.7;
 	filter: alpha(opacity=70); 
 	-ms-filter: "alpha(opacity=70)";
} 
/*====================== modCamp  =======================*/

.modCamp {
	position:relative;
	margin:0 auto;
	width:100%;
	padding:0;
}

.modCamp .cpDetail {
	display:block;
	width:950px;
	height:30px;
	margin:0 auto 20px;
	border-left: 6px solid #333;
}
		
.modCamp .cpDetail p {
	display:block;
	width:210px;
	height:30px;
	margin:0 0 0 10px;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/headline_cpDetail.png") no-repeat scroll 0 0;
	text-indent: -9999px;
}

.modCamp .outLine {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	font-size: 90%;
}
	
.modCamp .outLine th, td {
	border-top:#d7d6cf 1px solid;
	border-bottom:#d7d6cf 1px solid;
}
	
.modCamp .outLine th {
    width: 146px;
    padding: 10px;
    text-align: left;
    color: #333;
    font-weight: bold;
}
	
.modCamp .outLine td {
    padding: 12px 12px 12px 60px;
    text-align: left;
}


/*======================= modBnr =======================*/

.modBnr {
	display: block;
}
.modBnr ul {
	display: block;
	width: 600px;
	margin: 0 auto;
}
.modBnr li {
   display: block;
   width: 600px;
   height: 130px;
   padding: 15px 0;
}


.modBnr a {
	display: block;
	width: 600px;
	height: 130px;
}

.modBnr a:hover {
	opacity:0.7;
 	filter: alpha(opacity=70); 
 	-ms-filter: "alpha(opacity=70)";
} 


/* ==================== TO TOP ===================== */
.toTop {
	display: block;
	position:fixed;
	right:20px;
	bottom:30px;
	width:90px;
	height:90px;
}
.toTop a{
	display: block;
	width:90px;
	height:90px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	background: url("https://s.yimg.jp/images/auct/template/promo/tpl_common/images/btn_totop.png") no-repeat 0 0;
}

/* IE8以下のアルファバグ */
.lt-ie9 .toTop a{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://s.yimg.jp/images/auct/template/promo/tpl_common/images/btn_totop.png', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://s.yimg.jp/images/auct/template/promo/tpl_common/images/btn_totop.png', sizingMethod='scale')";
}

.toTop:hover { opacity:0.65; filter: alpha(opacity=65);}



/* ==================== GENERAL ===================== */

/*margin*/
.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT35{margin-top:35px;}
.mT40{margin-top:40px;}
.mT45{margin-top:45px;}
.mT50{margin-top:50px;}
.mT55{margin-top:55px;}
.mT60{margin-top:60px;}
.mT80{margin-top:80px;}

.mB5{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB25{margin-bottom:25px;}
.mB30{margin-bottom:30px;}
.mB35{margin-bottom:35px;}
.mB40{margin-bottom:40px;}
.mB45{margin-bottom:45px;}
.mB50{margin-bottom:50px;}
.mB55{margin-bottom:55px;}
.mB60{margin-bottom:60px;}
.mB80{margin-bottom:80px;}

.mL5{margin-left:5px;}
.mL10{margin-left:10px;}
.mL15{margin-left:15px;}
.mL20{margin-left:20px;}
.mL25{margin-left:25px;}
.mL30{margin-left:30px;}
.mL35{margin-left:35px;}
.mL40{margin-left:40px;}
.mL45{margin-left:45px;}
.mL50{margin-left:50px;}
.mL55{margin-left:55px;}
.mL60{margin-left:60px;}

.mR5{margin-right:5px;}
.mR10{margin-right:10px;}
.mR15{margin-right:15px;}
.mR20{margin-right:20px;}
.mR25{margin-right:25px;}
.mR30{margin-right:30px;}
.mR35{margin-right:35px;}
.mR40{margin-right:40px;}
.mR45{margin-right:45px;}
.mR50{margin-right:50px;}
.mR55{margin-right:55px;}
.mR60{margin-right:60px;}


.mLR5{margin-left:5px; margin-right:5px;}
.mLR10{margin-left:10px; margin-right:10px;}
.mLR15{margin-left:15px; margin-right:15px;}
.mLR20{margin-left:20px; margin-right:20px;}
.mLR25{margin-left:25px; margin-right:25px;}
.mLR30{margin-left:30px; margin-right:30px;}
.mLR35{margin-left:35px; margin-right:35px;}
.mLR40{margin-left:40px; margin-right:40px;}
.mLR45{margin-left:45px; margin-right:45px;}
.mLR50{margin-left:50px; margin-right:50px;}
.mLR55{margin-left:55px; margin-right:55px;}
.mLR60{margin-left:60px; margin-right:60px;}

/*padding*/
.pT5{padding-top:5px;}
.pT10{padding-top:10px;}
.pT15{padding-top:15px;}
.pT20{padding-top:20px;}
.pT25{padding-top:25px;}
.pT30{padding-top:30px;}
.pT35{padding-top:35px;}
.pT40{padding-top:40px;}
.pT45{padding-top:45px;}
.pT50{padding-top:50px;}
.pT55{padding-top:55px;}
.pT60{padding-top:60px;}

.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;}
.pB40{padding-bottom:40px;}
.pB45{padding-bottom:45px;}
.pB50{padding-bottom:50px;}
.pB55{padding-bottom:55px;}
.pB60{padding-bottom:60px;}
.pB80{padding-bottom:80px;}

.pL5{padding-left:5px;}
.pL10{padding-left:10px;}
.pL15{padding-left:15px;}
.pL20{padding-left:20px;}
.pL25{padding-left:25px;}
.pL30{padding-left:30px;}
.pL35{padding-left:35px;}
.pL40{padding-left:40px;}
.pL45{padding-left:45px;}
.pL50{padding-left:50px;}
.pL55{padding-left:55px;}
.pL60{padding-left:60px;}

.pR5{padding-right:5px;}
.pR10{padding-right:10px;}
.pR15{padding-right:15px;}
.pR20{padding-right:20px;}
.pR25{padding-right:25px;}
.pR30{padding-right:30px;}
.pR35{padding-right:35px;}
.pR40{padding-right:40px;}
.pR45{padding-right:45px;}
.pR50{padding-right:50px;}
.pR55{padding-right:55px;}
.pR60{padding-right:60px;}


.bdrT{border-top: 1px #d7d6cf solid}
.bdrB{border-bottom: 1px #d7d6cf solid}

/* text-align */
.alignL{text-align:left;}
.alignR{text-align:right;}
.alignC{text-align:center;}

/*text-indent*/
.tI8{text-indent:-8px;margin-left:8px;}
.tI12{text-indent:-12px;margin-left:12px;}
.tI14{text-indent:-14px;margin-left:14px;}
.tI16{text-indent:-16px;margin-left:16px;}
.tI18{text-indent:-18px;margin-left:18px;}
.tI20{text-indent:-20px;margin-left:20px;}

/*font-weight*/
.fntB{font-weight:bold;}
.fntN{font-weight:normal;}

/*font-size Base 14px*/
.fnt12{font-size:86%;}/*12px*/
.fnt13{font-size:93%;}/*13px*/
.fnt15{font-size:107%;}/*15px*/
.fnt16{font-size:114%;}/*16px*/
.fnt17{font-size:121%;}/*17px*/
.fnt18{font-size:129%;}/*18px*/