﻿/* レイアウトの設定*/
body
{
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-family: "ＭＳ Ｐゴシック" , "Osaka";
    font-size: 12px;
    background-color:#f6f6f6; /* 	 	filter:progid:DXImageTransform.Microsoft.Gradient (startcolorstr='#f9f9f9',endcolorstr='#FFFFFF',gradienttype='0'); */
}
/* table{font-family:"ＭＳ Ｐゴシック", "Osaka";font-size:12px;word-break:break-all;} */

img
{
    border: none;
    color: #FFFFFF;
}


*
{
    margin: 0;
    padding: 0;
}

/* ラッパーの設定*/
#wrap
{
    border: 1px #dddddd solid;
    position: relative;
    width: 850px;
    background-color: #ffffff;
    margin: 0px auto;
    text-align: left;
}
/* ヘッダーの設定*/
#head
{
    width: 850px;
    height: 121px;
    background-color: #ffffff;

}
/* 左側の設定　メニュー部分*/
#left
{
    width: 178px;
    height: 100%;
    float: left;
    background-color: #ffffff;
    
}
/* 右側の設定*/
#right
{
    width: 668px;
    height: 100%;
    float: right;
    background-color: #ffffff;
    
}
/* フッターの設定*/
#foot
{
    position: relative;
    width: 100%;
    height: auto; /*height: 2100px;*/
    background-color: #FFFFFF;
    clear: both;
}


/*リンク文字*/

a:link
{
    text-decoration: none;
    color: #b42b73;
}
a:visited
{
    text-decoration: none;
    color: #fe8d23;
}
a:active
{
    text-decoration: none;
    color: #FF9900;
}
a:hover
{
    text-decoration: underline;
    color: #fe8d23; /*background-color: #fe8d23;*/
}


.ielnk
{
    color: #4F4F4F;
}
.ielnk A:link
{
    color: #4F4F4F;
    text-decoration: none;
}
.ielnk A:visited
{
    color: #603D74;
    text-decoration: none;
}
.ielnk A:hover
{
    color: #1a1a1a;
    text-decoration: underline;
}
.ielnk A:active
{
    color: #000000;
    text-decoration: none;
}

h1
{
    font-size: 10px;
    font-weight: normal;
    line-height: 10px;
    padding-top: 1px;
    padding-bottom: 0px;
    margin-top: 1px;
    margin-bottom: 0px;
}

h2
{
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    color: #4F4F4F;
}

h3
{
    font-size: 24px;
    margin: 20px 5px 0px;
    text-align: right;
    color: #cc9933;
}
h5
{
    font-size: 12px;
    margin: 20px 5px 0px;
    text-align: right;
    color: #ff8e0e;
}



/* --- TOP上段横置きのメニュー --- */
/* --------------------------
ホーム　ご購入方法　商品説明　お問い合わせ　買い物かご
----------------------------*/

.navtop
{
    width: 100%; /* ナビゲーションの幅 */
    background: #0b109d url( '../images/hor2_menu2_off.gif' ) repeat-x 50% top; /* ナビゲーションの背景 */
    border-top: 1px #0b109d solid; /* 上枠線 */
    border-bottom: 1px #0b109d solid; /* 下枠線 */
    font-size: 100%;
}
/* --- TOPメニューエリア --- */
.navtop .nl
{
    width: 100%; /* メニューの幅 */
    margin: 0;
    padding: 0px 0; /* メニューのパディング（上下、左右） */
    list-style-type: none;
    text-align: center;
}
/* --- TOPメニュー項目 --- */
.navtop .nl li
{
    float: left;
}
/* --- TOP項目の幅（emで指定） --- */
.navtop .nl li.item1
{
    width: 9.5em;
}
.navtop .nl li.item2
{
    width: 9.5em;
}
.navtop .nl li.item3
{
    width: 9.5em;
}
.navtop .nl li.item4
{
    width: 9.5em;
}
.navtop .nl li.item5
{
    width: 9.5em;
}
.navtop .nl li.item6
{
    width: 9.5em;
}
/* --- TOPリンク --- */
.navtop .nl li a
{
    display: block;
    position: relative; /* IE6用 */
    padding: 3px 5px; /*　バーの高さ　*/ /* リンクエリアのパディング（上下、左右） */
    border-right: 1px #0b109d solid; /* リンクエリアの右枠線 */
    text-decoration: none; /* テキストの下線（なし） */
}
/* --- TOPリンクテキストの色 --- */
.navtop .nl li a:link
{
    color: #ffffff;
    top: 0px;
    left:auto;
}
.navtop .nl li a:visited
{
    color: #ffffff;
}
.navtop .nl li a:hover
{
    color: #ffffff;
}
.navtop .nl li a:active
{
    color: #ffffff;
}
/* --- ポイント時の設定 --- */
.navtop .nl li a:hover
{
    background: #0b109d url( '../images/hor2_menu2_on.gif' ) repeat-x 0 -1px; /* ポイント時の背景 */
    text-decoration: underline; /* テキストの下線（あり） */
}
/* --- TOP clearfix --- */
.clearFix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: left;
    visibility: hidden;
}
.clearFix
{
    min-height: 1px;
}

