@charset "utf-8";
/* ---------------------------------------------------------------- reset ---------- */
body {
line-height: 1.2;
margin: 0;
padding: 0;
font-family: "メイリオ", "Hiragino Kaku Gothic Pro", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif;
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%;
}
img {
padding: 0;
margin: 0;
border: 0;
}
li {
list-style: none;
}
table {
margin: 0;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
font-size: 100%;
}
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;
}

.fade {
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
.fade:hover {
    opacity: 0.8;
    filter: alpha(opacity=90);
}
/* ---------- EMG ---------- */
.modEMG {
width:950px;
clear: both;
margin:0 auto;
text-align: center;
}
.modEMG table {
margin: 10px auto;
}
.modEMG table table {
margin: 0;
}
/* ---------- 　ClearFix ---------- */
.cf:after {/** for FF,Safari,Opera */
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ".";
}
.cf {/** for Win IE5.5-7 */
zoom: 1;
}
body{
background:#fff url(../image/bg_001.png) repeat-x 0 0;
}
#footer {
width: 950px;
margin:0 auto;
padding-top: 20px;
}
#footer .cmnFtr {
margin-top: 5px;
padding: 5px 0 15px;
border-top: 1px solid #ccc;
}
#footer .cmnFtr hr {
display: none;
}
#footer .modSBox{
border-top: 1px solid #ccc;
padding-top:10px;
}

#wrapper{
margin:0;
padding:0;
display:block;
background:url(../image/bg_002.png) no-repeat center 0;
}
/* ---------- a ---------- */
#wrapper a {
text-decoration: none;
border:none;
}
#wrapper a:hover {
text-decoration: underline;
}

#page-top{
	width:74px;
	height:76px;
	background: url(../image/pagetop.png) no-repeat 0 0;
	bottom:10px;
	right:30px;
	display:block;
	position:fixed;
	text-indent:-9999em;
	overflow:hidden;
	opacity: 0.8;
    filter: alpha(opacity=80);
	_display:none !important;

}


/*-------- wrpHeader ---------*/
.wrpHeader {
	width: 950px;
	margin: 0 auto 0 auto;
	padding-top:10px;
	position: relative;
}

.evtComBarLogo {
	float: left;
	display: block;
	width: 133px;
	height: 30px;
	margin: 10px 10px 0 0;
	text-indent: -9999px;
}
.evtComBarLogo a {
	display: block;
	background:url(../image/yafuoku.png) no-repeat;
	width: 133px;
	height: 30px;
	text-indent: -9999px;
}
.campLogin {
    float: left;
    max-width: 540px;
    margin-top:10px;
	font-size:87%;
}
.campLogin, .campLogin a {
    color: #000000;
}
.snsArea {
	float: right;
	width: 300px;
	height: 50px;
	margin: 5px 0;
	display: block;
	position: relative;
	background: url(../image/bg_sns.png) repeat-y 0 0;
}
/* ---------- SNS BTN ---------- */
.modSNS {
	width:270px;
	padding: 0;
	position:absolute;
	left: 20px;
	top: 25px;
	text-align: center;
}
.modSNS ul{
	width:270px;
	height:26px;
	display:block;
	position:relative;
}
.modSNS li {
	min-height: 22px;
	vertical-align: bottom;
	display: inline-block;
}
.modSNS li.ptsKakao {
	display: none;
}




.modSNS li.decFb {
    left: 0;
    position: absolute;
    top: 0;
    width: 110px;
}


.modSNS li.decTw{
	width:100px;
	position:absolute;
	left:115px;
	top:0;
}
.modSNS li.decHatena{
	width:55px;
	position:absolute;
	right:0;
	top:0;
}

/* ---------- NANIGAI BTN ---------- */
.btnNanigai {
	background: url(../image/nanigai_btn01.png) no-repeat 0 0;
	width: 270px;
	height: 20px;
	display: block;
	position: absolute;
	top: 0;
	left: 20px;
	text-indent: -9999px;
}
.btnNanigai a {
	width: 270px;
	height: 20px;
	display: block;
	text-decoration: none;
}
/* ---------- modKikan ---------- */
.modKikan{
width:950px;
padding:10px 0;
margin:0 auto;
}
.modKikan .decEnd{
border:2px solid #f00;
padding:10px;
display:block;
font-weight:bold;
text-align:center;
color:#f00;
background-color:#fff;
}

