@charset "shift_jis";
/* CSS Document */
table *{
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS P Gothic",Verdana, Arial, Helvetica, sans-serif;
}
.form_bg{
	border:solid #000 1px;
	margin:0 auto;
}
input{
    font-family:MS UI Gothic;
}


.mark01{

    background-color: #FF3D0C;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 15px;
    padding: 3px;
	color:#FFF;
}
.ti{

    background-color: #FED1B4;
/*    border-radius: 5px;*/
    margin-bottom: 15px;
    padding: 5px;
	color:#333;
	font-weight:bold;
}
.fname1{
	    background-color: #E5E5E5;
		border-bottom:solid 3px #FFFFFF;
		border-right:solid 3px #FFFFFF;
		text-align:left;
		font-weight:bold;
		color:#333;
		padding-left:5px;
}
.fname2{
	    background-color: #F2F2F2;
		border-bottom:solid 3px #FFFFFF;
		text-align:left;
		color:#333;
		padding-left:5px;
}
.size600{width:600px;}
.size350{width:350px;}
.size250{width:250px;}
.size150{width:150px;}
#group01, #group02, .fname3{
	    background-color: #FFF7E8;
		border-bottom:solid 5px #FFFFFF;
		color:#333;
		padding-left:5px;
}
.tx1{
		color:#333;
		padding-left:5px;
		font-size:11px;
		font-weight:normal;
}
.tx2{
		color:#333;
		padding-left:5px;
		font-size:11px;
		font-weight:normal;
}
.pl5{
		padding-left:5px;
}
hr{
    border: 0 none; 
    height: 1px; 
    color: #999999;
    background-color: #999999;
}
#present input{
	padding:2px;
}

#present * {
	margin:0;
	padding:0;
	
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif !important;

}
#present {
	width:750px;
	margin:0 auto;
	background:#FFF;
	overflow:hidden;
	text-align: center;
}

#present img {
	border:none;
	vertical-align:bottom;
}
#present h2,#present h3{
	margin:0;
	padding:0;
}
#present ul, #present ul li,#present dl, #present dl dt, #present dl dd {
	list-style:none;
}

#present li {
	float:left;
}

#present ul,#present dl {
	/*
	overflow:hidden;
	*/
}

#present a:hover img{
opacity:0.8;
filter: alpha(opacity=80);
background: #fff;
}



/* ---------------------
　　　 応募ボタン
--------------------- */
#present .kaiin{
	width:750px;
	margin-bottom:30px;
}
#present .kaiin ul{
	width:750px;
	height:152px;
	margin:0 auto;
	background:url(../IMAGE/150601pre/bg_kaiin.jpg) top no-repeat;
}
#present .kaiin ul li{
	width:375px;
	padding-top:52px;
}
#present .kaiin img.check-btn{
	margin:20px auto;
}
#present ul.syuugawari:after{
	content:"";
	width:100%;
	display:block;
	clear:both;
}
/* ---------------------
　　キャンペーン概要
--------------------- */
#present .orenge {
    clear: both;
	margin-top:20px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    overflow: hidden;
    border: 1px solid #f6a401;
    background: #FFFAE8;
}
#present .orenge h3{
    text-align: center;
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    background: #f6a401;
}
#present .grid {
    float: left;
    background: #f4f4f4;
    border-right: 1px solid #fff;
}
#present ul.tousen-info{
	
	margin:10px auto 10px 190px;
}
/*************
テーブル
*************/
#present .orenge table.table{
border-collapse:collapse;
width:718px;
margin:15px 0 5px 15px;
text-align: left;
background: #FFF;
}
#present .orenge table.table th{
padding:5px;
border:1px solid #f6a401;
text-align: center;
}
#present .orenge table.table td{
padding:5px;
border:1px solid #f6a401;
}

#present .orenge table.table tr:first-child th, #present table.table tr:first-child td{
border-top:#f6a401 4px solid
}

