@charset "utf-8";

<style type=text/css>
<!--

/*-----------------------------------------
Site URL:    http://dougiya.com
File name:   http://dougiya.com/nidan.css
Created:     2007/08/30
Last Update: 2007/08/30
-------------------------------------------

スタイル一覧

00▼全体          __all
01▼トップ        __top
02▼ヘッダ        __header   __logo  __title  __menu
03▼パンくずリスト__now_nemu
04▼メイン __main __side1 __contents
05▼下メニュー    __footer
06▼コピーライト  __copy

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



/* ---------------------
    00▼全体▼ __all
 --------------------- */

ul,ol,li,h1,h2,h3,h4,h5,h6,p,
pre,form,html,blockpuote,fieldset {
  margin: 0;
  padding: 0;
}

html {
  overflow-y: scroll;
}

body {
  font-size: 62.5%;
  font-family: Meiryo, Osaka, verdana, arial, sans-serif;
  color: #666666;
  line-height: 1.4;
  background: #FFFFCC url(image/kabegami.gif) repeat;
}

p {
  margin: 0em 0em 1em;
}

li {
  list-style-type: none;
}

img {
  border: 0;
}

a {
  color: #6600FF;
}

a:hover {
  color: #ff6600;
  background-color: #cccccc; 
}

a:active {
  color: red;
}

div {
  background-color: #FFFFFF;
}

#all {
  width: 760px;
  margin: 0 auto;
  border: silver 1px solid;
}

div.clear {
  clear: both;
}



/* ---------------------
   01▼トップ▼ __top
 --------------------- */

#top {
  width: 760px;
  background-color: #E6E6E6;
  border-bottom: silver 1px solid;
  font-size: 1.3em;
}

#top .bold {
  width: 400px;
  float: left;
  padding-left: 8px;
  font-weight: bold;
  background-color: #E6E6E6;
}

#top .aa {
  width: 200px;
  float: left;
  text-align: right;
  background-color: #E6E6E6;
}

#top .bb {
  width: 152px;
  float: left;
  text-align: center;
  background-color: #E6E6E6;
}

#top div a {
  text-decoration: none;
}



/* -------------------------------------------
  02▼ヘッダ▼ __header __logo __title __menu
 ------------------------------------------- */

#header {
  width: 760px;
  clear: both;
}

#header img {
  margin-bottom: 0px;
}

#title {
  width: 760px;
  float: left;
}
#title a:hover {
  color: #FF0000;
  background-color: #FFFFFF;
}

#free {
  width: 750px;
  clear: both;
  margin: 5px;
}

#free h2 {
  font-size: 1.2em;
}

#menu {
  width: 758px;
  margin-left: 2px;
}

#menu .menu {
  float: left;
  margin-right: 1px;
  border: 1px outset #cccccc;
  font-size: 1.3em;
  font-weight: bold;
  list-style: none;
}

#menu .menu a,
#menu .menu a:link,
#menu .menu a:visited {
  width: 123px;
  color: #000000;
  background-color: #cccccc;
  text-align: center;
  text-decoration: none;
  padding: 5px 0px;
  display: block;
  position: relative;
  white-space: nowrap;
}

#menu .menu a:hover {
  color: #666666;
  background-color: #FFFFFF;
  top: 1px;
}





/* --------------------------------------
  04▼メイン __main __side1 __contents
 -------------------------------------- */
#contents {
  width: 760px;
  margin-bottom: 5px;
}

#contents h3 {
  clear: both;
  margin-top: 10px;
  margin-left: 5px;
}
#contents .kyanpen{
  padding-left: 9px;
  padding-top: 10px;
}

/* メーカーごと検索 */

#maker {
  margin-bottom: 5px;
}

#maker .goods {
  width: 175px;
  height: 80px;
  float: left;
  margin: 5px 0 0 5px;
}

#maker .goods h4 {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 24px;
  text-align: center;
}

#maker .goods a {
  color: #0000CC;
  font-weight: bold;
  text-decoration: none;
}

#maker .goods a:hover {
  color: #FF6600;
}

#maker .goods a:active {
  color: #FF0000;
}


/* 商品ごと検索 */

#goods .goods {
  width: 124px;
  height: 100px;
  float: left;
  margin: 5px 0 0 6px;
}

