@charset "UTF-8";
/* ------▼ 基本設定 ▼------ */
* {
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  page-break-before: auto;
}

a img {
  border: none;
}
a:link, a:visited {
  text-decoration: underline;
}
a:hover, a:active {
  text-decoration: none;
}

.clear {
  clear: both;
}

.nb {
  border: none;
}

/* ------▼ ベース ▼------ */
body {
  margin: 0px;
  padding: 0px;
  background-image: url(../img/bg.gif);
  text-align: center;
}

#main {
  width: 950px;
  margin: 0px auto;
  border-left: solid 2px #663300;
  border-right: solid 2px #663300;
  text-align: left;
  background-color: #fff;
}
#main #header {
  width: 950px;
  height: 136px;
  background-image: url(../img/header-bg.jpg);
  background-repeat: no-repeat;
}
#main #header .clearfix {
  height: 78px;
}
#main #header ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#main #header ul li {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#main #header #logo {
  margin: 9px 0px 0px 22px;
  float: left;
  width: 273px;
}
#main #header #info {
  float: right;
  width: 529px;
}
#main #header #info .tel {
  display: block;
  width: 519px;
}
#main #header #info .mypage {
  width: 136px;
  float: left;
  margin: 0px 0px 0px 190px;
}
#main #header #info .cart {
  float: left;
  width: 180px;
}
#main #header #mainMenu {
  clear: both;
  margin: 6px 0px 6px 11px;
}
#main #header #mainMenu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#main #header #mainMenu li {
  float: left;
  display: block;
  height: 46px;
}
#main #header li#mainMenu01 {
  width: 117px;
}
#main #header li#mainMenu02 {
  width: 116px;
}
#main #header li#mainMenu03 {
  width: 194px;
}
#main #header li#mainMenu04 {
  width: 136px;
}
#main #header li#mainMenu05 {
  width: 196px;
}
#main #header li#mainMenu06 {
  width: 167px;
}
#main #header #priceChange {
  margin: 15px 8px 3px;
  border: solid 2px #c00;
  padding: 8px;
  font-size: 1.05em;
  text-align: center;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#main #header #priceChange a {
  color: #039;
  display: block;
}
#main #header #priceChange a img {
  vertical-align: middle;
  margin-left: 5px;
}

/* ------▼ 中身 ▼------ */
#contents {
  width: 950px;
  font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
  page-break-before: avoid !important;
}

#contentsR {
  width: 743px;
  margin: 10px 0px 0px 0px;
  float: right;
}

/* ------▼ 左メニュー ▼------ */
#contentsL {
  width: 188px;
  margin: 10px 0px 0px 8px;
  float: left;
}

* html #contentsL {
  margin: 10px 0px 0px 4px;
}

/* メルマガ */
#contentsL #mailmag {
  border: solid 1px #996600;
  background-color: #feeccb;
}
#contentsL #mailmag table {
  margin: 3px 5px;
  width: 176px;
}
#contentsL #mailmag td {
  font-size: 80%;
  line-height: 1.3em;
  padding: 3px 3px 0px 3px;
}
#contentsL #mailmag td input.txt {
  width: 120px;
}
#contentsL #mailmag .btn {
  text-align: right;
  margin: 0px 10px 5px 0px;
}
#contentsL #mailmag .btn input {
  width: 60px;
  font-size: 60%;
  padding: 3px 0px 0px 0px;
}
#contentsL #mailmag .more {
  text-align: center;
  margin: 0px 5px 10px 5px;
  border-bottom: solid 1px #663300;
  padding: 0px 0px 7px 0px;
}
#contentsL #mailmag p {
  margin: 0px 5px 5px 5px;
  font-size: 85%;
  line-height: 1.3em;
}
#contentsL #hyakka {
  margin: 20px 0;
}
#contentsL #hyakka .txt {
  margin: 10px 3px 0 5px;
  font-size: 80%;
  line-height: 1.3em;
}
#contentsL #hyakka .text-right {
  padding-top: 5px;
}
#contentsL #hyakka .text-right img {
  vertical-align: middle;
  margin: 3px;
}
#contentsL #hyakka .text-right a {
  color: #036;
}
#contentsL .ulMenu {
  margin: 15px 0px;
}
#contentsL .ulMenu ul {
  width: 174px;
  list-style: none;
  border-bottom: solid 1px #663300;
  border-left: solid 1px #663300;
  border-right: solid 1px #663300;
  padding: 7px 7px;
}

