@charset "utf-8";


/*----------------------------------------------------------------------------------
	NEWYEARキャンペーン
------------------------------------------------------------------------------------*/

body *{
	font-family: Helvetica, "Hiragino Kaku Gothic Pro","メイリオ", "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 13px;
	color:#333;
	letter-spacing: 0.5px;
}


.section{
	margin-bottom:50px;
}

/*----------------------------------------------
	メイン
----------------------------------------------*/

#pagemain{
	background:url(../images/bg_campaign.jpg) no-repeat;
	width:950px;
	height:670px;
	margin-bottom:30px;
}

#pagemain .campaign_period{
	font-size:20px;
    width: 465px;
    margin: 0 auto;
	padding:10px;
	font-weight: bold;
    letter-spacing: 0.09em;
}


#pagemain .main_undertext{
	line-height:1.5;
	font-size: 14px;
	width:810px;
	margin:auto;
	background: rgba(255,255,255,0.7);
	padding: 20px 30px;
	border-radius: 10px;
}


/*----------------------------------------------
	#special1
----------------------------------------------*/


#special01{
	position:relative;
	background:url(../images/bg_special01.jpg) no-repeat center top;
	height: 700px;
}

#special01 .maintext{
	position:absolute;
	top:200px;
	left:88px;
	font-size:18px;
	font-weight:bold;
	line-height:1.3;
}

#special01 .maintext span{
	font-size:14px;
	font-weight:normal;
}


#special01 .selectlist{
	margin-bottom:40px;
	padding-top: 115px;
}

#special01 .selectlist ul{
	overflow:hidden;
	position: absolute;
	right: 235px;
}

#special01 .selectlist li{
	float:left;
	width:160px;
	margin-left:17px;
}

#special01 .selectlist li .text{
	padding: 10px 30px 0 40px;
}


#special01 .selectTxt {
	position: absolute;
	top: 360px;
}
#special01 .selectTxt dl,
#special01 .selectTxt .notes {
    float: left;
    width: 270px;
    margin: 0 0 30px 40px;
}

#special01 .selectTxt dt {
    margin-bottom: 3px;
	color: #820024;
	font-size: 16px;
	font-weight: bold;
    text-indent: -2em;
    padding-left: 2em;
	line-height: 1.3;
}
#special01 .selectTxt dt span {
	margin-right: 12px;
    padding: 2px 5px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background: #820024;
}
#special01 .selectTxt dd {
	width: 260px;
}
/* B */
#special01 .selectTxt .listB dt {
	color: #524908;
}
#special01 .selectTxt .listB span {
	background: #524908;
}
/* C */
#special01 .selectTxt .listC dt {
	color: #601A00;
}
#special01 .selectTxt .listC span {
	background: #601A00;
}
/* D */
#special01 .selectTxt .listD dt {
	color: #004986;
}
#special01 .selectTxt .listD span {
	background: #004986;
}
/* E */
#special01 .selectTxt .listE dt {
	color: #5E5285;
}
#special01 .selectTxt .listE span {
	background: #5E5285;
}



/*----------------------------------------------
	#special2
----------------------------------------------*/

#special02{
	position:relative;
}

#special02 div{
	color: #fff;
	font-size: 16px;
    font-weight: bold;
	line-height: 1.6;
	position: absolute;
	top: 204px;
    right: 43px;
}
#special02 div .period {
	color:#fff;
	font-size: 16px;
	letter-spacing: 0.16em;
}
#special02 div span{
	color:#fff;
	font-size:12px;
}

/*----------------------------------------------
	flow
----------------------------------------------*/



.flow .btn{
	text-align:center;
	margin-top:40px;
}

.flow .anno{
	color:#ff0000;
	margin-bottom:5px;
}