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

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

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

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

/***** 矢印トップ *****************/
img.b{
    position:absolute; margin-top:-37px; left:570px; border:none;
}

.info{
    margin-left:10px;
}

/* カレンダー */
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:1.2em; color:#555555;
    margin-top:10px; margin-bottom:0px;
}

/* 回り込み解除 */
.t{
    margin:3px; 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;
}

/***************** 新着ページ ********************/
.sti{
    width:302px; line-height:1.7em;
    margin:0px 0px 0px 0px;
    float:left;text-align:center;
}

.yti{
    width:15px; line-height:1.7em;
    margin:0px 0px 0px 0px;
    float:left;
    color:red;
}

.wwi{
    width:270px; line-height:1.7em;
    margin:0px 0px 0px 10px;
    display:block;
    float:left;
}

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

/***************** 商品以外のページ ********************/
#ct h3{
    margin-left:15px; margin-top:10px; margin-bottom:10px;
}

#ct p{
    margin-left:15px; margin-right:10px;
}

#ct table{
    margin-left:15px;
}

#ct li{
    line-height:1.5em;
}

/***************** カテゴリ別リスト ********************/
.tm {
    list-style-type:none;
    padding-top:10px;   padding-left:18px; padding-bottom:10px; margin:0px;
    float:left;
}

.tm li{
    margin-top:5px; margin-right:12px;  padding:0px;float:left;
}

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

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


#pan{
    width:597px;
    position:absolute; margin:0px; padding-left:0px; top:90px; left:0px;
    text-align:right; font-size:1em; font-weight:normal; color:#555555;
    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;
}


/***************** 関連商品リスト **********************/
.lst{
    margin-right:5px; margin-bottom:10px;
}

.lst li{
    margin-bottom:5px;
}

.lst a{
    line-height:1.5em; text-align:left; text-decoration:none;
    border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF; border-bottom: 1px dotted #FF6633;
    background-color: #FFFFFF; display:block;
}


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


/***** 関連商品 **************************************/

/* 外枠*/
.kr{
    width:598px; text-align:left;
}

/* 商品企画見出し */
.kr h3 {
    color: red; line-height:1.6em; background-color: #fff0f0;
    margin-top:10px; margin-bottom:10px; margin-left:5px; margin-right:1px;
    padding-top:3px; padding-bottom:3px; padding-left:5px;
    border-top: 1px solid #FF6600; border-bottom: 1px solid #FF6600;
}

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


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

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

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

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

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

/* 販売価格（赤 太文字） */
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;
    padding-top:5px; margin-bottom:0px; text-align:center; color:red;
}


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

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

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

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

.cm{
    text-align:center;
}


/* 最下位（説明）*/
p.set{
    margin:10px; color:#339900;
}


/***************** サイトマップ ****************************/

/* 枠左（カテゴリ別）*/
.r1{
    width:320px; margin-left:5px; float:left;
}

h3.kt1{
    width:280px;
    line-height:1.5em; margin-bottom:5px; padding: 2px 5px; color:red;
    border-left:1em solid red; border-top: 1px solid red;
    border-right: 1px solid red;  border-bottom: 1px solid red;
    background-color:#FFCCCC;

}

/* リンク（左）*/
.r1 a{
    width:267px; margin-left:20px; text-align:left;line-height:1.3em;
    border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA;
    border-left:10px solid #FF9900; background-color: #FFFAF4;
    display:block; padding: 2px 5px;; text-decoration:none;
}

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

/* 枠（アイウエオ順）*/
.r2{
    width:267px; float:left;
}

h3.kt2{
    line-height:1.5em; margin-bottom:7px; padding: 2px 20px;
}

/* リンク（右）*/
.r2 a{
    width:245px; line-height:1.3em; text-align:left;
    border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA;
    border-left:10px solid red; background-color: #FFFAF4;
    display:block; padding: 2px 5px; text-decoration:none;
}

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

/* new画像（左）*/
r1.nw1{
    position:absolute; left:250px;
}

/* new画像（右）*/
r2.nw2{
    position:absolute; left:550px;
}


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

h2 {
    text-align: left; color: #cc3300; font-size:1.3em; line-height:1.5em;
    margin-top:10px; margin-bottom:10px; margin-left:5px; margin-right:5px;
    border-top:solid 1px #01A252; border-bottom:solid 1px #01A252;
    background-color:#E7FAEE; padding-top:3px; padding-left:40px; clear: both;
}