/* --------------------  #header ---*/

#wrpHeadMain{
	width:100%;
	background:url(../image/tit_main_top01.png) no-repeat center 0;
	padding:0;
	margin:0;
}
#wrpHeadMain #header{
	width:950px;
	height:42px;
	background:url(../image/tit_main_top02.png) no-repeat center 0;
padding:0;
margin:0 auto;
clear:both;
position:relative;
}

#wrpHeadMain #header .modYBargain{
	width:300px;
	height:42px;
	text-indent:-9999em;
	overflow:hidden;
	display:block;
	position:absolute;
	top:5px;
	left:10px;
}

#wrpHeadMain #header .modSaleDay{
	width:550px;
	height:42px;
	text-indent:-9999em;
	overflow:hidden;
	display:block;
	position:absolute;
	top:5px;
	right:10px;
}

/* --------------------  #modAnrBox ---*/
#wrpHeadMain #modAnrBox{
	width:950px;
	margin:0 auto 20px auto;
	background-color:#fff;
}

#wrpHeadMain #modAnrBox h2{
	width:529px;
	height:47px;
	margin:0 auto 8px auto;
	background:url(../image/tit_anr_h2.png) no-repeat 0 0;
	text-indent:-9999em;
	overflow:hidden;
	display:block;
}
#wrpHeadMain #modAnrBox ul{
	width:950px;
}
#wrpHeadMain #modAnrBox ul li{
	width:316px;
	height:35px;
	padding:0;

	float:left;
}
#wrpHeadMain #modAnrBox ul li.decBR{
	border-right:1px solid #fff;
}
#wrpHeadMain #modAnrBox ul li.decBB{
	border-bottom:1px solid #fff;

}
#wrpHeadMain #modAnrBox ul li a{
	width:316px;
	height:35px;
	display:block;
}

#wrpHeadMain #modAnrBox ul li a.decAnr01{background:#ffd817 url(../image/anr_btn01.png) no-repeat center center;}
#wrpHeadMain #modAnrBox ul li a.decAnr02{background:#ffd817 url(../image/anr_btn02.png) no-repeat center center;}
#wrpHeadMain #modAnrBox ul li a.decAnr03{background:#ffd817 url(../image/anr_btn03.png) no-repeat center center;}
#wrpHeadMain #modAnrBox ul li a.decAnr04{background:#ffd817 url(../image/anr_btn04.png) no-repeat center center;}
#wrpHeadMain #modAnrBox ul li a.decAnr05{background:#ffd817 url(../image/anr_btn05.png) no-repeat center center;}
#wrpHeadMain #modAnrBox ul li a.decAnr06{background:#ffd817 url(../image/anr_btn06.png) no-repeat center center;}
#wrpHeadMain #modAnrBox ul li a.decAnr07{background:#fcd590 url(../image/anr_btn07.png) no-repeat center center;}
#wrpHeadMain #modAnrBox ul li a.decAnr08{background:#fcd590 url(../image/anr_btn08.png) no-repeat center center;}
#wrpHeadMain #modAnrBox ul li a.decAnr09{background:#fcd590 url(../image/anr_btn09.png) no-repeat center center;}