/* ほしいも百科事典 */
/* テキストメニュー */
* html #contentsL .ulMenu ul {
  width: 188px;
}

#contentsL .ulMenu ul li {
  font-size: 85%;
  line-height: 1.3em;
  padding: 2px 0px 0px 0px;
  margin-bottom: 3px;
  list-style-position: inside;
  list-style-image: url(../img/icon1.gif);
}
#contentsL .ulMenu ul li a {
  color: #003399;
  text-decoration: underline;
}
#contentsL .bnr {
  margin: 15px 0px;
}
#contentsL #iconMenu ul {
  width: 188px;
  list-style: none;
  margin: 25px 0px;
}
#contentsL #iconMenu ul li {
  font-size: 85%;
  line-height: 1.3em;
  padding: 3px;
  border: solid 1px #fcf1ca;
  list-style-position: inside;
}
#contentsL #iconMenu ul li a {
  color: #663300;
  text-decoration: underline;
}
#contentsL #iconMenu ul li p {
  display: inline;
}
#contentsL #iconMenu ul li#a01 {
  list-style-image: url(../img/print/left-iconmenu_1.gif);
  padding: 3px 3px 3px 5px;
}
#contentsL #iconMenu ul li#a02 {
  list-style-image: url(../img/print/left-iconmenu_2.gif);
}
#contentsL #iconMenu ul li#a03 {
  list-style-image: url(../img/print/left-iconmenu_3.gif);
}
#contentsL #iconMenu ul li#a04 {
  list-style-image: url(../img/print/left-iconmenu_4.gif);
}
#contentsL #iconMenu ul li#a05 {
  list-style-image: url(../img/print/left-iconmenu_5.gif);
}
#contentsL #iconMenu ul li#a06 {
  list-style-image: url(../img/print/left-iconmenu_6.gif);
}
#contentsL #iconMenu ul li#a07 {
  list-style-image: url(../img/print/left-iconmenu_7.gif);
}

/* バナー */
/* アイコンメニュー */
/* ------▼ コンテンツ ▼------ */
#contentsR #mainContents {
  width: 540px;
  float: left;
}
#contentsR #mainContents #n-index {
  width: 520px;
  margin: 0px 10px;
}
#contentsR #mainContents #pagetitle h2 {
  margin: 0px 0px 20px 0px;
}
#contentsR #rMenu {
  width: 188px;
  float: right;
}

/* 階層下 */
/* ページタイトル */
/* ------▼ 右メニュー ▼------ */
/* IE5-6ハック */
* html #rMenu img {
  margin: 0px 0px 0px 2px;
}

