@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);

/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定
 * ---------------------------------------------------------------- */

html, body{
height: 100%;
        }


body { 
  color: #333333;
 background:#FFF8F0 url(img/bodybg.jpg) center center repeat-y ;
}



#container {
  background: #FFFFFF ;
  width: 860px;
  margin: 0 auto;  
}

/* ---------------------------------------------------------------- *
	ヘッダ部分の設定
 * ---------------------------------------------------------------- */

#header {
  background: #003398 url(img/back.jpg) repeat-x;
  margin-top: 0;
  margin-bottom: 0;
  padding-top:70px;
  padding-right: 0;
  padding-bottom:10px;
  padding-left: 0;
}

/* ---------------------------------------------------------------- *
	ナビゲーション部分
 * ---------------------------------------------------------------- */

#navi {
height:27px;
background:url(img/navi_bg.jpg) no-repeat;
}

#navi ul {
 margin: 0;
 padding: 0;
line-height:0;
}


#navi ul li {
 display:inline;
list-style-type:none;
}



#navi ul li a{
height:27px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}


#navi li.home a{
background:url(img/navi.jpg) no-repeat  0  0;
width:80px;
}
#navi li.blog a{
background:url(img/navi.jpg) no-repeat  -80px 0;
width:79px;
}
#navi li.watch a{
background: url(img/navi.jpg) no-repeat -159px 0;
width:149px;
}
#navi li.glasses a{
background:url(img/navi.jpg) no-repeat -308px 0;
width:55px;
}
#navi li.hearing a{
background:url(img/navi.jpg) no-repeat -363px 0;
width:69px;
}
#navi li.repair a{
background:url(img/navi.jpg) no-repeat -432px 0;
width:148px;
}
#navi li.goldbuy a{
background:url(img/navi.jpg) no-repeat -580px 0;
width:99px;
}

#navi li.jewelry a{
background:url(img/navi.jpg) no-repeat -679px 0;
width:95px;
}

#navi li.aboutus a{
background:url(img/navi.jpg) no-repeat -774px 0;
width:86px;
}


#navi li.home a:hover{
background:url(img/navi.jpg) no-repeat  0  -27px;
width:80px;
}
#navi li.blog a:hover{
background:url(img/navi.jpg) no-repeat  -80px -27px;
width:79px;
}
#navi li.watch a:hover{
background: url(img/navi.jpg) no-repeat -159px -27px;
width:149px;
}
#navi li.glasses a:hover{
background:url(img/navi.jpg) no-repeat -308px -27px;
width:55px;
}
#navi li.hearing a:hover{
background:url(img/navi.jpg) no-repeat -363px -27px;
width:69px;
}
#navi li.repair a:hover{
background:url(img/navi.jpg) no-repeat -432px -27px;
width:148px;
}
#navi li.goldbuy a:hover{
background:url(img/navi.jpg) no-repeat -580px -27px;
width:99px;
}

#navi li.jewelry a:hover{
background:url(img/navi.jpg) no-repeat -679px -27px;
width:95px;
}

#navi li.aboutus a:hover{
background:url(img/navi.jpg) no-repeat -774px -27px;
width:86px;
}






/* ---------------------------------------------------------------- *
	ぱんくずリスト
 * ---------------------------------------------------------------- */
 
 #pan{
 margin:0 0 15px;
 font-size:10px;
 }
 
 
/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定
 * ---------------------------------------------------------------- */

#main {
  padding-left: 245px;
  padding-right: 0;
  background:#ffffff;
  margin-top: 30px;
  margin-bottom: 0;
}

/* ---------------------------------------------------------------- *
	サイドメニュー部分の設定
 * ---------------------------------------------------------------- */

#sidenavi {

 
  width: 200px;

  /* Note：左に寄せる場合は，「left: 0; right: auto;」，
  右の場合はleft: auto; right: 0;」 */
  top: auto;
  left: 0;
  right: auto;
  padding-top: 20px;
  padding-bottom: 0;
  z-index: 1;
}

#sidenavi ul {

    margin: 0;
    padding: 8px;
}

#sidenavi ul li {
    margin: 0;
    padding: 5px 20px 5px 25px;
    border-bottom: 1px solid #A5B1EA;
    background: #fff url(img/sq_arrow.jpg) no-repeat 5px 7px;
    list-style-type: none;
}

  /* Note：上マージンを確保し，IE6/IE7 で垂直配置がずれるバグを回避。以降，指示に従って同じ値での指定を 2回続けてください。 */
[id="sidenavi"]#sidenavi {
 
  /* Note：コンテンツ部分の上マージンと同じ値を設定 */
  margin-top: 0;
}
html:lang(ja) #sidenavi {
  /* Note：直前の指定と同じ値を設定 */
  margin-top: 0;
}


.sideBanner{
margin-top:15px;
padding-left:10px;
}

p.sideBanner{
padding:5px 5px 5px 12px;
font-size:11px;
line-height: 1.3;
}

/* ---------------------------------------------------------------- *
	コンテンツ部分の設定
 * ---------------------------------------------------------------- */

.contents {

  background: #ffffff;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  border: 8px solid #EEEEEE;
}

/* ---------------------------------------------------------------- *
	コンテンツ画像の設定
 * ---------------------------------------------------------------- */

.contents img.fig {

  float: left;
  margin-top: 0;
  margin-right: 1em;
  margin-bottom: 1em;
  margin-left: 0;
}

/* ---------------------------------------------------------------- *
	画像のみのボックスを作る場合の設定
 * ---------------------------------------------------------------- */

.imgbox {
 
  background: #FFFFFF;
  margin-top: 0;
  margin-bottom: 0;
}

/* ---------------------------------------------------------------- *
	フッタ部分の設定
 * ---------------------------------------------------------------- */

#footer {
   background: #FFFFFF;
   margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.6em;
  padding-right: 0;
  padding-bottom: 1em;
  padding-left: 1em;
  border-top: 1px solid #99B33F;
}

#footer ul {
    margin-bottom: 4px;
    padding: 0;
    border-left: 1px solid #CCCCCC;
}

#footer ul li {
  margin: 0;
  padding: 0 5px;
   border-right: 1px solid #CCCCCC;
    background-image: none;
}


/* ---------------------------------------------------------------- *
	テーブル
 * ---------------------------------------------------------------- */
 
 
 table{
 
 }
 
 td.left{
 width:80px;
 padding:3px 5px 5px 20px;
 border-right:1px solid #cecece;
 background:url(aboutus/img/icon01.jpg) no-repeat;
 background-position:0 50%;
 }
 
 
 td.right{
 padding:0 5px 5px 15px;
 }
 
 

 
 /* ---------------------------------------------------------------- *
	RSS
 * ---------------------------------------------------------------- */

.rss-title{
padding: 10px 0 0 10px;
}


.rss-date{
font-size:10px;
color:#8CAECC;
}


 /* ---------------------------------------------------------------- *
	個別設定
 * ---------------------------------------------------------------- */

.red{
 color:red;

}