/* --- TOP縦置き　上メニュー --- */
/* --------------------------
商品カテゴリーメニュー
----------------------------*/
*
{
	margin: 0;
	padding: 0;
}
#menu
{
    background: #ffffff;
    width: 159px;
    border: 0px solid #555555; /*メニューごとの枠の色 */ /*周りの枠の色*/
    margin: 0px 0px 0px 10px; /*［上］［右］［下］［左］*/
    position: static;
    top: 5px;
    left: auto;
}
#menu ul
{
    list-style: none;
}
#menu li
{
    list-style: none;
    display: block;
    border-bottom: 0px solid #f2f2f2; /* ボタン境横線の色*/
}
#menu li a
{
    list-style: none;
    display: block;
    background: #f2f2f2 url( '../images/menu_006_bg.jpg' ) repeat-y left 50%;
    color: #751c4a; /*メニュー文字色*/
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
    padding: 3px 5px 3px 15px; /*［上］［右］［下］［左］*/
}
#menu li a:hover
{
    background: #f2f2f2 url( '../images/menu_006_h.jpg' ) repeat-x 50% top;
    color: #751c4a; /*メニュー文字色*/
    text-decoration: none;
}
#menu li .current
{
    list-style: none;
    display: block;
    background: #f2f2f2 url( '../images/menu_006_h.jpg' ) repeat-x 50% top;
    color: #751c4a; /*メニュー文字色*/
    text-transform: uppercase;
    font-size: 11px;
    text-decoration: none;
    padding: 3px 5px 3px 15px; /*［上］［右］［下］［左］*/
}
#menu li a.current, #menu li a:hover.current
{
    background: #f2f2f2 url(../images/menu_006_h.jpg) repeat-x top;
    color: #914041;
    text-decoration: none;
}


/*Cart 最新作品   Class 縦置きメニュー上のGIF　*/
.tp-category-title
{
    font-size: 13px;
    line-height: 20px;
    background-image: url( '../images/t_roof1.gif' );
    background-repeat: no-repeat;
    height: 24px;
    color: #454545;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 0px;
}


/* --- TOP縦置き下のLINKカテゴリーメニュー --- */
/* --------------------------
リンクカテゴリーメニューborder: 1px solid #DDD;
----------------------------*/

