@charset "utf-8";

body  {
  font-family: "Ms PGothic", Osaka, "Hirakakupro-W3", "Century Gothic", Futura, Arial, Helvetica, Sans-Serif;
  _font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  background: #FFFFFF;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #333333;
  word-wrap: break-word;
}
img, table  { border:0; }
form    { display:inline; }
a:link    { color:#0033FF; text-decoration:underline; }
a:visited   { color:#0033FF; text-decoration:underline; }
a:hover   { color:#CC0000; text-decoration:none; }


/*
a:hover img { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
*/


/* 外枠 */

div#container {
  width: 950px;
  margin: 0 auto;
  text-align: left;
}


/* ヘッダ */

div#header {
}

/* color */
div#header h1 {
  margin: 0 0 10px 0;
  padding: 3px;
  background-color:#CC0000;
  color:#FFFFFF;
  font-size:13px;
  text-align:center;
}
div#logo {
  float:left;
  font-size:1.5em;
  font-weight:bold;
  margin-bottom:10px;
}
div#logo a {
  text-decoration:none;
  color:#333333;
}
div#logo a:hover {
  text-decoration:none;
  color:#999999;
}

div#payment {
  float:right;
  width:240px;
  height:53px;
  display:block;
  text-decoration:none;
  background:url(../../images/img_payment.gif) no-repeat;
  margin:0 0 10px 0;
}


/* ナビ */

/* color */
div#navi {
  border-bottom:#CC0000 solid 4px;
  margin:0 0 5px 0;
  clear:both;
}
div#navi ul {
  margin:0;
  padding:0;
  float:right;
}
div#navi li {
  margin:0 5px 0 0;
  padding:0;
  list-style:none;
  float:left;
}
div#navi a {
  display:block;
  width:110px;
  height:20px;
  font-size:12px;
  line-height:20px;
  color:#FFFFFF;
  text-decoration:none;
  text-align:center;
  text-indent:10px;
}

div#navi a.menu01 { background:url(img/menu01.gif) top no-repeat; }
div#navi a.menu02 { background:url(img/menu02.gif) top no-repeat; }
div#navi a.menu03 { background:url(img/menu03.gif) top no-repeat; }
div#navi a.menu04 { background:url(img/menu04.gif) top no-repeat; }
div#navi a.menu05 { background:url(img/menu05.gif) top no-repeat; }

div#navi a:hover.menu01 { background:url(img/menu01.gif) bottom no-repeat; }
div#navi a:hover.menu02 { background:url(img/menu02.gif) bottom no-repeat; }
div#navi a:hover.menu03 { background:url(img/menu03.gif) bottom no-repeat; }
div#navi a:hover.menu04 { background:url(img/menu04.gif) bottom no-repeat; }
div#navi a:hover.menu05 { background:url(img/menu05.gif) bottom no-repeat; }


/* サブナビ */

div#snavi {
  clear:both;
  text-align:right;
  font-size:0.75em;
  padding-bottom:5px;
  border-bottom:#999999 dotted 1px;
  margin-bottom:20px;
}
div#snavi ul {
  margin:0;
  padding:0;
}
div#snavi li {
  list-style:none;
  display:inline;
}
div#snavi a {
  padding:0 0 0 15px;
  margin:0 5px 0 10px;
  color:#333333;
  text-decoration:none;
  background:url(img/arr_sq_color1.gif) left center no-repeat;
}
div#snavi a:hover {
  color:#CC0000;
  text-decoration:underline;
}



/* メインエリア */

div#mainContent {
  float:left;
  width:730px;
  _overflow:hidden;
}
div#mainContent h1 {
  margin:0;
  padding:0;
}


/* サイドバー */

div#sidebar1 {
  float:left;
  width:200px;
  margin-right:20px;
  _overflow:hidden;
}


/* フッタ */

