/* 商品ページ レイアウト */

/********* 基本設定 *************/



div.kanren_line a {
   padding-left  : 5px;
}

div.kanren_line a {
   display       : block;
   line-height : 1.2em;
   margin-left : 10px;
   margin-bottom:10px;
   width          : 81px;
   float           : left;
   text-align   : left;
}

div.kanren_line a img {
   margin-left      : 8px;
   margin-bottom : 5px;
}

div.kanren_line a:hover {
   background      : none;
}


/* body（全体設定） */
body{
    text-align:center; background-color:#6090EF;
    font-size:12px; margin:0px; padding:0px;
}

/***** 矢印トップ *****************/
img.b{
    position:relative; top:22px; left:570px; border:none;
}

/* 回り込み解除 */
.bt{
    margin-top:10px; margin-bottom:0px; padding:0px;
    font-size:0.2em;  clear: both;
}

/* カレンダー */
table{
    font-size:1em;
}

body img{
    border:none;
}

/* リンク */
A:visited { color:#0000ff; }
A:active { color:red; }
A:hover { color:#ff0000; background-color: #FFE8E8; }

a{text-decoration:none;}

/* 段落 */
p{
    text-align:left; line-height:1em; color:#555555; margin:0; padding:0;

}

/* 回り込み解除 */
.t{
    margin-top:6px; margin-bottom:0px; padding:0px; font-size:0.2em; clear: both;
}



/* コンテンツ */
#c{
    width:770px;
    background-image: url("http://www.idm-ne.com/aitem/g.gif");
    background-position:top right; background-repeat: repeat-y;
    background-color:#FFFFFF; margin:auto; position:relative;
}

/* メイン */
#m{
    width:602px; text-align:left; background-color:#FFFFFF; float:left;
}

/***** 見出し*****************************************/
#pan{
    width:597px; position:absolute; margin:0px; top:90px; left:0px;
    text-align:right; font-size:1em; border:none; background-color:#FFFFFF;
}

#pan A{
    border-top:1px solid #FFFFFF; border-left:1px solid #FFFFFF;
    border-right:1px solid #FFFFFF; border-bottom:1px solid #FF9966;
}


#pan A:hover{ 
    color:#ff0000; border: 1px solid #FF6633; background-color: #FFE8E8;
}


h1{
    text-align:center; color:#FF0000; font-size:1.5em;
    background-color:#FFFFFF; margin-top:122px; margin-bottom:7px;
}


h2{
    text-align:center; color:#000000; font-size:1em; font-weight:normal;
    background-color:#FFCC99;
    border-top:1px solid #FF9966; border-bottom:1px solid #FF9966;
    line-height:2.3em; margin-bottom:0px; margin-top:0px;
}

/***** 商品画像 *************************************/
#i{
    margin-top:10px; margin-left:10px; margin-bottom:30px;
    border:1px solid #555555; float:left;
}
/***** 商品画像右リスト ******************************/
#r{
    padding-left:10px; text-align:left; margin:0; padding-top:10px;
    list-style-type:none; float:left;
}

#r li a{
    width:310px; line-height:1.3em;
    margin-bottom:1px; padding:5px 5px 0px; display:block;
    border-bottom: 1px dotted #FF6633; background-color: #FFFFFF;
}

#r li A:visited { color:#42B079; }


#r li A:hover { 
    color:#ff0000; background-color: #FFE8E8;
}

/***** 購入部分 **************************************/

h3 {
    color: #993333; font-size:1.2em; line-height:1.0em; clear: both;
    margin-top:0px; margin-bottom:0px; margin-left:5px; margin-right:5px;
    background-color:#FFEBCD; border-left:solid 1em #FF6633;
    border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA;
    text-align: left; padding-top:8px; padding-left:20px; padding-bottom:5px;
}


/* 商品企画見出し */
h4 {
    color: red; font-size:1em; line-height:1.2em;
    margin-top:0px; margin-bottom:10px; margin-left:5px; margin-right:5px;
    padding-top:3px; padding-bottom:3px; padding-left:5px;border:solid 1px #FF9999;
    background-color: #fff0f0;font-weight:normal; clear: both;
}

/* プレゼント説明 */
p.bl{
    width:100px; margin-left:10px; color:#FF0000;
    font-weight:bold; line-height:1.2em; float:left;
}


p.p {
    width:472px; color:#339900; line-height:1.2em; font-size:1em;
    margin-top:0px; margin-left:10px; margin-bottom:15px; float:left;
}

/* 画像 */
.g {
    width:155px; margin-top:0px; margin-left:10px; text-align:center; float:left;
}

.g1{
    border: solid 1px #666666;
}

.g2{
    border: solid 1px #0000ff;
}