#category
{
    background: #f2f2f2;
    width: 159px;
    border: 0px solid #555555; /*周りの枠の色*/
    margin: 0px 0 0 10px; /*［上］［右］［下］［左］*/
    position: static;
    top: 5px;
    left: auto;
}
#category ul
{
    list-style: none;
}
#category li
{
    list-style: none;
    display: block;
    border-bottom: 0px solid #404040; /* 線の色*/
}
#category li a
{
    list-style: none;
    display: block;
    background: #404040 url( '../images/nbg.gif' ) repeat-x left 50%;
    color: #f0f0f0; /*メニュー文字色*/
    text-transform: uppercase;
    font-size: 11px; /*text-decoration:none; テキスト下線*/
    padding: 4px 5px 4px 15px; /*［上］［右］［下］［左］*/
}
#category li a:hover
{
    background: #404040 url( '../main/nbg.gif' ) repeat-x 50% top;
    color: #f0f0f0; /*メニュー文字色*/ /*text-decoration:none; テキスト下線*/
}
#category li .current
{
    list-style: none;
    display: block;
    background: #404040 url( '../images/nbg.gif' ) repeat-x 50% top;
    color: #f0f0f0; /*メニュー文字色*/
    text-transform: uppercase;
    font-size: 11px;
    text-decoration: none;
    padding: 4px 5px 4px 15px;
}
#category li a.current, #category li a:hover.current
{
    background: #404040 url( '../images/nbg.gif' ) repeat-x top;
    color: #404040;
    text-decoration: none;
}

/*下のリンクカテゴリー*/
.category-title
{
    font-size: 13px;
    line-height: 20px;
    background-image: url( '../images/t_roof2.gif' );
    background-repeat: no-repeat;
    height: 24px;
    color: #FFFFFF;
    text-align: center;
    padding-bottom: 0px;
}


/*縦置きメニュー共通のGIF　*/
.tp-category-bottom
{
    font-size: 13px;
    background-image: url( '../images/tp_bottom1.gif' );
    background-repeat: no-repeat;
    height: 15px;
    color: #0d9ad0;
    text-align: center;
    padding-bottom: 0px;
}

/*スペースを空ける*/
.category-ic
{
    vertical-align: middle;
    margin-right: 5px;
}

/*文字　左より*/
.bar-title
{
    font-size: 13px;
    line-height: 20px;
    color: #202020;
    text-align: left;
    padding: 2px 0px 0 25px; /*［上］［右］［下］［左］*/
    margin: 0;
}
/*当社一押しなどバーのバックのGIF*/
.bar-new-itm
{
    background-image: url( '../images/t_bar.gif' );
    background-repeat: no-repeat;
    width: 530px;
    height: 24px;
    position: relative;
    top: 5px;
    left: 15px;
    margin: 12px 0 8px 0;
}

/*区分マンションなど大バーのバックのGIF  long */
.bar-long-itm
{
    background-image: url( '../images/t_bar_long.gif' );
    background-repeat: no-repeat;
    width: 720px;
    height: 24px;
    margin: 12px 0 8px 15px; /*［上］［右］［下］［左］*/
}
/*お知らせ 更新情報*/
.info-bak
{
    background-image: url( '../images/infomation.gif' );
    background-repeat: no-repeat;
    width: 550px;
    height: 130px;
    position: relative;
    top: 5px;
    left: 7px;
}

/*ヘッダ部分の大きい写真 */
.photobigtop
{

    position: static;
    top: auto;
    left: auto;
    padding: 0px;
    width: 850px;
    background-color: #fff;
    background-image: url( '../images/headback.gif' );
    background-position: center;
    background-repeat: no-repeat;
}




/*写真の半透明のボックスのなかの■ */
.phototop-span
{
    float: right;
    padding-top: 1px;
    font-size: 24px;
    color: #fe8d23;
}
/*下のフレーム*/
.lowerfrm
{
    position: static;
    width: auto;
    text-align: center;
}

/* --------------------------
アイテム一覧表示
----------------------------*/

.ItemBox
{
    text-align: left;
    clear: both;
    position: relative;
    margin-bottom: 10px;
}
.ProductItem
{
    width: 320px;
    height: 197px;
    background: url( '../images/pb_s_bg.gif' ) no-repeat 0 100%;
    margin-top: 10px;
}

.title
{
    font-weight: bold;
    background: url( '../images/deal_box_hl.gif' ) no-repeat 0 0;
    padding-left: 5px;
    width: 320px;
    height: 25px;
}

