@charset "UTF-8";

/* contents ------------------------------------- */

#products #productstitle{ clear:both; border-bottom:5px solid #ff5092; padding:0 0px 5px 5px; }
#products #productstitle h5{ color:#ff5092; font-size:150%; margin:0; padding:0; float:left; }
#products #productstitle #prbanner{ float:right; }
#products #productstitle #prbanner img{ margin-left:5px; }
#products #probody{ clear:both; margin:15px 0 0 5px; }
#products #probody #contsleft{ float:left; width:390px; margin:0; }

* html #products #probody #contsleft table#summary,
* html #products #probody #contsleft table#proprice{ font-size:100%; line-height:150%; }
#contsleft table#summary{ margin:15px 0 0; }
#contsleft table#summary td{  text-align:left; }
#contsleft table#summary td.left{ background:#d3d3b8; width:110px; padding:7px 10px; }
#contsleft table#summary td.right{ border-bottom:1px solid #d3d3b8; border-top:1px solid #d3d3b8; padding:7px 10px; }

#contsleft table#proprice{ margin:25px 0 0; }
#contsleft table#proprice td{ text-align:left; }
#contsleft table#proprice td.left{ background:#ff5192; width:110px; color:#FFFFFF; border-bottom:1px solid #FFFFFF; padding:7px 10px; }
#contsleft table#proprice td.right{ padding:0 0 0 10px; }
#contsleft table#proprice td.right dl{ margin:-5px 0 0; width:250px; }
#contsleft table#proprice td.right dl dt{ background:#ff5092; color:#FFFFFF; font-size:116.7%; padding:5px 10px; margin:5px 0 0; }
#contsleft table#proprice td.right dl dd{ margin:0; padding:5px 0; text-align:right; color:#ff5092; background:url(../s03_product/images/dotline.gif) repeat-x bottom; }
#contsleft table#proprice td.right dl dd .price{ font-weight:bold; padding-left:5px; font-size:150%; font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif; }
#contsleft table#proprice td.right dl dd .green{ font-weight:bold; color:#6eb300; font-size:133.4%; padding-top:5px; font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif; }
#contsleft table#proprice td.right dl dd .green img{ margin-right:5px; }
#contsleft table#proprice td.right dl dd .tyumoku{ float:left; width:74px; }
#contsleft table#proprice select{ margin-right:3px; }
#contsleft table#proprice td select.monthday{ margin-left:3px; }

#contsleft #underbtn{ background:url(../s03_product/images/dotline.gif) repeat-x bottom; margin:20px 0; padding:0 0 5px; }
#contsleft #underbtn .right{ float:right; width:187px; }
#contsleft #underbtn .left{ float:left; width:187px; }
#contsleft #underbtn img{ margin-bottom:5px; }


#photoright{ float:left; width:302px; margin:0 0 0 23px; }
#photoright ul.thumbnail{ margin:0; }
#photoright ul.thumbnail li{ float:left; margin:0 0 9px 9px; padding:0; display:inline; }

#contsleft table#proprice td.padplus{ padding:7px 10px; }
.ppupicon{ background:url(../s03_product/images/icon_ppup.gif) no-repeat left center; padding-left:1.2em; }

/* POPUP WINDOW -------- */
#ppup .paragraph{ padding-bottom:1.5em; }
#ppup .paragraph_txt{ width:500px; text-align:left; padding:1.5em 0; margin:0 auto; }
#ppup .close{ clear:both; padding:1em; }
#ppup .closebar{ clear:both; width:524px; padding:1em 0; border-top:1px solid #b2b2b2;  margin:0 auto; }
#ppup .record_stage{ width:524px; padding-bottom:20px; margin:0 auto; }
#ppup .record_stage .photo{ float:left; }
#ppup .record_stage .data{ float:right; width:360px; text-align:left; }
#ppup .record_stage .data .name{ font-size:16px; color:#ff5092; border-bottom:5px solid #ff5092; }
#ppup .record_stage .data ul{ margin:10px 0; }
#ppup .record_stage .data ul li{ padding:5px; border-bottom:1px solid #ffbdd6; }
#ppup .record_stage .data ul li.odd{ background:#ffecf3; }
#ppup .record_stage .data2{ float:right; width:524px; text-align:left; }
#ppup .record_stage .data2 .name{ font-size:16px; color:#ff5092; border-bottom:5px solid #ff5092; }
#ppup .record_stage .data2 ul{ margin:10px 0; }
#ppup .record_stage .data2 ul li{ font-size:14px; padding:5px; border-bottom:1px solid #ffbdd6; }