div#footer {
  border-top:#666666 dotted 1px;
  padding:5px 0 20px 0;
  clear:both;
}
div#footer div {
  font-size:0.75em;
  text-align:center;
}
address {
  font-size:0.75em;
  font-style:normal;
  text-align:center;
}


div#footer ul.snavi {
  text-align:center;
  font-size:0.75em;
  margin:0 0 8px 0;
  padding:0;
}
div#footer ul.snavi li {
  display:inline;
  list-style:none;
  margin:0 5px 0 0;
  padding:0 0 0 10px;
}
div#footer ul.snavi li+li {
  border-left:#999999 solid 1px;
}
div#footer ul.snavi a {
  padding:0;
  margin:0;
  color:#333333;
  text-decoration:none;
}
div#footer ul.snavi a:hover {
  color:#CC0000;
  text-decoration:underline;
}



/* 検索 */

div#srch {
  width:200px;
  height:60px;
  background:url(img/bg_search.gif) no-repeat;
  margin-bottom:10px;
  text-align:center;
}
#s {
  float:left;
  margin:28px 0 0 8px;
  width:120px;
}
#simg {
  float:right;
  margin:28px 8px 0 0;
}


/* カテゴリ */

div#category {
  margin-bottom:20px;
}
div#category .tit {
  height:16px;
  background:url(img/txt_category.gif) center top no-repeat;
  margin-bottom:5px;
}
div#category .btm {
  display:none;
}
div#category ul {
  padding:0;
  margin:0;
  list-style:none;
}
div#category ul li {
  padding:0;
  margin:0;
}
div#category ul li a {
  overflow:hidden;
  white-space:nowrap;
  display:block;
  width:170px;
  height:34px;
  line-height:34px;
  font-size:0.75em;
  font-weight:bold;
  color:#333333;
  text-decoration:none;
  padding:0 5px 0 25px;
  margin:5px 0 0 0;
  background:url(img/bg_cate_main.gif) top left no-repeat;
}
div#category ul li a:hover {
  overflow:hidden;
  white-space:nowrap;
  background:url(img/bg_cate_main.gif) bottom left no-repeat;
}
div#category ul li ul.children a {
  height:auto;
  font-size:0.8em;
  font-weight:normal;
  color:#333333;
  text-decoration:none;
  padding:0 0 0 23px;
  line-height:1.4em;
  white-space:normal;
  color:#333333;
  text-decoration:none;
  background:url(img/arr_sq_white.gif) 8px 4px no-repeat;
}
div#category ul li ul.children a:hover {
  white-space:normal;
  color:#CC0000;
  text-decoration:underline;
  background:url(img/arr_sq_white.gif) 8px 4px no-repeat;
}


/* 人気商品 */

div#recommend {
  clear:both;
  margin-bottom:20px;
}
div#recommend .tit {
  width:730px;
  height:40px;
  display:block;
  text-decoration:none;
  background:url(img/tit_ninki.gif) top no-repeat;
}
div#recommend .sideline {
  border-left:#cccccc solid 1px;
  border-right:#cccccc solid 1px;
  padding:0 5px;
}
div#recommend .outline {
  float:left;
  width:170px;
  height:170px;
  padding:0 5px 0 4px;
  overflow:hidden;
}
div#recommend .stit {
  background:#dddddd;
  color:#333333;
  text-align:center;
  font-size:0.75em;
  font-weight:bold;
  padding:2px;
  margin:0 0 5px 0;
}
div#recommend .pht {
  text-align:center;
  margin-bottom:5px;
}
div#recommend .item {
  font-size:0.75em;
  line-height:1.2em;
  padding:0 0 10px 0;
}
div#recommend .btm {
  clear:both;
  height:8px;
  background:url(img/btm_ninki.gif) top no-repeat;
  padding:0;
  margin:0;
}



/* お知らせ */

div#newslist {
  clear:both;
}

