@charset "euc-jp";
/*

 炭素入門　スタイルシート

*/

/* リセット */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
  margin:0; padding:0;
}
table{
  border-collapse:collapse; border-spacing:0;
}
fieldset, img{
  border:0;
}
address, caption, cite, code, dfn, em, strong, th, var{
  font-style:normal; font-weight:normal;
}
ol, ul{
  list-style:none;
}
caption, th{
  text-align:left;
}
h1, h2, h3, h4, h5, h6{
  font-size:100%; font-weight:normal;
}
q:before, q:after{
  content:”;
}
abbr, acronym{
  border:0;
}


body {
  text-align: center;
  color: #000000;
  font:12px 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'メイリオ',Meiryo, 'ＭＳ Ｐゴシック', Arial, verdana, sans-serif;
  *font-size: small;
  *font: x-small;
}

.cl {
  clear:both;
}

.frame{
  border: 1px solid #cccccc;
  padding: 5px 0;
}

/* 全体枠 */
#wrapper {
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
  float: left;
  font-size: 12px;
  margin: 0;
  text-align: left;
  width: 700px;
}

/* ヘッダー */
#header {
  background: url(images/bg_header.png) no-repeat left -15px;
  border-bottom: 3px solid #cccccc;
  height: 71px;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}

#header #header_top {
  height: 50px;
  width: 100%;
}

#header #header_top img#header_title{
  position: absolute;
  left: 25px;
  top: 15px;
}

#header #header_top img#header_logo{
  position: absolute;
  right: 0px;
  top: 0px;
}

#header #header_menu {
  height: 21px;
  text-align: center;
  width: 100%;
}

#header #header_menu ul{
  margin: 0 0 0 5px;
}

#header #header_menu ul li{
  float: left;
  margin: 0 7px 0 0;
}

#header #header_menu ul li a{
  display: block;
  height: 18px;
  text-indent: 21px;
  text-decoration: none;
}

#header #header_menu ul li a:link{ color: #000000;}
#header #header_menu ul li a:hover{ color: #0099cc;}

#header #header_menu ul li.menu1 a{
  background: url(images/icon_menu_01.png) no-repeat left center;
}

#header #header_menu ul li.menu2 a{
  background: url(images/icon_menu_02.png) no-repeat left center;
}

#header #header_menu ul li.menu3 a{
  background: url(images/icon_menu_03.png) no-repeat left center;
}

#header #header_menu ul li.menu4 a{
  background: url(images/icon_menu_04.png) no-repeat left center;
}

#header #header_menu ul li.menu5 a{
  background: url(images/icon_menu_05.png) no-repeat left center;
}

/* 内容 */
#contents {
  background: url(images/bg_contents.gif) no-repeat left bottom;
  overflow: hidden;
  padding: 0 0 20px 0;
  width: 100%;
}

#contents #pagetitle {
  background: url(images/bg_pagetitle.gif) repeat-x;
  height: 35px;
  margin: 0 0 15px 0;
  width: 100%;
}

#contents #pagetitle h1 {
  background-color: #000000;
  color: #ffffff;
  font-size: 18px;
  height: 20px;
  padding: 2px 0 0 15px;
  width: 500px;
}

#contents ul.celllist {
  margin: auto;
  width: 500px;
}

#contents ul li.cellbox {
  background: url(images/bg_cellbox.png) no-repeat;
  height: 260px;
  margin: 0 0 20px 0;
  overflow: hidden;
  width: 500px;
}

#contents ul li.cellbox dl{
  margin: 13px 0 0 20px;
  width: 450px;
}
#contents ul li.cellbox dl{
  margin: 13px 0 0 20px;
  width: 450px;
}

#contents ul li.cellbox dl dt{
  font-size: 14px;
}

#contents ul li.cellbox dl dd{
  line-height: 1.4;
  padding: 0 0 0 20px;
}

#contents ul li.cellbox dl dd.picture{
  line-height: 1.0;
  padding: 5px 0 0 0;
  text-align: center;
}

#contents ul li.cellbox_about {
  margin: 0 0 20px 0;
  overflow: hidden;
  width: 500px;
}

#contents ul li.cellbox_about .cellbox_top {
  background: url(images/bg_cellbox_top.png) no-repeat;
  height: 50px;
  overflow: hidden;
  width: 500px;
}

#contents ul li.cellbox_about .cellbox_middle {
  background: url(images/bg_cellbox_middle.png) repeat-y;
  overflow: hidden;
  padding: 0 35px;
  width: 430px;
}

#contents ul li.cellbox_about .cellbox_middle p {
  font-size: 14px;
  line-height: 1.3;
  margin: 0 0 20px 0;
}

#contents ul li.cellbox_about .cellbox_middle img {
  float: right;
  margin: 0 10px 5px 5px;
}

#contents ul li.cellbox_about .cellbox_middle ol {
  list-style-type: decimal;
  margin: 0 0 0 120px;
}

#contents ul li.cellbox_about .cellbox_middle ol li{
  font-size: 13px;
  line-height: 1.1;
}

#contents ul li.cellbox_about .cellbox_bottom {
  background: url(images/bg_cellbox_bottom.png) no-repeat;
  height: 50px;
  overflow: hidden;
  width: 500px;
}

/* Add By Murata for Cellbox_short*/

#contents ul li.cellbox2 {
  background: url(images/bg_cellbox_short.png) no-repeat;
  height: 135px;
  margin: 0 0 20px 0;
  overflow: hidden;
  width: 500px;
}

#contents ul li.cellbox2 dl{
  margin: 13px 0 0 20px;
  width: 450px;
}
#contents ul li.cellbox2 dl{
  margin: 13px 0 0 20px;
  width: 450px;
}

#contents ul li.cellbox2 dl dt{
  font-size: 14px;
}

#contents ul li.cellbox2 dl dd{
  line-height: 1.4;
  padding: 0 0 0 20px;
}

#contents ul li.cellbox2 dl dd.picture{
  line-height: 1.0;
  padding: 5px 0 0 0;
  text-align: center;
}





/* フッター */
#footer {
  background-color: #000000;
  height: 32px;
  position: relative;
  width: 100%;
}

#footer p.footer_text {
  color: #ffffff;
  font-size:18px;
  height: 20px;
  padding: 3px 0 0 15px;
  width: 150px;
}

#footer img {
  position: absolute;
  right: 3px;
  bottom: 1px;
}