/* search ----------------------------------------------- */
#searchlog{ clear:both; background:url(../s03_product/images/pinkstrip.gif); padding:7px 10px; }
#searchlog.marbot15{ margin-bottom:15px; }
#searchlog.martop15{ margin-top:15px; text-align:right; }
#searchlog #right{ float:right; }
#searchlog #right select{ width:100px; }
#searchlog #right img{ vertical-align:top; margin-left:2px; }

#searchloglink{ border-bottom:1px solid #ff5092; color:#ff4889; padding-bottom:3px; }
#searchloglink a.log,
#searchloglink span.log{ padding:0 3px; }
#searchloglink .next,#searchloglink .prev{ vertical-align:bottom; }
#searchloglink .prev{ margin:0 25px 0 0; }
#searchloglink .next{ margin:0 0 0 25px; }
#searchloglink.botoms{ text-align:right; border-bottom:none; border-top:1px solid #ff5092; padding-top:3px;  }
* html table#searchresult,
* html table#searchprice{ font-size:100%; line-height:150%; }

table#searchresult{ margin:15px 0; }
table#searchresult td{ }
table#searchresult td.left{ background:url(../s03_product/images/dot2.gif) repeat-x bottom right; padding:10px 10px 10px 0px; }
table#searchresult td.right{ background:url(../s03_product/images/dot.gif) repeat-x bottom left; padding:10px 0px 10px 10px; }
table#searchresult td.noneleft{ padding:10px 10px 10px 0px;background:url(../s03_product/images/dot3.gif) repeat-y right bottom; }
table#searchresult td.noneright{  padding:10px 0px 10px 10px; }
table#searchresult a.thumbnail{ margin:0 10px 0 0; }
table#searchresult h6{ font-size:116.7%; margin:5px 0; padding-bottom:5px; background:url(../images/pinkdot.gif) repeat-x bottom; }
table#searchresult .pink{ color:#ff5092; font-weight:bold; font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif; }
table#searchprice{ margin:2px 0 5px; }
table#searchprice td{ padding:2px 5px; line-height:130%; font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif; }
table#searchresult .green{ color:#6eb300; font-weight:bold; font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif; }

/* login ---------------------------------------------------- */
#systemcontents #loginform{ width:364px; float:left; margin-left:90px; display:inline; }
#systemcontents #loginform .logincontents{ background:url(../s07_login/images/logintb_bg.gif) repeat-x bottom #eeeeee; border-left:1px solid #aeaeae; border-right:1px solid #aeaeae; }
#systemcontents #loginform .logincontents .dot{ background:url(../s07_login/images/logintb_bgdot.gif); margin:0 7px; min-height:261px; height:auto !important; height:261px; }
#systemcontents #loginform .logincontents h6,#systemcontents #firstform .bg h6{ margin:0 0 5px; }
* #systemcontents #loginform .logincontents table{ font-size:100%; }
#systemcontents #loginform .logincontents table{ margin:10px 0; }
#systemcontents #loginform .logincontents table td{ padding:4px 0; color:#000000; }
#systemcontents #loginform .logincontents table td input{ width:170px; }
#systemcontents #loginform .logincontents table td input.none{ border:none; width:auto; }

#systemcontents #firstform{ width:364px; float:left; margin-left:10px; }
#systemcontents #firstform .bg{ border-left:1px solid #aeaeae; border-right:1px solid #aeaeae; min-height:261px; height:auto !important; height:261px; }
#systemcontents #firstform .btn{ margin-top:105px; margin-bottom:5px; }
#systemcontents #loginform .btn{ margin-bottom:5px; }

#systemcontents .attention { text-align:left;}

#systemcontents #path { margin-bottom:10px; text-align:left; }
#systemcontents #path a{ color:#ff5092;  }

#regist{ text-align:left; }
#regist dl{ margin:10px 0 20px; background:#e6e6e6; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; }
#regist dl dt{ padding:10px; border-top:1px solid #cdcdcd; width:200px; _width:222px; float:left; }
#regist dl dd{ background:#FFFFFF; border-left:1px solid #cdcdcd; border-top:1px solid #cdcdcd; padding:10px; margin:0; float:left; width:666px; _width:685px; }
#regist dl dd input{ margin-right:10px; padding:3px; }
#regist .btns{ text-align:right; clear:both; }
#regist .btns a{ margin-left:10px; }
#regist input.btn{ width:125px; }



/* cart ----------------------------------------------------- */

#cartcontents{ text-align:left; }
#cartcontents #cartmenu{ height:42px; background:url(../s08_cart/images/cart_bg.gif); margin:0 0 15px; }
#cartcontents #cartmenu ul{ margin:0; padding:5px; }
#cartcontents #cartmenu ul li{ margin:0; float:left; }


