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

	import設定
	
----------------------------------------------------*/
/* Webブラウザのデフォルトスタイルのリセット */
@import url("common.css");
@import url("reset.css");
@import url("menu.css");
@import url("explanation.css");

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

----------------------------------------------------*/
html,body {
	background-attachment: scroll;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFFFFF;
}
#area {
	width: 890px;
	margin: 0 auto;
	position:relative; 
}
#point_area {
	width: 863px;
	height: 650px;
	margin: 0 auto;
	position:relative;
	overflow: scroll;
	background-color: #FFFFFF;
}

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

	ヘッド部分

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

#hed {
    height: 50px;
	background-image: url(../img/hed1.jpg);
}
#point_hed {
    height: 40px;
	background-image: url(../img/point_hed.gif);
}
#rogo {
    float:left;
    height:50px;
	width:200px;
	text-align: center;
	clear: both;
}
#image_contain {
    width: 890px;
}
#campaign_name {
	float: left;
	width: 369px;
	height: 200px;
	background: url(../img/hed2.jpg) no-repeat;
}
#campaign_name h2{
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}
#campaign_syosai1 {
    float: left;
	width: 370px;
	height: 45px;
	background: url(../img/hed3.jpg) no-repeat;
}
#campaign_syosai2 {
    float: left;
	width: 520px;
	height: 155px;
	position: relative;
	background: url(../img/hed4.jpg) no-repeat;
}
#campaign_syosai2 h3{
    font-size:14px;
	line-height: 20px;
	letter-spacing: 2px;
	padding-left: 35px;
	padding-top:5px;
}
.tousenbotan {
	position: absolute;
	top:74px;
	left:298px;
}

a.to_tousen {
	background: url(../img/botan_tousen1.jpg) no-repeat;
	height: 40px;
	width: 160px;
	float: left;
}
a.to_tousen:active,
a.to_tousen:hover {
	background: url(../img/botan_tousen2.jpg) no-repeat;
}

.img_type {
    float: left;
}
/*-----	はみだしリボン-------------------*/

#ribon {
	position: absolute;
	left: -50px;
	top: 0px;
	width: 50px;
	height: 170px;
	background: url(../img/hed_side1.jpg) no-repeat;
}

#ribon1 {
	position: absolute;
	left: 889px;
	top: 215px;
	width: 34px;
	height: 220px;
	background: url(../img/hed_side2.jpg) no-repeat;
}

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

	メインコンテンツ部分

----------------------------------------------------*/
#main_out {
    float:left;
	width: 890px;
	position: relative;
}
#main {
    float:left;
	width: 880px;
	padding-left:5px;
	background-color: #FFFFFF;
}
.main_in {
    float:left;
}
#point_main {
    float:left;
	width: 840px;
	padding-left:5px;
	background-color: #FFFFFF;
}
/*-----	はみだしボックス-------------------*/

#out_left {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 5px;
	height: 300px;
	background: url(../img/index_a_left.jpg) no-repeat;
}

#out_right {
	position: absolute;
	left: 885px;
	top: 0px;
	width: 50px;
	height: 300px;
	background: url(../img/index_a_right.jpg) no-repeat;
}
/*----------------------------------------------------

	答え

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

.main_a {
	float: left;
	width:880px;
}
.answer_left {
	float: left;
	width: 500px;
}
.answer_right {
	float: right;
	width: 380px;
	height: 204px;
	padding-top:20px;
	background-image: url(../img/answer_right.jpg);
	text-align:left;
	line-height: 18px;
	font-size:12px;
	color:#666666;
}
/*----------------------------------------------------

	抽選方法

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

.chu_left {
	float: left;
	width: 480px;
	padding-top:20px;
	padding-left:20px;
	font-size:12px;
	line-height: 20px;
}
.chu_right {
	float: right;
    width: 365px;
	text-align:right;
	padding-bottom:15px;
	padding-right: 15px;
}
.text_big {
    font-size: 20px;
	margin-top:3px;
	line-height:28px;
}
.chu_bold {
    font-weight: bold;
}
.radio {
	width:330px;
	margin-top:2px;
	float:right;
	text-align:left;
	padding:5px;
	background-color:#006699;
	color:#FFFFFF;
	font-size:11px;
	line-height: 12px;
}
.chu_img {
    float:right;
}
/*----------------------------------------------------

	当選者発表

----------------------------------------------------*/
/*-----1位2位3位4位名前フォント--------*/
.text_name {
    font-size: 18px;
	font-weight: bold;
	letter-spacing:2px;
	line-height: 18px;
}
/*-----1位2位名前余白とり--------*/
.tosen_name1_2 {
    line-height: 28px;    
}
/*-----3位名前余白とり--------*/
.tosen_name3 {
    line-height: 22px;    
}
/*-----5位6位Wﾁｬﾝｽフォント--------*/
.text_name5 {
    font-size: 14px;
	font-weight: bold;
	color:#666666;    
}

