@charset "UTF-8";



/**********************************************************
概要
**********************************************************/
/*
製品紹介 | エントリーページ

ファイル名：entry.css
パス：/css/products/entry.css
読込先：カテゴリトップ、製品紹介個別エントリー
コピーライト：2008 © Fumakilla CO.,LTD

内容：
  1：コンテンツタイトル表示 - #content-header
  2：エントリー・レイアウト - #products
  3：エントリー・各要素 - #products
----------------------------------------------------------*/



/*----------------------------------------------------------
  1：コンテンツタイトル表示 - #content-header
----------------------------------------------------------*/

div#content-header {
  margin: 10px 10px 15px 10px;
}

div#content-header p,
div#content-header img {
  margin: 0;
  padding: 0;
}



/*----------------------------------------------------------
  2：エントリー・レイアウト - #products
----------------------------------------------------------*/

/* エントリーボックス
------------------------------*/
div#products div.asset-content {
  width: 765px;
  margin: 0 0 10px 0;
  padding: 0;
  position: relative;
  background: url(../../images/products/asset_body_bg.gif) repeat-y left bottom;
}

div#products div.asset-header {
  margin: 0;
  padding: 4px 0 0 0;
  background: url(../../images/products/asset_header_bg.gif) no-repeat left top;
  /* bugfix for WinIE6 */
  _height: 10px;
}

div#products div.asset-footer {
  margin: 0;
  padding: 0;
  height: 30px;
  background: url(../../images/products/asset_footer_bg.gif) no-repeat left bottom;
}

/* 製品名
------------------------------*/
div#products div.productname {
  margin: 0 25px;
  padding: 10px;
  background: #ededed;
  border: solid 1px #cccccc;
}

/* 製品カテゴリ名
------------------------------*/
div#products div.productcategory {
  margin: 1em 0 2em 0;
  padding: 0;
  text-align: right;
}

/* 関連製品
------------------------------*/
div#products div.producttag {
  margin: 0;
  padding: 0;
}

/* 製品情報・左右回り込み
------------------------------*/
div#products div.clearfix {
  margin: 0;
  padding: 0;
}

div#products div.box-left {
  width: 380px;
  padding: 0;
  text-align: center;
}

div#products div.box-right {
  width: 320px;
  padding: 0;
  text-align: left;
}

/* 製品情報・段落マージン
------------------------------*/
div#products div.inner div.productcategory p,
div#products div.inner div.clearfix div.box-left p,
div#products div.inner div.clearfix div.box-right p {
  margin: 0;
}

/* コピー */
div#products div.inner div.clearfix div.box-right p.text-copy {
  margin: 25px 0 0.75em 0;
}

/* リード文 */
div#products div.inner div.clearfix div.box-right p.text-lead {
  margin: 0 0 1.25em 0;
}

/* エントリー内・左右パディング
------------------------------*/
div#products div.inner {
  margin: 0;
  padding: 0 30px;
}



/*----------------------------------------------------------
  3：エントリー・各要素 - #products
----------------------------------------------------------*/

/* 見出し「製品名」
------------------------------*/
div#products h1 {
  font-size: 120%;
  font-weight: bold;
  color: #333333;
  margin: 0;
  padding: 0 0 0 25px;
  clear: both;
}

div#products h1.insect {
  background: url(../../images/products/mark_insect_g.gif) no-repeat center left;
}

div#products h1.garden {
  background: url(../../images/products/mark_garden_g.gif) no-repeat center left;
}

div#products h1.athome {
  background: url(../../images/products/mark_athome_g.gif) no-repeat center left;
}

div#products h1.gyomu {
  background: url(../../images/products/mark_gyomu_g.gif) no-repeat center left;
}

/* 見出し「製品の特徴」「ID情報」
------------------------------*/
div#products h2 {
  margin: 30px 0 20px 0;
  padding: 0;
  text-align: right;
}

/* 見出し「関連情報」
------------------------------*/
div#products div.producttag h2 {
  margin: 15px 0 20px 0;
  padding: 0;
  text-align: right;
}

