
/* campaign.css=キャンペーンcss
==========================================================*/


#Campaign_main{
	background :#e2b61d url(/share/siteimg/campaign/title_back.gif) 58px 9px no-repeat;
	width :100%;
	text-align : center;
	padding: 10px 0;
	margin : 0;
}

#Campaign_main #wrap{
	width : 787px;
	margin : 0 auto;
}

#Campaign_main #wrap h2{
	float:left;
	width : 547px;
	height : 294px;
	background : url(/share/siteimg/campaign/title.gif) no-repeat;
	display:block;
	text-indent:-5000px;
	margin : 0;
}
#Campaign_main #wrap .novelty{
	float:left;
	width : 240px;
	height : 294px;
	background : url(/share/siteimg/campaign/title_novelty.gif) no-repeat;
	display:block;
	text-indent:-5000px;
	margin : 0;
}
#Campaign_main #wrap #term{
	width : 787px;
	height : 47px;
	background : url(/share/siteimg/campaign/term.gif) no-repeat;
	text-indent:-5000px;
}

#Campaign_main #wrap #title_site{
	width : 787px;
	height : 133px;
	background : url(/share/siteimg/campaign/title_site_back.gif) no-repeat;
}
#Campaign_main #wrap #title_site ul.top{
	padding : 21px 0 0 184px;
}
#Campaign_main #wrap #title_site ul.bottom{
	padding : 2px 0 0 184px;
}
#Campaign_main #wrap #title_site ul li{
	float:left;
	margin-right : 9px;
}
#Campaign_main #wrap #line1{

}

#Campaign_main #wrap #line1 .text-notes{
	width : 787px;
	height : 85px;
	background : url(/share/siteimg/campaign/text-notes.gif) no-repeat;
	text-indent:-5000px;
}

#Campaign_main #wrap #line1 #novelty_contents{
	float:left;
	width : 568px;
	height : 194px;
	background : url(/share/siteimg/campaign/novelty_contents.gif) no-repeat;
	text-indent:-5000px;
}
#Campaign_main #wrap #line1 #novelty_anime{
	float:left;
	width : 219px;
	height : 194px;
	background : url(/share/siteimg/campaign/novelty_anime.gif) no-repeat;
	text-indent:-5000px;
}

#Campaign_main #wrap #line1 #howto{
	width : 787px;
	height : 476px;
	background : url(/share/siteimg/campaign/howto.gif) no-repeat;
	text-indent:-5000px;
}

#Campaign_main #wrap #line1 #site{
	width : 787px;
	height : 364px;
	background : url(/share/siteimg/campaign/site.gif) no-repeat;
	text-align : center;
}
#Campaign_main #wrap #line1 #site dl.top{
	padding : 80px 0 0 0;
	margin : 0 auto;
	width : 678px;
}
#Campaign_main #wrap #line1 #site dl.bottom{
	padding : 17px 0 0 0;
	margin : 0 auto;
	width : 678px;
}
#Campaign_main #wrap #line1 #site dl dt{
	text-indent : -5000px;
	margin : 0;
}
#Campaign_main #wrap #line1 #site dl dd{
	float : left;
	width : 320px;
	height : 60px;
	padding : 0 8px 8px 8px;
}

#Campaign_main #wrap #line1 .foottext{
	width : 787px;
	height : 360px;
	background : url(/share/siteimg/campaign/foottext.gif) no-repeat;
	text-indent:-5000px;
	padding-bottom : 20px;
}

/* 2011.3.31アンケートキャンペーンcss
==========================================================*/

#EnqueteCampaignWrap{
	background : #fff;
	border : 1px solid #999;
	padding : 20px 0;
}

#EnqueteCampaign{
	margin : 0 auto;
	width : 800px;
	color : #000;
	text-align : left;
}

#EnqueteCampaign .main{
	width : 800px;
	height : 174px;
	background : url(/share/siteimg/campaign/enq_mainimage.jpg) no-repeat;
}
#EnqueteCampaign .main h2{
	text-indent : -5000px;
}
#EnqueteCampaign .main p{
	text-indent : -5000px;
}

#EnqueteCampaign .summary{
	width : 780px;
	margin : 8px auto ;
	padding : 0;
}