.picture
{
    float: left;
    margin: 10px 0 10px 10px;
}
.description
{
    padding: 0px 0 0 10px; /*［上］［右］［下］［左］*/
    margin: 10px 150px 0px 140px; /*［上］［右］［下］［左］*/
    text-align: left;
    border-left: solid 1px #e3e3e3;
    color: #555;
}

.prices-wrapper
{
    float: right;
    text-align: right;
    position: absolute;
    bottom: 20px;
    right: 5px;
}

.prices
{
}
.productPrice
{
    color: green;
}
/*カート合計金額*/
.cartPrice
{
    font-size: 13px;
    text-align: right;
    color: #ca6500;
    margin: 3px 3px 0px 15px;
}
/*カート下のコメント*/
.cartPrice2
{
    font-size: 12px;
    text-align: right;
    color: #808080;
    margin: 0px 0px 0px 0px;
}
.buttons
{
    padding-top: 20px;
}

.productlistproductdetailbutton
{
    background: url(../images/orange_button_bg.gif) no-repeat 25% 50% rgb(255, 136, 0);
    border: 1px solid rgb(255, 136, 0);
    margin-bottom: 3px;
    color: #FFF;
    text-align: right;
    height: 20px;
    padding: 0 5px 0 5px;
    width: auto;
    overflow: visible;
}
.TproductlistproductChkbtn
{
    background: url(../images/grey_button_bg.gif) no-repeat 25% 50% rgb(255, 136, 0);
    border: 1px solid rgb(255, 136, 0);
    margin-bottom: 3px;
    color: #FFF;
    text-align: right;
    height: 20px;
    padding: 0 5px 0 5px;
    width: auto;
    overflow: visible;
}

.productlistaddtocartbutton
{
    background: url(../images/orange_button_bg.gif) no-repeat 25% 50% #333;
    border: 1px solid #333;
    margin-bottom: 3px;
    color: #FFF;
    text-align: right;
    height: 20px;
    padding: 0 5px 0 5px; /*［上］［右］［下］［左］*/
    width: auto;
    overflow: visible;
}

.ProductList1
{
    /* 	width: 666px;   	text-align: center;   	border-top:1px solid #DDD;   	border-bottom:1px solid #DDD;   	border-right:1px solid #DDD;   	 border-right:1px solid #DDD;   	padding: 5px 1px 5px 3px;  */
}

/* 購入方法やトップページの枠*/
.TItemBox
{
    /* IE7 IE8 padding-left: 10px; */
    padding-left: 7px; /* 	text-align: left; 	clear: both;	 	position: relative;	 	margin-bottom: 10px;     top: -858px;     left: 404px;     width: 702px; */
}
.TProductItem
{
    width: 650px;
    height: auto; /*background: url('../images/pb_s_bg.gif') no-repeat 0 100%;*/
    margin-top: 0px;
}

.Ttitle
{
    font-weight: bold;
    background: url( '../images/deal_box_hl.gif' ) no-repeat 0 0;
    padding-left: 10px;
    padding-top: 5px;
    width: 650px;
    height: 25px;
}
/*更新案内　最新リリース*/
.Ttitlemini
{
    font-weight: bold;
    background: url( '../images/deal_box_hl.gif' ) no-repeat 0 0;

     padding: 3px 0 0 20px; /*［上］［右］［下］［左］*/
    width: 490px;
    height: 27px;
    line-height: 20px; /* 行間20px */
    letter-spacing :5PX;/* 文字と文字のスペース5px */     
    text-align: left;
    margin-top:10px;
    margin-left:0px;
    color:#454545;
    
}
/*TOPの中のバー　更新案内　最新リリース*/
.Ttitl_box_short
{
    font-weight: bold;
    background: url( '../images/deal_box_short.gif' ) no-repeat 0 0;

     padding: 3px 0 0 20px; /*［上］［右］［下］［左］*/
    width: 490px;
    height: 27px;
    line-height: 20px; /* 行間20px */
    letter-spacing :5PX;/* 文字と文字のスペース5px */     
    text-align: left;
    margin-top:10px;
    margin-left:0px;
    color:#454545;
    
}
/*TOPの上中の写真*/    
.TtitleImage
{
    font-weight: bold;
    background: url( '../image/main_r1_c2.gif' ) no-repeat 0 0;

     padding: 3px 0 0 20px; /*［上］［右］［下］［左］*/
    width: 490px;
    height: 164px;
    line-height: 20px; /* 行間20px */
    letter-spacing :5PX;/* 文字と文字のスペース5px */     
    text-align: left;
    margin-top:1px;
    margin-left:0px;
    color:#454545;
    
}
/*最新リリース*/
.TtitlelistImage
{
    
   /* background: url( '../image/main_r1_c2.gif' ) no-repeat 0 0; */

     padding: 3px 0 0 0px; /*［上］［右］［下］［左］*/
    width: 490px;
   
    line-height: 10px; /* 行間20px */
    letter-spacing :1PX;/* 文字と文字のスペース5px */     
    text-align: left;
    margin-top:1px;
    margin-left:0px;
    color:#ffffff;
    
}
    

