@charset "shift_jis";

/*------------------------------------------------
   Layout
------------------------------------------------*/
#kirinFreeArea{
width:881px;
margin:0 0 40px 20px;
padding:7px 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:#333;
}

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

#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;
}

#kirinFreeArea .main{
}

#kirinFreeArea .main .contentsHead{
}

#kirinFreeArea .main .contents{
}

/*------------------------------------------------
   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;
}


/*------------------------------------------------
   Top
------------------------------------------------*/
#kirinFreeArea .head .topbtn{
position:absolute;
right:0px;
top:19px;
}

#top{
position:relative;
margin:-8px 0 0 0;
}


/*------------------------------------------------
   Topics
------------------------------------------------*/
#topics2{
}

#topics2 .contentsHead{
margin:0 0 55px 0;
}

#topics2 .contentsHead h2{
}

#topics2 .contents{
position:relative;
}

#topics2 .contents{
}

#topics2 .contents h3{
margin:0 0 39px 0;
}

#topics2 .contents .readtxt{
margin:0 0 80px 0;
}

#topics2 .contents .readttl{
margin:0 0 14px 0;
}

#topics2 .contents .img{
margin:0 0 17px 0;
text-align:center;
background:url(../img/all_bg01.gif);
}

#topics2 .contents .btn{
margin:0 0 30px 0;
text-align:right;
}

#topics2 .contents .btn2{
margin:0 0 5px 0;
text-align:right;
}

#topics2 .contents dl{
font-size:0;
}

#topics2 .contents dl dt{
margin:0 0 4px 0;
}

#topics2 .contents dl dd{
margin:0 0 5px 0;
}

#topics2 .contents .warning{
margin:0 0 27px 0;
text-align:right;
}


#topics{
background:url(../img/topics_img01.jpg) no-repeat right top;
}

#topics .contentsHead{
margin:0 0 66px 0;
}

#topics .contentsHead h2{
}

#topics .contents{
position:relative;
}

#topics .contents .read{
margin:0 0 25px 0;
}

#topics .contents dl{
width:401px;
font-size:0;
}

#topics .contents dl dt{
margin:0 0 3px 0;
}

#topics .contents dl dd{
margin:0 0 3px 0;
}

#topics .contents .warning{
padding:4px 0 0 0;
text-align:right;
}

#topics .contents .message{
position:absolute;
left:467px;
top:492px;
}


/*------------------------------------------------
   Anytime
------------------------------------------------*/
#anytime{
}

#anytime .contentsHead{
position:relative;
margin:0 0 49px 0;
}

#anytime .contentsHead h2{
}

#anytime .contentsHead .btn{
position:absolute;
right:0px;
top:0px;
}

#anytime .contents{
width:881px;
height:693px;
background:url(../img/any_bg01.jpg) no-repeat;
}

#anytime .contents ul{
padding:161px 0 0 9px;
list-style:none;
font-size:0;
}

#anytime .contents ul li{
float:left;
padding:0 26px 164px 0;
font-size:12px;
}

#anytime .contents ul li.right{
padding:0 0 164px 0;
}


/*------------------------------------------------
   Products
------------------------------------------------*/
#products{
background:url(../img/prod_img01.jpg) no-repeat right 88px;
}

#products .contentsHead{
margin:0 0 41px 0;
}

#products .contentsHead h2{
}

#products .contents{
position:relative;
}

#products .contents .read{
margin:0 0 17px 0;
}

#products .contents .about{
width:290px;
margin:0 0 36px 0;
padding:5px;
background:url(../img/all_bg01.gif);
}

#products .contents .about table{
background:#fff;
}

#products .contents .about table th{
padding:4px 4px 4px 6px;
text-align:left;
vertical-align:top;
border-bottom:#e8e8e8 solid 1px;
}

#products .contents .about table td{
padding:4px 4px 4px 0;
vertical-align:top;
border-bottom:#e8e8e8 solid 1px;
}

#products .contents .safe{
}

#products .contents .safe h2{
margin:0 0 6px 0;
padding:10px 0 12px 9px;
background:url(../img/all_bg01.gif);
}

#products .contents .safe .flow{
float:left;
width:433px;
padding:9px 0 14px 12px;
background:url(../img/all_bg01.gif);
}

#products .contents .safe .flow h3{
margin:0 0 10px 0;
}

#products .contents .safe .flow .img{
margin:0 0 8px 0;
}

#products .contents .safe .flow .txt{
}

#products .contents .safe .test{
float:right;
width:416px;
padding:9px 0 14px 13px;
background:url(../img/all_bg01.gif);
}

#products .contents .safe .test h3{
margin:0 0 10px 0;
}

#products .contents .safe .test .img{
margin:0 0 8px 0;
}

#products .contents .safe .test .txt{
}


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

#cm .contentsHead{
position:relative;
margin:0 0 52px 0;
}

#cm .contentsHead h2{
}

#cm .contentsHead p{
position:absolute;
right:0px;
top:0px;
}

