@charset "shift_jis";

/*------------------------------------------------
   Layout
------------------------------------------------*/
#kirinFreeArea{
width:880px;
margin:0 0 25px 20px;
padding:20px 0 0 0;
font-family:"�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro",Osaka,"�l�r �o�S�V�b�N",sans-serif;
color:#666;
}

#kirinFreeArea *{
margin:0;
padding:0;
}

#kirinFreeArea a{
color:#a79a62;
}

#kirinFreeArea a:link{
color:#a79a62;
text-decoration:none;
}

#kirinFreeArea a:visited{
color:#a79a62;
text-decoration:none;
}

#kirinFreeArea a:hover{
color:#a79a62;
text-decoration:underline;
}

#kirinFreeArea a:active{
color:#f30;
}

#kirinFreeArea img{
border:none;
}

#kirinFreeArea ul{
list-style:none;
}

#kirinFreeArea .head{
position:relative;
margin:0 0 15px 0;
}

#kirinFreeArea .head h1{
margin:0 0 9px 0;
}

#kirinFreeArea .head ul{
font-size:0;
}

#kirinFreeArea .head ul li{
float:left;
font-size:12px;
}


#kirinFreeAre .fb a{
color:#CC0000;
text-decoration:underline;
}

#kirinFreeAre .fb a:link{
color:#CC0000;
text-decoration:underline;
}

#kirinFreeArea .fb a:visited{
color:#CC0000;
text-decoration:underline;
}

#kirinFreeArea .fb a:hover{
color:#FF0000;
text-decoration:underline;
}

#kirinFreeArea a:active{
color:#FF0000;
}


/*------------------------------------------------
   TOP 2012.1.5�`
------------------------------------------------*/
#kirinFreeArea_2012{
width:880px;
margin:0;
padding:20px 0 20px 20px;
font-family:"�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro",Osaka,"�l�r �o�S�V�b�N",sans-serif;
color:#666;
}

#topmain_2012{
width:880px;
margin:0;
}

#topmain_2012 #renewal_btn{
background:url(../img/top_new_03.jpg) no-repeat;
width:607px;
height:112px;
padding-left:20px;
}

#topmain_2012 img {
vertical-align:bottom
}

#topmenu_2012{
background:url(../img/top_new_09.jpg) no-repeat right bottom;
height:112px;
width:880px;
}

#topmenu_2012 img{
float:left;
}


/*------------------------------------------------
   renewal 2012.1.5�`
------------------------------------------------*/

#renewal_ttl{
background:url(../img/renewal_01.jpg) no-repeat left;
padding:0 0 0 306px;
margin:0 0 0 4px;
height:295px;
}


#renewal_info{
clear:both;
margin:0 0 20px 4px;
}

#renewal_info #point{
width:445px;
float:left;
}

#renewal_info #point dl,#renewal_info #point dt,#renewal_info #point dd{
margin:0;
padding:0;
line-height:0%;
}

#renewal_info img {
vertical-align:bottom
}

#renewal_info #voice{
width:431px;
float:right;
}



/*------------------------------------------------
   TOP
------------------------------------------------*/

#topmain{
position:relative;
width:880px;
height:465px;
margin:0 0 19px 0;
background:url(../img/top_bg01.gif) no-repeat;
}

#topmain2{
height:210px;
}

#killer{
position:absolute;
left:0px;
top:0px;
width:880px;
height:331px;
}

#killer IMG {
position:absolute;
top:0;
left:0;
z-index:8;
}

#killer IMG.active {
z-index:10;
}

#killer IMG.last-active {
z-index:9;
}

#topmain h1{
position:absolute;
left:24px;
top:379px;
}

#topmain #seal{
position:absolute;
left:748px;
top:295px;
z-index:10;
}

#topmain .navi{
position:absolute;
left:270px;
top:347px;
}

#topmain .navi li{
float:left;
margin:0 9px 0 0;
}