.Tpicture
{
    float: left;
    margin: 3px 0 10px 0px; /*［上］［右］［下］［左］*/
    width: 650px;
}
.Tdescription
{
    padding: 0px 0 0 10px;
    margin: 10px 150px 0px 140px;
    text-align: left;
    border-left: solid 1px #e3e3e3;
    color: #555;
}

.Tprices-wrapper
{
    float: right;
    text-align: right;
    position: absolute;
    bottom: 20px;
    right: 5px;
}

.Tprices
{
}
.TproductPrice
{
    color: green;
}
.Tbuttons
{
    padding-top: 20px;
}


.Tproductlistproductdetailbutton
{
    background: url(../images/orange_button_bg.gif) no-repeat 25% 50% rgb(255, 136, 0);
    border: 1px solid rgb(255, 136, 0);
    margin-bottom: 3px;
    color: #FFF;
    text-align: right;
    height: 20px;
    padding: 0 5px 0 5px;
    width: auto;
    overflow: visible;
}
/*
.Tproductlistaddtocartbutton
{
	background: url(../images/grey_button_bg.gif) no-repeat 25% 50% #333;
	border: 1px solid #333;
	margin-bottom: 3px;
	color: #FFF;
	text-align: right;
	height: 20px;
	padding: 0 5px 0 5px;
	width: auto;
	overflow: visible;
}

*/

/* 商品一覧のテーブル*/
.t1
{
    border: 1px solid #dddddd;
    color: #1D5C79;
    width: 325px;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 12px; /* 見出しの文字サイズ */
    text-align: right;
}
/* 商品表題*/
.s1
{
    text-align: right;
    margin: 0px;
    font-size: 12px; /* フォントの大きさ */
    line-height: 12px; /* 行間20px */
    background: url(../images/carttotal_t.jpg) repeat-x bottom;
    border: 1px solid #DDD;
    padding: 5px 1px; /*[上下][左右]*/
    color: #1D5C79;
}
/* 中身(値)*/
.s2
{
    text-align: left;
    margin: 0px;
    font-size: 12px; /* フォントの大きさ */
    line-height: 12px; /* 行間20px */
    border: 1px solid #DDD;
    padding: 5px 1px; /*[上下][左右]*/
    color: #1D5C79;
}
/* 一覧タイトル */
.s3
{
    font-size: 12px; /* ボックスの文字サイズ */
    line-height: 12px; /* 行間20px */
    padding: 5px 3px; /*[上下][左右]*/
    text-align: left;
    font-weight: 400;
    background: url(../images/carttotal_t.jpg) repeat-x bottom;
    border: 1px solid #DDD;
    color: #1D5C79;
}
/*発売日*/
.s4
{
    text-align: right;
    margin: 0px;
    font-size: 12px; /* フォントの大きさ */
    line-height: 11px; /* 行間20px */
    background: url(../images/carttotal_t.jpg) repeat-x bottom;
    border: 1px solid #DDD;
    color: #333;
    padding: 5px 1px; /*[上下][左右]*/
    color: #1D5C79;
}
.s5
{
    text-align: center;
}
/* --- 一覧の写真 --- */
.sphotopoSi
{
    border: 0px solid #ffffff;
    height: 150px;
    width: 120px;
    text-align: center;
}