#present .orenge table.table th{
width:90px;
font-weight:bold;
letter-spacing:1px;
white-space:nowrap;
color:#fff;
background:#df8b04;
}
#present .orenge p{
text-align: left;
padding-left:15px;
}
#present .orenge p strong{
font-weight:bold;
font-size: 16px;
color:#df8b04;
}
#present .orenge a {
    color: #0099FF;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
    text-align: right;
    font-size: 12px;
    padding-right: 18px;
    background: url(../IMAGE/150601pre/arrow.jpg) right center no-repeat;
}
#present .orenge a:hover{
	text-decoration:underline;
}
/* ---------------------
 　週替わりプレゼント
--------------------- */
#present .syuugawari{
	width:750px;
	margin:0 auto;
	padding-left:12px;
}
#present .syuugawari li{
	width:182px;
	height:448px;
	/*overflow:hidden;*/
	position:relative;
}
#present .syuugawari li dl{
width: 156px;
    height: 135px;
    position: absolute;
    right: 14px;
    bottom: 14px;
}
#present .syuugawari li dl dt{
	height:210px;
	text-align:left;
	/*font-weight:bold;*/
	margin-left:4px;
	font-size:12.5px;
	color:#FFF;
	line-height:14px;
}
#present .syuugawari li dl dt.small{
	font-size:11.5px;
}
#present .px10{
	font-size:10px;
}
#present .syuugawari li dl dd{
	height:101px;
	text-align:left;
	margin-left:6px;
	font-size:13.5px;
	color:#372C1F;
	line-height:1.3em;
	padding-top:5px;
}
#present .syuugawari li dl dd .point{
	display:block;
	margin-top:40px;
	font-size:11px;
	line-height:140%;
}
#present .syuugawari li dl dd .color{
	font-size:11px;
		

}
#present .syuugawari li dl dd.btn {
	height:30px;
	line-height:30px;
	text-align:right;
	font-size:13px;
	padding-right:18px;
	background:url(../IMAGE/150601pre/arrow.jpg) right center no-repeat;
}
#present .syuugawari li dl dd.fl{
	float:left;
	width:140px
}
#present .syuugawari li dl dd a{
	color:#0099FF;
	text-decoration:none;
	display:block;
}
#present .syuugawari li dl dd a:hover{
	text-decoration:underline;
}

#present .syuugawari li dl dd span.note {
    font-size: 13px;
}
/* ---------------------
 　　プレゼント概要
--------------------- */
#present .info{
	width:750px;
	margin:0 auto;
}
#present .info li{
	width:750px;
	height:280px;
	overflow:hidden;
	position:relative;
}
#present .info li dl{
	width:365px;
	height:160px;
	position:absolute;
	right:40px;
	bottom:15px;
}
#present .info li dl dt{
	height:130px;
	text-align:left;
	margin-left:10px;
	font-size:13px;
	color:#372C1F;
	line-height:20px;
}
#present .info li dl dd, #present .info2 li dl dd{
	height:30px;
	line-height:30px;
	text-align:right;
	font-size:13px;
	padding-right:18px;
	background:url(../IMAGE/150601pre/arrow.jpg) right center no-repeat;
}
#present .info li dl dd, #present .info2 li dl dd{
	height:30px;
	line-height:30px;
	text-align:right;
	font-size:13px;
	padding-right:18px;
	background:url(../IMAGE/150601pre/arrow.jpg) right center no-repeat;
}
#present .info li dl dd.fl{
	float:left;
	width:140px
}
#present .info li dl dd a, #present .info2 li dl dd a{
	color:#0099FF;
	text-decoration:none;
	display:block;
}
#present .info li dl dd a:hover,
 #present .info2 li dl dd a:hover{
	text-decoration:underline;
}


#present .info .special{
	height:570px;
}
#present .info .special dl{
	height:155px;
	position:absolute;
	right:29px;
	bottom:26px;
	border-left:1px #d7be9f solid;
}
#present .info .special ul.set{
    position: absolute;
    height: 170px;
    bottom: 16px;
    left: 23px;
    width: 334px;
    text-align: left;
}
#present .info .special ul.set li{
	width:100%;
	height:auto;
	margin-bottom:7.5px;
	position:relative;
	line-height:120%;
}
#present .info .special ul.set li a{
	text-decoration:none;
	color:#000;
	display:block;
	padding-left:1em;
}
#present .info .special ul.set li .set-left{
	width:220px;
}
#present .info .special ul.set li .shosai{
	/* float:right; */
	position:absolute;
	bottom:0;
	right:0;
	padding-right:2em;
	vertical-align:bottom;
	font-size:12px;
	color:#0099FF;
}