/*-----特賞--------*/
.tosen0_left {
	float: left;
	width: 380px;
	height: 70px;
	padding-left:120px;
	padding-top:140px;
	font-size:12px;
	line-height: 18px;
	background-image: url(../img/tosen/pre0a.jpg);
	background-repeat: no-repeat;
}
.tosen0_right {
	float: right;
}
/*-----1位2位3位4位プレゼントイメージ--------*/
.tosen_left {
	float: left;
}
/*-----1位2位3位当選者名--------*/
.tosen_right {
	float: right;
	width: 430px;
	height: 90px;
	padding-left:60px;
	padding-top:35px;
	background-image: url(../img/tosen/pre1b.jpg);
	background-repeat: no-repeat;
}
/*-----4位当選者名--------*/
.tosen4_right {
	float: right;
	width: 430px;
	height: 208px;
	padding-left:60px;
	padding-top:35px;
	background-image: url(../img/tosen/pre4b.jpg);
	background-repeat: no-repeat;
}
/*-----5位6位wﾁｬﾝｽ当選者名--------*/
.tosen5 {
	float: left;
	width: 848px;
	height: 100%;
	padding-left:32px;
	padding-top:5px;
	background-image: url(../img/tosen/pre_name_bg.jpg);
	background-repeat: repeat-y;
}
.tosen5 ul{
	float: left;
}

.tosen5 li{
	float: left;
	width: 250px;
	margin-right: 32px;
	line-height: 22px;
}
.tosen5 .hoka{
	float: left;
	width: 530px;
	text-align:right;
	margin-right: 32px;
	line-height: 25px;
	background-color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	color:#000000;
}

.tosen5_footer {
	float: left;
	width: 880px;
	height: 25px;
	background-image: url(../img/tosen/pre_name_foot.jpg);
}
.tosen5_endfooter {
	float: left;
	width: 110px;
	height: 35px;
	padding-left:770px;
	padding-top: 30px;
	font-weight: bold;
	background-image: url(../img/tosen/pre_name_endfoot.jpg);
}
.tosen5_endfooter a{
    color:#FFFFFF;
}


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

	応募要項

----------------------------------------------------*/
#guide_hed{
   float:left;
   width: 840px;
   height: 65px;
   background: url(../img/index_b_1.jpg) no-repeat;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}
#guide_end{
   float:left;
   width: 840px;
   height: 93px;
   background: url(../img/index_b_end.jpg) no-repeat;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}
#inqu_hed{
   float:left;
   width: 840px;
   height: 65px;
   background: url(../img/index_b_t2.jpg) no-repeat;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}
#guide_main{
	float:left;
	width: 820px;
	height: 560px;
	padding-bottom:30px;
	padding-left: 40px;
	pading-right: 20px;
	background-image: url(../img/index_b_bg1.jpg);
	background-repeat: repeat-y;
	overflow: auto;
	background-color: #FFFFFF;
}
#inqu_main{
	float:left;
	width: 820px;
	height: 150px;
	padding-left: 40px;
	pading-right: 20px;
	background-image: url(../img/index_b_bg1.jpg);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
}
#guide_bottom{
   float:left;
   width: 840px;
   height: 10px;
   background: url(../img/index_b_bottom.jpg) no-repeat;
}
#guide {
    float:left;
	width: 760px;
	height: 100%;
}

