/* CSS Document */
@charset "utf-8";



/*----------------------------------------------------------------

z-indexについて

900   - 商品関係
1000  - ボタン関係
1100  - ボタンより上位のレイアウト

15000 - チェックリスト(最上段)




----------------------------------------------------------------*/




/*----------------------------------------------------------------*/
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color:#fff;
	color:#ffffff;
	font-size:14px;
}

a{
	color:#00b9f2;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

div#wrapper {
	width: 960px;
	height: 100%;
	margin:auto;
}

div.container {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 35px;
}



/*--------------------------------------------------
キャンペーン固有
--------------------------------------------------*/

/* STEP リスト
-------------------------*/
#step{
	width:960px;
}

#step-list{
	background-color: #1a1a1a;
	overflow: hidden;
	padding: 0 13px;
	padding-bottom: 10px;
}
#step-list li{
	float: left;
	width: 304px;
	margin-right: 11px;
}
#step-list li#last-step{
	margin-right: 0;
}
#step-list li dd{
	height: 340px;
	background-color: #fff;
}
#step-list li dd p.step-txt{
	color: #1a1a1a;
	padding: 0 12px;
}

/* 応募方法
-----------------------------*/
#applicationMethod {
	padding-bottom:35px;
	line-height:1.4;
	width: 940px;
	margin: 0 auto;
	color: #000;
}
#tbl_apply{
	width: 100%;
	margin-bottom: 19px;
}
#tbl_apply th, 
#tbl_apply td{
	border-bottom: 3px solid #fff;
}
#tr_last th, 
#tr_last td{
	border-bottom: 0;
}
#tbl_apply th{
	width: 225px;
}
#tbl_apply td{
	background-color: #f1f1f1;
	vertical-align: middle;
	padding-left: 19px;
	font-size: 20px;
}

#tbl_apply td .txt-large{
	font-size: 24px;
	font-weight: bold;
}
#postmark{ font-size: 19px; }
#appointment{ font-size: 16px; }

/* 注意事項
-----------------------------------*/
#attention dt, 
#attention-list li{
	margin-bottom: 5px;
}
#attention-list{}
#attention-list li{
	line-height:1.4;
}
#attention-list li#last-attention-item{
	margin-bottom: 0;
}
#attention-list dd.strong{
	font-weight:bold;
	font-size:16px;
	line-height:2.0;
}

/*ユーティリティ----------------------------------------------------------*/
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	overflow:hidden;
}
.pdB10{
	padding-bottom:10px;
}
.pdL100{
	padding-left:100px;
}
.txt-c{
	text-align: center;
}

/*footer----------------------------------------------------------*/
#footer{
	width:100%;
	min-width: 960px;
	height:75px;
	background: url(../../img/footer-bg.gif);
	position:relative;
	z-index:101;
}

/*logo*/
#footer #footer-logo {
	position: absolute;
	left:0;
	margin: 10px 0 0 27px;
}

/*nav*/
#footer #footer-nav {
	width:500px;
	height:75px;
	background: url(../../img/footer-copyright2.gif) no-repeat center bottom;
	margin: 0 auto;
}

#footer #footer-nav dd ul {
	margin-left:65px;
}

#footer #footer-nav dd ul li{
	margin:18px 23px 0 0;
	float: left;
}

#footer .imgFilter-seat{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

#footer .imgFilter{
	position:relative;
	z-index:2;
}

#footer .imgFilter-on{
	background-color:#000;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/*sns_link*/
#footer #footer-sns {
	position: absolute;
	right: 0;
}

#footer #footer-sns dt{
	background-image:url(../img/sprite-gnav.png);
	background-repeat:no-repeat;
	background-position:0 -289px;
	width:180px;
	height:12px;
}
#footer #footer-sns dt span{
	display:none;
}

#footer #footer-sns dd{
	margin:14px 24px 0 0;
}

#footer #footer-sns dd ul{
	margin:0 0 0 10px;
}

#footer #footer-sns dd ul li{
	float:left;
	margin:0 3px 0 0;
}
#footer #footer-sns dd ul li span{
	display:none;
}
#footer #footer-sns dd ul li a{
	display:block;
	width:21px;
	height:21px;
	background-image:url(../../img/sprite-share.png);
	background-repeat:no-repeat;
	
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	
}

#footer #footer-sns dd ul li.sns_tw a{
	background-position:-3px -3px;
}
#footer #footer-sns dd ul li.sns_fb a{
	background-position:-28px -3px;
}
#footer #footer-sns dd ul li.sns_mx a{
	background-position:-52px -3px;
}
#footer #footer-sns dd ul li.sns_gp a{
	background-position:-77px -3px;
}

#footer #footer-sns dd ul li.sns_tw a:hover{
	background-position:-3px -24px;
}
#footer #footer-sns dd ul li.sns_fb a:hover{
	background-position:-28px -24px;
}
#footer #footer-sns dd ul li.sns_mx a:hover{
	background-position:-52px -24px;
}
#footer #footer-sns dd ul li.sns_gp a:hover{
	background-position:-77px -24px;
}



/*----------------------------------------------------------------*/
/*share_btn*/
#share_btn{
	margin:0 0 0 0;
}

#share_btn li{
	float:left !important;
	width:21px !important;
	height:21px !important;
	margin:0 3px 0 0 !important;
}

#share_btn li span{
	display:none;
}

#share_btn li a{
	display:block;
	width:21px;
	height:21px;
	background-image:url(../img/sprite-share.png);
	background-repeat:no-repeat;
	
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	
}

#share_btn li.sns_tw a{
	background-position:-3px -3px;
}
#share_btn li.sns_fb a{
	background-position:-28px -3px;
}
#share_btn li.sns_mx a{
	background-position:-52px -3px;
}
#share_btn li.sns_gp a{
	background-position:-77px -3px;
}

#share_btn li.sns_tw a:hover{
	background-position:-3px -24px;
}
#share_btn li.sns_fb a:hover{
	background-position:-28px -24px;
}
#share_btn li.sns_mx a:hover{
	background-position:-52px -24px;
}
#share_btn li.sns_gp a:hover{
	background-position:-77px -24px;
}