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

/*-------------------------------------------------------*/
/*コンテンツ
/*-------------------------------------------------------*/


div#campaignContent{
width:100%;
background:url(images/bg.gif);
padding:10px 0 21px 0;
}


/*-------------------------------------------------------*/
/*キャンペーンレイアウト
/*-------------------------------------------------------*/
div#campaignLayoutLeft{
width:204px;
float:left;
}
div#campaignLayoutRight{
width:756px;
float:left;
}



/*-------------------------------------------------------*/
/*キャンペーン情報リンク
/*-------------------------------------------------------*/
a#campaignLinkTop{display:block; background:url(images/l_navi01.gif) no-repeat; width:185px; height:61px;}
a#campaignLinkList{display:block; background:url(images/l_navi02.gif) no-repeat; width:185px; height:39px;}
a#campaignLinkEntry{display:block; background:url(images/l_navi03.gif) no-repeat; width:185px; height:39px;}
a#campaignLinkAtumete{display:block; background:url(images/l_navi04.gif) no-repeat; width:185px; height:39px;}
a#campaignLinkKinen{display:block; background:url(images/l_navi05.gif) no-repeat; width:185px; height:39px;}
a#campaignLinkEnq{display:block; background:url(images/l_navi06.gif) no-repeat; width:185px; height:39px;}
a#campaignLinkTop:hover,a#campaignLinkList:hover,a#campaignLinkEntry:hover,a#campaignLinkAtumete:hover,a#campaignLinkKinen,a#campaignLinkEnq:hover{background-position:bottom;}

a#campaignDetailLinkTop{display:block; background:url(images/dt_l_navi01.gif) no-repeat; width:185px; height:61px;}
a#campaignDetailLinkAbout{display:block; background:url(images/dt_l_navi02.gif) no-repeat; width:185px; height:39px;}
a#campaignDetailLinkPrize{display:block; background:url(images/dt_l_navi03.gif) no-repeat; width:185px; height:39px;}
a#campaignDetailLinkEntry{display:block; background:url(images/dt_l_navi04.gif) no-repeat; width:185px; height:39px;}
a#campaignDetailLinkAlert{display:block; background:url(images/dt_l_navi05.gif) no-repeat; width:185px; height:39px;}
a#campaignDetailLinkForm{display:block; background:url(images/dt_l_navi06.gif) no-repeat; width:185px; height:39px;}
a#campaignDetailLinkTop:hover,a#campaignDetailLinkAbout:hover,a#campaignDetailLinkPrize:hover,a#campaignDetailLinkEntry:hover,a#campaignDetailLinkAlert:hover{background-position:bottom;}



/*-------------------------------------------------------*/
/*キャンペーンタイトル部
/*-------------------------------------------------------*/
#campaignTitle{
background:url(images/main_bg.jpg) no-repeat;
width:756px;
height:180px;
margin-top:10px;
}
#campaignTitle img{margin:4px;}






/*-------------------------------------------------------*/
/*キャンペーン一覧
/*-------------------------------------------------------*/

h2#campaignList{
background:url(images/midasi01.gif) no-repeat;
height:62px;
margin-top:30px;
}

h2#campaignAtumeteList{
background:url(images/midasi04.gif) no-repeat;
height:62px;
margin-top:30px;
}

h2#campaignKinen{
background:url(images/midasi06.gif) no-repeat;
height:62px;
margin-top:30px;
}

h2#campaignMerumaga{
background:url(images/midasi07.gif) no-repeat;
height:62px;
margin-top:30px;
}

h2#campaignEnq{
//background:url(images/midasi08.gif) no-repeat;
background:url(images/midasi09.gif) no-repeat;
height:62px;
margin-top:30px;
}

h2#campaignShinseikatsu{
background:url(images/midasi10.gif) no-repeat;
height:62px;
margin-top:30px;
}

.campaignInfoBox{
width:377px;
//height:200px;
height:230px;
float:left;
}
.campaignInfoBoxLeft{
/* background:url(images/camp_photo_BG.gif) no-repeat; */
width:103px;

/*height:120px;*/
height:105px;

float:left;
background-color:#ffffff;
padding:4px;
margin:4px;
}