#cm .contents{
}

#cm .contents .new{
position:relative;
margin:0 0 35px 0;
background:url(../img/cm_bg03.gif) repeat-y left top;
}

#cm .contents .new dl{
font-size:0;
}

#cm .contents .new dl dd{
}

#cm .contents .new dl dd{
padding:0 0 0 35px;
}

#cm .contents .new .txt{
position:absolute;
left:516px;
top:51px;
width:365px;
}

#cm .contents .new .txt p{
margin:0 0 20px 0;
}

#cm .contents .new .txt ul{
font-size:0;
}

#cm .contents .new .txt ul li{
width:179px;
}

#cm .contents .new .txt ul li h5{
margin:0 0 5px 0;
}

#cm .contents .new .txt ul li.left{
float:left;
}

#cm .contents .new .txt ul li.right{
float:right;
}

#cm .contents .new .txt ul li ul{
}

#cm .contents .new .txt ul li ul li{
display:inline;
*margin:0 0 0 -1px;
}


#cm .contents .newcm{
position:relative;
margin:0 0 14px 0;
}

#cm .contents .newcm .left{
float:left;
}

#cm .contents .newcm .right{
float:right;
}

#cm .contents .newcm .box{
width:431px;
padding:0 0 18px 0;
background:url(../img/cm_bg06.gif) repeat-y left top;
}

#cm .contents .newcm .box dl{
margin:0 0 10px 0;
font-size:0;
}

#cm .contents .newcm .box dl dt{
padding:0 0 0 10px;
}

#cm .contents .newcm .box dl dd{
margin:0 0 15px 35px;
}

#cm .contents .newcm .box dl dd.txt{
margin:0 0 25px 35px;
}

#cm .contents .newcm .box ul{
margin:0 30px 0 35px;
font-size:0;
}

#cm .contents .newcm .box ul li{
width:179px;
}

#cm .contents .newcm .box ul li h5{
margin:0 0 6px 0;
}

#cm .contents .newcm .box ul li.left{
float:left;
}

#cm .contents .newcm .box ul li.right{
float:right;
}

#cm .contents .newcm .box ul li ul{
margin:0;
}

#cm .contents .newcm .box ul li ul li{
display:inline;
width:auto;
padding:0 4px 0 0;
*margin:0 0 0 -1px;
}

#cm .contents .newcm .box ul li ul li.last{
padding:0;
}




#cm .contents .special{
position:relative;
width:880px;
height:77px;
margin:0 0 40px 0;
background:url(../img/cm_bg04.gif) no-repeat;
}

#cm .contents .special dt{
padding:11px 0 0 10px;
}

#cm .contents .special .wmp{
position:absolute;
left:551px;
top:26px;
}

#cm .contents .special .qt{
position:absolute;
left:703px;
top:26px;
}



#cm .contents .cmmenu{
margin:0 0 5px 0;
}

#cm .contents .cmmenu dl{
float:left;
width:198px;
padding:0 0 0 7px;
font-size:0;
background:url(../img/cm_bg01.gif);
border-right:#fff solid 7px;
}

#cm .contents .cmmenu dl dt{
}

#cm .contents .cmmenu dl dd{
float:left;
}

#cm .contents .cmmenu dl .warning{
float:none;
font-size:10px;
text-align:right;
background:#fff;
}

#cm .contents .cmmenu dl.last{
border:none;
}

#cm .contents .cmmenu dl.big{
width:237px;
background:url(../img/cm_bg05.gif) repeat-y;
}

#cm .contents .cmmenu dl.big dd{
}

#cm .contents .cmmenu dl.big dd.qt{
padding:0 0 8px 0;
}

#cm .contents .cmmenu dl.big dd ul{
width:237px;
}

#cm .contents .cmmenu dl.big dd ul li{
display:inline;
}

#cm .contents .cmmenu dl.big dd ul li img{
}



#cm .contents .cmwarning{
position:absolute;
margin:-60px 0 0 0;
}

#cm .contents .cmwarning dl{
float:left;
width:198px;
padding:0 0 0 7px;
font-size:10px;
border-right:#fff solid 7px;
}

#cm .contents .cmwarning dl.last{
border:none;
}

#cm .contents .cmwarning dl dt{
float:none;
text-align:right;
}

#cm .contents .cmwarning dl dd{
}

#cm .contents .cmwarning dl.big{
width:237px;
}



#cm .contents .download{
position:absolute;
height:33px;
margin:-37px 0 0 270px;
font-size:0;
}

#cm .contents .download dt{
float:left;
margin:0 5px 0 0;
}

#cm .contents .download dd{
float:left;
padding:3px 10px 0 0;
font-size:10px;
}

#cm .contents .download dd.last{
margin:0;
padding:16px 0 0 0;
}

#cm .contents .download img{
vertical-align:bottom;
}


/*------------------------------------------------
   CSR
------------------------------------------------*/
#csr{
background:url(../img/csr_img01.jpg) no-repeat right top;
}

