@charset "utf-8";

/*------------------------------------------------
   Reset
------------------------------------------------*/

*{
margin:0;
padding:0;
}

li,dt,dd{
list-style:none;
}

#table{
font-size:inherit;
}

th{
text-align:left;
font-weight:normal;
}

img{
border:0;
}

a{
text-decoration:none;
}

a:link{
color:#000;
text-decoration:none;
}
a:visited{
color:#333;
}
a:hover{
color:#666;
text-decoration: underline;
}
a:active{
color:#000;
}

a:hover img{
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}

/*------------------------------------------------
   Layout
------------------------------------------------*/
html{
width:100%;
height:100%;
}

body{
width:100%;
height:100%;
font-size:62.5%;
color:#000;
line-height:1.6;
text-align:center;
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo",  Osaka, sans-serif;
background: #DFE3EF url(../img/bg01.gif) left top repeat-x;
}

#wrap{
font-size:1.3em;
width:955px;
margin:0 auto;
text-align:left;
background:#fff;
border-left:#FFFFFF solid 1px;
border-right:#FFFFFF solid 1px;
}

#gNavWrp{
float:left;
width:240px;
border-right:#FFFFFF solid 1px;
}

#killer{
float:left;
width:240px;
width:714px;
position:relative;
}

#sedondary{
width:955px;
}


h1{
text-indent:-9999px;
background:url(../img/logo.gif) left top;
position:relative;
width:240px;
height:145px;
}

h1 a{
position:absolute;
top:23px;
left:56px;
width:70px;
height:97px;
display:block;
overflow:hidden;
}

/*lang change*/

#langArea{
position:absolute;
width:130px;
height:21px;
background:url(../img/lang_bg01.gif) left top no-repeat;
right:10px;
top:10px;
}

#langArea li a{
text-indent:-9999px;
height:12px;
}

#langArea #jpn a{ background:url(../img/lang_ja.gif) left top no-repeat; width:51px;float:left; position:absolute;top:5px; left:9px; overflow:hidden;}
#langArea #eng a{ background:url(../img/lang_en.gif) left top no-repeat; width:38px;float:left; position:absolute;top:5px; left:81px; overflow:hidden;}

#langArea #jpn a:hover,#langArea #jpn a.current{ background:url(../img/lang_ja.gif) left -12px no-repeat;}
#langArea #eng a:hover,#langArea #eng a.current{ background:url(../img/lang_en.gif) left -12px no-repeat;}

#gNav{
width:240px;
height:309px;
background-color:#FFFFFF;
}

#gNav li{
height:61px;
margin-bottom:1px;
}

#gNav li.last{
margin-bottom:0px;
}

#gNav li a{
display:block;
text-indent:-9999px;
height:61px;
width:240px;
overflow:hidden;
}

#gNav li a:hover {
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}

#gNav li a.current:hover {
filter:alpha(opacity=100);
-moz-opacity:1.00;
opacity:1.00;
}

#nav01 a{background:url(../img/gNav01.gif) 0 0 no-repeat;}
#nav02 a{background:url(../img/gNav01.gif) 0 -62px no-repeat;}
#nav03 a{background:url(../img/gNav01.gif) 0 -124px no-repeat;}
#nav04 a{background:url(../img/gNav01.gif) 0 -186px no-repeat;}
#nav05 a{background:url(../img/gNav01.gif) 0 -248px no-repeat;}

#nav01 a.current{background:url(../img/gNav01.gif) -241px 0 no-repeat;}
#nav02 a.current{background:url(../img/gNav01.gif) -241px -62px no-repeat;}
#nav03 a.current{background:url(../img/gNav01.gif) -241px -124px no-repeat;}
#nav04 a.current{background:url(../img/gNav01.gif) -241px -186px no-repeat;}
#nav05 a.current{background:url(../img/gNav01.gif) -241px -248px no-repeat;}

#secondary h2{
text-indent:-9999px;
display:none;
}

#productsLineUp{
background:url(../img/topTtl01.gif) left top no-repeat;
padding-left:241px;
}

#itemWrp{
height:203px;
}
#productsLineUp .section{
float:left;
}

#topics{
background:url(../img/topTtl02.gif) left top no-repeat;
padding-left:241px;
}

#topics .section{
background:#E7EEFE url(../img/topTopicsBg01.gif) left top no-repeat;
min-height:100px;
}


#topics .section dl{
padding:20px 25px 10px;
}

#topics .section dt{
line-height:1.5;
padding:0;
}

#topics .section dd{
margin-top:-1.5em;
padding:0 0 0.7em 105px;
}

#topics .section p{
text-align:right;
padding-right:25px;
padding-bottom:15px;
background:url(../img/topTopicsBg02.gif) left bottom no-repeat;
}

#ftr{
font-size:1.0em;
border-top: #000 solid 3px;
width:955px;
padding: 15px 0;
text-align:left;
background:#fff;

}

#ftr ul{
width:500px;
float:left;
}

#ftr li{
line-height:1;
float:left;
padding:0 8px;
background:url(../img/ftrBg.gif) right center no-repeat;
}

#ftr li.last{
background: none right center no-repeat;
}

#ftr #copyRight{
font-size:90%;
line-height:1;
width: 450px;
float:right;
text-align:right;
padding-right:5px;
}



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

.ct01{color:#000;}
.ct02{color:#000;}
.ct03{color:#000;}

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