#wrpHeadMain #modAnrBox ul li a:hover.decAnr01{background:#330000 url(../image/anr_btn01_on.png) no-repeat center center;}
#wrpHeadMain #modAnrBox ul li a:hover.decAnr02{background:#330000 url(../image/anr_btn02_on.png) no-repeat center center;}
#wrpHeadMain #modAnrBox ul li a:hover.decAnr03{background:#330000 url(../image/anr_btn03_on.png) no-repeat center center;}
#wrpHeadMain #modAnrBox ul li a:hover.decAnr04{background:#330000 url(../image/anr_btn04_on.png) no-repeat center center;}
#wrpHeadMain #modAnrBox ul li a:hover.decAnr05{background:#330000 url(../image/anr_btn05_on.png) no-repeat center center;}
#wrpHeadMain #modAnrBox ul li a:hover.decAnr06{background:#330000 url(../image/anr_btn06_on.png) no-repeat center center;}
#wrpHeadMain #modAnrBox ul li a:hover.decAnr07{background:#e6a629 url(../image/anr_btn07_on.png) no-repeat center center;}
#wrpHeadMain #modAnrBox ul li a:hover.decAnr08{background:#e6a629 url(../image/anr_btn08_on.png) no-repeat center center;}
#wrpHeadMain #modAnrBox ul li a:hover.decAnr09{background:#e6a629 url(../image/anr_btn09_on.png) no-repeat center center;}

#wrpHeadMain #modAnrBox ul li a span{
	width:316px;
	height:35px;
	display:block;
	text-indent:-9999em;
	background:url(../image/anr_btn_bg.png) no-repeat 10px 5px;
	overflow:hidden;
}
/* --------------------  #title ---*/
#wrpHeadMain #title{
	width:950px;
	height:360px;
	background:#f00;
	background:url(../image/tit_mian04.jpg) no-repeat 0 0;
	margin:0 auto;
	position:relative;
}
#title h1{
	width:900px;
	height:77px;
	display:block;
	text-indent:-9999em;
	position:absolute;
	left:0;
	top:0;
}
#title p{
	width: 340px;
	height: 218px;
	display: block;
	position: absolute;
	left: 606px;
	top: 81px;
}
#title p a{
	width: 186px;
	height: 136px;
	display:block;
	margin:20px auto 0 auto;
	text-indent:-9999em;
	overflow:hidden;
}
#title p span{
	width: 340px;
	height: 318px;
	display:block;
	background:url(../image/notice02.png) no-repeat 0 0;
	text-indent:-9999em;
	overflow:hidden;
}
/* --------------------  #modSNSBox ---*/

#modSNSBox{
	margin:0 0 15px 0;
}
#modSNSBox ul{

}
#modSNSBox ul li{
	display:inline-block;
	float:left;
	margin-right:10px;
}


/* --------------------  #contents ---*/
#contents{
	width:100%;
	font-size: 88%;/*14px*/
	color:#333;
	padding-bottom:30px;
	border-bottom:#ffcccc solid 2px;
}
#contents{

}
#contents table{
	margin:0;
	padding:0;
	border-collapse:separate;
	*border-collapse:collapse;
	border-spacing:0;
}
/* --------------------  #modIppinBox ---*/
#contents #modIppinBox{
	width:930px;
	display:block;
	margin:0 auto 40px auto;
	padding:20px 0 0 20px;
	clear:both;
	background-color:#ffcccc;
}


#contents #modIppinBox .modSaleEra{
	width:445px;
	padding:0 20px 20px 0;
	float:left;
}
#contents #modIppinBox .modSaleEra dl{
	background-color:#fff;
	padding:10px;
}

#contents #modIppinBox .decPd0{
	width:445px;
	height:190px;
}
#contents #modIppinBox .decPd0 h2{
	width:445px;
	height:190px;
	display:block;
	background:url(../image/bar_inppn_02_02.png) no-repeat 0 0;
	text-indent:-9999em;
	overflow:hidden;
}
#contents #modIppinBox .decPd0 p{
	width:445px;
	height:190px;
	display:block;
	background:url(../image/bar_inppn_01_02_03.png) no-repeat 0 0;
	text-indent:-9999em;
	overflow:hidden;
}


#contents #modIppinBox .modSaleEra dl dd.decImg{
	width:208px;
	height:168px;
	display:block;
	border:1px solid #ccc;
	float:left;
}
#contents #modIppinBox .modSaleEra dl dd.decImg img{
	margin:0;
	display:block;
}
#contents #modIppinBox .modSaleEra dl dt{
	display:block;
	width:205px;
	float:right;
	padding:10px 0 0 0;
	margin:0 0 10px 0;
	font-size:128%;
}