#goods .goods h4 {
  margin-top: 22px;
  margin-bottom: 0;
  font-size: 26px;
  text-align: center;
}

#goods .goods p {
  color: #666666;
  font-size: 11px;
  text-align: center;
}

#goods .goods a {
  color: #330099;
  font-weight: bold;
  text-decoration: none;
}

#goods .goods a:hover {
  color: #FF6600;
}

#goods .goods a:active {
  color: #FF0000;
}


/* おすすめ商品 */

#osusume div {
  float: left;
  width: 180px;
  margin: 3px 4px;
  margin-bottom: 15px;
  background-color: #EEEEEE;
}
#osusume div p.osusume {
  font-size: 1.3em;
  padding: 3px;
  margin: 0;
  font-weight: bold;
}
#osusume div p.osu_guide {
  font-size: 1.1em;
  padding: 5px 3px;
  margin: 0;
}


/* 入荷情報 */

#newgoods {
  width: 362px;
  float: left;
  margin: 20px 5px 20px;
}

#nyuka {
  border: #E8E8E8 1px solid;
  background-color: #FAFAFA;
}

#siai {
  border: #E8E8E8 1px solid;
  background-color: #FAFAFA;
}

#newgoods div div {
  margin-top: 15px;
  margin-left: 10px;
  margin-bottom: 20px;
  font-size: 1.2em;
  background-color: #FAFAFA;
}

#newgoods h3 {
  background-color: #FFCAE4;
  border-bottom: #FF0099 2px solid;
  margin: 5px;
  padding: 3px 0;
  font-size: 1.4em;
  letter-spacing : 1px;
  padding-left : 0.5em;
}

#newgoods p.date {
  margin-bottom: 5px;
  font-weight: bold;
  line-height: 1.8em;
}

#newgoods p.date span {
  padding : 0.3em;
  margin-right : 0.5em;
  color: #FFFFFF;
}
#newgoods p.date span.after {
  background: #FF0000;
}
#newgoods p.date span.before {
  background: #3300CC;
}


/* 新着情報 */

#newsbox {
  width: 362px;
  float: left;
  margin: 20px 5px 20px;
  border: #E8E8E8 1px solid;
  background-color: #FAFAFA;
}

#newsbox h3 {
  background-color: #CCFF99;
  border-bottom: #339900 2px solid;
  margin: 5px;
  padding: 3px 0;
  font-size: 1.4em;
  letter-spacing : 1px;
  padding-left : 0.5em;
}

#newsbox div {
  margin-top: 15px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 15px;
  font-size: 1.2em;
  background-color: #FAFAFA;
}

#newsbox p.date {
  margin-bottom: 3px;
  padding-left: 1.5em;
  background: url(image/date.gif) no-repeat;
  font-size: 0.9em;
  font-weight: bold;
}

p.kuwasiku {
  text-align: right;
  padding: 10px;
  font-size: 1.4em;
  text-decoration: none;
}




/* 会社概要 */
div#kaisya-gaiyou {
  width: 725px;
  clear: both;
  font-size: 1.1em;
  border: #CCCCCC 1px solid;
  margin: 20px 15px 0px;
}
div#kaisya-gaiyou h4 {
  padding: 2px 10px 0px;
  margin: 0px;
  font-size: 1.4em;
  border-bottom: #EEEEEE 1px dotted;
  background-color: #CCCCCC;
}
table#kaisya-gaiyou1 {
  float: left;
  width: 275px;
  border: #FFFFFF 6px solid;
}
table#kaisya-gaiyou2 {
  float: left;
  width: 450px;
  border: #FFFFFF 6px solid;
}
td.gaiyou {
  font-size: 1.1em;
  font-weight: bold;
  padding: 5px 5px 0px;
}
td.gray {
  padding: 5px 5px;
  background-color: #EEEEEE;
}
table#kaisya-gaiyou2 tr td table {
  width: 300px;
  text-align: center;
  background-color: #CCCCCC;
}
table tr.daikin {
  background-color: #CCCCCC;
}
table tr td.daikin {
  background-color: #EEEEEE;
}
table tr td.daikin2 {
  background-color: #EEEEEE;
  text-align: right;
}
p.kuwasiku {
  text-align: right;
  font-size: 1em;
  margin-bottom: 3px;
  padding: 0;
}