.campaignInfoBoxLeft img{border:1px solid #eee; margin:3px;}

.campaignInfoBoxRight{
width:251px;
float:left;
}
.campaignInfoBoxRight h3{font-size:12px; padding-bottom:1px;}
.campaignInfoBoxRight p{padding-bottom:12px;}
.campaignInfoBoxRight td{padding:1px;}




/*-------------------------------------------------------*/
/*集めてプレゼントキャンペーン
/*-------------------------------------------------------*/
.campaignAtumeteInfoBox{
width:754px;
height:175px;
float:left;
}
.campaignAtumeteInfoBoxLeft{
//width:103px;
width:465px;
//height:105px;
height:135px;

float:left;
background-color:#ffffff;
padding:4px;
margin:10px;
}

.campaignAtumeteInfoBoxLeft img{border:1px solid #eee; margin:6px;}

.campaignAtumeteInfoBoxRight{
width:241px;
float:right;
}
.campaignAtumeteInfoBoxRight h3{font-size:12px; padding-bottom:12px;}
.campaignAtumeteInfoBoxRight p{padding-bottom:12px;}
.campaignAtumeteInfoBoxRight td{padding:1px;}

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


a.campaignDetail{
margin-top:10px;
display:block;
width:117px;
height:25px;
float:left;
background:url(images/camp_btn_kentei.gif) no-repeat;
}
a.campaignGoTest{
margin-top:10px;
margin-left:6px;
display:block;
width:117px;
height:25px;
float:left;
background:url(images/camp_btn_more.gif) no-repeat;
}
a.campaignDetail:hover, a.campaignGoTest:hover{
background-position:bottom;
}


/*-------------------------------------------------------*/
/*応募方法
/*-------------------------------------------------------*/

h2#campaignEntry{
background:url(images/midasi02.gif) no-repeat;
height:62px;
margin-top:30px;
}

div.text123{
width:227px;
margin-right:13px;
padding:13px 8px;
float:left;
}
div.text1234{
width:227px;
padding:13px 8px;
float:left;
}


/*-------------------------------------------------------*/
/*キャンペーン概要
/*-------------------------------------------------------*/

div#campaignAbout{
width:741px;
padding:44px 0 0 15px;
background:url(images/about_bg.gif) no-repeat;
margin-top:10px;
}
div#campaignAboutRight{
width:276px;
float:left;
}
div#campaignAboutRight img{border:1px solid #eee;}
div#campaignAboutLeft{
width:465px;
float:left;
}
div#campaignAboutLeft h1{
padding-left:6px;
padding-top:38px;
font-size:24px;
color:#e4007f;
margin-bottom:16px;
line-height:24px;
}
div#campaignAboutLeft p{
padding-left:6px;
}
div#campaignAboutLeft div{
margin-top:22px;
width:445px;
background:url(images/spec_bg.gif);
}
div#campaignAboutLeft td{padding:4px;}

.prizeContainer{
width:726px;
padding-bottom:16px;
background:url(images/kei_pnk.gif) no-repeat bottom;
}

.prizeContainerForm{
width:726px;
padding-bottom:16px;
}

.prizeLayout{
margin-top:17px;
float:left;
}
.prizeLayoutLeft{
width:120px;
height:120px;
float:left;
background:url(images/photo_BG.gif) no-repeat;
}

.prizeLayoutLeft img{
margin:5px;
}

.prizeLayoutRight{
width:226px;
float:left;
}

.prizeCaption{
	border-top:1px dotted #eee;
	padding-top:5px;
	margin-top:5px;
}

a#backtoIndex{
margin-top:19px;
float:left;
display:block;
width:119px;
height:26px;
background:url(images/back_all_btn.gif) no-repeat;
}

a#dothetest{
margin-top:15px;
margin-left:164px;
float:left;
display:block;
width:159px;
height:36px;
background:url(images/dt_kentei_btn.gif) no-repeat;

}

a#backtoIndex:hover, a#dothetest:hover{
background-position:bottom;
}

a#campaignBtn{
margin-top:15px;
margin-left:154px;
float:left;
display:block;
width:184px;
height:35px;
background:url(images/oubo.gif) no-repeat;
}

a#backtoIndex:hover, a#campaignBtn:hover{
background-position:bottom;
}

span#campaignBtnNo{
margin-top:15px;
margin-left:154px;
float:left;
display:block;
width:184px;
height:35px;
background:url(images/oubo_no.gif) no-repeat;
}

.campaignBtnErr{
width:756px;
display:block;
float:left;
background-color:#ffffff;
}

span#campaignBtnErrStr{
margin-left:174px;
color: red;
font-size:12px;
}


