/*body*/
/*html, body {height: 100%;}*/
body { color: #333; font-family:メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; font-size: 0.9em; line-height: 1.7em; margin: 0; padding: 0; }
*html body {padding-left: 1px;}

/*common*/
ul,ol,li,h1,h2,h3,h4,p,th,td,img,dl,dt,dd { margin: 0; padding: 0; list-style-type: none; }
h1,h2,h3,h4, { font-size: 0.9em;  }
img{ border: 0 }
p{margin:0px; padding:0px;}
table{ border-collapse:collapse;}


a{ color: #333; }
a:hover{color: #f00;}

.mb20{margin-bottom: 20px;}
.flr20{float:right; margin-left: 20px;}
.fll20{float:left; margin-right: 20px;}

.clr{clear:right;}
.cll{clear:left;}

.smaller{font-size: 0.85em; line-height: 1.2;}
.larger { font-size: 1.2em; line-height: 1.5; }

div.part { overflow:auto; }

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
}
/*dropshadow*/
.shadow { margin: 5px 0 0 5px; background: url(../img/shadow.png) right bottom; float: left; display: block; }

.shadow img { position: relative; left: -5px; 
    top: -5px;  
    margin: 0; border: solid 1px #999999;
}

.shadowb { margin: 5px 0 0 5px; background: url(../img/shadow.png) right bottom; float: left; display: block; }

.shadowb img { position: relative; left: -5px; 
    top: -5px; 
    background: #ddd8d2; 
    margin: 0; padding: 5px; border: solid 1px #999999;
}

/*header*/
div#header { background-image: url(/common/img/header_bk.gif); background-repeat: repeat-x; width: 100%; background-position: 0 bottom; }

div#header_inner{ text-align: left; position: relative; width: 900px;  margin: 0 auto; padding-bottom: 3px; }
div#header_inner p#logo { position: absolute; top: 10px; }

div#headnavi { position: absolute; top: 10px; right: 0px;}
div#headnavi ul li {float: left; }
div#headnavi a { font-size: 10px; line-height: 1; background-image: url(/common/img/hnv_bk.gif); text-decoration: none; text-align: center; width: 80px; height: 15px; overflow: hidden; display: block; float: left; margin-right: 5px; margin-left: 5px; padding-top: 5px; }
div#headnavi a:hover { background-position: 0 -20px; }

div#topnavi { margin-right: auto; margin-left: auto; height: 27px; padding-top: 50px; }
div#topnavi ul { background-image: url(../img/tnv_bk.gif); background-repeat: no-repeat; background-position: -198px 0; height: 27px; padding-left: 2px; display: block; }
div#topnavi ul li { float: left; }
div#topnavi a { float: left; font-size: 12px; background-image: url(../img/tnv_bk.gif); background-position: right 0; text-decoration: none; height: 21px; overflow: hidden; display: block; padding: 3px 20px; }
div#topnavi a:hover {background-position: right -30px;}

div#site_search { font-size: 10px; }
input#ss_text { color:#666; font-size:10px; position: absolute; top: 50px; right: 50px; width: 150px; margin:0; padding:4px;/*position:absolute; top:1px; right:40px;*/ border:solid 1px; }
input#ss_bt { position: absolute; top: 50px; right: 0; margin:0; width:47px; height:22px; }

/*title*/
div#title{ background-image: url(../img/h1_bk.gif); background-repeat: no-repeat; background-position: 0 center; width:1000px; position:relative; height: 65px; /*height: 80px;*/ clear: left; margin-right: auto; margin-left: auto; }
h1{ background-repeat: no-repeat; text-indent: -9999px; position: absolute; top: 12px; /*top: 20px;*/ left: 60px; width:280px; height: 44px; }

/*wrapper*/
div#wrap {width: 100%; background-image: url(../img/wrap_bk.gif);  background-repeat: repeat-x; }

div#wrap_inner { text-align: left; width: 900px; margin-right: auto; margin-left: auto; overflow:hidden;}
* html div#wrap_inner { height: 1%; } 

div#bread{ font-size: 0.75em; height: 35px; padding-top: 5px; }
div#bread span { font-size: 0.7em; margin-right: 5px; margin-left: 5px; }
/*IE6 bug fix 700->695px*/
div#main { width: 695px; float: right; overflow: auto; }

/*subnavi*/
div#subnavi p.snv_syohin a{ width: 180px; height:88px; background-image: url(/common/img/bt_syohin.gif); text-indent: -9999px; overflow: hidden; display: block; }
div#subnavi p.new a{ background-image: url(/common/img/bt_syohin_new.gif); }
div#subnavi p.snv_syohin a:hover { background-position: 0 -88px; }

/*endnavi*/
div#endnavi{ clear:left; height: 40px; margin-top: 20px; padding-top: 20px; border-top: 1px solid #666; }
div#endnavi p a{ font-size: 10px; line-height: 1; background-image: url(/common/img/hnv_bk.gif); text-decoration: none; text-align: center; width: 80px; height: 15px; overflow: hidden; display: block; margin-right: 5px; margin-left: 5px; padding-top: 5px;}
div#endnavi p a:hover{ background-position: 0 -20px; }
div#endnavi p.backbt{ clear:both; float:left;}
div#endnavi p.pagetop{ float:right;}
div.pagetop{ clear:left; height: 40px; margin-top: 5px;}
div.pagetop p{ float:right;}
div.pagetop p a{ font-size: 10px; line-height: 1; background-image: url(/common/img/hnv_bk.gif); text-decoration: none; text-align: center; width: 80px; height: 15px; overflow: hidden; display: block; margin-right: 5px; margin-left: 5px; padding-top: 5px;}
div.pagetop p a:hover{ background-position: 0 -20px; }


/*footer*/
div#footer {width: 100%; height: 100px; background-image: url(../img/footer_bk.gif);  background-repeat: repeat-x; }
div#footer_inner{ width: 860px; margin-right: auto; margin-left: auto; }
div#footer_inner ul li {float:left;}
div#footer_inner a { float: left; color: #c40000; font-size: 0.75em; text-decoration: none; height: 25px; padding-top: 7px; padding-right: 10px; padding-left: 10px; display: block; }
div#footer_inner a:hover { color: #f00; }
div#footer_inner p#logo_footer {float:right;}
div#footer_inner p#copyright { font-size: 0.75em; clear:left; font-family: Arial; padding-top: 20px; text-align: right; }

/*leadwk*/
div.leadwk{ width: 630px; background-image: url(/common/img/leadwk_bk2.gif); overflow:hidden; font-size: 1.4em; line-height: 1.5; margin-bottom: 20px; color:#0099de;}
div.leadwk div.top {height: 15px; font-size: 1px; line-height: 1px;  background-image: url(/common/img/leadwk_bk1.gif); }
div.leadwk div.bot {height: 15px; font-size: 1px; line-height: 1px;  background-image: url(/common/img/leadwk_bk3.gif); }
div.leadwk p { margin: 0 20px; }

div.leadwk2{ width: 800px; background-image: url(/common/img/leadwk2_bk2.gif); overflow:hidden; font-size: 1.1em; line-height: 1.5; margin-bottom: 20px; color:#c40000;}
div.leadwk2 div.top {height: 15px; font-size: 1px; line-height: 1px;  background-image: url(/common/img/leadwk2_bk1.gif); }
div.leadwk2 div.bot {height: 15px; font-size: 1px; line-height: 1px;  background-image: url(/common/img/leadwk2_bk3.gif); }
div.leadwk2 p { margin: 0 20px; }