/* 右メニュー */

#side2 {
  width: 190px;
  float: right;
  margin: 10px 5px 10px 0px;
}
#side2 h5 {
  margin: 0px;
  padding: 0px;
}
#side2 div.q ul {
  margin-top: 0px;
  margin-bottom: 0px;
  border-right: #666666 1px solid;
  border-left: #666666 1px solid;
  padding: 0px 10px;
}
#side2 div.q ul li {
  padding-bottom: 4px;
  padding-left: 1.2em;
  font-size: 1.4em;
  background: url(image/q_top.gif) no-repeat;
}
#side2 div.q ul li a {
  text-decoration: none;
  color: #000099;
}
#side2 div.q p {
  margin-bottom: 10px;
}
#side2 h5 img {
  margin-top: 7px;
}
#side2 div.ranking {
  margin-top: 15px;
}
#side2 div.ranking ul {
  margin-top: 0px;
  margin-bottom: 0px;
  border-right: #666666 1px solid;
  border-left: #666666 1px solid;
  padding: 0px 10px;
  font-size: 1.2em;
}
#side2 div.ranking ul li a {
  text-decoration: none;
  color: #000099;
}
#side2 div.ranking ul li {
  padding-top: 5px;
  padding-bottom: 2px;
}
#side2 div.ranking ul li img {
  padding-right: 5px;
}




/* -------------------------
  05▼下メニュー __footer
 ------------------------- */
#footer {
  width: 760px;
  clear: both;
  margin-top: 15px;
  background-color: #E6E6E6;
  font-size: 1.1em;
  border-bottom: 3px solid #FBCC30;
}

#footer ul {
  margin-left: 10px;
  text-align: center;
}

#footer ul li {
  display: inline;
  line-height: 180%;
  list-style-type: none;
}

#footer ul li a {
  padding-right: 15px;
  background: url(image/glue02.gif) no-repeat right center;
  text-decoration: none;
}

#copy {
  width: 760px;
  text-align: center;
}

/* ボックス全体枠 */
.rss-box {
  margin: 0;
  background: #ffffff;
  text-align: left;
}


/* RSSフィード　サイトタイトル表示 */
.rss-title {
  margin: 0;
  padding: 5px;
  background-color: #4E81B4;
}


/* RSSフィード　サイトタイトル表示　リンクカラー */
.rss-title a {
  font-size: 1.5em;
  line-height: 1.5em;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}


/* RSSフィード　記事一覧の大枠 */
.rss-items {
  padding: 0 10px;
}


/* RSSフィード　サイト説明文・記事タイトル・記事内容 */
.rss-item {
  font-size: 1em;
  line-height: 1.4em;
  font-weight : normal;
  margin: 8px 0;
  margin-bottom: 15px;
}


/* RSSフィード　サイト説明文・記事タイトル・記事内容 リンクカラー */
.rss-item a:link,
.rss-item a:visited,
.rss-item a:active {
  text-decoration: underline;
  font-size: 1.4em;
  font-weight: bold;
  color: #4E81B4;
  padding-left: 1.2em;
  background-image: url("image/blog_t.gif");
  background-repeat: no-repeat;
}


/* RSSフィード　サイト説明文・記事タイトル・記事内容 リンクカラー：ロールオーバー */
.rss-item a:hover {
  text-decoration : none;
  color: #4E81B4;
}


/* RSSフィード　記事日付 */
.rss-date {
  font-size: 10px;
  font-weight : normal;
  color: #4E81B4;
}


/* ボタン */
.pod-play {
  _width:12em;
  margin: 0 0.2em;
  padding: 0.1em 0;
  _padding:0;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: middle;
  background: #fb6;
  color: black;
}


/* 左側ボタン */
.pod-play em {
  _width:1em;
  _cursor:hand;
  font-style: normal;
  margin:0;
  padding: 0.1em 0.5em;
  background: white;
  color: #222;
}


/* 右側ボタン */
.pod-play span {
  _width:1em;
  _cursor:hand;
  margin:0;
  padding: 0.1em 0.5em 0.1em 0.3em;
}


/* 左側ボタン：ロールオーバー */
.pod-play:hover {
  background: #666;
  color: white;
}


/* 右側ボタン：ロールオーバー */
.pod-play:hover em {
  background: black;
  color: white
}


-->