#csr .contentsHead{
margin:0 0 65px 0;
}

#csr .contentsHead h2{
}

#csr .contents{
position:relative;
}

#csr .contents .read1{
}

#csr .contents .read2{
margin:0 0 33px 0;
padding:16px 0 0 0;
background:url(../img/csr_img02.jpg) no-repeat 695px top;
}

#csr .contents .box{
margin:0 0 9px 0;
padding:26px;
background:url(../img/all_bg03.gif);
}

#csr .contents .box .bg{
position:relative;
width:669px;
padding:11px 10px 11px 143px;
background:#fff;
}

#csr .contents .box .bg .num{
position:absolute;
left:23px;
top:50%;
margin:-36px 0 0 0;
}

#csr .contents .box .bg dl{
position:relative;
padding:0 200px 0 16px;
border-left:#000 solid 7px;
}

#csr .contents .box .bg dl dt{
margin:0 0 12px 0;
padding:0 0 12px 0;
border-bottom:#000 solid 1px;
}

#csr .contents .box .bg dl dd{
padding:0 0 10px 0;
font-size:12px;
line-height:1.4;
}

#csr .contents .box .bg dl dd span{
display:block;
margin:0 0 10px 0;
}

#csr .contents .box .bg dl dd span.gray{
display:block;
margin:0 0 10px 0;
padding:10px;
background:#efefef;
}

#csr .contents .box .bg dl dd strong{
display:block;
margin:0 0 0 190px;
padding:0 10px 0 0;
background:url(../img/all_bg01.gif);
}

#csr .contents .box .bg dl dd strong a{
display:block;
padding:8px 35px 8px 15px;
font-size:16px;
color:#333;
text-decoration:none;
background:url(../img/qanda_btn01.gif) no-repeat right 7px;
}

#csr .contents .box .bg dl dd strong a:hover{
background:url(../img/qanda_btn01_on.gif) no-repeat right 7px;
}


#csr .contents .box .bg dl dd.img{
position:absolute;
right:0px;
_right:10px;
top:0px;
}

#csr .contents .box .bg .comingsoon{
padding:60px 0 60px 0;
text-align:center;
border-left:#000 solid 7px;
}

#csr .contents .comcsr{
font-size:0;
text-align:right;
}

#csr .contents .comcsr a{
}


/*------------------------------------------------
   Voices
------------------------------------------------*/
#voices{
}

#voices .contentsHead{
position:relative;
margin:0 0 30px 0;
}

#voices .contentsHead h2{
margin:0 0 17px 0;
}

#voices .contentsHead .read{
}

#voices .contentsHead .btn{
position:absolute;
right:0px;
top:0px;
}

#voices .contentsHead .btn strong{
display:block;
margin:0 0 10px 0;
}

#voices .contents{
position:relative;
}

#voices .contents .box{
position:relative;
min-height:195px;
_height:195px;
margin:0 0 19px 0;
background:url(../img/voices_bg01.gif) repeat-y left top;
}

#voices .contents .box dt{
font-size:0;
}

#voices .contents .box dd.txt{
padding:5px 436px 10px 25px;
font-size:15px;
line-height:1.3;
}

#voices .contents .box dd.txt span{
display:block;
padding:5px 20px 0 0;
font-size:13px;
text-align:right;
}

#voices .contents .box dd.img{
position:absolute;
right:0px;
top:0px;
}



/*------------------------------------------------
   Q and A
------------------------------------------------*/
#qanda{
}

#qanda .contentsHead{
padding:0 0 88px 0;
background:url(../img/qanda_img01.jpg) no-repeat right top;
}

#qanda .contentsHead h2{
}

#qanda .contents{
padding:0 0 0 80px;
}

#qanda .contents dl{
position:relative;
margin:0 0 20px 0;
padding:0 0 10px 18px;
background:url(../img/qanda_bg01.gif) repeat-y left top;
}

#qanda .contents dl dt{
margin:0 0 10px 0;
}

#qanda .contents dl dd{
position:relative;
padding:0 0 0 119px;
font-size:14px;
line-height:1.4;
background:url(../img/qanda_a01.gif) no-repeat 79px 2px;
}

#qanda .contents dl dd span{
display:block;
padding:0 0 10px 0;
}

#qanda .contents dl dd strong{
display:block;
margin:0 0 0 200px;
padding:0 10px 0 0;
background:url(../img/all_bg01.gif);
}

#qanda .contents dl dd strong a{
display:block;
padding:8px 35px 8px 15px;
font-size:16px;
color:#333;
text-decoration:none;
background:url(../img/qanda_btn01.gif) no-repeat right 7px;
}

#qanda .contents dl dd strong a:hover{
background:url(../img/qanda_btn01_on.gif) no-repeat right 7px;
}

#qanda .contents dl dd small{
font-size:10px;
}




/*------------------------------------------------
   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 */

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

/* text */
.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;}

.mint{font-size:10px;}
.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;}