div#products h2 img {
  margin: 0;
  padding: 0;
}

/* 見出し「ID情報見出し」
------------------------------*/
div#products h3 {
  font-size: 120%;
  font-weight: bold;
  line-height:120%;
  color: #333333;
  margin: 0.5em 0;
  clear: both;
}

/* リンク
------------------------------*/
div#products a {
  text-decoration: none;
}

div#products a:hover {
  text-decoration: underline;
}

/* 画像
------------------------------*/
div#products img {
  margin-bottom: 10px;
}

/* drug 画像
------------------------------*/
div#products img.drug {
  margin: 0 15px 0 0;
}

/* new 画像
------------------------------*/
div#products img.new {
  vertical-align: top;
}

/* 行間
------------------------------*/
div#products .inner {
  line-height: 1.7em;
}

/* bugfix for IE6 */
*div#products .inner table {
  line-height: 1.7em;
}

/* 段落
------------------------------*/
div#products .inner p {
  margin: 1.7em 0 0 0;
  padding: 0;
}

/* リスト
------------------------------*/
div#products ol,
div#products ul {
  margin: 0px;
  padding: 0.5em 0 0.5em 1em;
}

div#products ol li {
  line-height: 1.5em;
  margin: 0;
  padding: 0 0 0.5em 0;
  list-style-type: decimal;
}

div#products ul li {
  line-height: 1.5em;
  margin: 0;
  padding: 0 0 0.5em 0;
  list-style-type: disc;
}

/* 引用
------------------------------*/
div#products blockquote {
  color: #333333;
  background-color: #eeeeee;
  line-height: 140%;
  border: solid 1px #999999;
  margin: 0.5em 0;
  padding: 0 10px;
}

/* 引用元
------------------------------*/
div#products cite {
  font-style: italic;
}

/* プレ
------------------------------*/
div#products pre {
  border-width: 1px;
  border-style: solid;
  border-color: #CCCCCC;
  margin: 0.5em 0;
  padding: 5px;
  overflow: scroll;
}

/* 定義リスト
------------------------------*/
div#products dl {
  margin: 0;
  padding: 0.5em 0;
}

div#products dt {
  padding: 0;
  line-height: 150%;
}

div#products dd {
  padding: 0 0 0 1em;
  line-height: 150%;
}

/* 画像配置
------------------------------*/
/* 左 */
.mt-image-left {
    float: left;
    margin: 0 20px 20px 0;
}

/* 中央 */
.mt-image-center {
    display: block;
    margin: 0 auto 20px;
    text-align: center;
}

/* 右 */
.mt-image-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* 左 */
div#products .imageleft{
  margin-right: 10px;
  float: left;
}

/* 右 */
div#products .imageright{
  margin-left: 10px;
  float: right;
}

/* 製品カテゴリ名
------------------------------*/
div#products div.productcategory {
  color: #666666;
  font: normal 11px Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana, "ヒラギノ角ゴ Pro W3", Osaka, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;*font-size:70%;*font:70%;
}

/* 関連製品
------------------------------*/
div#products .asset-tags {
  clear: both;
}

div#products .asset-tags p,
div#products .asset-tags ul,
div#products .asset-tags li {
  display: inline;
  margin: 0;
}

div#products .asset-tags p,
div#products .asset-tags ul {
  padding: 0;
}

div#products .asset-tags li {
  padding: 0 0.5em 0 0;
}

div#products .asset-tags div.clearfix {
  margin: 10px 0 0 0;
}

div#products .asset-tags dl.box-left {
  width: 140px;
  padding: 0;
}

div#products .asset-tags dt{
  text-align:center;
}

div#products .asset-tags dt img {
  text-align:center;
  margin: 0px;
  padding: 0px;
}

div#products .asset-tags dd {
  font: normal 11px Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana, "ヒラギノ角ゴ Pro W3", Osaka, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;*font-size:70%;*font:70%;
  line-height: 1.5em;
  margin: 0.5em 10px 0 10px;
  padding: 0px;
  text-align:left;
}