#present .info .special2 .shosai a{
	
	color:#0099FF;
}
#present .info .special2 .shosai{
	padding-right:30px;
	position:relative;
	text-align:right;
}
#present .info .special2 .shosai:after{
	position: absolute;
    background-image: url(/IMAGE/150601pre/arrow.jpg);
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    right: 0.6em;
    top: -3px;
    bottom: 0;
    margin: auto;
	
}




#present .info .special ul.set li .shosai:after{
	position: absolute;
    background-image: url(/IMAGE/150601pre/arrow.jpg);
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    right: 0.6em;
    top: -3px;
    bottom: 0;
    margin: auto;
	
}

#present .info .special2{
	height:353px;
}
#present .info .special2 dl{
	position:absolute;
	right:29px;
	top:90px;
	height:238px;
}
#present .info .special2 dl dd.btn{
	position:absolute;
	padding-right:30px;
	bottom:0;
	right:0;
}
#present .info .special2 dl dd.btn:after{
	position: absolute;
    background-image: url(/IMAGE/150601pre/arrow.jpg);
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    right: 0.6em;
    top: -3px;
    bottom: 0;
    margin: auto;
	
}


#present .info .special dl.d_tousen,
#present .info .special2 dl.d_tousen{
	height:198px;
	bottom:20px;
}

#present .info .special dl dt,
#present .info .special2 dl dt{
	text-align:left;
	font-size:13px;
	color:#372C1F;
	line-height:22px;
	width:auto;
	margin:0 12px;

}
#present .info .special dl.d_tousen dt,
#present .info .special2 dl.d_tousen dt{
	height:160px;
}
#present .info .special dl dt .note,
#present .info .special2 dl dt .note{
	width:100%;

}

#present .info .special dl dd,
#present .info .special2 dl dd{
	height:30px;
	text-align:right;
	padding-right:0;
	background:none;
}

#present .info .special2 dl dd.attention{
	position:absolute;
	bottom:5px;
	right:5px;
}

#present .pickup{
	font-weight:bold;
	font-size:110%;
	white-space: nowrap;
}


#present .info p{
	font-size:11px;line-height:1.3em;
}
#present .dot{width:100%;height:1px;border-top:1px dotted;margin:2px 0;}
#present .info .under{
	padding-top:0;
	margin-top:0;
	font-size:12px;
	border-top:none;
}

/* ---------------------
　プレゼント当選発表
--------------------- */
#present ul.tousen{
	overflow:hidden;
}
#present ul.tousen li{
	float:left;
	height:18px;
	width:170px;
}
#present ul.tousen li span{
	font-size:12px;
}
#present div.memo{
	margin:10px 0;
	font-size:10px;
	line-height:110%;
	color:#555;
}
/*
#present ul.tousen li.p{
	list-style:url(../IMAGE/150601pre/rank_p.png) inside;
}
#present ul.tousen li.g{
	list-style:url(../IMAGE/150601pre/rank_g.png) inside;
}
#present ul.tousen li.s{
	list-style:url(../IMAGE/150601pre/rank_s.png) inside;
}
#present ul.tousen li.b{
	list-style:url(../IMAGE/150601pre/rank_b.png) inside;
}
#present ul.tousen li.r{
	list-style:url(../IMAGE/150601pre/rank_r.png) inside;
}
*/
#present ul.tousen li{
	list-style:url(../IMAGE/90_present/list-item.jpg) inside;
}
#present ul.tousen li.rig{
	width:150px;
	height:30px;
	text-align:right;
	list-style:none;
}
#present .info2{
	width:750px;
	margin:0 auto;
}
#present .info2 li{
	width:750px;
	height:375px;
	overflow:hidden;
	position:relative;
}
#present .info2 li dl{
	width:700px;
	height:320px;
	position:absolute;
	right:10px;
	top:120px;
}
#present .info2 li dl dt{
	height:220px;
	text-align:left;
	/*margin-left:10px;*/
	font-size:13px;
	color:#372C1F;
	line-height:20px;
}
#present .info2 p{
	font-size:11px;
	border-top:1px dotted;
	padding-top:5px;
	margin-top:5px;
}
/* ---------------------
　　　　注意事項
--------------------- */
#present #m2, #present #m3{
	width:748px;
	overflow:hidden;
	margin:20px auto;
	border:#C00 1px solid;
	text-align:left;
	font-size:12px;
	line-height:18px;
	color:#333;
}
#present #m2 ul, #present #m3 ul{
	width:720px;
	margin:10px auto 0;
}

