@charset "utf-8";

body,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,p,img{
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6{
font-size:110%;
font-weight:normal;
}
img {border:0;}
li {list-style-type:none;}

a{text-decoration:none; color:#00f;}
a:visited {color:#f0f}
a:hover {color:#f00;}
a:active {color:#f00;}

html{
height:100%;
}

body{
color: #000;
line-height:1.8em;
/*font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;*/
background: #fff url(../img/2011Fall/bg.jpg);
text-align:center;
font-size:85%;
}

.clerfix:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
div#container{
text-align:left;
margin:20px auto;
width:914px;
height:680px;
background:#fff;
}

div#main{
height:510px;
}

/*---------------- ContentLeft ----------------*/
div#ContentLeft{
width:430px;
float:left;
height:460px;
}
div#ContentLeft h1{
margin-top:27px;
text-align:center;
}
/*-- product --*/
body#product div#ContentLeft{
width:523px;
}
.Icon{
cursor:pointer;
}
/*---------------- ContentRight ----------------*/
div#ContentRight{
padding-top:47px;
float:left;
}

/*-- product --*/
body#product div#ContentRight{
width:366px;
}

/* -- menu --*/
div#menu{
padding:12px 50px 0 24px;
border-bottom:1px solid #e3e3e3;
}
div#menu ul li{
float:left;
padding-right:30px;
}

/*-- footer --*/
div#footer{
padding:10px 14px 0 16px;
}
div#footer ul#kankyo{
width:790px;
float:left;
}
div#footer ul#kankyo li{
float:left;
padding-right:6px;
}
div#footer ul#kankyo li#KankyoTit{
padding-right:12px;
}
div#footer h3{
float:right;
}

/*---------------- column1 ----------------*/
div#column1{
}
div#column1 h1{
padding-top:27px;
margin-left:110px;
}
div#column1 #content{
height:460px;
overflow:auto;
padding:2em 24px 0 45px;
}

/*---------------- tabArea ----------------*/

div#tabArea{
clear:both;
}
div#tabArea #tabNews{
position:absolute;
top:106px;
/*z-index:1;*/
}
div#tabArea #tabShop{
position:absolute;
top:189px;
/*z-index:2;*/
}
div#tabArea #tabShop h2{
border-bottom:1px solid #fff;
margin-bottom:0.5em;
}
div#tabArea #tabNews,div#tabArea #tabShop{
}
div#tabArea .tab{
width:25px;
float:left;
cursor:pointer;
}
div#tabArea .tabAreaMain{
overflow:auto;
width:0;
height:402px;
float:left;
padding:15px 10px;
color:#fff;
display:none;
}
div#tabArea .tabAreaMain dt, div#tabArea .tabAreaMain dd{
width:320px;
}

div#tabArea #tabNews .tabAreaMain{
position:relative;
margin-top:-17px;
background:#ad217d;
}
div#tabArea #tabShop .tabAreaMain{
position:relative;
margin-top:-100px;
background:#7A9602;
}
/*-- news --*/
#tabNews dt{
font-size:85%;
line-height:1.1;
}
#tabNews dd{
font-size:95%;
line-height:1.1;
padding:0.2em 0 0.8em;
}
/*-- shop --*/
#tabShop dl{
margin-bottom:10px;
}
#tabShop dt{
font-size:95%;
line-height:1.1;
}
#tabShop dd{
font-size:85%;
line-height:1.1;
padding:0.2em 0 0.8em;
}
#tabShop a{
color:#fff;
}