#topics{
position:relative;
width:880px;
padding:10px 0 0 0;
margin:0 0 20px;
font-size:12px;
background:url(../img/topics_bg.gif) repeat-y;
}

#topics h2{
position:absolute;
left:0px;
top:10px;
}

#topics .archive{
padding:0 0 0 13px;
line-height:1;
background:url(../img/top_icon01.gif) no-repeat left top;
}

#topics .archive a{
}

#topics dl{
padding:0 0 0 110px;
width:488px;
line-height:1.6;
}

#topics dl dt{
width:75px;
color:#808080;
}

#topics dl dd{
padding:0 0 0 34px;
margin:-1.6em 0 3px 60px;
}

#topics dl dd.new{
padding:0 0 0 34px;
background:url(../img/top_icon02.gif) no-repeat left top;
}

#camp_bnr{
position:absolute;
right:0px;
top:0px;
width:277px;
height:76px;
}

#banner02{
position:absolute;
right:0px;
top:84px;
width:277px;
height:86px;
}

#banner03{
position:absolute;
right:0px;
top:168px;
width:142px;
height:52px;
}

/*------#banner03{
margin:10px 0 20px;
float:right;
text-align:right;
}---*/

#banner02 IMG {
position:absolute;
top:0;
left:0;
}

#banner{
position:absolute;
right:0px;
top:94px;
width:230px;
height:57px;
}

#banner IMG {
position:absolute;
top:0;
left:0;
z-index:8;
}

#banner IMG.active {
z-index:10;
}

#banner IMG.last-active {
z-index:9;
}

.warning{
margin:0 0 20px 0;
padding:20px 0 0 0;
font-size:10px;
}



/*------------------------------------------------
   SECOND
------------------------------------------------*/
#secondhead{
position:relative;
width:880px;
height:220px;
background:url(../img/sec_bg01.gif) no-repeat;
}

#secondhead .logo{
position:absolute;
right:23px;
top:14px;
}

#secondhead .navi{
width:800px;
height:45px;
margin:0 0 0 20px;
}

#secondhead .navi li{
float:left;
padding:13px 5px 0 0;
line-height:1;
font-size:0;
}

#secondhead h1{
}



/*------------------------------------------------
   VOICE
------------------------------------------------*/
#voice{
}

#voice .left{
float:left;
width:424px;
}

#voice .right{
float:right;
width:424px;
padding:0;
}

#voice .left div.box{
width:424px;
margin:0 0 30px 0;
padding:0 0 1px;
}

#voice .right div.box{
width:424px;
margin:0 0 30px 0;
padding:0 0 1px;
}

#voice div.box dl{
padding:20px;
}

#voice .right div.box dl.green{
color:#fff;
background:#007B33;
background:url(../img/voi_icon02.gif) no-repeat;
}
.btm02{
background:url(../img/voi_icon02_btm.gif) bottom;
}

#voice .left div.box dl.green{
color:#fff;
background:#007B33;
background:url(../img/voi_icon04.gif) no-repeat;
}
.btm04{
background:url(../img/voi_icon04_btm.gif) bottom;
}

#voice .right div.box dl.white{
color:#007B33;
background:url(../img/voi_icon01.gif) no-repeat;
}
.btm01{
background:url(../img/voi_icon01_btm.gif) bottom;
}

#voice .left div.box dl.white{
color:#007B33;
background:url(../img/voi_icon03.gif) no-repeat;
}
.btm03{
background:url(../img/voi_icon03_btm.gif) bottom;
}

#voice div.box dl dt{
margin:0 0 10px 0;
font-size:24px;
line-height:1.1;
}

#voice div.box dl dd{
font-size:12px;
line-height:1.6;
}

#voice div.box dl.white dd{
color:#666;
}



/*------------------------------------------------
   CM
------------------------------------------------*/
#cm{
}

#cm .box{
position:relative;
width:852px;
height:242px;
margin:0 0 19px 0;
padding:30px 0 30px 28px;
background:url(../img/cm_bg01.gif) no-repeat;
}

