@charset "shift_jis";

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

    [ index ] 2011.11.28

    01. 初期設定
    02. clearfix
    03. エコクラスを借りて 当てよう！ もらおう！ キャンペーン

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


/* ******************************************
    01. 初期設定
****************************************** */
h1,h2,h3,h4,h5,h6,p,blockquote,ul,li,dl,dt,dd,form,address,table,th,td {
margin: 0px;
padding: 0px;
font-weight: normal;
font-style: normal;
}

h1,h2 {
text-indent: -9999px;
}

img,fieldset {
border: none;
margin: 0px;
padding: 0px;
}

ul li {
list-style: none;
}

hr{
display: block;
padding: 0px;
margin: 0px;
}

/* 透過png対策 */
img,
#cp1001-campaign-box h1,
h3#ecoclass-catch,
#ecoclass-car-box h4,
h2#campaign-catch,
p#process01,
p#process02,
#campaign01-box,
#campaign02-box {
behavior: url(js/iepngfix.htc);
}





/* ******************************************
    02. clearfix
****************************************** */
.clearfix:after {
content: "";
display: block;
clear: both; 
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac ＼*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */





/* ******************************************
    03. エコクラスを借りて 当てよう！ もらおう！ キャンペーン
****************************************** */
#cp1001-box {
width: 920px;
background: transparent url(../images/cp1001/cp1001_bg.jpg) 0 0 no-repeat;
color: #333;
font-size: 12px;
font-family: Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Pゴシック",sans-serif;
line-height: 1;
padding: 0px;
margin: 16px 0 0;
}

#cp1001-box a {
overflow: hidden;
outline: medium none;
}

/* キャンペーン内容 */
#cp1001-campaign-box {
position: relative;
height: 1084px;
background: transparent url(../images/cp1001/cp1001_kaito_aiko.jpg) top right no-repeat;
margin-bottom: 24px;
}

/* キャンペーンタイトル */
#cp1001-campaign-box h1 {
position: absolute;
top: 36px;
left: 0;
width: 540px;
height: 200px;
background: transparent url(../images/cp1001/cp1001_campaign_title.png) 0 0 no-repeat;
}

h2.campaign-subtitle,
h3.campaign-subtitle {
display: none;
}

/* ご利用はエコクラスで！ */
h3#ecoclass-catch {
position: absolute;
top: 14px;
left: 524px;
width: 170px;
height: 112px;
background: transparent url(../images/cp1001/cp1001_ecoclass_catch.png) 0 0 no-repeat;
text-indent: -9999px;
}

/* エコクラス代表車種例 */
#ecoclass-car-box {
position: absolute;
top: 250px;
left: 8px;
width: 474px;
}

#ecoclass-car-box h4 {
width: 194px;
height: 24px;
background: transparent url(../images/cp1001/cp1001_ecoclass_car_title.png) 0 0 no-repeat;
margin: 0 140px 6px;
text-indent: -9999px;
}

#ecoclass-car-box dl {
float: left;
width: 158px;
}

#ecoclass-car-box dt {
width: 158px;
height: 80px;
}

#ecoclass-car-box dd {
font-size: 10px;
color: #005d9e;
line-height: 1.4;
text-align: center;
}

#ecoclass-car-box dd strong {
font-size: 12px;
}

/* キャンペーンにエントリーして、おトクを当てよう！ もらおう！ */
h2#campaign-catch {
position: absolute;
top: 401px;
left: 45px;
width: 566px;
height: 110px;
background: transparent url(../images/cp1001/cp1001_campaign_catch.png) 0 0 no-repeat;
}

/* エントリー手順 */
#campaign-process-box {
position: absolute;
top: 516px;
left: 52px;
width: 816px;
height: 194px;
}

p#process01 {
float: left;
width: 408px;
height: 194px;
background: transparent url(../images/cp1001/cp1001_process01.png) 0 0 no-repeat;
text-indent: -9999px;
}

p#process02 {
float: right;
width: 408px;
height: 194px;
background: transparent url(../images/cp1001/cp1001_process02.png) 0 0 no-repeat;
text-indent: -9999px;
}

/* キャンペーン【1】 */
#campaign01-box {
position: absolute;
top: 710px;
left: 15px;
width: 890px;
height: 190px;
background: transparent url(../images/cp1001/cp1001_campaign01.png) 0 0 no-repeat;
}

#campaign01-box h3,
#campaign01-box h4,
#campaign01-box p {
display: none;
}

/* キャンペーン【2】 */
#campaign02-box {
position: absolute;
bottom: 0;
left: 15px;
width: 890px;
height: 184px;
background: transparent url(../images/cp1001/cp1001_campaign02.png) 0 0 no-repeat;
}

#campaign02-box img {
float: right;
width: 340px;
}

#campaign02-box h3,
#campaign02-box h4 {
display: none;
}

/* エントリーボタン */
#cp1001-entry-box {
margin-bottom: 24px;
}

#cp1001-entry-box p {
width: 560px;
height: 79px;
margin: 0 180px;
}

#cp1001-entry-box p a {
width: 560px;
height: 79px;
background: transparent url(../images/cp1001/cp1001_btn_entry.gif) 0 0 no-repeat;
text-indent: -9999px;
display: block;
}

#cp1001-entry-box p a:hover {
background-position: 0 -79px;
}

/* 応募要綱 */
#cp1001-outline-box {
padding: 24px;
margin: 0 15px 24px;
border: solid 1px #cfcfcf;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

/* 注釈 */
#cp1001-caution-box {
margin: 0 15px 24px;
}

#cp1001-caution-box dt {
float: left;
width: 32px;
font-weight: bold;
}

#cp1001-caution-box dd {
font-size: 10px;
line-height: 1.4;
padding-left: 32px;
margin-bottom: 16px;
}

#cp1001-caution-box dd li {
margin: 0 0 4px 16px;
list-style-type: disc;
}

/* ANAのマイルまたはT-POINTも貯まります */
#cp1001-point-box {
background-color: #ffe2ec;
padding: 16px 0;
margin: 0 15px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

#cp1001-point-box h3 {
width: 642px;
height: 30px;
background: transparent url(../images/cp1001/cp1001_ana_tpoin.gif) 0 0 no-repeat;
margin: 0 124px 16px;
text-indent: -9999px;
}

#cp1001-point-box ul {
width: 642px;
margin: 0 124px;
}

#cp1001-point-box li {
line-height: 2;
}

#cp1001-point-box li a {
font-weight: bold;
color: #ed4b60;
}

#cp1001-point-box li a:hover {
color: #f87e8e;
}