/**** 枠（画像右） **************************************/
.h {
    width:270px; margin-top:0px; margin-bottom:0px; padding-left:10px; float:left;
}

.h p{
    line-height:1.6em;
}

/* 文字色（赤） */
p.re{
    color:red;
}

/* 希望小売（緑） */
p.gr{
    color:#339900;
}

/* 販売価格（赤 太文字） */
p.rb{
    color:red; font-weight:bold; float:left;
}

/* 販売休止（赤 太文字） */
p.rc{
    margin-top:10px; margin-left:15px; padding-top:5px;
    color:red; font-weight:bold; float:left;
}

p.ip{
    margin-left:20px; color:red; float:left;
}

/* 送料表示と購入ボタン */
.s {
    width:140px; float:left;
}

/* 送料のマージン指定 */
.u{
    width:140px; text-align:center; color:red;
    padding-top:5px; margin-bottom:0px;
}

/* フォームマージン設定 */
.s form{
    margin:0px;
}

/* 数量入力テキストボックス */
input.ii{
    position:absolute; margin-top:15px; left:465px; width:20px;
    text-align:center
}


/* 購入ボタン */
.is {
    position:absolute; margin-top:15px; left:500px;width:80px;
}


/* 購入の下（コメント） *******************************/

.cm{
    text-align:center;
}


/* 詳細設定 ************************************/

/* 画像左周り */
.lf,.re { margin-left:10px; margin-right:10px; margin-bottom:10px}

.lf {float:left}

/* 画像右回り */
.re {float:  right}

/* 右寄せ */
.rp {
    text-align:right;
}

/* 説明文章 */
.k {
    line-height:1.3em; padding-left:10px; padding-right:10px;
}


/* 通常のテキスト */
.d{
    line-height:1.1em; padding: 2px 5px; margin-left:10px; margin-right:10px;
}

.d1{
    color:#ff6600; line-height:1.1em;
    margin-left:10px; margin-right:10px; padding: 2px 5px; 
}

.d2{
    color:#339900; line-height:1.1em;
    margin-left:10px; margin-right:10px; padding: 2px 5px; 
}

.d3{
    color:#ff6666; line-height:1.1em;
    margin-left:10px; margin-right:10px; padding: 2px 5px;
}

.d4{
    color:#ff6600; line-height:1.3em; margin:0px;
}

.d5{
    color:red; text-align:center; line-height:1.3em; margin:0px; font-weight:bold;
}

.p3{
    margin-left:190px;
}


.sy2 {
    width:450px; text-align:left; margin-top:10px; margin-left:10px;
}


/******** このような方におすすめ！ ******/
.s1 {
    text-align:center; width:90px; float:left;
}
.s2 {
    width:210px; text-align:left; padding-top:17px; padding-bottom:17px; float:left;
}


/*********** 主な成分 ***********/
.mh1 {
    margin-left:5px; width:400px; text-align:center; font-size:1.2em;
    line-height:1.9em; color:red; float:left;
    background-color:#fff0f0; border: 1px solid #ff6699;
}
.mh2 {
    width:180px; text-align:center; font-size:1.2em; line-height:1.9em;
    color:red; float:left;
    background-color:#fff0f0; border-top: 1px solid #ff6699;
    border-right: 1px solid #ff6699;  border-bottom: 1px solid #ff6699;
}


.m1 {
    margin-left:5px; width:400px; text-align:center;
    font-size:1.2em; line-height:1.9em; color:red; float:left;
    border-left: 1px solid #ff6699; border-right: 1px solid #ff6699;
    border-bottom: 1px solid #ff6699;
}
.m2 {
    width:180px; text-align:center; font-size:1.2em;
    line-height:1.9em; color:red; float:left;
    border-right: 1px solid #ff6699; border-bottom: 1px solid #ff6699;
}


/********** 成分表示 **********/

/* 成分表DIV */
.nh {
    width:306px; margin-top:10px; float:left;
}

/* 成分表HED左 */
.nh1 {
    margin-left:5px; width:120px; text-align:center;
    font-size:14px; line-height:1.9em; color:red; float:left;
    background-color:#fff0f0; border: 1px solid #ff6699;
}

/* 成分表HED右 */
.nh2 {
    width:160px; text-align:center; font-size:14px;
    line-height:1.9em; color:red; float:left;
    background-color:#fff0f0; border-top: 1px solid #ff6699;
    border-right: 1px solid #ff6699; border-bottom: 1px solid #ff6699;
}

/* 成分表ライン左 */
.n1 {
    margin-left:5px; width:120px; text-align:center;
    font-size:14px; line-height:1.9em; color:red; float:left;
    border-left: 1px solid #ff6699; border-right: 1px solid #ff6699;
    border-bottom: 1px solid #ff6699;
}

