/* CSS Document */
@charset "shift_jis";
/*--information---------------------------------------------------------
Last update：07/09/01
File name ：index.css
Site name：
Summary：「Top」で使用しています。
Copyright：Copyright (C) 2007 ＊＊＊＊＊＊＊.All rights reservde.
-------------------------------------------------------------------------*/
/*[container上書き(../layout.css)]-------------------------------------------------*/
div#container {
  text-align: left;
  padding: 0px 15px;
  margin-bottom: 30px;
  background: url(images/common_img/menu_back.gif) repeat-y 15px top;
}
div#container:after {
  content: ".";
  height: 0px;
  visibility: hidden;
  display: block;
  clear: both;
}
div#container a {
  color: #0000CC;
  text-decoration: underline;
}

/*[パンくず]-------------------------------------------------*/
div#container div#pan {
  background-color:#F6F6F6;
  padding: 5px 15px; 
  margin: 15px 0px;
}
div#container div#pan ol {
  list-style: none;
}
div#container div#pan ol li {
  display: inline;
  padding: 0px 4px;
}

/*[パンくず]-------------------------------------------------*/
div#content_header {
  background-color: #FFFFFF;
  padding-bottom: 20px;
}
div#content_header h2 {
  width: 830px;
  height: 60px;
  text-indent: -9999px;
  background-image: url(images/titlebar_news.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

/*[right_container]-------------------------------------------------*/
div#container div#right_container {
  width: 600px;
  background-color: #FFFFFF;
  height: auto;
  text-align: center;
  margin-bottom: 15px;
  float: right;
  padding: 15px 0px;
  border: solid 1px #CCCCCC;
}
/* IE6 margin2倍のバグ対応のHack */
/* 参考:http://u-ziq.com/blog/2006/08/ie6firefoxmargincss_css.html */
*html body div#right_container {
  width: 600px;
  height: auto;
  background-color: #FFFFFF;
  height: auto;
  text-align: left;
  margin-bottom: 15px;
  margin-left: 14px;
  float: right;
}
div#container div#right_container h3 {
  margin: 0px 0px 15px 0px;
}

/*[left_container]-------------------------------------------------*/
div#container div#left_container {
  width: 200px;
  /*background: url(../images/menu_back.gif) repeat-y left top;*/
  margin: 0px 0px 15px 0px;
  float: left;
}

div#left_container ul#content_menu {
  width: 200px;
  margin: 0px 0px 30px 0px;
  padding: 0px;
  list-style: none;
}
div#left_container ul#content_menu li,
div#left_container ul#content_menu li a {
  width: 200px;
  height: 30px;
  background-image: url(../images/m_info.gif);
  background-repeat: no-repeat;
  border: none;
  margin: 0px;
  padding: 0px;

}
div#left_container ul#content_menu li {
  text-indent: -9999px;
}
div#left_container ul#content_menu li a {
  display: block;
}
div#left_container ul#content_menu li#menu_header {
  width: 200px;
  height: 40px;
  background: url(../../images/common_img/menu_header.gif) no-repeat left top;
}
div#left_container ul#content_menu li#menu01,
div#left_container ul#content_menu li#menu01 a {
  background-position: 0px 0px;
}
div#left_container ul#content_menu li#menu01 a:hover {
  background-position: -200px 0px;
}
div#left_container ul#content_menu li#menu02,
div#left_container ul#content_menu li#menu02 a {
  background-position: 0px -30px;
}
div#left_container ul#content_menu li#menu02 a:hover {
  background-position: -200px -30px;
}
div#left_container ul#content_menu li#menu03,
div#left_container ul#content_menu li#menu03 a {
  background-position: 0px -60px;
}
div#left_container ul#content_menu li#menu03 a:hover {
  background-position: -200px -60px;
}
div#left_container ul#content_menu li#menu04,
div#left_container ul#content_menu li#menu04 a {
  background-position: 0px -90px;
}
div#left_container ul#content_menu li#menu04 a:hover {
  background-position: -200px -90px;
}
div#left_container ul#content_menu li#menu05,
div#left_container ul#content_menu li#menu05 a {
  background-position: 0px -120px;
}
div#left_container ul#content_menu li#menu05 a:hover {
  background-position: -200px -120px;
}