#EnqueteCampaign .summary .text{
	float : left;
	width : 602px;
	padding : 10px;
	text-align : left !important;
}
#EnqueteCampaign .summary dl{
	margin : 0px;
	width : 602px;
}
#EnqueteCampaign .summary dt{
	float : left;
	width : 84px;
	color : #419fa7;
	font-weight : bold;
}
#EnqueteCampaign .summary dd{
	float : left !important;
	width : 518px;
}
#EnqueteCampaign .summary .image-quocard{
	float : right;
	width : 158px;
	text-align : right;
}

#EnqueteCampaign table{
	border-collapse: collapse;
	border: 1px solid #676767;
	margin: 0;
	width : 800px;
}
#EnqueteCampaign table caption{
	border: 1px solid #676767;
	border-bottom: none;
	text-align : left;
	background : #85dbf4;
	font-weight : bold;
}
#EnqueteCampaign caption,th,td{
	padding : 8px 12px;
	border-bottom: 1px solid #676767;
}
#EnqueteCampaign th{
	background : #e9f9fd;
	border-right :  1px solid #676767;
	width : 200px;
}
#EnqueteCampaign dl.attention{
	border: 1px solid #676767;
	border-top: none;
	margin: 0;
	width : 798px;
}
#EnqueteCampaign dl.attention dt{
	padding : 8px 12px;
	text-align : left;
	background : #85dbf4;
	font-weight : bold;
	border-bottom: 1px solid #676767;
}
#EnqueteCampaign dl.attention dd{
	padding : 8px 10px;
	text-align : left;
}
#EnqueteCampaign dl.attention dd ul{
	list-style-type : disc;
	list-style-position: outside;
}
#EnqueteCampaign dl.attention dd li{
	padding : 4px 3px 4px 5px;
	margin-left : 30px;
}
#EnqueteCampaign dl.attention .agreement{
	width: 760px;
	height: 150px;
	overflow: auto;
	margin : 4px auto;
	padding : 8px;
}
#EnqueteCampaign dl.attention .agreement p{
	margin : 8px 0;
}
#EnqueteCampaign dl.attention .agreement dl{
	margin : 8px 0;
	border: none;
}
#EnqueteCampaign dl.attention .agreement dt{
	border-bottom: 1px solid #676767;
	background : none;
	padding : 5px 0;
}
#EnqueteCampaign dl.attention .agreement dd{
	border: none;
	background : none;
	padding : 5px 0;
}

#EnqueteCampaign .bt_enquete{
	background : url(/share/siteimg/campaign/enq_bt_enquete.jpg) no-repeat;
	width : 800px;
	height : 163px;
	text-align : center;
	margin : 18px auto 0 auto;
}
#EnqueteCampaign .bt_enquete img{
	vertical-align: middle;
	margin-top : 30px;
}

#EnqueteCampaign .bt_enquete_top{
	background : url(/share/siteimg/campaign/enq_bt_enquete_top.jpg) no-repeat;
	width : 800px;
	height : 366px;
	text-align : center;
	margin : 18px auto 0 auto;
}

#EnqueteCampaign .bt_enquete_top .sbt{
	padding : 56px 0 0 0;
}

#EnqueteCampaign .bt_enquete_top ul{
	width : 720px;
	margin : 0 auto;
}
#EnqueteCampaign .bt_enquete_top li{
	width : 350px;
	float : left;
	margin : 4px;
}

#EnqueteCampaign .except_link{
	margin : 4px auto 10px auto;
	width : 800px;
}
#EnqueteCampaign .except_link .top{
	background : url(/share/siteimg/campaign/enq_exceptenq_back.gif) no-repeat;
	height : 17px;
}
#EnqueteCampaign .except_link .wrap{
	background :#e9f9fd;
	border-bottom : 2px solid #23bce3;
	border-left : 2px solid #23bce3;
	border-right : 2px solid #23bce3;
	padding : 15px;
}
#EnqueteCampaign .except_link .wrap ul{
	margin-top : 10px;
	width : 760px;
}
#EnqueteCampaign .except_link .wrap li{
	background : url(/share/siteimg/campaign/enq_arrow.gif) 1px no-repeat;
	float : left;
	width : 350px;
	margin-top : 8px;
	padding-left : 20px;
}
#EnqueteCampaign .sns{
	margin : 5px 0;
	text-align : right;
	width : 800px;
}
#EnqueteCampaign .sns .twitter{
	float : right;
	text-align : right;

}
#EnqueteCampaign .sns .facebook{
	float : right;
	text-align : right;

}
#EnqueteCampaign .sns .hatena{
	float : right;
	text-align : right;

}