/* 成分表ライン右 */
.n2 {
    width:160px; text-align:center; font-size:14px; line-height:1.9em; color:red;
    border-right: 1px solid #ff6699; border-bottom: 1px solid #ff6699; float:left;
}

/* 成分表その他の成分 */
.nn {
    width:271px; margin-left:5px; border-left: 1px solid #ff6699;
    border-right: 1px solid #ff6699; border-bottom: 1px solid #ff6699;
    padding-left:5px; padding-right:5px; line-height:1.9em; color:red; float:left;
}

/* 成分表右画像DIV */
.ni {
    width:290px; padding-top:10px; text-align:center; float:left;
}

.ni img{
    border: solid 1px #000000;
}

/* 画像名称 */
#im{
    padding-top:10px; text-align:center; color:red;
}

/*********** 詳細 *************/
.y1 {
    width:100px; text-align:center; line-height:1.3em;
    padding-top:5px; color:#ff6600; float:left;
}

.y1 p{
    text-align:center; line-height:1.3em; color:#ff6600;
}


.y2 {
    width:492px; text-align:left; line-height:1.3em;
    padding-top:5px; color:#ff6600; float:left;
}

.y2 p{
    color:#ff6600; line-height:1.3em;
}


/********* 注意事項 **********/
.cu {
    width:550px; color:#555555; list-style-image:url("l.gif");
    margin-top:0px; margin-bottom:10px; margin-left:0px; padding-left:40px;
}

.cu li{
    line-height:1.5em; padding-left:0.2em;
}



/***** ヘッド イメージ **************************/
.hedimg{
    text-align:left; background-color:#FFF7EE; width:602px;
    position:absolute; top:0px; left:0px;
}

.hedimg A:hover { 
    background-color: #FFF7EE;
}

/***** かごの中 *********************************/
.bs{
    text-align:left; padding-left:20px; position:absolute; top:15px; left:450px;
}

.bs input{
    color:red;background-color:#FFD9C8;height:35px;width:120px;
}

/***** 会員ページボタンの表示 ********************/
div#mem_info{
   width    : 566px;
   height   : 156px;
   position : absolute;
   top      : 500px;
   left     : 18px;
   background-position : 0px 0px;
   background-repeat   : no-repeat;
   background-image    : url("../index_pic/member_info.gif");
}

div#mem_info a{
   position : absolute;
   bottom   : 15px;
   right    : 20px;
}


.mem{
    text-align:left; padding-left:20px; position:absolute; top:465px; left:400px;
}


/* 会員ページリンク */
.kl{
 position:absolute; top:458px; left:450px;
    border:1px solid #FF9966;
    background-color: #FFFF99;
    padding:5px;
}

/* 会員ページが開かない場合 */
p.km{
 position:absolute;
    top:488px;
    left:30px;
    color :red;
   font-weight:bold;
   line-height:1.2em;
}

a.klb{
   position:absolute;
   top:453px;
   left:450px;
}

a.klb:hover{
   opacity      : 0.7;
   filter       : alpha(opacity=70);
}


/***** ヘッド ナビゲーションバー ****************/
.navbar{
    text-align:center; width:602px; background-color:#FFBB9E;
    position:absolute; top:67px; left:0px;
    border-bottom: solid 1px #999999; border-top: solid 1px #999999;
}

/* ヘッド ナビゲーションバー背景 */
.navbar a{
    float:left; text-align: center; background-color: #FFD9C8; margin:0px;
    font-family: "Times New Roman", Times, serif;
    background-image: url("http://www.idm-ne.com/aitem/n.gif");
    line-height: 1.8em; border-right: solid 1px #FFFEFD; width: 85px;
}

/* コンビニ・郵便局 */
.con{
    text-align:center; margin-bottom:20px;
}

/************ サイドバー ***********************/

/* サイド幅と位置設定 */
.side{
    text-align:left; width:158px; margin-top:33px; margin-left:5px; float:left;
}

/* 更新日 */
.day{
    text-align:center; color:#FF0000; margin-bottom:20px;
}

/* サイトマップ、会社案内リンク */
.side1 a{
    display:block;
    border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA;
    border-left:10px solid #FFCC99; background-color: #FFFAF4;
    line-height:1.5em; padding: 2px 5px; margin-top:0px; margin-left:0px;
}

.side1 A:hover { 
    color:#ff0000;  background-color: #FFE8E8;
}


#sim {
    width:138px; margin-top:10px; margin-bottom:10px; margin-left:1px;
}

/* 商品検索 */
#serch form{
    position:absolute; margin-top:0px; padding-top:95px; left:620px;
}

#serch input{
    width:128px; margin-bottom:2px; color:#339900;
}

/* 検索ひらがなモード */
#jp { ime-mode:active }


