@charset "utf-8";
@import url("page.css");

/*=================
        base 
 =================*/

html,body,div,h1,h2,h3,h4,h5,p,img,table,tr,td,dl,dt,dd,ul,ol,li{
  margin:0;
  padding:0;
  border:none;
	font-weight:normal;
  vertical-align:top;
  list-style:none;
}

body{
	background:url(../img/bg.gif) repeat-y center top;
	background-color:#f6f4ee;
  color: #333333;
  font-family:"ＭＳ Ｐゴシック", MS PGothic,  Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
  font-size: 12px;
  line-height:1.4em;
  text-align:left;
}


/*=================
       common
 =================*/

a{
color:#000000;
text-decoration:none;
border:none;
}

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

.clear{
clear:both;
}

.floatL{
float:left;
}

.floatR{
float:right;
}

.hidden{
display:none;
}

.dotLine{
clear:both;
background:url(../img/dot_line.gif) repeat-x;
height:1px;
font-size:0;
}

.f10{
font-size:10px;
line-height:1.3em;
}

/* margin */

.mL20{
margin-left:20px;
}

.pR20{
margin-right:20px;
}

.mB10{
margin-bottom:10px;
}

.h30{
height:30px;
}


/*=================
       layout 
 =================*/

.contents{
width:900px;
margin:0 auto;
}

/*--- header ---*/

.header{
padding-bottom:24px;
border-bottom:#e3e3e3 solid 1px;
}
.header:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}
.header{
   display:inline-block;
   min-height:1%;  /* for IE 7 and MacIE5.5*/
}
/* Hides from IE-mac \*/
*html .header{height: 1%;}
.header{display: block;}
/* for ie5,6*/

.header h1{
padding-top:5px;
font-size:10px;
color:#9c835e;
line-height:1em;
}

.header h2{
margin:20px 0 0 0;
}

.header #gNavi{
float:right;
margin-top:26px;
}

.header #gNavi li{
float:left;
}

.header #gNavi li#gCL a{
background:url(../img/navi/hnavi_collection.gif) no-repeat;
display: block;
width:124px;
height:24px;
text-indent:-9999px;
}

.header #gNavi li#gPI a{
background:url(../img/navi/hnavi_pickupitem.gif) no-repeat;
display: block;
width:144px;
height:24px;
text-indent:-9999px;
}

.header #gNavi li#gPH a{
background:url(../img/navi/hnavi_philosophy.gif) no-repeat;
display: block;
width:130px;
height:24px;
text-indent:-9999px;
}

.header #gNavi li#gSH a{
background:url(../img/navi/hnavi_shopinfo.gif) no-repeat;
display: block;
width:123px;
height:24px;
text-indent:-9999px;
}

.header #gNavi li#gCN a{
background:url(../img/navi/hnavi_contact.gif) no-repeat;
display: block;
width:112px;
height:24px;
text-indent:-9999px;
}

.header #gNavi li#gCL a:hover{
background:url(../img/navi/hnavi_collection_o.gif) no-repeat;
}

.header #gNavi li#gPI a:hover{
background:url(../img/navi/hnavi_pickupitem_o.gif) no-repeat;
}

.header #gNavi li#gPH a:hover{
background:url(../img/navi/hnavi_philosophy_o.gif) no-repeat;
}

.header #gNavi li#gSH a:hover{
background:url(../img/navi/hnavi_shopinfo_o.gif) no-repeat;
}

.header #gNavi li#gCN a:hover{
background:url(../img/navi/hnavi_contact_o.gif) no-repeat;
}

.header #gNavi li#gCL_o a{
background:url(../img/navi/hnavi_collection_o.gif) no-repeat;
display: block;
width:124px;
height:24px;
text-indent:-9999px;
}

.header #gNavi li#gPI_o a{
background:url(../img/navi/hnavi_pickupitem_o.gif) no-repeat;
display: block;
width:144px;
height:24px;
text-indent:-9999px;
}

.header #gNavi li#gPH_o a{
background:url(../img/navi/hnavi_philosophy_o.gif) no-repeat;
display: block;
width:130px;
height:24px;
text-indent:-9999px;
}

.header #gNavi li#gSH_o a{
background:url(../img/navi/hnavi_shopinfo_o.gif) no-repeat;
display: block;
width:123px;
height:24px;
text-indent:-9999px;
}

.header #gNavi li#gCN_o a{
background:url(../img/navi/hnavi_contact_o.gif) no-repeat;
display: block;
width:112px;
height:24px;
text-indent:-9999px;
}

/*--- main ---*/

.main{
margin-top:32px;
margin-bottom:40px;
}
.main:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}
.main{
   display:inline-block;
   min-height:1%;  /* for IE 7 and MacIE5.5*/
}
/* Hides from IE-mac \*/
*html .main{height: 1%;}
.main{display: block;}
/* for ie5,6*/

.main .sideL{
float:left;
/*width:680px;*/
width:650px;
}

.main .sideR{
float:right;
width:220px;
}

/*--- pNavi ---*/

.main .sideL #pNavi{
padding-bottom:15px;
border-bottom:#666666 solid 1px;
}

.main .sideL #pNavi li{
display:inline;
margin-right:2px;
}

.main .sideL #pNavi li a{
padding-right:12px;
background:url(../img/pnavi_arrow.gif) no-repeat right center;
}


/*--- sNavi ---*/

.main .sideR #sBanner img{
margin-bottom:10px;
}

.main .sideR #sNews{
margin-bottom:10px;
padding-top:12px;
border-top:#e3e3e3 solid 1px;
border-bottom:#e3e3e3 solid 1px;
}

.main .sideR #sNews h3{
background-color:#ffffff;
margin-bottom:-1px;
padding-bottom:5px;
font-size:0;
position:relative;
z-index:1;
}

.main .sideR #sNews li{
background:url(../img/dot_line.gif) repeat-x left top;
padding:10px 0;
}


/*--- footer ---*/

.footer{
}

.footer #gotoPrev{
text-align:left;
float:left;
}

.footer #gotoTop{
text-align:right;
margin-bottom:20px;
padding-bottom:20px;
border-bottom:#e3e3e3 solid 1px;
}

.footer #fNavi{
margin-bottom:20px;
}

.footer #fNavi li{
background:url(../img/listmark.gif) no-repeat left center;
display:inline;
margin-right:25px;
padding-left:12px;
}

.footer #copyrights{
margin-bottom:20px;
}