/* 企画もの */
#rMenu #campaign .photo {
  text-align: center;
  border-right: solid 1px #996600;
  border-left: solid 1px #996600;
  padding: 0px 0px 3px 0px;
  background-color: #F7F3BD;
}
#rMenu #campaign .photo img {
  margin: 3px 0px;
}
#rMenu #campaign .txt {
  text-align: center;
  border-right: solid 1px #996600;
  border-left: solid 1px #996600;
  padding: 0px 0px 5px 0px;
  background-color: #F7F3BD;
  margin-top: -4px;
}
#rMenu #campaign .in {
  background-color: #F7F3BD;
  padding: 0px 15px 5px 15px;
  border-right: solid 1px #996600;
  border-left: solid 1px #996600;
  font-size: 85%;
  line-height: 1.3em;
  text-align: left;
}
#rMenu #campaign .in .p {
  margin: 0px 8px 10px 8px;
  width: 140px;
}
#rMenu #campaign .in .pl {
  margin: 0px 0px 5px 0px;
  width: 156px;
}
#rMenu #campaign .in .more {
  padding-top: 5px;
  text-align: right;
}
#rMenu #campaign .in a {
  color: #039;
}
#rMenu #campaign.hanpu {
  margin-top: 20px;
}
#rMenu #campaign.hanpu .in {
  border: solid 1px #996600;
  padding: 0px 0 10px;
}
#rMenu #campaign.hanpu .in .pic {
  text-align: center;
  padding: 5px;
}
#rMenu #campaign.hanpu .in p {
  padding: 5px 10px 0 10px;
}
#rMenu #campaign.hanpu .more {
  margin: 0 0 0 63px;
}
#rMenu .bnr1 {
  margin: 20px 0px 5px 0px;
}
#rMenu .bnr2 {
  margin: 0px 0px 30px 0px;
}
#rMenu .bnr3 {
  margin: 15px 0px 20px 0px;
}
#rMenu #ranking .inner {
  border-left: solid 1px #993300;
  border-right: solid 1px #993300;
  padding: 0px 10px;
}
#rMenu #ranking .inner dl {
  clear: both;
  margin: 0px 0px 5px 0px;
  border-bottom: solid 2px #f9bbab;
  padding: 0px 0px 10px 0px;
  height: 93px;
}
#rMenu #ranking .inner dl.ls {
  border: none;
  margin: 0px;
}
#rMenu #ranking .inner dt {
  float: left;
  margin: 0px 5px 0px 0px;
}
#rMenu #ranking .inner dd {
  padding: 0px 0px 0px 85px;
}
#rMenu #ranking .inner dd p {
  margin: 5px 0px 0px 0px;
}
#rMenu #ranking .inner dd a {
  font-size: 80%;
  line-height: 1.4em;
  color: #003399;
}
#rMenu #company .inner {
  padding: 0px 0px 11px 0px;
  border-left: solid 1px #F7EAC7;
  border-right: solid 1px #F7EAC7;
  border-top: solid 1px #F7EAC7;
}
#rMenu #company .inner p {
  padding: 10px 10px 5px 10px;
  font-size: 85%;
  line-height: 1.3em;
}
#rMenu #company .inner .photo {
  margin: 0px 10px 0px 15px;
}

/* バナー */
/* ランキング */
/* 会社情報 */
/* ------▼ フッタ ▼------ */
#main #footer {
  width: 950px;
  clear: both;
  font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
}

/* サイトマップ */
#footer #sitemap {
  width: 97px;
  margin: 13px 0px 0px 15px;
  float: left;
}

* html #footer #sitemap {
  margin: 13px 0px 0px 8px;
}

#footer #sitemap a:link, #footer #sitemap a:visited {
  background-color: #663300;
}
#footer #sitemap a:hover, #footer #sitemap a:active {
  background: none;
}
#footer #pagetop {
  width: 140px;
  margin: 0px 10px 0px 0px;
  float: right;
}

/* ページトップ */
* html #footer #pagetop {
  margin: 0px 5px 0px 0px;
}

/* リンク */
#footer #link {
  border-top: solid 1px #663300;
  padding: 15px 0px;
  text-align: center;
  font-size: 85%;
  line-height: 1.4em;
}
#footer #link a {
  margin: 0px 17px;
  color: #663300;
}
#footer #copy {
  text-align: right;
  padding: 18px 20px 10px 0px;
  font-size: 85%;
  line-height: 1.3em;
}

/* コピーライト */
/* ------▼ 各種設定 ▼------ */
/* 位置指定 */
.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

/* 画像位置設定 */
.img_right {
  float: right;
}

.img_right10 {
  float: right;
  margin: 0 0 10px 10px;
}