#contents #modIppinBox .modSaleEra dl dd.decTxt{
	display:block;
	width:205px;
	margin:0 0 15px 0;
	float:right;
}

#contents #modIppinBox .modSaleEra dl dd.decStore{
	display:block;
	width:195px;
	float:right;
	padding:0 0 0 10px;
	background:url(../image/ico_store.png) no-repeat 0 0.4em;
}


#contents #modEnStartBox{
	width:100%;
	background:url(../image/bg_enbox.png) repeat-x 0 0;
}


#contents #modEnStartBox .modTitH2{
	width:666px;
	height:87px;
	background:url(../image/tit_h2_enbox_02.png) no-repeat 0 0;
	margin:0 auto 20px auto;
	text-indent:-9999em;
	overflow:hidden;
}

#contents #modEnStartBox .modTitH3{
	width:931px;
	padding:5px 0 5px 10px;
	border-left:9px solid #330000;
	margin:0 auto 20px auto;
	background:#ffd817 url(../image/bg_tit_h3.png) no-repeat right 0;
}

#contents #modEnStartBox .modTitH3 h3{
	width:300px;
	height:43px;
	text-indent:-9999em;
	overflow:hidden;
	display:block;
}
#contents #modEnStartBox .modTitH3 h3.decAnr01{background:url(../image/tit_h3_01.png) no-repeat 0 center;}
#contents #modEnStartBox .modTitH3 h3.decAnr02{background:url(../image/tit_h3_02.png) no-repeat 0 center;}
#contents #modEnStartBox .modTitH3 h3.decAnr03{background:url(../image/tit_h3_03.png) no-repeat 0 center;}
#contents #modEnStartBox .modTitH3 h3.decAnr04{background:url(../image/tit_h3_04.png) no-repeat 0 center;}
#contents #modEnStartBox .modTitH3 h3.decAnr05{background:url(../image/tit_h3_05.png) no-repeat 0 center;}
#contents #modEnStartBox .modTitH3 h3.decAnr06{background:url(../image/tit_h3_06.png) no-repeat 0 center;}


#contents #modEnStartBox .modSaleBox{
	width:930px;
	padding-bottom:10px;
	padding-left:20px;
	margin:0 auto;

}
#contents #modEnStartBox .modSaleBox ul{
	width:950px;
	padding:0;
	margin-bottom:35px;
}

#contents #modEnStartBox .modSaleBox ul li{
	width:202px;
	float:left;
	margin-left:20px;
}
#contents #modEnStartBox .modSaleBox ul li a,
#contents #modEnStartBox .modSaleBox ul li a img{
	display:block;
}
#contents #modEnStartBox .modSaleBox ul li span{
	display:block;
}
#contents #modEnStartBox .modSaleBox ul li span.decImg{
	border:1px solid #ccc;
}

#contents #modEnStartBox .modSaleBox ul li span.decTit{
	padding:5px 0 0 0;
}
#contents #modEnStartBox .modSaleBox ul li p.decStore{
	padding:0 0 0 10px;
	margin-top:10px;
	background:url(../image/ico_store.png) no-repeat 0 0.4em;
}

/*------------------------------------------------------------------------------------------*/
#modEnStartBox #modCatApi{
	padding-bottom:50px;
	width:950px;
	margin:0 auto;

}
#modEnStartBox #modCatApi ul{
	width:950px;
	padding:20px 0 0 0;
	margin-bottom:10px;
	border-top:1px solid #ccc;
}
#modEnStartBox #modCatApi ul li{
	width:150px;
	float:left;
	padding:0 4px 0 4px;
}
#modEnStartBox #modCatApi ul li a,
#modEnStartBox #modCatApi ul li a img{
	display:block;
	background-color:#fff;
}
#modEnStartBox #modCatApi ul li a{
	padding:10px 9px 0 9px;
	border:1px solid #ccc;
	height:15.5em;
	cursor:pointer;

}
#modEnStartBox #modCatApi ul li a:hover{
	text-decoration:none;
}
#modEnStartBox #modCatApi ul li a span.decImg{
	*width:130px;
	*overflow:hidden;
	*display:block;
}
#modEnStartBox #modCatApi ul li a img{
	margin:0 auto;
	max-width:130px;
	max-height:130px;
}
#modEnStartBox #modCatApi ul li span.dectit{
	display:block;
	padding-top:5px;
}