/* 2012.1.16 10周年プレゼントキャンペーンcss
==========================================================*/

#Campaign10thWrapp{
	padding:15px 0;
	border:1px solid #cab9a3;
	background:#fff none repeat scroll 0 0;
}

#Campaign10th{
	margin : 0 auto;
	width : 800px;
	color : #693400;
	text-align:left;
}
#Campaign10th .wrapper_10th{
	background:#f9b53f none repeat scroll 0 0;
	padding-bottom:12px;
}
#Campaign10th .wrapper_10th .devide{
	background:transparent url(/share/siteimg/campaign/dotted_10th.gif) repeat-x scroll 0 0; 
	padding:12px 0 0;
}
#Campaign10th h2{
	margin:0;
}

/* メイン */
#Campaign10th .main_10th{
	width:800px;
	height:535px;
	background:#f9b53f url(/share/siteimg/campaign/bg_main_10th.gif) no-repeat scroll 0 0;
}
#Campaign10th .main_10th h2{
	text-indent:-9999em;
	background:url(/share/siteimg/campaign/tit_main_10th_01.gif) no-repeat scroll 160px 0;
	height:107px;
}
#Campaign10th .main_10th h3{
	text-indent:-9999em;
	background:url(/share/siteimg/campaign/tit_main_10th_02.gif) no-repeat scroll 60px 0;
	height:187px;
	margin:0;
}
#Campaign10th .main_10th p.period{
	text-indent:-9999em;
	background:url(/share/siteimg/campaign/txt_main_10th_01.gif) no-repeat scroll 60px 0;
	height:48px;
}
#Campaign10th .main_10th p.summary{
	text-indent:-9999em;
	background:url(/share/siteimg/campaign/txt_main_10th_02.gif) no-repeat scroll 60px 0;
	height:144px;
}
/* 背景 */
#Campaign10th .bg_10th_white_top{
	background: #fff url(/share/siteimg/campaign/bg_10th_white_top.gif) no-repeat scroll 0 0;
	height:18px;
	overflow:hidden;
	margin:0 9px 0 15px; 
}
#Campaign10th .bg_10th_white_mid{
	background:#fff url(/share/siteimg/campaign/bg_10th_white_mid.gif) repeat-y scroll 0 0;
	padding:0 21px 0 15px;
	margin:0 9px 0 15px;
}
#Campaign10th .bg_10th_white_btm{
	background:#fff url(/share/siteimg/campaign/bg_10th_white_btm.gif) no-repeat scroll 0 0;
	height:18px;
	overflow:hidden;
	margin:0 9px 30px 15px;
}
/* 対象サービス */
#Campaign10th .bg_10th_white_mid h2.tit_white_01{
	text-indent:-9999em;
	background:url(/share/siteimg/campaign/tit_10th_white_01.gif) no-repeat scroll 0 0;
	height:37px;
	margin-bottom:12px;
	width:740px;
}
#Campaign10th .bg_10th_white_mid table.tbl_10th_01{
	/*border:2px solid #b05700;*/
	border-collapse:collapse;
	width:740px;
	background:#fff none repeat scroll 0 0;
}
#Campaign10th .bg_10th_white_mid table.tbl_10th_01 td{
	border:2px solid #b05700;
	border-collapse:collapse;
	padding:8px;
	width:353px;
	font-size:12px;
}
#Campaign10th .bg_10th_white_mid table.tbl_10th_01 dl.service{
    display: table;
    width:350px;
}
#Campaign10th .bg_10th_white_mid table.tbl_10th_01 dl.service dt,
#Campaign10th .bg_10th_white_mid table.tbl_10th_01 dl.service dd{
    display: table-cell;
    vertical-align: middle;
}
#Campaign10th .bg_10th_white_mid table.tbl_10th_01 dl.service dt{
	width:165px;
}
#Campaign10th .bg_10th_white_mid table.tbl_10th_01 dl.service dd{
	width:185px;
  text-align:left;
}
* html div#Campaign10th .bg_10th_white_mid table.tbl_10th_01 td dl.service dt,
* html div#Campaign10th .bg_10th_white_mid table.tbl_10th_01 td dl.service dd{/* IE 6 */
	display:inline;
	zoom:1;
}
*:first-child+html div#Campaign10th .bg_10th_white_mid table.tbl_10th_01 td dl.service dt,
*:first-child+html div#Campaign10th .bg_10th_white_mid table.tbl_10th_01 td dl.service dd{/* IE 7 */
	display:inline;
	zoom:1;
}

