@charset "EUC-JP";

/* ------------------------------------------------------------------------ */

/*  html5doctor.com Reset Stylesheet　変更・追加あり
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

/* ------------------------------------------------------------------------ */

/*要素のフォントサイズやマージン・パディングをリセット*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article aside canvas details figcaption figure footer header hgroup menu, nav section summary time mark audio video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

/*行の高さをフォントサイズと同じに*/
body {
  line-height:1;
}

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更*/
article aside details figcaption figure footer header hgroup menu, nav section {
  display:block;
}

/*ol ulのマーカー（行頭記号）を表示しない （変更部）*/
ol, ul {
  list-style:none;
}

/*引用符の表示が出ないように*/
blockquote, q {
  quotes:none;
}

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定*/
blockquote:before, blockquote:after, q:before, q:after {
  content:'';
  content:none;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃える*/
a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できる */
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できる
mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用する*/
mark {
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
}

/*テキストに打ち消し線が付く*/
del {
  text-decoration: line-through;
}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしている
また、マウスオーバー時にヘルプカーソルの表示が出るようにしている*/
abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定*/
table {
  border-collapse:collapse;
  border-spacing:0;
}

/*水平罫線のデフォルトである立体的な罫線を見えなく*/
hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}

/*縦方向の揃え位置を中央揃えに指定*/
input, select {
  vertical-align:middle;
}

/* 画像の下にできる隙間をなくす（追加） */
img {
  vertical-align: bottom;
  font-size:0;
  line-height: 0;
}

/*  テキストエリア内文字サイズのブラウザ間での差異をなくす　（追加） */
textarea {
  font-size: 100%;
}

/* ------------------------------------------------------------------------ */

/*  Basic Style

/* ------------------------------------------------------------------------ */

body {
  margin : 0;
  padding : 0;
  height : 100%;
  font-family:" Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-size: 81%;
  line-height : 150%;
  color : #333333;
  text-align : center;
  background-color: #FFFFFF;
}

* html body {
	/* for IE6 */
  font-size: 81%;
}

*:first-child+html body {  /* for IE7 */
  font-size: 81%;
  font-family: "verdana","ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

html>/**/body {    /* IE8向け */
  font-size: 81%;
}

html:not(:target) body {   /* for modern browser not ie8 */
  font-size: 13px;
}

div#wrap {
  width : 1200px;
  margin : 0 auto;
  padding : 0;
}

body > #wrap {
  height : auto;
}

/* Link
--------------------------------------------------------------------------- */

a {
  outline : none;
}

a:link {
  text-decoration : underline;
  color : #666666;
}

a:visited {
  text-decoration : underline;
  color : #666666;
}

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

a:active {
  text-decoration : none;
  color : #ff9900;
}

/* ------------------------------------------------------------------------ */

/* Hedaer

/* ------------------------------------------------------------------------ */
#haeadrMarqArea{
  width : 1200px;
  height : 25px;
  margin : 10px auto 0;
  background-color: #C2F0FC;
  line-height : 2;
  color: #333;
}
#headerBlock {
  position : relative;
  width : 1200px;
  height : 150px;
  margin : 0 auto;
  background-image : url(bg_head.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
#headerBlock h1 a {
  display : block;
  position : absolute;
  top : 2px;
  left : 239px;
  height :119px;
  width : 324px;
  text-indent : -9999px;
 
}
#headerBlock #guide {
  display : block;
  position : absolute;
  top : 10px;
  left : 780px;
  height :25px;
  width : 92px;
  font-size: 12px;
}
#headerBlock #rakuten {
  display : block;
  position : absolute;
  top : 10px;
  left : 883px;
  height :23px;
  width : 64px;
  font-size: 12px;
}
#headerBlock a:link {
  text-decoration : none;
  color : #000;
}
#headerBlock a:visited {
  text-decoration : none;
  color : #000;
}
#headerBlock a:hover {
  text-decoration : none;
  color : #F00;
}
#headerBlock a:active {
  text-decoration : none;
  color : #F00;
}

/* ------------------------------------------------------------------------ */

/* Navigation

/* ------------------------------------------------------------------------ */
#gnavBlock {
  width : 1200px;
  height : 33px;
  margin : 0 auto;
}
#gnavBlock ul li {
  float : left;
}
#gnavBlock ul li img {
  vertical-align:bottom;
}