.img_left {
  float: left;
}

.img_left10 {
  float: left;
  margint: 0 10px 10px 0;
}

/* マージン設定 */
.margin5 {
  margin-bottom: 5px;
}

.margin10 {
  margin-bottom: 10px;
}

.margin15 {
  margin-bottom: 15px;
}

.margin20 {
  margin-bottom: 20px;
}

.margin25 {
  margin-bottom: 25px;
}

.margin30 {
  margin-bottom: 30px;
}

.margin35 {
  margin-bottom: 35px;
}

.margin40 {
  margin-bottom: 40px;
}

.margin45 {
  margin-bottom: 45px;
}

.margin-t5 {
  margin-top: 5px;
}

.margin-t10 {
  margin-top: 10px;
}

.margin-t15 {
  margin-top: 15px;
}

.margin-t20 {
  margin-top: 20px;
}

.margin-t25 {
  margin-top: 25px;
}

.margin-t30 {
  margin-top: 30px;
}

.margin-t35 {
  margin-top: 35px;
}

.margin-t40 {
  margin-top: 40px;
}

.margin-t45 {
  margin-top: 45px;
}

/* 余白設定 */
.padding5 {
  padding-bottom: 5px;
}

.padding10 {
  padding-bottom: 10px;
}

.padding15 {
  padding-bottom: 15px;
}

.padding20 {
  padding-bottom: 20px;
}

.padding25 {
  padding-bottom: 25px;
}

.padding30 {
  padding-bottom: 30px;
}

.padding35 {
  padding-bottom: 35px;
}

.padding40 {
  padding-bottom: 40px;
}

.padding45 {
  padding-bottom: 45px;
}

.padding-t5 {
  padding-top: 5px;
}

.padding-t10 {
  padding-top: 10px;
}

.padding-t15 {
  padding-top: 15px;
}

.padding-t20 {
  padding-top: 20px;
}

.padding-t25 {
  padding-top: 25px;
}

.padding-t30 {
  padding-top: 30px;
}

.padding-t35 {
  padding-top: 35px;
}

.padding-t40 {
  padding-top: 40px;
}

.padding-t45 {
  padding-top: 45px;
}

/* 見出し */
h3.title_d-top {
  font-size: 110%;
  margin: 0px;
  color: #663300;
  padding: 8px 5px;
  background: #F5F0BE;
  border-left: solid 4px #663300;
  border-bottom: dotted 1px #663300;
}
h3.title_d {
  font-size: 110%;
  margin: 30px 0px 0px 0px;
  color: #663300;
  padding: 8px 5px;
  background: #F5F0BE;
  border-left: solid 4px #663300;
  border-bottom: dotted 1px #663300;
}

/*----- フォントカラー設定 -----*/
.red {
  color: #FF0000;
}

.red2 {
  color: #CC0000;
}

.green {
  color: #00FF00;
}

.green2 {
  color: #336633;
}

.blue {
  color: #0000FF;
}

.blue2 {
  color: #000099;
}

.blue3 {
  color: #2E5DA8;
}

.yellow {
  color: #FFFF00;
}

.yellow2 {
  color: #FF8F1D;
}

.white {
  color: #FFFFFF;
}

.gray {
  color: #666666;
}

.brown {
  color: #91591C;
}

.pink {
  color: #F76155;
}

.violet {
  color: #990099;
}

/*----- ▼curvycorner設定 -----*/
.curve2, .curve3, .curve4, .curve5, .curve6, .curve8, .curve10 {
  position: relative;
  z-index: 1;
}

.curve2 {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.curve3 {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.curve4 {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.curve5 {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.curve6 {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

.curve8 {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.curve10 {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

/* # clearfix
---------------------------------------------------------------------------- */
div#header, div#mainMenu, div#contents, div#footer {
  zoom: 1;
}
div#header:after, div#mainMenu:after, div#contents:after, div#footer:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}