div#left_container div#tenji_annai,
div#left_container div#syouhin_annai {
  background-color: #F3F3F3;
  border: solid 1px #CCCCCC;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
div#left_container div#tenji_annai:after,
div#left_container div#syouhin_annai:after {
  content: ".";
  height: 0px;
  visibility: hidden;
  display: block;
  clear: both;
}
div#left_container div#tenji_annai h3,
div#left_container div#syouhin_annai h3 {
  width: 198px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -9999px;
  margin-bottom: 10px;
}
div#left_container div#tenji_annai h3 {
  background-image: url(../../images/common_img/info_tenji_header.gif);
}
div#left_container div#syouhin_annai h3 {
  background-image: url(../../images/common_img/info_syouhin_header.gif);
}

div#left_container div#tenji_annai p,
div#left_container div#syouhin_annai p {
  padding-left: 15px;
  padding-bottom: 10px;
}
div#left_container div#tenji_annai img.header,
div#left_container div#syouhin_annai img.header {
  margin-left: 15px;
  float: left;
}
div#left_container div#tenji_annai ul,
div#left_container div#syouhin_annai ul {
  margin-left: 12px;
  float: left;
  list-style: none;
}




/*[right_container]-------------------------------------------------*/
div#right_container {
  width: 600px;
  background-color: #FFFFFF;
  height: auto;
  text-align: center;
  padding-left: 5px;
  margin-bottom: 15px;
  float: right;
}

/* --- コンテンツ --- */
div.in_data {
  width: 560px;
  margin: 0px auto;
}
h3 {
  width: 520px;
  height: 30px;
  font-size: 98%;
  text-align: left;
  background: url(images/h3_01.gif) no-repeat left bottom;
  padding: 10px 0px 0px 40px;
  margin: 0px auto;
}
h3 a {
  color: #516654;
  text-decoration: none;
}
p.date {
  width: 560px;
  text-align: right;
  background-color: #FFFFE0;
  padding: 3px 0px;
  margin: 0px auto 10px;
}
div.text {
  width: 560px;
  height: auto;
  text-align: left;
  padding: 10px 0px 20px;
  margin: 0px auto 15px;
  border-bottom: dotted 1px #999999;
}
div.text:after {
  content: ".";
  height: 0px;
  visibility: hidden;
  clear: both;
  display: block;
}


/* --- サイドメニュー --- */
div#category, div#entry, div#archive {
  width: 180px;
  height: auto;
  background-color: #E3F5E6;
  padding: 10px;
  margin-bottom: 20px;
}
div#category p, div#entry p, div#archive p {
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  background-color: #3C9646;
  padding: 5px 0px;
}
div#category ul, div#entry ul, div#archive ul {
  padding: 10px 0px 10px 5px;
  list-style-position: inside;
  list-style-type:disc;
}
div#category ul li, div#entry ul li, div#archive ul li {
  line-height: 175%;
}
div#category ul li a,
div#entry ul li a,
div#archive ul li a {
  color: #E67F00;
  text-decoration: underline;
}

/* --- ページのトップへ --- */
p.pagetop{
  width: 560px;
  margin: 0px auto 30px;
  padding: 0px;
  clear: both;
}
p.pagetop:after {
  content: ".";
  height: 0px;
  visibility: hidden;
  display: block;
  clear: both;
}
p.pagetop a {  
  font-size: 85%;
  background-image: url(images/icon_pagetop.jpg);
  background-position: 0px center;
  background-repeat: no-repeat;
  color: #FF6600;
  text-align:left;
  text-indent: 20px;
  float:right;
}