/* トップ画面 */

.bg-img01 { background-image: url(topimg/img01.jpg); background-repeat: no-repeat; background-position: 0% 0%;}
.bg-img04 { background-image: url(topimg/img04.gif); background-repeat: repeat-y; background-position: 0% 0%;}
.bg-img05 { background-image: url(topimg/img05.gif); background-repeat: repeat-x; background-position: 0% 0%;}
.txt-shopname {font-size:14px; line-height:15px; text-align: center; color: #000000; background-color: #ffcf42; border: 0;}
.txt-shopref {font-size:12px; line-height:13px; text-align: left; color: #000000; background-color: #5fff79; border: 0;}
.posi-frame01 {position:absolute; left:670px; top:116; z-index:1;}
.posi-frame02 {position:absolute; left:28px; top:0; z-index:2;}
.posi-tach { position:relative; left:-10px; top:-10px;}

/* ショップ選択画面 */
.bg-ftop { background-image: url(cmnimage/frame_top.gif); background-repeat: no-repeat; background-position: 0% 0%;}
.bg-fmiddle { background-image: url(cmnimage/frame_middle.gif); background-repeat: repeat-y; background-position: 0% 0%;}
.bg-fbottom-l { background-image: url(cmnimage/frame_bottom_l.gif); background-repeat: no-repeat; background-position: 0% 0%;}
.bg-fbottom-r { background-image: url(cmnimage/frame_bottom_r.gif); background-repeat: no-repeat; background-position: 100% 0%;}
.bg-fbottom-c { background-image: url(cmnimage/frame_bottom_c.gif); background-repeat: repeat-x; background-position: 0% 0%;}
.bg-shop { background-image: url(image/img2nd/bg_shop_base.gif); background-repeat: no-repeat; background-position: 0% 0%;}
.txt-shop01 {font-size:16px; line-height:17px; text-align: left; color: #333333; background-color: #ffe97f; border: 0;}
.txt-shop02 {font-size:12px; line-height:14px; text-align: left; color: #000000; background-color: #ffffea; border: 0;}
.posi-shop01 { position:absolute; left:220px; top:150px; z-index:1;}
.posi-shop02 { position:absolute; left:595px; top:150px; z-index:1;}
.posi-shop03 { position:absolute; left:220px; top:265px; z-index:1;}
.posi-shop04 { position:absolute; left:595px; top:265px; z-index:1;}
.posi-shop05 { position:absolute; left:220px; top:380px; z-index:1;}
.posi-shop06 { position:absolute; left:595px; top:380px; z-index:1;}
.posi-shop07 { position:absolute; left:220px; top:495px; z-index:1;}
.posi-shop08 { position:absolute; left:595px; top:495px; z-index:1;}
.posi-reco {position:absolute; left:0px; top:0px; z-index:1;}

/* 商品選択画面 */
#cart a { display : block ; width : 100% ;  color : #d0ffff; text-decoration : none ;}
#cart a:hover { color : #ffffaa; text-decoration : none ;}
.bg-base { background-image: url(image/img3rd/catalog_base.gif); background-repeat: no-repeat;}
.bg-title03 { background-image: url(image/img3rd/title02.gif); background-repeat: no-repeat; background-position: 0% 0%;}
.bg-fbottom-l2 { background-image: url(image/img3rd/frame_bottom_l.gif); background-repeat: no-repeat; background-position: 0% 0%;}
.bg-fbottom-r2 { background-image: url(image/img3rd/frame_bottom_r.gif); background-repeat: no-repeat; background-position: 100% 0%;}
.bg-fbottom-c2 { background-image: url(image/img3rd/frame_bottom_c.gif); background-repeat: repeat-x; background-position: 0% 0%;}
.bg-green-bar-l { background-image: url(image/img3rd/green_bar_l.gif); background-repeat: no-repeat;}
.bg-green-bar-r { background-image: url(image/img3rd/green_bar_r.gif); background-repeat: no-repeat;}
.bg-red-bar-l { background-image: url(image/img3rd/red_bar_l.gif); background-repeat: no-repeat;}
.bg-red-bar-r { background-image: url(image/img3rd/red_bar_r.gif); background-repeat: no-repeat;}
.bg-sq02 { background-image: url(image/img3rd/sqc02.gif);}
.bg-sq04 { background-image: url(image/img3rd/sqc04.gif);}
.bg-sq05 { background-image: url(image/img3rd/sqc05.gif);}
.bg-sq06 { background-image: url(image/img3rd/sqc06.gif);}
.bg-sq08 { background-image: url(image/img3rd/sqc08.gif); background-repeat: repeat-x;}

.txt-shop-title {font-size:18px; line-height:20px; font-weight: bold; text-align: left; color: #ffffff; background-color: #ff9f00; border: 0 groove;}
.txt-menu-g-l { font-size: 12px; line-height: 13px; color: #000000; text-align: left; background-color: #00cf8f; border: 0 none;}
.txt-menu-g-r { font-size: 12px; line-height: 13px; color: #000000; text-align: right; background-color: #00cf8f; border: 0 none;}
.txt-menu-r { font-size: 13px; line-height: 14px; font-weight: bold; color: #ffffff; text-align: center; background-color: #ff7f00; border: 0 none;}
.txt-catalog01 { font-size: 12px; line-height: 20px; color: #333333; text-align: left;}
.txt-catalog02 { font-size: 12px; line-height: 13px; color: #444444; text-align: left; background-color: #ffffff; border: 0 none;}
.txt-catalog03 { font-size: 12px; line-height: 13px; color: #444444; text-align: left; background-color: #ffffff; border: 0 none;}
.txt-counter { font-size: 12px; line-height: 13px; color: #ffffff; text-align: right; background-color: #3f7fff;  border: 1 groove;}
.txt-counter-nolink { font-size: 12px; line-height: 13px; color: #ffffff; text-align: right; background-color: #3fffff;  border: 1 groove;}
.txt-calc01 {font-size:12px; line-height:14px; text-align: left; color: #ffffff; background-color: #333333; border: none;}
.txt-calc02 {font-size:16px; line-height:16px; text-align: right; color: #ffffff; background-color: #007fcf; border: 1 groove;}
.sssn-gray	{ font-size: 11px; line-height: 13px; color: #555555; }
.sssn-silver	{ font-size: 11px; line-height: 13px; color: #aaaaaa; }

.posi-catalog01 { position:absolute; left:190px; top:125px; z-index:1;}
.posi-catalog02 { position:absolute; left:585px; top:125px; z-index:1;}
.posi-catalog03 { position:absolute; left:190px; top:290px; z-index:1;}
.posi-catalog04 { position:absolute; left:585px; top:290px; z-index:1;}
.posi-catalog05 { position:absolute; left:190px; top:455px; z-index:1;}
.posi-catalog06 { position:absolute; left:585px; top:455px; z-index:1;}
.posi-more01 {position:absolute; left:320px; top:170px; z-index:3; visibility: hidden;}
.posi-more02 {position:absolute; left:710px; top:170px; z-index:3; visibility: hidden;}
.posi-more03 {position:absolute; left:320px; top:330px; z-index:3; visibility: hidden;}
.posi-more04 {position:absolute; left:710px; top:330px; z-index:3; visibility: hidden;}
.posi-more05 {position:absolute; left:320px; top:490px; z-index:3; visibility: hidden;}
.posi-more06 {position:absolute; left:710px; top:490px; z-index:3; visibility: hidden;}
.posi-zero-hidden {position:absolute; left:0px; top:0px; z-index:2; visibility:hidden;}
.posi-calc {position:absolute; left:400px; top:150px; z-index:2;}

/* ショッピングカート */
.txt-list-l { font-size: 14px; line-height: 15px; color: #444444; text-align: left; background-color: #ccffff; border: 0 none;}
.txt-list-c { font-size: 14px; line-height: 15px; color: #444444; text-align: center; background-color: #ccffff; border: 0 none;}
.txt-list-r { font-size: 14px; line-height: 15px; color: #444444; text-align: right; background-color: #ccffff; border: 0 none;}
.txt-list-wl { font-size: 14px; line-height: 15px; color: #444444; text-align: left; background-color: #ffffff; border: 0 none;}
.txt-list-wr { font-size: 14px; line-height: 15px; color: #444444; text-align: right; background-color: #ffffff; border: 0 none;}
.txt-list-br { font-size: 14px; line-height: 15px; color: #444444; text-align: right; background-color: #ddffff; border: 0 none;}
.bg-frame-g { background-image: url(cmnimage/frame_g_bottom.gif); background-repeat: no-repeat; background-position: 0% 0%;}
.bg-frame-g-t { background-image: url(cmnimage/frame_g_top.gif); background-repeat: no-repeat; background-position: 0% 0%;}
.bg-txt-ss { background-image: url(image/img0c/line_ligntblue.gif); background-repeat: repeat-x; background-position: 0% 0%; font-size: 12px; line-height: 17px; }
.bg-frame-g-t02 { background-image: url(cmnimage/frame_g_top02.gif);}
.bg-frame-g-t04 { background-image: url(cmnimage/frame_g_top04.gif);}
.bg-frame-g-m { background-image: url(cmnimage/frame_g_middle.gif); background-repeat: repeat-y; background-position: 0% 0%;}
.bg-quant { background-image: url(image/img0c/quant.gif); background-repeat: no-repeat; background-position: 50% 50%;}
.bg-dot { background-image: url(image/img0c/dot_line.gif); background-repeat: repeat-x;  background-position: 50% 50%;}
.posi-quant { position:absolute; left: 544px; top: 1px; z-index:2;}
.posi-del { position:absolute; left: 695px; top: 1px; z-index:2;}
.posi-list0 { position:absolute; left: 220px; top: 150px; z-index:1;}
.posi-list1 { position:absolute; left: 220px; top: 190px; z-index:1;}
.posi-list2 { position:absolute; left: 220px; top: 240px; z-index:1;}
.posi-list3 { position:absolute; left: 220px; top: 290px; z-index:1;}
.posi-list4 { position:absolute; left: 220px; top: 340px; z-index:1;}
.posi-list5 { position:absolute; left: 220px; top: 390px; z-index:1;}
.posi-list6 { position:absolute; left: 220px; top: 440px; z-index:1;}
.posi-list7 { position:absolute; left: 220px; top: 490px; z-index:1;}
.posi-list8 { position:absolute; left: 220px; top: 540px; z-index:1;}

/* ユーザー情報入力 */
.txt-name { font-size: 14px; line-height: 16px; color: #000000; text-align: left; background-color: #dddddd; border: 1 groove;}
.txt-mail { font-size: 12px; line-height: 16px; font-family: Verdana; color: #000000; text-align: left; background-color: #dddddd; border: 1 groove;}
.txt-name2 { font-size: 14px; line-height: 16px; color: #5f5f5f; text-align: left; background-color: #f8f8f8; border: 0 none;}
.txt-zip { font-size: 14px; line-height: 16px; color: #ffffff; text-align: center; background-color: #6f6f6f; border: 0 none;}
.txt-zip2 { font-size: 14px; line-height: 16px; color: #5f5f5f; text-align: center; background-color: #f8f8f8; border: 0 none;}
.txt-input1 { font-size: 14px; line-height: 16px; color: #ffffff; text-align: center; background-color: #333333; border: 0 none;}
.txt-input2 { font-size: 14px; line-height: 16px; color: #000000; text-align: left; background-color: #efefef; border: 1 groove;}
.txt-add { font-size: 14px; line-height: 20px; color: #000000; text-align: left; background-color: #dddddd; border: 1 groove;}
.bg-gbar-c { background-image: url(image/img4th/g_bar_c.gif); background-repeat: repeat-x;}
.bg-gbar-c4 { background-image: url(image/img4th/g_bar_c04.gif); background-repeat: repeat-x;}
.bg-gbetabar-c { background-image: url(image/img4th/gbeta_bar_c.gif); background-repeat: repeat-x;}
.bg-gbetabar-c3 { background-image: url(image/img4th/gbeta_bar_c03.gif); background-repeat: repeat-x;}
.bg-frame-g-m2 { background-image: url(cmnimage/frame_g_middle02.gif); background-repeat: repeat-y; background-position: 0% 0%;}
.bg-bar-g { background-image: url(image/img4th/bar_g_c.gif); background-repeat: repeat-x;}
.bg-bar-o { background-image: url(image/img4th/bar_o_c.gif); background-repeat: repeat-x;}
.bg-ok-bar { background-image: url(image/img4th/add_bar.gif);  background-repeat: repeat-x; background-position: 0% 49%;}
.posi-user { position:absolute; left: 640px; top: 134px; z-index:2; visibility: hidden;}
.posi-trance1 { position:absolute; left: 670px; top: 225px; z-index:1;}
.posi-trance2 { position:absolute; left: 670px; top: 305px; z-index:1;}

/* 最終確認画面 */
.txt-gray { font-size: 13px; line-height: 14px; color: #ffffff; text-align: left; background-color: gray; border: 0 none;}
.txt-silver { font-size: 13px; line-height: 14px; color: #000000; text-align: left; background-color: #eeeeee; border: 0 none;}
.txt-silver2 { font-size: 13px; line-height: 18px; color: #000000; text-align: left; background-color: #eeeeee; border: 0 none;}
.txt-white { font-size: 13px; line-height: 14px; color: #333333; text-align: left; background-color: #ffffff; border: 0 none;}
.txt-white2 { font-size: 13px; line-height: 18px; color: #333333; text-align: left; background-color: #ffffff; border: 0 none;}
.txt-white-r { font-size: 13px; line-height: 14px; color: #333333; text-align: right; background-color: #ffffff; border: 0 none;}
.txt-blue-r { font-size: 13px; line-height: 14px; color: #333333; text-align: right; background-color: #ccffff; border: 0 none;}
.txt-white-c { font-size: 13px; line-height: 14px; color: #333333; text-align: center; background-color: #ffffff; border: 0 none;}
.txt-blue { font-size: 13px; line-height: 14px; color: #000000; text-align: left; background-color: #ddffff; border: 0 none;}
.txt-blue-r { font-size: 13px; line-height: 14px; color: #000000; text-right: left; background-color: #ddffff; border: 0 none;}
.txt-name2 { font-size: 14px; line-height: 16px; color: #5f5f5f; text-align: left; background-color: #f8f8f8; border: 0 none;}

/* THANKS */
.bg-gotop { background-image: url(image/img6th/gotop.gif); background-repeat: no-repeat; background-position: 50% 50%;}
.bg-thanks { background-image: url(image/img6th/thanks02.gif); background-repeat: no-repeat; background-position: 0% 50%;}
.bg-sqo02 { background-image: url(image/img6th/sqo02.gif); background-repeat: repeat-x;}
.bg-sqo04 { background-image: url(image/img6th/sqo04.gif); background-repeat: repeat-y;}
.bg-sqo05 { background-image: url(image/img6th/sqo05.gif);}
.bg-sqo06 { background-image: url(image/img6th/sqo06.gif); background-repeat: repeat-y;}
.bg-sqo08 { background-image: url(image/img6th/sqo08.gif); background-repeat: repeat-x;}