h3{
    font-size:1em; line-height:1.5em; font-weight:normal;
    margin-bottom:0px; margin-top:0px; margin-left:5px; color:red;
}

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

h4{
    font-size:1em; line-height:1.3em; font-weight:normal;
    margin-bottom:0px; margin-top:0px; padding-left:0px;
    background-color: #FFFFF9; color:red;
}



/**************** トップページ ***********************/

/* 画像（右） */
img.top{
    margin:10px; float: right;
}

/* 枠（左） */
#top{
    width:430px; margin-top:10px; margin-left:5px; float: right;
}

h2.top{
    margin:0;
}

h3.top{
    margin-top:10px; margin-left:20px; color:red;
}

p.top{
    margin-top:1px; margin-left:20px; color:#6666FF;
}

/**************** キャンペーン ***********************/

/* 画像（左） */
img.kp1{
    margin-left:10px; margin-right:10px; float:left;
}

/* 画像（小） */
img.kp2{
    margin:10px; border: solid 1px #0000ff; float:left;
}

/* 枠（右） */
#kp{
    width:434px; float:left;
}

h3.kp{
    text-align:center; line-height:2em;
    margin-left:0px; margin-bottom:10px; background-color: #FFCCCC;
}

p.kp1{
    color:red; font-size:1.1em; margin-top:0px; margin-bottom:2px;
}

p.kp2{
    color:#FF3366; margin-top:0px; margin-bottom:2px;
}


p.kp3{
    margin-top:30px; font-size:1.5em; font-weight:bold; color:red; float:left;
}

p.kp4{
    margin-top:10px; margin-bottom:0px; color:#339900;
}

p.kp5{
    margin-top:3px; margin-bottom:0px; color:red; font-weight:bold;
}

/***** 作表 *************************************/


/* 外枠 */
.ne {
    width:298px; float:left;
}

/* h3リンクのブロック設定 */
.ne h3 a{
    border-top: 1px solid #FFCC99; border-right: 1px solid #FFCC99;
    border-bottom: 1px solid #FFCC99; border-left:10px solid #FFCC99;
    background-color: #FFFAF4; display:block;
    padding: 2px 5px; margin-top:0px; margin-left:0px;
}

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


/* 画像 */
img.g {
    margin:10px; border: solid 1px #0000ff; float:left;
}

/* 枠（画像右） */
.p {
    width:215px; color:#339900; margin-top:5px; margin-bottom:5px; float:left;
}

/* new画像（左） */
img.n1 {
    position:absolute; margin-top:-19px; left:44px;
}

/* new画像（右） */
img.n2 {
    position:absolute; margin-top:-19px; left:342px;
}

/* 説明文字設定 */
.ne p{
    margin-top:0px; margin-bottom:0px; color:#339900;
}

/***** ヘッド イメージ **************************/
.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;
}

/***** 会員ページボタンの表示 ********************/
.mem{
    text-align:left; padding-left:20px; position:absolute; top:445px; left:400px;
}

/***** ヘッド ナビゲーションバー ****************/
.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{
    line-height:1.5em; display:block; padding: 2px 5px;
    border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA;
    border-left:10px solid #FFCC99; background-color: #FFFAF4;


}

.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 a{
    border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA;
    border-left:10px solid #FF9900; background-color: #FFF000;
    display:block; padding: 2px 5px;
}

.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;
}

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

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

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


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

.x {
    list-style-type:none;margin:0px; 
    padding-top:10px; padding-bottom:10px; 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{
    position:relative;
    border-top: 3px solid #42B079; text-align:left; width:770px;
    background-color:#FFFFFF;
}

#my_link{
    position:absolute;top:20px;left:20px;
}


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

#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;
}






/*********** 詳細 *************/
.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;
}

/* 関連商品 */
.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;
}


#kana{
    width:593px;
    margin-left:3px;
    float:left;
}

#kana p{
    width:59px;
    text-align:center;
    font-size:1.5em;
    float:left;
    color:#42B079;
    margin-top:0px;
    margin-bottom:0px;
}

#kana a{
    width:59px;
    display:block;
}


#del {
   font-size:12px;background-color:#FFFFFF;padding-right:10px;
   border:0px ; text-align:right;font-weight:normal;
}

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

div.blog{
  margin-top: 20px;;
}

div.blog a img{
  width:158px;
  height:55px;
}