/* 詳細ページ商品コメント */
.docSi
{
    background-color: #ffffff; /* 背景色 */
    font-size: 12px; /* ボックスの文字サイズ */
    line-height: 15px; /* 行間20px */
    text-align: left;
    color: #626262;
}

/* --- 詳細ページの真ん中 --- */
.sphotopo
{
    border: 0px solid #ffffff;
    vertical-align: top;

    width: 500px;
    text-align: center;
}

/* --- 詳細の右一覧写真 --- */
.sphotopoRight
{
    padding-top: 0px;
    vertical-align: top;
    width: 150px;
    border: 1px solid #DDD;
    text-align:center;
    padding-bottom: 20px;
}

/*左の写真一覧のタイトル*/
.list_photo_title
{
    font-size: 12px;
    line-height: 20px;
    background-color:#e8e8e8;
border: 1px solid #DDD;
    height: 20px;
    color: #454545; 
    vertical-align: top;
    margin-left:2px;
    margin-right:1px;
    margin-top:2px;
    margin-bottom: 10px;
}







/* --- ページャーの位置 --- */
.pagerichi
{
    text-align: left;
    padding-right: 1px;
    padding-left: 10px;
    padding-bottom: 3px;
    padding-top: 1px;
}
/* --- 検索表示文字列 --- */
.searchletter
{
    text-align: left;
    padding-right: 1px;
    padding-left: 10px;
    padding-bottom: 1px;
    padding-top: 1px;
    color: #b42b73;
}
/* --- ボックス --- */
.section
{
    width: 190px; /* ボックスの幅 */
    background-color: #ffffff; /* ボックスの背景色 */
    border: 1px #b3b3b3 solid; /* ボックスの枠線 */
    font-size: 12px; /* ボックスの文字サイズ */
}

/* --- 見出し --- */
.section h2
{
    margin: 0; /* 見出しのマージン */
    padding: 2px 10px; /* 見出しのパディング（上下、左右） */
    background: #b3b3b3 url(head1.gif) repeat-x top; /* 見出しの背景 */
    border-bottom: 1px #c0c0c0 solid; /* 見出しの下枠線 */
    font-size: 12px; /* 見出しの文字サイズ */
    color: #ffffff;
}

/* --- ボックス内の段落 --- */
.section p
{
    margin: 0px 10px; /* 段落のマージン（上下、左右） */
}


.datelistmenu
{
    background: #ffffff;
    width: 159px;
    border: 0px solid #e3dde3; /*メニューごとの枠の色 */ /*周りの枠の色*/
    margin: 0px 0 0 10px;
    position: static;
    top: 5px;
    left: auto;
}
/* --- 左横のSQLで引っ張ったメニュー --- */
.LeftSideMenu
{
    border: 1px solid #DDD;
    padding: 3px 5px 5px 5px; /*［上］［右］［下］［左］*/
    text-align:left;
}


/* ヘッダ部分のグリッド
----------------------------------------------------------- */
.hedGrid
{

    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 1px;
    font-size: 12px; /* 見出しの文字サイズ */
}
.hedGrid th
{
    padding: 4px 0px 4px 2px; /*［上］［右］［下］［左］*/
    color: #1D5C79;
    text-align: right;
    width: 80px;
}
.hedGrid td
{

    padding: 4px 0px 4px 2px; /*［上］［右］［下］［左］*/
    color: #1D5C79;
    text-align: right;
    width: auto;
    width: 50px;
}