#present #m2 ul li{
	margin:2px 0 10px 0;
	padding-left:16px;
	background:url(/IMAGE/150601pre/diamond.jpg) left top no-repeat;
	clear:both;

}
#present #m3 ul li{
	margin:2px 0 10px 0;
	padding-left:16px;
	background:url(/IMAGE/150601pre/diamond.jpg) left top no-repeat;
}
#present #m2 h3, #present #m3 h3{
	text-align: left;
    padding: 6px 10px;
    font-size: 16px;
    color: #fff;
    background: #C00;
}

/* ---------------------
オススメキャンペーン＆特集
--------------------- */

#present .eventbn{
	margin:15px;
}

#present .eventbn ul{
	margin:auto 3px;
	overflow:hidden;
}

#present .eventbn ul li{
	margin:5px 7px;
	float:left;
}


#present span.red{color:#f00;font-size:11px}


#present .voice{

  /* -45度斜めから25%、50%、75%、100%と
    ボーダーが交互に色違いとなるように指定 */
  background-image: linear-gradient(
    -45deg,
    #C4171D 25%,
    #C92E34 25%, #C92E34 50%,
    #C4171D 50%, #C4171D 75%,
    #C92E34 75%, #C92E34
  );
  background-size: 20px 20px;
}
#present .voice h3{
		font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif !important;
	-webkit-transform: rotate(0.028deg);
	-moz-transform: rotate(0.028deg);
	-ms-transform: rotate(0.028deg);
	-o-transform: rotate(0.028deg);
	transform: rotate(0.028deg);
	
	padding:10px;
	color:#FFFDB6;
	font-size:22px;
	font-weight:bold;

	line-height:110%;
	background: -webkit-linear-gradient(#FFFFDD, #FCFC98);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#present .voice dl{
	background:#fff;
	border:1px solid #C92E34;
	padding:10px;
}
#present .voice dt{
	font-size:18px;
	text-align:left;
	border-bottom:1px solid #C92E34;
	position:relative;
	height:28px;
	margin-top:15px;
	clear:both;
}
#present .voice dt span{
	position:absolute;
	bottom:0;
	vertical-align: baseline;
}
#present .voice dt .title{left:10px;font-weight:bold;}
#present .voice dt .name{
	vertical-align: baseline;
	font-size:14px;
	right:10px;
}
#present .voice dd{
	margin-bottom:20px;
	padding:0 5px;
	text-align:left;
}
#present .voice .img{
	width:auto;
}
#present .voice .f-left{float:left;}
#present .voice .f-right{float:right;}
#present .voice .comment{
padding-top:2em;
}

#present .voice .attention{
	margin-bottom:0;
	padding:5px;
	font-size:90%;
	text-align:right;
}

/*注意書き*/
#present .small {
	font-size:10px;
	color:#c5181e;
}
#present .xxsmall {
	color:#c5181e;
    font-size: 10px;
    vertical-align: super;
}
#present .kome_mark{
    max-width: 100%;
    text-align: left;
    padding-left: 20px;
    padding-bottom: 20px;
}

#present ul:after{
	content:"";
	display:block;
	width:100%;
	clear:both;
	
}
#present .rakuraku{
	background-color:#FF6600;
	margin:5px auto;
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	height:2.3em;
	line-height:2.3em;
	border-radius:0.2em;
	width:60%;
	position:relative;
	
}
#present .rakuraku:hover{
	opacity:0.8;
}

#present .rakuraku:before{
	position: absolute;
    background-image: url(/IMAGE/60th_present2/rakuraku_icon.jpg);
    content: "";
    display: inline-block;
    width: 1.5em;
    height: 1.9em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    left:0.5em;
    top: 0.1em;
    bottom: 0;
    margin: auto;
}

#present .rakuraku a{
	display:block;
	color:#ffffff;
	text-decoration:none;
	
}