@charset "Shift_JIS";
/*
[1]リンク指定
[2]レイアウト指定
[3].description(ページの概要部分)の指定
[4]#header内の各指定
[5]#globalnavi内の各指定
[6]#contents内の各指定
[7]#sidebar内の各指定
[8]#footer内の各指定
*/

/*----------------------------------------------------------
 [1]リンク指定
----------------------------------------------------------*/
/* -- リンク色と下線 -- */
a:link {
 color: #0000ff;
 text-decoration: none;
}
a:visited {
 color: #0000ff;
 text-decoration: underline;
}
a:hover {
 color: #ff0000;
 text-decoration: underline;
}
a:active {
 color: #0000ff;
 text-decoration: underline;
}
/* -- リンクの背景色 -- */
a:link,
a:visited,
a:hover,
a:active { background-color: transparent; }
/*----------------------------------------------------------
 [2]レイアウト指定
----------------------------------------------------------*/
* {
 margin: 0;
 padding: 0;
}
body {
 text-align: center;
 font-size: 80%;
 font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 /*background-color:black;*/
 /*color:white;*/
}
#wrapper {
 text-align: left;
 width: 830px;
 margin: 0 auto;
}
#container { width: 100%; }
#header {
 height: 140px; 
 margin-bottom: 0em;
 position: relative;
 background: url(img/bg-header.jpg) no-repeat 0 100%;
}
#contents {
 width: 600px;
 float: right;
}
#sidebar {
 width: 200px;
 float: left;
}
#footer {
 clear: both;
 position: relative;
 border-top: 10px solid #cccccc;
}
#product_list{
  width: 100%;
   float: left;
}

#catalog {
  
position: relative;  width: 600px;
  min-height: 110px;
  height: auto !important;
  height: 110px;
  float: left;
  border: solid 1px #CCC;
  padding: 5px;
  margin-bottom: 5px;
}
#catalog ul { 
           list-style-type: disc;
            }
#catalog li { 
text-indent: 4px; padding-top: 2px; 
margin-left: 1em;
}
#catalog ul ul { text-indent: 16px; 
 list-style-type: circle;}
#catalog_title {
/*  border: dotted 1px #0000FF; */
  
  width: 590px;
  position: relative;
  padding: 5px;
  font-size: 120%;
}
#catalog_inner {
 /* width: 100%; */
/*  border: dashed 2px #0000FF; */
  width:490px;
  padding: 5px;
}
#catalog_inner_img {
  position: absolute;
  top: 5px;
  right: 5px;
  float: right;
}
#catalog_inner_desc {
/*  float: right;*/
}


/*----------------------------------------------------------
 [3].description(ページの概要部分)の指定
----------------------------------------------------------*/
.description {
 text-align: right;
 width: 830px;
 margin: 0.5em auto;
}
/*----------------------------------------------------------
 [4]#header内の各指定
----------------------------------------------------------*/
/* -- 商品カテゴリ名(最上階) -- */
#header h1 {
 position: absolute;
 bottom: 0.5em;
 right: 1em;
}
/* -- ロゴ画像 -- */
#header .logo img { border: 0; }
#header .logo img a,
#header .logo img a:visited,
#header .logo img a:hover,
#header .logo img a:active {
 border: 0;
 text-decoration: none;
}
#header .logo {
 margin: 0;
 position: absolute;
 top: 15px;
 left: 0px;
}
/* -- 会社概要など -- */
#header-info {
 list-style-type: none;
 position: absolute;
 padding-left:  240px;
 top: 25;
 right: 0;
}
#header-info li { display: inline; }
#header-info li a {
 text-decoration: none;
 margin-left: 0em;
 padding-left: 15px;
 background: url(img/listmark.jpg) no-repeat 0 50%;
}
#header-info li a:hover {
 text-decoration: none;
 background: url(img/listmark.jpg) no-repeat -200px 50%;
}
/* -- グローバルナビゲーション -- */
#globalnavi {
 list-style-type: none;
 width: 600px;
 position: absolute;
 right: 0;
 bottom: 0.5em;
 font-size: 100%;
}
#globalnavi li {
 float: left;
 width: 120px;

}
#globalnavi li a {
 text-decoration: none;
 text-align: center;
 width: 120px;
 padding: 0.5em 0 0.5em;
 display: block;
 background: url(img/bg-globalnavi.jpg) no-repeat 0 0;
}
#globalnavi li a:visited {
 text-decoration: none;
 background: url(img/bg-globalnavi.jpg) no-repeat -240px 0;
}
#globalnavi li a:hover {
 text-decoration: none;
 background: url(img/bg-globalnavi.jpg) no-repeat -120px 0;
}
/*----------------------------------------------------------
 [6]#contents内の各指定
----------------------------------------------------------*/
/* -- パン屑リスト -- */
.topicpath { margin-bottom: 2em; }
/* -- 見出し -- */
h2,
h3,
h4,
h5,
h6 {
 font-size: 120%;
 padding: 1em 0 1em 15px;
 background: url(img/bg-h.jpg) no-repeat 0 50%;
}
h1 { margin-top: 1em; }

h2 { margin-bottom: 1em; }
h3,
h4,
h5,
h6 { margin: 0em 0 0em; }