#Campaign10th .bg_10th_white_mid table.tbl_10th_01 td.border_none{
	border:none;
}

#Campaign10th .bg_10th_white_mid table.tbl_10th_01 dl.service dd ul li{
	padding-left:6px;
}
#Campaign10th .bg_10th_white_mid table.tbl_10th_01 dl.service dd ul.service_devide li{
	float:left;
	width:86px;
}

#Campaign10th .bg_10th_white_mid ul.service_attention{
	line-height:130%;
	margin:4px 0 0;
}
#Campaign10th .bg_10th_white_mid ul.service_attention li.attention_01{
	background:transparent url(/share/siteimg/campaign/icon_notes_01.gif) no-repeat 0 center;
	padding-left:20px;
}
#Campaign10th .bg_10th_white_mid ul.service_attention li.attention_02{
	background:transparent url(/share/siteimg/campaign/icon_notes_02.gif) no-repeat 0 center;
	padding-left:20px;
}
#Campaign10th .bg_10th_white_mid ul.service_attention li.attention_03{
	background:transparent url(/share/siteimg/campaign/icon_notes_03.gif) no-repeat 0 center;
	padding-left:20px;
}
#Campaign10th .bg_10th_white_mid ul.service_attention li.attention_04{
	background:transparent url(/share/siteimg/campaign/icon_notes_04.gif) no-repeat 0 center;
	padding-left:20px;
}
/* 応募方法 */
#Campaign10th .bg_10th_white_mid h2.tit_white_02{
	text-indent:-9999em;
	background:url(/share/siteimg/campaign/tit_10th_white_02.gif) no-repeat scroll 0 0;
	height:37px;
	margin:35px 0 15px;
	width:740px;
}
#Campaign10th .bg_10th_white_mid .step_10th{
	margin-bottom:35px;
	font-size:12px;
}
#Campaign10th .bg_10th_white_mid .step_10th .stepBox1,
#Campaign10th .bg_10th_white_mid .step_10th .stepBox2,
#Campaign10th .bg_10th_white_mid .step_10th .stepBox3{
	background:url(/share/siteimg/campaign/arrow_10th.gif) no-repeat right center;
	float:left;
	padding-right:23px;
}
#Campaign10th .bg_10th_white_mid .step_10th .stepBox1{
	width:133px;
}
#Campaign10th .bg_10th_white_mid .step_10th .stepBox2{
	width:291px;
}
#Campaign10th .bg_10th_white_mid .step_10th .stepBox3{
	width:151px;
}
#Campaign10th .bg_10th_white_mid .step_10th .stepBox4{
	float:left;
	width:91px;
}
#Campaign10th .bg_10th_white_mid .step_10th dl{
	background:#ffe6bb none repeat scroll 0 0;
	border:2px solid #b05700;
	padding-bottom:5px;
}
#Campaign10th .bg_10th_white_mid .step_10th dl dt img{
	margin:-9px 0 0 2px;
	position:relative;
}
#Campaign10th .bg_10th_white_mid .step_10th dl dd{
	margin:0 2px 0;
}