#cartcontents h5{ margin:0 0 10px; }
* html #cartcontents table#carttable{ font-size:75%; }
#cartcontents table#carttable td{ background:#FFFFFF; padding:10px; text-align:center; }
#cartcontents table#carttable td.title{ background:#e6e6e6; color:#000000; }
#cartcontents table#carttable td input.number{ text-align:right; width:30px; }
#cartcontents table#carttable td.pink{ color:#ff4889; }
#cartcontents table#carttable td.left{ text-align:left; }
#cartcontents table#carttable td.orange{ color:#ff750f; }
#cartcontents table#carttable td.bge6{ background:#e6e6e6; }
#cartcontents table#carttable td a{ color:#8b195e; background:url(../s08_cart/images/arr.gif) no-repeat 0 5px; padding-left:10px; }
#cartcontents #buybtn{ margin:20px 0 0; text-align:right; }
#cartcontents #buybtn img{ margin-left:15px; }

#cartcontents dl{ margin:20px 0 5px; background:#e6e6e6; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; }
#cartcontents dl dt{ padding:10px; border-top:1px solid #cdcdcd; width:200px; _width:222px; float:left; }
#cartcontents dl dt.wide{ width:866px; _707px; }
#cartcontents dl dd{ background:#FFFFFF; border-left:1px solid #cdcdcd; border-top:1px solid #cdcdcd; padding:10px; margin:0; float:left; width:666px; _width:685px; }
#cartcontents dl dd input{ margin-right:10px; padding:3px; }
#cartcontents input.btnwide{ width:125px; }
#cartcontents strong.large{ font-size:130%; }
@media print {
* html #cartcontents dl dd{ width:684px; }
}

.contact_cont{ width:498px; height:85px; margin:0; background:url(../s08_cart/images/base.gif) no-repeat; }
.contact_cont h6{ margin:0; padding:4px 4px 0; }
.contact_cont .tel{ float:left; margin:0 0 0 22px; }
.contact_cont ul{ float:left; margin:0 0 0 18px; }
.contact_cont ul li{}
.contact_cont ul li.mail{ color:#ff4889; }
.contact_cont ul li img{ margin:0 5px 0 0; vertical-align:middle; }

/* favorite ----------------------------------------------------- */
#mypage{}
#mypage .box{ width:288px; height:176px; float:left; background:url(../mypage/images/btn_bg.gif) repeat-y 0 39px;}
#mypage .box.left{ margin-right:22px;}
#mypage .box.right{ margin-right:1px;}
#mypage .box p {padding:10px 20px; text-align:left; height:53px;}


#products.favorite #path { margin-top:30px; margin-bottom:10px; padding-left:5px; }
#products.favorite #path a { color:#ff5092;  }

#products.favorite #pagelinkitem{ background:url(../s03_product/images/pinkstrip.gif) repeat left top; padding:7px 10px; margin-bottom:15px; }
#products.favorite #pagelinkitem span{ color:#F00; }
#products.favorite #pagelink{ border-bottom:1px solid #ff5092; padding-bottom:3px; }
#products.favorite #pagelink img{ vertical-align:bottom; }
#products.favorite #pagelink a,#products.favorite #pagelink span{ padding:0 3px; }
#products.favorite #pagelink .prev{ margin-right:25px; padding:0; }
#products.favorite #pagelink .next{ margin-left:25px; padding:0; }

#products.favorite .delete{ margin:5px 0; }

#products.favorite .list{ margin:5px 0; }
#products.favorite .list table th,
#products.favorite .list table td{ _font-size:75%; }
#products.favorite .list table tr.odd{ background-color:#ffecf5; }
#products.favorite .list table tr.even{}
#products.favorite .list table th{ background-color:#ff69ad; color:#FFF; padding:5px; font-weight:normal; text-align:center; border-right:1px solid #FFF; }
#products.favorite .list table td{ padding:5px; border-right:1px solid #ffc8e2; }
#products.favorite .list table td.name{ border-bottom:1px solid #ffc8e2; }
#products.favorite .list table .last{ border-right:none; }
#products.favorite .list table td a,#products.favorite .list table td strong{ color:#ff5092; }
#products.favorite .list table td.check{ border-right:#ffc8e2; }
#products.favorite .list table input.check{ border:none; }


/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
#products #productstitle:after,
#photoright:after,
#cartcontents:after,
dl:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
#products #productstitle,
#photoright,
#cartcontents,
dl{ display:inline-table; zoom:1; }
/* Mac IE には適用させない \*/
* html #products #productstitle,
* html photoright,
* html #cartcontents,
* html dl{ height:1px; zoom:1; }
#products #productstitle,
#photoright,
#cartcontents,
dl{ display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */