@charset "UTF-8";

/* contents ------------------------------------- */
#contents #leftmain{ float:left; width:548px; margin:0 0 20px 15px; display:inline; }
#stage.second #contents #rightmenu{ margin-top:15px; }
#stage.second #contents #leftmain { width:495px; margin:15px 0 50px 38px; _margin-left:19px; display:inline; }
#contents #rightmenu{ float:right; width:161px; }
#contents #leftmain #path{ color:#ff5092; margin:0 0 15px; }
#contents #leftmain #pagetop,#products #pagetop{ text-align:right; clear:both; }
#contents #leftmain #pagetop img,#products #pagetop img{ margin:20px 0 0; }
.martop20{ margin-top:20px; }


/* leftmain ------------------------------------- */
#leftmain h5{ margin:0; }
#leftmain .toposusume{ margin:10px 0 0;  }
#leftmain .toposusume a{ display:block; margin:0 0 5px; }
#leftmain .toposusume a.thumbnail{ margin:0 15px 0 0; }
#leftmain .toposusume td.left{ background:url(../images/pinkdot2.gif) repeat-x bottom right ; padding:10px 10px 10px 0px; width:264px; }
#leftmain .toposusume td.right{ background:url(../images/pinkdot.gif) repeat-x bottom left; padding:10px 0px 10px 10px; width:264px; }
#leftmain .toposusume td.lestleft{ background:none; }
#leftmain .toposusume td.lestright{ background:url(../images/pinkdot3.gif) repeat-y left; }
* html #leftmain .toposusume td table{ font-size:75%; line-height:150%; }
#leftmain .toposusume table td.bottom{ padding-top:7px; }
#leftmain .toposusume table td.bottom .pink{ font-size:116.7%; color:#ff4889; }
#leftmain .toposusume table td.bottom .pink td{ padding-top:1px; font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif; }

#leftmain .oshirase { width:548px; margin:0;}
#leftmain .oshirase dl { float:left; background:url(../common/dotline.gif) repeat-x bottom; margin:0; padding:0;}
#leftmain .oshirase dl dt { width:75px; _width:80px; float:left; color:#ff8a00; padding:5px 0 5px 5px; }
#leftmain .oshirase dl dd { width:468px; float:left; padding:5px 0 5px 0;  margin:0;}
#leftmain .oshirase dl dt.top {padding:0 0 5px 5px; }
#leftmain .oshirase dl dd.top {padding:0 0 5px 0;}

#leftmain .topsystem{ margin:20px 0 0; float:left; }
#leftmain .topsystem td div{ _font-size:75%; _line-height:150%; padding:15px; }
#leftmain .topsystem td div h6{ color:#ff3572; margin:0 0 10px; padding:0; font-size:116.7%; }

#leftmain h5.point{ margin:20px 0 0; }
#leftmain h5.oshirase{ margin:20px 0 5px; }

/* rightmenu ------------------------------------ */
#rightmenu #login{ margin:0 0 5px; text-align:center; background:url(../common/login_topbg.gif); }
#rightmenu #login #comment{ background:url(../common/logintop_whitebg.gif); font-size:83.4%; line-height:140%; padding:5px 15px; text-align:left; }
#rightmenu #kokuchi{ font-size:83.4%; line-height:145%; }

#rightmenu #ranking{ margin:0 0 15px; background:#ffd2e6; }
#rightmenu #ranking h5{ margin:0; }
#rightmenu #ranking table{ _font-size:100%; line-height:140%; }
#rightmenu #ranking td{ background:url(../images/pinkdot.gif) repeat-x bottom; padding:3px 4px 4px; color:#ff4b8c; }
#rightmenu #ranking td #rank{ display:block; margin:0 0 5px; text-align:center; }

#rightmenu #partner{ color:#ff5092; background:url(../common/dotline.gif) repeat-x top; margin-top:10px; padding:5px;}
#rightmenu #partner ul{ margin:0; padding:0;}
#rightmenu #partner ul li { background:url(../images/pt_arr.gif) no-repeat 0 4px; padding-left:15px;}

