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

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

html,body,div,h1,h2,h3,h4,h5,h6,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;
}

html{
background:url(../img/page_bg.gif) repeat-y center top;
background-color:#fbf2ed;
}

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


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

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

a:hover{
color:#531a1a;
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 
 =================*/
 
#page{
	background:url(../img/bg_img.jpg) no-repeat center top;
}

.contents{
width:960px;
height:730px;
margin:0 auto;
}

/*------------
    header
 ------------*/

.header{
height:120px;
padding-left:30px;
}

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

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

/*------------
     sideL
 ------------*/

.sideL{
float:left;
width:220px;
padding-left:30px;
}

/*--- グローバルナビゲーション ---*/

.sideL #gNavi{
background:url(../img/dot_line.gif) repeat-x left top;
margin-bottom:20px;
padding-top:1px;
}

.sideL #gNavi li{
background:url(../img/dot_line.gif) repeat-x left bottom;
padding-bottom:1px;
}

.sideL #gNavi li a{
overflow:hidden;
}

.sideL #gNavi li ul{
background:url(../img/dot_line.gif) repeat-x left bottom;
padding:18px 0 11px 0;
}

.sideL #gNavi li ul li{
background: url(../img/navi/navi_listmark.gif) no-repeat 5px center;
text-indent:15px;
padding-bottom:0;
}

.sideL #gNavi li ul li a{
display: block;
width:220px;
height:17px;
margin-top:2px;
padding-top:2px;
font-size:14px;
text-decoration:none;
}

.sideL #gNavi li ul li a:hover,
#collection_ring .sideL #gNavi li ul li#gCL_rng a,
#collection_barretter .sideL #gNavi li ul li#gCL_brt a,
#story_giubilare .sideL #gNavi li ul li#gST_gbl a,
#story_work .sideL #gNavi li ul li#gST_wrk a,
#story_pearl .sideL #gNavi li ul li#gST_prl a,
#story_care .sideL #gNavi li ul li#gST_care a,
#present_kabegami .sideL #gNavi li ul li#gPR_kabe a{
background:#996666;
color:#FFFFFF;
}

.sideL #gNavi li#gCC a{
background:url(../img/navi/navi_concept.gif) no-repeat left top;
display: block;
width:220px;
height:40px;
text-indent:-9999px;
}

.sideL #gNavi li#gCC a:hover,
#concept .sideL #gNavi li#gCC a{
background:url(../img/navi/navi_concept_o.gif) no-repeat left top;
}

.sideL #gNavi li#gCL{
background:url(../img/navi/navi_collection.gif) no-repeat left top;
text-indent:-9999px;
}

.sideL #gNavi li#gST{
background:url(../img/navi/navi_story.gif) no-repeat left top;
text-indent:-9999px;
}

.sideL #gNavi li#gPR{
background:url(../img/navi/navi_present.gif) no-repeat left top;
text-indent:-9999px;
}

.sideL #gNavi li#gSI a{
background:url(../img/navi/navi_shopinfo.gif) no-repeat left top;
display: block;
width:220px;
height:40px;
text-indent:-9999px;
}

.sideL #gNavi li#gSI a:hover,
#shopinfo .sideL #gNavi li#gSI a{
background:url(../img/navi/navi_shopinfo_o.gif) no-repeat left top;
}

.sideL #gNavi li#gCT a{
background:url(../img/navi/navi_contact.gif) no-repeat left top;
display: block;
width:220px;
height:40px;
text-indent:-9999px;
}

.sideL #gNavi li#gCT a:hover,
#contact .sideL #gNavi li#gCT a{
background:url(../img/navi/navi_contact_o.gif) no-repeat left top;
}



/*--- News ---*/

.sideL #news{
margin-bottom:20px;
}

.sideL #news h3{
margin-bottom:15px;
}

.sideL #news ul{
margin-left:3px;
}

.sideL #news ul li{
margin-bottom:15px;
color:#663333;
}


/*--- もっと詳しく ---*/

.sideL #more{
border:#dcb9b9 solid 1px;
margin-bottom:8px;
padding:12px 12px 7px 12px;
}

.sideL #more h3{
margin-bottom:8px;
font-size:12px;
font-weight:bold;
color:#663333;
}

.sideL #more ul li{
background:url(../img/navi/more_listmark.gif) no-repeat 3px center;
margin-bottom:5px;
padding-left:12px;
}


/*--- News ---*/

.sideL #banner img{
margin-bottom:8px;
}


/*------------
     main
 ------------*/

.main{
float:left;
width:640px;
padding-left: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 #pNavi{
margin-top:-3px;
padding-bottom:25px;
}

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

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


/*------------
    footer
 ------------*/

.footer{
clear:both;
margin:0 30px;
padding-top:30px;
}

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

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

.footer #fNavi li{
display:inline;
margin-right:25px;
}

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