#guide ul {
	float:left;
	width: 760px;
	font-size: 14px;
	line-height: 20px;
	margin-top:10px;
	margin-bottom:20px;
}
#guide li {
	float:left;
	padding-top: 5px;
	padding-bottom: 5px;
}
#guide li .guide_left{
	float: left;
	width: 120px;
	color: #CC0000;
	text-align: right;
}
#guide li .guide_right{
	float: right;
	width: 640px;
	text-align: left;
}
#guide li .line{
	float: left;
	width: 760px;
	height: 1px;
	font-size: 0;
	line-height: 1px;
}
#guide td {
    padding: 7px;
}
.page_up {
	float:left;
	width: 780px;
	margin-top:10px;
	text-align: right;
}

#bottom {
    float:left;
	height: 25px;
	width:840px;
	background-image: url(../img/main_bottom.jpg);
}
.red_s {
	color:#CC0000;
	font-size:12px;
	line-height: 15px;	
}

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

	５つのキーワード

----------------------------------------------------*/
#key_hed{
   float:left;
   width: 880px;
   height: 90px;
   background: url(../img/key_title.jpg) no-repeat;
   font-size: 0;
   line-height: 0;
   text-indent: -9999px;
}
#key_main{
	float:left;
	width: 840px;
	height: 100%;
	padding-bottom:30px;
	padding-left: 40px;
	background-image: url(../img/key_bg.jpg);
	background-repeat: repeat-y;
}
#key_bottom{
   float: left;
   width: 880px;
   height: 10px;
   background: url(../img/key_bottom.jpg) no-repeat;
}
#key {
    float:left;
	width: 800px;
	height: 100%;
   position:relative;
}

#key ul {
	float:left;
	width: 800px;
	font-size: 14px;
	line-height: 20px;
	margin-top:10px;
	margin-bottom:20px;
}
#key li {
	float:left;
	padding-top: 5px;
	padding-bottom: 5px;
}
#key li .key_left{
	float: left;
	width: 90px;
	color: #CC0000;
	text-align: right;
}
#key li .key_right{
	float: right;
	width: 700px;
	text-align: left;
}
#key li .line{
	float: left;
	width: 800px;
	height: 1px;
	font-size: 0;
	line-height: 1px;
}
#key table {
    margintop:5px;
}
#key td {
    padding: 3px;
	color: #FFFFFF;
}
#key_in_hed {
   float:left;
   width: 800px;
   height: 45px;
   margin-top:20px;
   background: url(../img/key_in_hed.jpg) no-repeat;
   font-size: 0;
   line-height: 0;
   text-indent: -9999px;
}
#key_in_main{
	float:left;
	width: 780px;
	height: 100%;
	padding-bottom:10px;
	padding-left: 20px;
	background-image: url(../img/key_in_bg.jpg);
	background-repeat: repeat-y;
}
#key_in_form {
	float:left;
	width: 400px;
	height: 40px;
	padding-left:20px;
	padding-top: 50px;
	background-image: url(../img/key_in.jpg);
	font-size:16px;
	line-height: 20px;
}
#key_in_form .form_text{
	font-size:16px;
	line-height: 20px;
}
#key_in_botan {
	float:right;
	padding-top: 25px;
	padding-right:20px;
}
a.to_form {
	background: url(../img/key_in_botan1.jpg) no-repeat;
	height: 60px;
	width: 300px;
	float: left;
}
a.to_form:active,
a.to_form:hover {
	background: url(../img/key_in_botan2.jpg) no-repeat;
}
#key_in_bottom{
   float: left;
   width: 800px;
   height: 10px;
   background: url(../img/key_in_bottom.jpg) no-repeat;
}
#key_welcomeqr{
	position: absolute;
	left: 499px;
	top: 112px;
	width: 277px;
	height: 75px;
	background: url(../img/welcomemessage_qr.jpg) no-repeat;
}
/*----------------------------------------------------

	ボタン

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

a.to_key {
	background: url(../img/index_a_botankey1.jpg) no-repeat;
	height: 75px;
	width: 360px;
	float: left;
}
a.to_key:active,
a.to_key:hover {
	background: url(../img/index_a_botankey2.jpg) no-repeat;
}

#guide_u_botan {
    padding-left:300px;
	float: left;
} 
a.to_key1 {
	background: url(../img/index_b_botankey1.jpg) no-repeat;
	height: 70px;
	width: 290px;
	float: left;
}
a.to_key1:active,
a.to_key1:hover {
	background: url(../img/index_b_botankey2.jpg) no-repeat;
}