/* corp --------------------------------------- */

dl.corpguide{ margin:20px 0 0; background:#ff5192; }
dl.corpguide dt{ float:left; margin:0; padding:7px 0 7px 10px; width:80px; _width:90px; color:#FFFFFF; border-top:1px solid #FFFFFF; }
dl.corpguide dd{ float:left; margin:0; padding:7px 15px 7px; width:375px; _width:473px; background:#FFFFFF; border-top:1px solid #FFFFFF; }

dl.privacy{ margin:0; }
dl.privacy dt{ font-weight:bold; color:#ff5092; padding:0 0 5px; border-bottom:1px solid #ff5092; }
dl.privacy dd{ padding:10px 0 20px; margin:0; }
dl.privacy dd ul{ margin:5px 0 0; }
dl.privacy dd ul li{ padding:5px 0 0 17px; text-indent:-17px; }

#shoplist{ width:470px; _width:472px; border-left:1px solid #c1c1c1; border-right:1px solid #c1c1c1; }
h6.shoptitle{ margin:20px 0 0; }
#shoplist table{ } 

#shoplist dl.data{ margin:5px 0 0 5px; width:460px; }
#shoplist dl.data dt{ float:left; width:100px; _width:105px; background:url(../s03_product/images/dotline.gif) repeat-x top; padding:5px 0 0 5px; }
#shoplist dl.data dd{ float:left; width:354px; margin:0; padding:0; background:url(../s03_product/images/dotline.gif) repeat-x top; padding:5px 0; }
#shoplist dl.data dt.top,
#shoplist dl.data dd.top{ background:none; }
.shoplistunder{ clear:both; width:472px; }

#products h5.tokutei{ margin:0; }
* html #products table#tokutei{ font-size:100%; line-height:150%; }
#products table#tokutei{ margin:15px 0 30px; }
#products table#tokutei td{  text-align:left; }
#products table#tokutei td.left{ background:#d3d3b8; padding:7px 10px; }
#products table#tokutei td.right{ border-bottom:1px solid #d3d3b8; border-top:1px solid #d3d3b8; padding:7px 10px; }
#products table#tokutei .list{ margin-left:15px; text-indent:-15px; }
#products table#tokutei hr{ background:url(../s04_common/s_01/dot.gif) repeat-x; border:none; }

/* common ----------------------------------------- */
dl.salespoint{ margin:20px 0 0; }
dl.salespoint dt{}
dl.salespoint dd{ padding:5px 0 10px 5px; margin:0 0 10px; background:url(../common/dot_border.gif) repeat-x bottom; }
dl.salespoint dd img{ float:right; margin-left:10px; }
#shoplist div{ padding:5px 10px 0; }
#shoplist .marleft{ margin-left:7px; }
* html #shoplist table.sales_option{ font-size:100%; line-height:150%; }
#shoplist .sales_option td{ background:url(../common/dot_border.gif) repeat-x bottom; padding:5px 0; }
#shoplist .sales_option td.none{ background:none; }

table.rentalplan{ margin-top:20px; border-bottom:1px solid #c336cc; }
* html table.rentalplan,
* html table.rentalplandot{ font-size:100%; }
table.rentalplandot{ margin:0 0 0 5px; }
table.rentalplandot td{ padding:5px 0; background:url(../common/dotline.gif) repeat-x bottom; }
table.rentalplandot td.dot2{ background:url(../common/dot_border.gif) repeat-x bottom; }
table.rentalplandot td.none{ background:none; }

#rentalflow{ clear:both; width:480px; }
#rentalflow #left{ float:left; width:86px; }
#rentalflow #right{ float:right; width:380px; border-bottom:1px solid #e32c6d; padding-bottom:20px; min-height:120px; height:auto !important; _height:140px; }
#rentalflow #right h6{ margin:25px 0 10px; }

dl.faq{ margin:0; }
dl.faq dt{ margin:20px 0 0; font-weight:bold; height:31px; }
dl.faq dd{ margin:10px 0 0; padding:0 0 20px; background:url(../s04_common/s_05/dot.gif) repeat-x bottom; }
dl.faq dt img,dl.faq dd img{ float:left; }
dl.faq dt div,dl.faq dd div{ width:425px; margin:7px 0 0 15px; float:left; }
dl.faq dd.last{ background:none; }

dl.service{ margin:20px 0 0; }
dl.service dt{}
dl.service dd{ margin:0 0 0 25px; padding:15px 0 10px 0; background:url(../s04_common/s_01/dot.gif) repeat-x bottom; }
dl.service dd p{ padding:0 10px 5px 0; }
dl.service dd .mar{ margin:0 0 10px; }
dl.service dd.last{ margin-bottom:40px; }
dl.service dd.none{ background:none; }

dl.service dd h6{ margin:10px 0 0; padding:11px 0 0; background:url(../s04_common/s_01/dot.gif) repeat-x top; }
dl.service dd h6.top{ padding:15px 0 0; }
* html dl.service dd table#summary{ font-size:100%; line-height:150%; }
dl.service dd table#summary{ margin:10px 0 0; }
dl.service dd table#summary td{  text-align:left; }
dl.service dd table#summary td.left{ background:#d3d3b8; padding:7px 10px 7px 30px; }
dl.service dd table#summary td.right{ border-bottom:1px solid #d3d3b8; border-top:1px solid #d3d3b8; padding:7px 10px; }

dl.service dd .pricelist{ height:85px; background:url(../s05_price/images/list_bg.gif) no-repeat;}
dl.service dd .pricelist table#list { padding-bottom:1px; margin-bottom:20px; }
dl.service dd .pricelist table#list td{ line-height:23px; _line-height:23px; text-align:center; }

dl.service dd .openclose{ background:url(../s05_price/images/fr_mdl.gif) repeat-y; padding-bottom:15px;}
dl.service dd .openclose p{ margin:0 17px; padding:10px 0;}
dl.service dd .openclosebtm { }


#credit{}
#credit h5{ margin:0 0 10px; }
#credit h5.sec{ margin:40px 0 10px; }
#credit .contact_cont{ width:495px; height:85px; margin:0 0 25px; background:url(../s04_common/s_04/mail_base.gif) no-repeat; }
#credit .contact_cont h6{ margin:0; padding:4px 4px 0; background:none; }
#credit .contact_cont .tel{ float:left; margin:0 0 0 22px; }
#credit .contact_cont ul{ float:left; margin:0 0 0 18px; }
#credit .contact_cont ul li{}
#credit .contact_cont ul li.mail{ color:#ff4889; }
#credit .contact_cont ul li img{ margin:0 5px 0 0; vertical-align:middle; }
#credit p{ margin-left:5px; margin-right:5px; }
#credit h6{ margin:0 0 0; padding:5px 0 0; background:url(../s04_common/s_01/dot.gif) repeat-x top; }
#credit .list{ margin:0 5px 1em 20px; text-indent:-15px; }

dl.riyouguide{ margin:0; }
dl.riyouguide dt{ margin:17px 0 0; padding:0 4px; }
dl.riyouguide dd{ margin:0; padding:5px 5px 20px; background:url(../s04_common/s_01/dot.gif) repeat-x bottom;  }
dl.riyouguide dd .list{ margin:0 5px 1em 15px; text-indent:-15px; }
dl.riyouguide dd .flow{ margin:0px; padding:0px;}
dl.riyouguide dd .flow img.st{ margin:10px 0; padding:0px;}
dl.riyouguide dd .flow img.arr{ margin:0 0 5px 0; padding-left:220px;}
dl.riyouguide dd .flow p{ color:#3f9144;}
dl.riyouguide dd.none{ background:none; }

/* contact ------------------------------------ */
dl.contact{}
dl.contact dt{ float:left; width:110px; }
dl.contact dd{ float:left; width:370px; margin:0; }
dl.contact dd div{ margin-bottom:10px; }
dl.contact dd input{ width:200px; }
dl.contact dd textarea{ width:368px; }
.formbtn{ text-align:center; }
.formbtn input{ border:none; padding:5px; }

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