#cm .box02{
position:relative;
width:852px;
height:306px;
margin:0 0 19px 0;
padding:30px 0 30px 28px;
background:url(../img/cm_bg01_long.gif) no-repeat;
}

#cm .box03{
position:relative;
width:852px;
height:266px;
margin:0 0 19px 0;
padding:30px 0 30px 28px;
background:url(../img/cm_bg01_mid.gif) no-repeat;
}

#cm .box .img,#cm .box02 .img,#cm .box03 .img{
position:absolute;
left:28px;
top:30px;
}

#cm .box dl,#cm .box02 dl,#cm .box03 dl{
width:470px;
margin:0 0 0 352px;
font-size:12px;
line-height:1.6;
}

#cm .box dl dt,#cm .box02 dl dt,#cm .box03 dl dt{
margin:0 0 22px 0;
}

#cm .box dl dd.txt,#cm .box02 dl dd.txt,#cm .box03 dl dd.txt{
margin:0 0 18px 0;
padding:0 0 20px 0;
background:url(../img/cm_line01.gif) repeat-x left bottom;
}

#cm .box dl dd.btn,#cm .box02 dl dd.btn,#cm .box03 dl dd.btn{
}

#cm .box dl dd.btn ul,#cm .box02 dl dd.btn ul,#cm .box03 dl dd.btn ul{
}

#cm .box dl dd.btn ul li,#cm .box02 dl dd.btn ul li,#cm .box03 dl dd.btn ul li{
float:left;
width:156px;
}

#cm .box dl dd.btn ul li.win,#cm .box02 dl dd.btn ul li.win,#cm .box03 dl dd.btn ul li.win{
padding:0 0 0 25px;
}

#cm .box dl dd.btn ul li.mac,#cm .box02 dl dd.btn ul li.mac,#cm .box03 dl dd.btn ul li.mac{
padding:0 0 0 85px;
}

#cm .box dl dd.btn ul li b,#cm .box02 dl dd.btn ul li b,#cm .box03 dl dd.btn ul li b{
display:block;
margin:0 0 7px 0;
}

#cm .box dl dd.btn ul li em,#cm .box02 dl dd.btn ul li em,#cm .box03 dl dd.btn ul li em{
display:block;
}

#cm .box dl dd.btn ul li em img,#cm .box02 dl dd.btn ul li em img,#cm .box03 dl dd.btn ul li em img{
margin-bottom:10px;
}

#cm .dl{
margin:0 0 20px 340px;
}

#cm .dl dt{
float:left;
width:100px;
}

#cm .dl dd{
float:left;
width:200px;
font-size:11px;
line-height:1.4;
}

#cm .dl dd.qt{
width:140px;
}




/*------------------------------------------------
   PRODUCT
------------------------------------------------*/
#product{
}

#product .img2{
margin:0 0 18px 0;
}

#product .img3{
margin:0 0 10px 0;
}

#product .img4{
margin:0 0 21px 0;
}

#product .img5{
margin:0 0 9px 0;
}

#product .btn{
}



/*------------------------------------------------
   FAQ
------------------------------------------------*/
#faq{
}

#faq div{
margin:0 0 17px 0;
padding:1px;
background:url(../img/sec_bg02.gif);
}

#faq div dl{
font-size:14px;
line-height:1.6;
background:url(../img/faq_bg01.jpg);
}

#faq div dl dt{
float:left;
width:251px;
line-height:0;
font-size:0;
}

#faq div dl dd{
float:right;
width:547px;
margin:25px 0;
padding:0 20px 0 30px;
background:url(../img/faq_txt01.gif) no-repeat left top;
}


/*------------------------------------------------
   NEW STYLE
------------------------------------------------*/
#style h2,#style h3{
margin:0;
}

#style_party{
float:left;
width:433px;
}

#style_menu{
float:right;
width:447px;
}


#style #facebook .btn{
float:left;
margin-top:50px;
width:325px;
text-align:right;
font-size:1em;
}

#style #facebook .btn a{
color:#CC0000;
text-decoration:underline;
}