#modEnStartBox #modCatApi ul li a:hover span.dectit{
	text-decoration:underline;
}

#modEnStartBox #modCatApi ul li a span.decPr{
	display:block;
	padding-top:10px;
	font-size:93%;
	text-align:center;
	color:#333;
}

#modEnStartBox #modCatApi ul li a span.decPr em{
	font-weight:bold;
}
#modEnStartBox #modCatApi ul li a span.decRe{
	display:block;
	padding-top:5px;
	font-size:93%;
	text-align:center;
	color:#333;
}
/*------------------------------------------------------------------------------------------*/



#contents #modApiBox{

}
#contents #modApiBox .modTitH2{
	background:#e3e0db;
	padding:10px 0;
	margin-bottom:20px;
}

#contents #modApiBox .modTitH2 h2{
	font-weight:bold;
	font-size:186%;
	color:#330000;
	display:block;
	width:930px;
	padding:0 10px;
	margin:0 auto;
}


#contents #modApiBox .modAPIList{
	padding-bottom:40px;
	width:950px;
	margin:0 auto;

}
#contents #modApiBox .modAPIList ul{
	width:950px;
	padding:0;
	margin-bottom:10px;
}

#contents #modApiBox .modAPIList ul li{
	width:130px;
	float:left;
	padding:0 14px 0 14px;
}
#contents #modApiBox .modAPIList ul li a,
#contents #modApiBox .modAPIList ul li a img{
	display:block;
	background-color:#fff;
}
#contents #modApiBox .modAPIList ul li a{
	*width:130px;
	*overflow:hidden;
}
#contents #modApiBox .modAPIList ul li a img{
	margin:0 auto;
	max-width:130px;
	max-height:130px;
}
#contents #modApiBox .modAPIList ul li span.dectit{
	display:block;
	padding-top:5px;
}
#contents #modApiBox .modAPIList ul li span.decPr{
	display:block;
	padding-top:10px;
	font-size:93%;
	text-align:center;
}
#contents #modApiBox .modAPIList ul li span.decPr em{
	font-weight:bold;
}
#contents #modApiBox .modAPIList ul li span.decRe{
	display:block;
	padding-top:5px;
	font-size:93%;
	text-align:center;
}

.modSearchPullDown{
 width:950px;
 margin:0 auto;
}
.modSearchPullDown .untBody{
 padding:10px 0;
 background:#231815;
 text-align:center;
}
.modSearchPullDown .untBody img{
 vertical-align:middle;
}
.modSearchPullDown .untBody input{
 vertical-align:middle;
 font-size:107%;
}
.modSearchPullDown .untBody input.formKey{
 width:250px;
 height:38px;
 vertical-align:middle;
}


/* ---  htmlから移行 --- */
#uftMain, #uftMain *{
				float:none;
				clear:none;
				margin:0;
				padding:0;
				border:0 solid;
				border-radius:0;
				font-size:100%;
				font-weight:normal;
				font-style:normal;
				text-indent:0;
				letter-spacing:0;
				word-spacing:0;
				text-transform:none;
				vertical-align:baseline;
			}
			#uftMain div{
				background-image:url(https://s.yimg.jp/yui/jp/uft/2.0.1/img/uftChnk.png);background-repeat:no-repeat;
			}
			@media only screen and (-webkit-min-device-pixel-ratio:1.1),only screen and (min-device-pixel-ratio:1.1){
				#uftMain div{background-image:url(https://s.yimg.jp/yui/jp/uft/2.0.1/img/uftChnk_x2.png);
				-webkit-background-size:728px 28px;
				background-size:728px 28px;
				}
			}