/* ------------------------------------------------------------------------ */

/* Category

/* ------------------------------------------------------------------------ */
#headerCategory {
  width : 1200px;
  height : 175x;
  margin : 15px auto 0;
}
#headerCategory ul li {
  float : left;
  margin-bottom: 5px;
}
#headerCategory ul li.right4 {
  margin-right: 4px;
}
#headerCategory ul li.right5 {
  margin-right: 5px;
}
#headerCategory ul li img {
  vertical-align:bottom;
}
/* ------------------------------------------------------------------------ */

/* 新着商品情報

/* ------------------------------------------------------------------------ */
#NewItem {
  width : 1200px;
  height : 145px;
  margin : 25px auto 0;
}
/* ------------------------------------------------------------------------ */
/* 　LOOPSLIDER
/* ------------------------------------------------------------------------ */
#loopslider {
	margin: 0 auto;
	width: 1000px;
	height: 145px;
	text-align: left;
	position: relative;
	overflow: hidden;
}
#loopslider ul {
	/*	width: 100%;*/
	height: 145px;
	float: left;
	display: inline;
	overflow: hidden;
}
#loopslider ul li {
  width: 120px;
  height: 145px;
  float: left;
  display: inline;
  overflow: hidden;
  margin: 0px 0px 0px 0px;
}
#loopslider a:link {
  text-decoration : none;
  color : #000;
}
#loopslider a:visited {
  text-decoration : none;
  color : #000;
}
#loopslider a:hover {
  text-decoration : none;
  color : #F00;
}
#loopslider a:active {
  text-decoration : none;
  color : #F00;
}
/* ------------------------------------------------------------------------ */

/* 商品検索

/* ------------------------------------------------------------------------ */
#GoodSearch {
  width : 1200px;
  margin : 15px auto 0;
  text-align: left;
}
#GoodSearch #Main{
  width : 320px;
  float: left;
  margin: 20px 0 0 10px;
}
#serch-btn {
  border: 0px;
  width: 76px;
  height: 25px;
  background-image : url(serch_btn.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}
#GoodSearch #Main input:hover { 
  filter: alpha(opacity=70);
  -ms-filter: alpha(opacity=70);
   opacity: 0.7;
}
#GoodSearch #Price{
  width : 620px;
  float: left;
  margin: 5px 0 0 0;
}

/* table(枠線なし)　余白あり　　※
--------------------------------------------------------------------------- */
#GoodSearch #Price table {
  margin : 0 auto;
  border-collapse : collapse;
  border-spacing : 0;
  empty-cells : show;
}
#GoodSearch #Price table td {
  padding : 0 10px 5px 0;
  text-align: left;
  vertical-align: middle;
  border: none;
  text-indent: 0em;
  line-height: 1px;
}

/* ------------------------------------------------------------------------ */

/* 楽天ランキング

/* ------------------------------------------------------------------------ */
#RakutenRanking {
  width : 1200px;
  margin : 15px auto 0;
 	text-align: left;
}
#RakutenRanking ul li {
  float : left;
  margin-right: 16px;
}
#RakutenRanking ul li.right0 {
  margin-right: 0px;
}
#RakutenRanking ul li img {
  vertical-align:bottom;
}
/* ------------------------------------------------------------------------ */

/* 楽天バナー

/* ------------------------------------------------------------------------ */
#RakutenBanner {
  width : 1200px;
  margin : 5px auto 0;
  border-top: 5px solid #ED400E;
}
#RakutenBanner table {
  margin : 10px 0 auto;
  border-collapse : collapse;
  border-spacing : 0;
  empty-cells : show;
}

#RakutenBanner table td {
  padding : 0 10px 0 0;
  text-align: left;
  vertical-align: middle;
  border: none;
  text-indent: 0em;
  line-height: 1px;
}
#RakutenBanner table td.right14 {
  padding : 0 14px 0 0;
  text-align: left;
  vertical-align: middle;
  border: none;
  text-indent: 0em;
  line-height: 1px;
}
#RakutenBanner table td.right0 {
  padding : 0;
  text-align: left;
  vertical-align: middle;
  border: none;
  text-indent: 0em;
  line-height: 1px;
}