#style #facebook .btn a:link{
color:#910020;
text-decoration:underline;
}

#style #facebook .btn a:visited{
color:#910020;
text-decoration:underline;
}

#style #facebook .btn a:hover{
color:#FF0000;
text-decoration:underline;
}



#fb-root { font-size: 12px; line-height: 1.4;margin-top:20px; }
#fb-root p{margin:0 0 10px;}
#fb-root h2 { padding: 4px; font-size: 14px; color: white; background: #007B33;margin:10px 0;
text-align:center; }
#fb-root h3 { margin: 10px 0 .5em; font-size: 12px; color: #007B33; }
#fb-root ul { margin: .5em 0 0 24px;
list-style:disc;}
#fb-root  ol { margin: .5em 0 0 30px; }
#fb-root .cg-section { margin: 0 0 1em; }
#fb-root .cg-bottom { text-align: right; }




/*------------------------------------------------
   CSR
------------------------------------------------*/
#csr{
}

#csr #csrhead{
width:880px;
height:175px;
margin:0 0 17px 0;
padding:17px 0 0 0;
background:url(../img/csr_pht01.jpg) no-repeat 613px 0;
}

#csr div{
margin:0 0 17px 0;
padding:1px;
background:url(../img/sec_bg02.gif);
}

#csr div dl{
font-size:14px;
background:#fff;
background:url(../img/csr_bg.gif) left repeat-y;
}

#csr div dl dt{
float:left;
width:122px;
line-height:0;
font-size:0;
}

#csr div dl dd{
position:relative;
float:right;
width:756px;
line-height:1.6;
}

#csr div dl dd strong{
display:block;
width:743px;
height:36px;
padding:19px 0 0 13px;
background:url(../img/csr_line01.gif) repeat-x left bottom;
}

#csr div dl dd.second strong{
height:51px;
padding:14px 0 0 13px;
}

#csr div dl dd span{
display:block;
width:511px;
padding:15px 10px;
}

#csr div dl dd em{
display:block;
position:absolute;
right:0px;
top:55px;
width:186px;
}

#csr div dl dd.second em{
top:65px;
}

#csr div dl dd ul{
position:absolute;
left:571px;
top:6px;
}

#csr div dl dd ul li{
margin:0 0 1px 0;
line-height:1;
}


.nodisplay{display:none;
}

/*------------------------------------------------
   Popup
------------------------------------------------*/
#popupwrap{
position:relative;
background:#fff;
}

#popupwrap *{
margin:0;
padding:0;
}

#popupwrap img{
border:none;
}

#popupwrap .close{
position:absolute;
right:10px;
top:10px;
}

.anytimepop{
height:455px;
}

.anytimepop .anyimage{
position:absolute;
left:21px;
top:34px;
}

.cmpop{
height:470px;
}

.cmpop .cm{
position:absolute;
left:35px;
top:35px;
}

.campop{
height:455px;
}

.campop .camimage{
position:absolute;
left:21px;
top:34px;
}



/*------------------------------------------------
   Default
------------------------------------------------*/

/* float */
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix{
height:1%;
}
.clearfix{
display:block;
}
/* End hide from IE-mac */

.clear{
clear:both;
}

.fleft{float:left;}
.fright{float:right;}

/* text */
.lh01{line-height:0.9;}
.lh01{line-height:1;}
.lh02{line-height:1.1;}
.lh03{line-height:1.2;}
.lh04{line-height:1.3;}
.lh05{line-height:1.4;}
.lh06{line-height:1.5;}
.lh07{line-height:1.6;}
.lh08{line-height:1.7;}
.lh09{line-height:1.8;}
.lh10{line-height:1.9;}
.lh11{line-height:2;}

.ttl01{font-size:14px;font-weight:bold;}
.ttl02{font-size:16px;font-weight:bold;}

.blt{font-weight:bold;}
.nlt{font-weight:normal;}

.smallt{font-size:10px;}
.mint{font-size:12px;}
.bigt{font-size:14px;}