/* 関連商品 */
.kan{
    line-height:1.5em; margin-bottom:20px;
}


.kan p{
    margin-top:10px;
    padding:10px;
    color:#000000;
}

.kan a{
    border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA;
    border-left:10px solid #FF9900; background-color: #FFF000;
    display:block; padding: 2px 5px; margin-top:0px; margin-left:0px;
}

.kan A:hover{ 
    color:#ff0000; background-color: #FFE8E8;
}


/* 画像付リンク */
.side2 a{
    line-height:1.5em; text-align:center;
    border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA;
    border-left:10px solid #FFCC99; background-color: #FFFFFF;
    display:block; padding: 2px 5px; margin-top:0px; margin-left:0px;
}

.side2 A:hover { 
    color:#ff0000; background-color: #FFFFFF;
}

/* サイドバー装飾用CSS */
.side3 a{
    line-height:1.2em;
    border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA;
    border-left:10px solid #FF9900; background-color: #FFFAF4;
    display:block; padding: 2px 5px; margin-top:0px; margin-left:0px;
}

/***** 営業時間（画像） ********/
.si{
    margin-top:20px; margin-bottom:20px; clear: both;
}


/***** フッターリンク設定 *********************/
/* リンク装飾用CSS */

.x {
    list-style-type:none; padding-top:10px; padding-bottom:10px;
    margin:0px; padding-left:15px; float:left;
}

.x li{
    margin-top:3px; margin-right:15px; padding:0px; float:left;
}

.x A{
    width:171px; line-height:1.3em; background-color: #FFFFFF; display:block;
    border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF; border-bottom: 1px dotted #FF6633;
}

.x A:hover{ 
    color:#ff0000; border: 1px solid #FF6633; background-color: #FFE8E8;
}



/***** フッター *************************************/
.footer{
    border-top: 3px solid #42B079; background-color:#FFFFFF;
    text-align:left; width:770px;

}

#end{
    width:450px; display:block; background-color: #FFFAF4; float:left;
    border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA;
    padding: 2px 5px; margin-top:10px; margin-left:15px; margin-right:35px;
}

#end p{
    text-align:center; color:#ff3300; margin:10px;
}

/********* QRコード *************/
#qr{
    margin-top:10px; float:left;
}

/*　バナー画像 */
#bn{
    margin-left:30px; float:left;
}

/* バナー説明 */
#bs{
    width:290px; margin-left:30px; float:left;
}

#bs p{
    margin:2px; color:#42B079;
}

/* モバイルリンク */
#mb{
    width:301px;
    margin-top:10px; margin-bottom:20px; text-align:right; float:left;
}
/* カーソルが乗った時 */
#mb a:hover{
    border-color:#E1A32D  #FEEED3 #FEEED3 #E1A32D;
}

/* アドレス設定（フッター内） */
address {
    width:770px; text-align:center; color:#FFFFFF;
    font-family: "Times New Roman", Times, serif;
    background-color:#42B079; padding-top: 10px; padding-bottom: 10px;
}


/* 関連商品 */
.BL_SEL {width:100px;float:left}
.UL_msg {margin-top:5px;margin-bottom:5px;margin-left:10px;margin:right:10px;text-align:left;font-size:12px}

/* ここがポイント！
---------------------------*/
div.mgn
{
  margin-left:15px;
  width:570px;
}

div.kokoga_t
{
   background-image  : url("../pic/kokoga_01.gif");
   background-repeat : no-repeat;
   height:33px;
}

div.kokoga_m
{
   background-image  : url("../pic/kokoga_02.gif");
   background-repeat : repeat-y;
   text-align:left;
}

div.kokoga_m p
{
   line-height:1.5em;
   padding:5px 13px 2px 18px;
}

div.kokoga_b
{
   background-image  : url("../pic/kokoga_03.gif");
   background-repeat : no-repeat;
   height:13px;
}
/* end
---------------------------*/


div.rss{
   text-align:center;
   padding-top:10px;
}

div.qr{
   background:#FFFF44;
   text-align:center;
   margin-top:20px;
   padding-top:20px;
   padding-bottom:10px;
}

div.qr img{
   width:150px;
   height:150px;
}


h4.item_list{ text-align:center;}

table.item_table{
  border-collapse : collapse;
  border-spacing  : 0;
  font-size       : 100%;
  margin-bottom:15px;
  margin-left:20px;
}

table.item_table th,
table.item_table td{
  border:1px solid #eee;
  padding: 5px;
  text-align: center;
  font-weight:normal;
}

table.item_table th{
  background : #FFEBEE;
  width      : 74px;
}

table.item_table td{
  width:84px;
}

.plice td{
   color:#CC0000;
}

.postage td{
   color:red;
}