/* キャンペーン概要 */
#Campaign10th .bg_10th_white_mid h2.tit_white_03{
	text-indent:-9999em;
	background:url(/share/siteimg/campaign/tit_10th_white_03.gif) no-repeat scroll 0 0;
	height:37px;
	margin-bottom:12px;
	width:740px;
}
#Campaign10th .bg_10th_white_mid table.tbl_10th_02{
	border:1px solid #b05700;
	border-collapse:collapse;
	width:740px;
	background:#fff none repeat scroll 0 0;
}
#Campaign10th .bg_10th_white_mid table.tbl_10th_02 th{
	border:1px solid #b05700;
	border-collapse:collapse;
	background:#fff3bb none repeat scroll 0 0;
	padding:10px;
	width:150px;
	vertical-align:top;
}
#Campaign10th .bg_10th_white_mid table.tbl_10th_02 td{
	border:1px solid #b05700;
	border-collapse:collapse;
	padding:10px;
	vertical-align:top;
}
#Campaign10th .bg_10th_white_mid table.tbl_10th_02 dl.servicebox{

}
#Campaign10th .bg_10th_white_mid table.tbl_10th_02 dl.servicebox dt,
#Campaign10th .bg_10th_white_mid table.tbl_10th_02 dl.servicebox dd,
#Campaign10th .bg_10th_white_mid table.tbl_10th_02 dl.servicebox dd ul li{
	float:left;
}
#Campaign10th .bg_10th_white_mid table.tbl_10th_02 dl.servicebox dt{
	padding-right:20px;
}
#Campaign10th .bg_10th_white_mid table.tbl_10th_02 dl.servicebox dt span.attention001{
	background:url(/share/siteimg/campaign/icon_notes_01.gif) no-repeat scroll 0 0;
}
#Campaign10th .bg_10th_white_mid table.tbl_10th_02 dl.servicebox dt span.attention002{
	background:url(/share/siteimg/campaign/icon_notes_02.gif) no-repeat scroll 0 0;
}
#Campaign10th .bg_10th_white_mid table.tbl_10th_02 dl.servicebox dt span.attention003{
	background:url(/share/siteimg/campaign/icon_notes_03.gif) no-repeat scroll 0 0;
}
#Campaign10th .bg_10th_white_mid table.tbl_10th_02 dl.servicebox dd ul li{
white-space:nowrap;
}
#Campaign10th .bg_10th_white_mid table.tbl_10th_02 td .agreement{
	height: 145px;
    margin: 2px auto;
    overflow: auto;
}

/* 各サイトのボタンエリア */
#Campaign10th .redcurtain{
	background:#f93232 url(/share/siteimg/campaign/bg_curtain_bottom.gif) no-repeat scroll 0 bottom;
	padding-bottom:87px;
	margin:0 15px;
}
#Campaign10th .redcurtain h2.tit_curtain_01{
	text-indent:-9999em;
	background:url(/share/siteimg/campaign/tit_curtain_01.gif) no-repeat scroll 0 0;
	height:80px;
	margin:0;
	width:770px;
}
#Campaign10th .redcurtain h3.tit_curtain_02{
	text-indent:-9999em;
	background:url(/share/siteimg/campaign/tit_curtain_02.gif) no-repeat scroll 0 0;
	height:30px;
	margin:0 15px 10px;
}
#Campaign10th .redcurtain h3.tit_curtain_03{
	text-indent:-9999em;
	background:url(/share/siteimg/campaign/tit_curtain_03.gif) no-repeat scroll 0 0;
	height:30px;
	margin:0 15px 10px;
}
#Campaign10th .redcurtain ul.btn_curtain_01{
	margin:0 1px 0 15px;
}
#Campaign10th .redcurtain ul.btn_curtain_01 li{
	float:left;
	padding-right:5px;
	margin:0 0 6px 0;
}
#Campaign10th .redcurtain ul.btn_curtain_02{
	margin:0 0 0 15px;
	list-style-type:none;
}
#Campaign10th .redcurtain ul.btn_curtain_02 li{
	float:left;
	margin:0;
}
#Campaign10th .redcurtain ul li img{
	vertical-align:bottom;
}
/* SNS */
#Campaign10th .sns{
	padding : 5px 0;
	text-align : right;
	width : 800px;
}
#Campaign10th .sns .twitter{
	float : right;
	text-align : right;
}
#Campaign10th .sns .facebook{
	float : right;
	text-align : right;
}
#Campaign10th .sns .hatena{
	float : right;
	text-align : right;
}