/* メールフォームのテーブル
----------------------------------------------------------- */
.mailGrid
{
    border: 1px solid #DDD;
    border-collapse: collapse;
    border-spacing: 0;
    width: 650px;
    margin-bottom: 30px;
    font-size: 12px; /* 見出しの文字サイズ */
    text-align: right;
}
.mailGrid th
{
    background: url(../images/carttotal_t.jpg) repeat-x bottom;
    border: 1px solid #DDD;
    padding: 10px 20px;
    color: #1D5C79;
    width:  200px;
}
.mailGrid td
{
    border: 1px solid #DDD;
    padding: 10px 20px;
    color: #1D5C79;
    width:  450px;
    text-align:left;
}
/* ショッピングカートトータル金額のテーブル
----------------------------------------------------------- */
.carttotal
{
    border: 1px solid #DDD;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 30px;
    font-size: 12px; /* 見出しの文字サイズ */
    text-align: right;
}
.carttotal th
{
    background: url(../images/carttotal_t.jpg) repeat-x bottom;
    border: 1px solid #DDD;
    padding: 10px 20px;
    color: #1D5C79;
    width: 450px;
}
.carttotal td
{
    border: 1px solid #DDD;
    padding: 10px 20px;
    color: #1D5C79;
}

/* ショッピングカートトータル金額のテーブル
----------------------------------------------------------- */
.tbl_cart_confir1
{
    border: 1px solid #DDD;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 30px;
    font-size: 12px; /* 見出しの文字サイズ */
    line-height: 140%;
    text-align: right;
    
}
.tbl_cart_confir1 th
{
    background: url(../images/carttotal_t.jpg) repeat-x bottom;
    border: 1px solid #DDD;
    padding: 10px 20px;
    color: #1D5C79;
    width: 450px;
}
.tbl_cart_confir1 td
{
    border: 1px solid #DDD;
    background-color:#f5f5f5;
    padding: 10px 20px;
    color: #1D5C79;
}
/* ショッピングカート住所入力
----------------------------------------------------------- */
.cartaddress
{
    border: 1px solid #DDD;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 30px;
    font-size: 12px; /* 見出しの文字サイズ */
}
.cartaddress th
{
    background: url(../images/carttotal_t.jpg) repeat-x bottom;
    border: 1px solid #DDD;
    padding: 10px 20px;
    color: #1D5C79;
    width: 16%;
}
.cartaddress td
{
    border: 1px solid #DDD;
    padding: 10px 20px;
    color: #1D5C79;
    width: 84%;
    text-align: left;
    
}

/* パスワード入力
----------------------------------------------------------- */
.cartpasswd
{
    border: 1px solid #DDD;
    border-collapse: collapse;
    border-spacing: 0;
    width: 586px;
    margin-bottom: 30px;
    font-size: 12px; /* 見出しの文字サイズ */
    text-align: center;
}
.cartpasswd th
{
    background: url(../images/carttotal_t.jpg) repeat-x bottom;
    border: 1px solid #DDD;
    padding: 10px 20px;
    color: #1D5C79;
}
.cartpasswds td
{
    border: 1px solid #DDD;
    padding: 10px 20px;
    color: #1D5C79;
    text-align: left;
}