div#newslist div.date {
  background:url(img/arr_sq_color1.gif) left center no-repeat;
  padding:0 0 0 15px;
  margin:0 0 5px 0;
  color:#666666;
  font-size:0.875em;
}
div#newslist div.tit {
  padding:0 0 10px 15px;
  margin:0 0 10px 0;
  font-size:0.875em;
  line-height:1.4em;
  border-bottom:#999999 dotted 1px;
}

div#news {
  clear:both;
  margin:20px 0 0 0;
}

div#news div.date {
  background:url(img/arr_sq_color1.gif) left center no-repeat;
  padding:0 0 0 15px;
  margin:0 0 5px 0;
  color:#666666;
  font-size:0.875em;
}
div#news div.tit {
  font-weight:bold;
  padding:0 0 0 15px;
  margin:0 0 30px 0;
  font-size:1em;
  line-height:1.4em;
}
div#news div.detail {
  margin:0 0 40px 0;
  font-size:0.875em;
  line-height:1.4em;
}
span.new {
  width:30px;
  height:13px;
  display:inline-block;
  background:url(img/ico_new.gif) repeat;
  margin:0 0 0 2px;
}



/* お知らせエリア */

div#sbnew {
  border:#cccccc solid 1px;
  background:url(img/tit_sbnew.gif) top no-repeat;
  padding:25px 0 0 0;
  margin-bottom:10px;
}

div#sbnew dl {
  padding:0;
  margin:0;
}
div#sbnew dt {
  background:url(img/arr_dot_gray.gif) left center no-repeat;
  padding:0 5px 0 12px;
  margin:5px 0 0 0;
  color:#666666;
  font-size:0.75em;
  line-height:1.2em;
}
div#sbnew dd {
  padding:0 5px 5px 12px;
  margin:0;
  font-size:0.75em;
  line-height:1.2em;
  margin:0;
}

div#sbnew div.newslist {
  padding:5px 5px 10px 5px;
  font-size:0.75em;
  text-align:right;
}

div.feed {
  border:#cccccc solid 1px;
  background:url(img/ico_feed14.gif) 5px center no-repeat;
  padding:8px 8px 8px 25px;
  font-size:0.7em;
  margin:0 0 10px 0;
}
div.feed a {
  text-decoration:none;
  color:#666666;
}

/* ********************************************** */




div#pnkz {
  font-size:0.75em;
  margin-bottom:10px;
}


/* フリーエリア */
div.free {
  font-size:0.875em;
  line-height:1.4em;
  clear:both;
  margin-bottom:20px;
}


/* スクレイピング部 */
#top-banner {
  float:right;
  margin:0 0 10px 0;
}


/* エラー表示 */
div.error {
  text-align:center;
  font-weight:bold;
  color:#CC0000;
  line-height:1.4em;
  margin:0 0 20px 0;
}


/* カラー */
.red  { color:#CC0000; }
.orange { color:#FF6600; }
.white  { color:#FFFFFF; }

/* 下マージン */
.mb05 { margin-bottom:5px }
.mb10 { margin-bottom:10px }
.mb15 { margin-bottom:15px }
.mb20 { margin-bottom:20px }
.mb30 { margin-bottom:30px }
.mb40 { margin-bottom:40px }

/* 幅 */
.w100 {width:100px}
.w200 {width:200px}
.w300 {width:300px}

/* 位置 */
.cent {
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.fl   { float:left; }
.fr   { float:right; }
.left   { text-align:left; }
.right  { text-align:right; }
.center { text-align:center; }
.vamid  { vertical-align:middle; }
.vatb   { vertical-align:text-bottom; }

.cr:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
  visibility:hidden;
}
.cr {
  display:inline-table;
  min-height:1px;
}

/* hides from IE-mac \*/
* html .cr{height:1%;}
.cr{display:block;}
/* end of hides from IE-mac */



.bbdot {
  border-bottom:#999999 dotted 1px;
}
.bold {
  font-weight:bold;
}