.alignl{text-align:left;}
.alignc{text-align:center;}
.alignr{text-align:right;}

.valignt{vertical-align:top;}
.valignm{vertical-align:middle;}
.valignb{vertical-align:bottom;}

.black01{color:#000000;}
.glay01{color:#333333;}
.glay02{color:#666666;}
.glay03{color:#999999;}
.blue01{color:#003366;}
.blue02{color:#006699;}
.blue03{color:#0099cc;}
.red01{color:#cc0000;}
.red02{color:#990000;}
.red03{color:#CC3300;}
.orange01{color:#FF9900;}
.orange02{color:#FF6600;}
.green01{color:#339900;}
.green02{color:#006600;}

/* margin */
.mat01{margin-top:5px;}
.mat02{margin-top:10px;}
.mat03{margin-top:15px;}
.mat04{margin-top:20px;}
.mat05{margin-top:25px;}
.mat06{margin-top:30px;}
.mat07{margin-top:35px;}
.mat08{margin-top:40px;}
.mat09{margin-top:45px;}
.mat10{margin-top:50px;}

.mar01{margin-right:5px;}
.mar02{margin-right:10px;}
.mar03{margin-right:15px;}
.mar04{margin-right:20px;}
.mar05{margin-right:25px;}
.mar06{margin-right:30px;}
.mar07{margin-right:35px;}
.mar08{margin-right:40px;}
.mar09{margin-right:45px;}
.mar10{margin-right:50px;}

.mab01{margin-bottom:5px;}
.mab02{margin-bottom:10px;}
.mab03{margin-bottom:15px;}
.mab04{margin-bottom:20px;}
.mab05{margin-bottom:25px;}
.mab06{margin-bottom:30px;}
.mab07{margin-bottom:35px;}
.mab08{margin-bottom:40px;}
.mab09{margin-bottom:45px;}
.mab10{margin-bottom:50px;}

.mal01{margin-left:5px;}
.mal02{margin-left:10px;}
.mal03{margin-left:15px;}
.mal04{margin-left:20px;}
.mal05{margin-left:25px;}
.mal06{margin-left:30px;}
.mal07{margin-left:35px;}
.mal08{margin-left:40px;}
.mal09{margin-left:45px;}
.mal10{margin-left:50px;}


/* padding */
.pat01{padding-top:5px;}
.pat02{padding-top:10px;}
.pat03{padding-top:15px;}
.pat04{padding-top:20px;}
.pat05{padding-top:25px;}
.pat06{padding-top:30px;}
.pat07{padding-top:35px;}
.pat08{padding-top:40px;}
.pat09{padding-top:45px;}
.pat10{padding-top:50px;}

.par01{padding-right:5px;}
.par02{padding-right:10px;}
.par03{padding-right:15px;}
.par04{padding-right:20px;}
.par05{padding-right:25px;}
.par06{padding-right:30px;}
.par07{padding-right:35px;}
.par08{padding-right:40px;}
.par09{padding-right:45px;}
.par10{padding-right:50px;}

.pab01{padding-bottom:5px;}
.pab02{padding-bottom:10px;}
.pab03{padding-bottom:15px;}
.pab04{padding-bottom:20px;}
.pab05{padding-bottom:25px;}
.pab06{padding-bottom:30px;}
.pab07{padding-bottom:35px;}
.pab08{padding-bottom:40px;}
.pab09{padding-bottom:45px;}
.pab10{padding-bottom:50px;}

.pal01{padding-left:5px;}
.pal02{padding-left:10px;}
.pal03{padding-left:15px;}
.pal04{padding-left:20px;}
.pal05{padding-left:25px;}
.pal06{padding-left:30px;}
.pal07{padding-left:35px;}
.pal08{padding-left:40px;}
.pal09{padding-left:45px;}
.pal10{padding-left:50px;}

.paa01{padding:5px;}
.paa02{padding:10px;}
.paa03{padding:15px;}
.paa04{padding:20px;}