li li { margin-left: 25px; } 

#contents p {
 line-height: 1.4em;
 margin-bottom: 0.1em;
}
#contents .clear { clear: both; }
#content-info li { display: inline; }
#content-info li a {
 text-decoration: none;
 margin-left: 1em;
 padding-left: 15px;
 background: url(img/listmark.jpg) no-repeat 0 50%;
}
#content-info li a:hover {
 text-decoration: none;
 background: url(img/listmark.jpg) no-repeat -200px 50%;
}

/* -- ページトップ -- */
.pagetop,
item-category-2 .pagetop {
 text-align: right;
 margin: 1em 0 2em;
 clear: both;
}
/* -- 1階層目のカテゴリリスト -- */
.item-category-1 dl {
 width: 100%;
 margin: 1em 0 2em;
 padding: 0;
}

#entry-content {
   margin: 1em 0 2em;
   border: solid 1px #CCC; 
   padding: 5px;
}

.item-category-1 dt {
 width: 200px;
 height:300px;
 float: left;
 clear: left;
}
.item-category-1 dd {
 width: 400px;
 height: 300px;
 float: right;
 overflow: auto;
}
.item-category-1 dt img,
.item-category-1 dt img a { border: 0; }
/* -- 2階層目のカテゴリリスト -- */
.item-category-2 dl {
 float: left;
 width: 180px;
 height: 360px;
 overflow: auto;
 margin: 0 10px 0 0;
 padding: 0;
}
.item-category-2 dt {
 width: 180px;
 margin: 0;
 padding: 0;
 border-bottom: 1px solid #cccccc;
}
.item-category-2 dd {
 width: 180px;
 margin: 0;
 padding: 0.5em 0;
}
.item-category-2 dt img,
.item-category-2 dd img { border: 0; }
.item-category-2 dt img a,
.item-category-2 dd img a { text-decoration: none; }
/* -- 商品詳細ページ -- */
.item-category-3 dl {
 width: 100%;
 margin-bottom: 5em;
}
.item-category-3 dt {
 margin-bottom:1em;
 border-bottom: 1px solid #cccccc;
}
.item-category-3 dt img { border: 0; }
.item-category-3 dd { margin-bottom: 1em; }
.item-category-3 dd p {
 line-height: 1.5em;
 margin-bottom: 0.5em;
}
.item-category-3 dd img { border: 0; }
/* -- 個人情報ページ -- */
.ol-privacypolicy { margin: 4em 0 2em 30px; }
.ol-privacypolicy li {
 line-height: 1.8em;
 margin-bottom: 1.5em;
}
/* -- 会社概要ページ -- */
.table-about {
 width: 100%;
 clear: both;
 margin: 0;
}
.table-about th {
 text-align: left;
 width: 180px;
 padding: 0.5em 10px;
 background-color: #eeeeee;
 color: #000000;
}
.table-about td {
 text-align: left;
 line-height: 1.8em;
 width: 380px;
 padding: 0.5em 10px;
}
/* -- お申し込みページ -- */
.dl-contact { margin:2em 0; }
.dl-contact dt {
 width: 150px;
 float: left;
 clear: left;
 margin-bottom:1em;
}
.dl-contact dd {
 width: 400px;
 float: left;
 margin-bottom:1em;
}
/*----------------------------------------------------------
 [7]#sidebar内の各指定
----------------------------------------------------------*/
p.sidetitle {
 text-align: center;
 padding: 0.5em 0 0.5em;
 background: url(img/bg-sidetitle.jpg) no-repeat 0 0;
 border-bottom: 1px solid #ccc;
 font-size: 140%;
}
#sidebar_menu { 
margin-bottom: 2em;
}

#sidebar ul { list-style-type: none; }
#sidebar li {
 margin: 0;
 padding: 0.1em 0;
 border-left: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
}
#sidebar li a {
 text-decoration: none;
 padding-left: 5px;
}
#sidebar .localnavi li a { background: url(img/listmark.jpg) no-repeat 5px 50%; }
#sidebar .localnavi li a:hover {
 text-decoration: none;
 background: url(img/listmark.jpg) no-repeat -200px 50%;
}
#sidebar dl { margin: 2em 0 4em; }
#sidebar dt {
 text-align: center;
 font-weight: bold;
 color: #ff0000;
 background-color: #ffffff;
 padding: 5px 0;
 border-top: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
 border-left: 1px solid #cccccc;
}
#sidebar dd {
 line-height: 1.5em;
 margin-bottom: 2em;
 padding: 1em 10px;
 border: 1px solid #cccccc;
}
/*----------------------------------------------------------
 [8]#footer内の各指定
----------------------------------------------------------*/
/* -- コピーライト -- */
address {
 text-align: right;
 font-style: normal;
 margin: 1em 0 2em;
}
/* -- 会社概要 -- */
#footer ul {
 list-style-type: none;
 width: 50%;
 position: absolute;
 top: 1em;
 left: 0;
}
#footer li {
 display: inline;
 margin-right: 1em;
}
/* -- 会社名 所在地 -- */
#footer dl {
 margin: 0;
 text-align: right;
}
#footer dt,
#footer dd { margin-bottom: 5px; }
/* -- 削除不可 -- */
#cds { display: none; }