/*-------------------------------------------------------*/
/*応募上の注意
/*-------------------------------------------------------*/
h2#campaignAlert{
background:url(images/midasi03.gif) no-repeat;
height:62px;
margin-top:30px;
}
#campaignAlertTable td{vertical-align:top; padding-bottom:3px;}



/*-------------------------------------------------------*/
/*応募フォーム
/*-------------------------------------------------------*/
.inputtext{width:244px; border:1px solid #ccc;}
.ipputselect{width:90px; border:1px solid #ccc; margin-right:13px;}
.inputother{border:1px solid #ccc;}


#campaignFormTable1 {
margin-top:21px;
}

#campaignFormTable1 th{
width:150px;
height:40px;
vertical-align:middle;
text-align:left;
padding-left:22px;
background:url(images/formbg_pink.jpg);
border-bottom:1px dotted #dadada;
border-right:1px dotted #dadada;
}
#campaignFormTable1 td{
width:537px;
height:40px;
vertical-align:middle;
padding-left:16px;
background:url(images/form_bg_grey.jpg);
border-bottom:1px dotted #dadada;
}

#campaignFormTable1 th.lastth1{
width:150px;
height:40px;
vertical-align:middle;
text-align:left;
padding-left:22px;
background:url(images/formbg_pink.jpg);
border-bottom:1px solid #fff;
border-right:1px dotted #dadada;
}
#campaignFormTable1 td.lasttd1{
width:537px;
height:40px;
vertical-align:middle;
padding-left:16px;
background:url(images/form_bg_grey.jpg);
border-bottom:1px solid #fff;
}


#campaignFormTable2 {
margin-top:20px;
}

#campaignFormTable2 td.title{
width:726px;
height:40px;
vertical-align:middle;
text-align:center;
background:url(images/formbg_pink.jpg);
border-bottom:1px dotted #dadada;
}
#campaignFormTable2 td.normal{
width:710px;
height:59px;
vertical-align:middle;
padding-left:16px;
background:url(images/form_bg_grey.jpg);
border-bottom:1px dotted #dadada;
}

#campaignFormTable2 td.normallast{
width:710px;
height:165px;
vertical-align:middle;
padding-left:16px;
background:url(images/form_bg_grey.jpg);
border-bottom:1px solid #fff;
}

.redText{color:#e82290;}

a#backToDetail{
display:block;
background:url(images/form_clear_btn.gif) no-repeat top left;
width:159px;
height:36px;
float:left;
/*margin-left:196px;*/
position:relative;
left:196px;
margin-top:15px;
margin-bottom:5px;
}
a#gotoKakunin{
display:block;
background:url(images/form_kakunin_btn.gif) no-repeat top left;
width:159px;
height:36px;
float:left;
/*margin-left:196px;*/
position:relative;
left:206px;
margin-top:15px;
margin-bottom:5px;
}

a#backToForm{
display:block;
background:url(images/form_modoru_btn.gif) no-repeat top left;
width:159px;
height:36px;
float:left;
/*margin-left:196px;*/
position:relative;
left:196px;
margin-top:15px;
margin-bottom:5px;
}

/******************************************************
 *
 *
 *
 *******************************************************/

a#backToTop{
display:block;
background:url(images/done_btn_top.gif) no-repeat top left;
width:159px;
height:36px;
float:left;
/*margin-left:196px;*/
position:relative;
/* left:50px; */
margin-top:15px;
margin-bottom:5px;
}

a#gotoCamp{
display:block;
background:url(images/done_camp_btn.gif) no-repeat top left;
width:159px;
height:36px;
float:left;
/*margin-left:196px;*/
position:relative;
/* left:100px; */
margin-top:15px;
margin-bottom:5px;
}

a#gotoOtherKentei{
display:block;
background:url(images/done_kentei_btn.gif) no-repeat top left;
width:159px;
height:36px;
float:left;
/*margin-left:196px;*/
position:relative;
/* left:400px; */
margin-top:15px;
margin-bottom:5px;
}



a#gotoSubmit{
display:block;
background:url(images/form_send_btn.gif) no-repeat top left;
width:159px;
height:36px;
float:left;
/*margin-left:196px;*/
position:relative;
left:206px;
margin-top:15px;
margin-bottom:5px;
}

a#backToDetail:hover,
a#gotoKakunin:hover,
a#backToForm:hover,
a#gotoSubmit:hover,
a#gotoOtherKentei:hover,
a#gotoCamp:hover,
a#backToTop:hover
{
background-position:bottom left;
}