/* 指定郵便局名
----------------------------------------------------------- */
.cartpost
{
    border: 1px solid #DDD;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 30px;
    font-size: 12px; /* 見出しの文字サイズ */
}
.cartpost th
{
    background: url(../images/carttotal_t.jpg) repeat-x bottom;
    border: 1px solid #DDD;
    padding: 10px 20px;
    color: #1D5C79;
    width: 16%;
}
.cartpost td
{
    border: 1px solid #DDD;
    padding: 10px 20px;
    color: #1D5C79;
    width: 84%;
    text-align: left;
}
/* 最終カートのグリッド表示
----------------------------------------------------------- */
.cartGrid
{
    border: 1px solid #DDD;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 30px;
    font-size: 12px; /* 見出しの文字サイズ */
}
.cartGrid th
{
    background: url(../images/carttotal_t.jpg) repeat-x bottom;
    border: 1px solid #DDD;
    padding: 3px 0px 3px 4px; /*［上］［右］［下］［左］*/
    color: #1D5C79;
}
.cartGrid td
{
    border: 1px solid #DDD;
    padding: 3px 0px 3px 4px; /*［上］［右］［下］［左］*/
    color: #1D5C79;
    text-align: left;
}
/* 詳細ページのグリッド
----------------------------------------------------------- */
.detailsGrid
{
    border: 1px solid #DDD;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 30px;
    font-size: 12px; /* 見出しの文字サイズ */
}
.detailsGrid th
{
    background: url(../images/carttotal_t.jpg) repeat-x bottom;
    border: 1px solid #DDD;
    padding: 5px 0px 5px 10px; /*［上］［右］［下］［左］*/
    color: #1D5C79;
    width: 100px;
}
.detailsGrid td
{
    border: 1px solid #DDD;
    padding: 5px 0px 5px 10px; /*［上］［右］［下］［左］*/
    color: #1D5C79;
    text-align: left;
    width: auto;
}
/* 真ん中の2列のリスト表示ページのグリッド
----------------------------------------------------------- */
.detailNakaGrid
{
    border: 1px solid #DDD;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 30px;
    font-size: 12px; /* 見出しの文字サイズ */
}
.detailsGrid th
{
    background: url(../images/carttotal_t.jpg) repeat-x bottom;
    border: 1px solid #DDD;
    padding: 5px 0px 5px 10px; /*［上］［右］［下］［左］*/
    color: #1D5C79;
    width: 100px;
}
.detailsGrid td
{
    border: 1px solid #DDD;
    padding: 5px 0px 5px 10px; /*［上］［右］［下］［左］*/
    color: #1D5C79;
    text-align: left;
    width: auto;
}
/*TOP 料金*/
.topstylexx {
   border: 0px solid #DDD;
    padding: 1px 0px 3px 4px; /*［上］［右］［下］［左］*/
    color: #1D5C79;
    text-align: left;
    font-size: 12px; 
    margin-bottom: 10px;
    margin-top:10px;
    
}
.topbox
{
    border: 1px solid #DDD;
    border-collapse: collapse;
    border-spacing: 0;
    width: 490px;
    margin-bottom: 10px;/* 下の余白 */
    margin-top:10px;/* 上の余白 */
    
    font-size: 12px; /* 見出しの文字サイズ */
}
.topbox th
{
    background: url(../images/carttotal_t.jpg) repeat-x bottom;
    border: 1px solid #DDD;
    padding: 3px 0px 3px 4px; /*［上］［右］［下］［左］*/
    color: #1D5C79;
}
.topbox td
{
    border: 1px solid #DDD;
    padding: 3px 0px 3px 4px; /*［上］［右］［下］［左］*/
    color: #1D5C79;
    text-align: left;

}


SPAN.rs
{
    font-size: 10px;
    color: #ff0000;
}
.text10
{
    font-size: 10px;
}
.text12
{
    font-size: 12px;
}


/*入力欄ラベル*/
TD.td_cart_label
{
    background-color: #31CECE;
    color: #ffffff;
    font-size: 12px;
}
TD.td_cart_label_sp
{
    background-color: #FF6B00;
    color: #ffffff;
    font-size: 12px;
}

/*入力フォーム*/
INPUT.input_text
{
    background-color: #ffffff;
   
    height: 18px;
    width: 114px;
}

INPUT.input_passwd
{
    background-color: #ffffff;

    height: 18px;
    width: 114px;
}


A.good_link:link
{
    font-size: 12px;
    color: #666666;
    text-decoration: none;
}
A.good_link:visited
{
    font-size: 12px;
    color: #666666;
    text-decoration: none;
}
A.good_link:active
{
    font-size: 12px;
    color: #666666;
    text-decoration: none;
}
A.good_link:hover
{
    font-size: 12px;
    color: #FFFF00;
    text-decoration: underline;
    background-color: #33CCCA;
}
.s
{
    font-size: 10px;
    color: #ff8a05;

    
}
.y
{
    font-size: 10px;
    color: #ff8a05;

    
}
/*右のフレームの上スペース*/
.righttopspace
{
	text-align: left;
    padding-right: 1px;
    padding-left: 10px;
    padding-bottom: 3px;
    padding-top: 1px;
}

/*メーカー写真名前部分*/
.picName
{
    text-align:center;
    font-size: 10px; 

}