@charset "utf-8";

html{ background:url(products/bg_html.jpg) 50% 0 no-repeat;}
div#wrap{ background:url(products/bg_wrap.jpg) 0 0 no-repeat;}

div#contarea{ padding-top:96px;}
div#contarea div#yuki_area{ width:470px; float: left; display:inline;}
div#contarea div#rina_area{ width:470px; float: right; display:inline;}

div#contarea div.specarea{ background:url(products/bg_specarea.gif) 0 0 no-repeat; width:407px; margin-left:33px; text-align:left;}
div#contarea div.specarea dl{ margin: 0 0 0 34px; width:339px; font-size:70%;; line-height:110%;}
div#contarea div.specarea dt{ width:90px; float:left; text-align:right; color: #66C; background:#eaf7ff; padding: 3px 0;}
div#contarea div.specarea dd{ width:240px; float:right; padding: 3px 0;}
div#wrap div#contarea div.specarea p.cb{ margin:2px 0; padding-top:2px; size: auto; line-height:100%;}

div#contarea div#yuki_area  div.specarea h3{ background:url(products/stt_yuki.gif) 0 0 no-repeat; width:359px; height:40px; text-indent:-999em; margin-left:24px; margin-bottom:14px;}
div#contarea div#rina_area  div.specarea h3{ background:url(products/stt_rina.gif) 0 0 no-repeat; width:359px; height:40px; text-indent:-999em; margin-left:24px; margin-bottom:14px;}

ul#mainmenu {}
ul#mainmenu li { width:117px; height:24px; position: absolute; text-indent: -999em; z-index:50;}
ul#mainmenu li a{ width:117px; height:24px; overflow: hidden;}
ul#mainmenu li.m1{ top:20px; left:698px;}
ul#mainmenu li.m2{ top:45px; left:678px;}
ul#mainmenu li.m3{ top:70px; left:658px;}
ul#mainmenu li.m4{ top:20px; left:820px;}
ul#mainmenu li.m5{ top:45px; left:800px;}
ul#mainmenu li.m6{ top:70px; left:780px;}

ul#mainmenu li.m1{ background: url(common/btn_mainmeu.gif) 0 0 no-repeat;}
ul#mainmenu li.m2 a{ background: url(common/btn_mainmeu.gif) -117px -24px no-repeat; display: block;}
ul#mainmenu li.m2, ul#mainmenu li.m2 a:hover{ background: url(common/btn_mainmeu.gif) -234px -24px no-repeat;}
ul#mainmenu li.m3{ background: url(common/btn_mainmeu.gif) 0 -48px no-repeat;}
ul#mainmenu li.m4{ background: url(common/btn_mainmeu.gif) 0 -72px no-repeat;}
ul#mainmenu li.m5{ background: url(common/btn_mainmeu.gif) 0 -96px no-repeat;}
ul#mainmenu li.m6 a{ background: url(common/btn_mainmeu.gif) -117px -120px no-repeat; display: block;}
ul#mainmenu li.m6 a:hover{ background: url(common/btn_mainmeu.gif) -234px -120px no-repeat;}

div#contarea div.drs_area{ width:280px; float: left; display:inline; padding-top:12px;}
div#contarea div.drs_area div.specarea{ background:url(products/bg_specarea_drs.gif) 0 0 no-repeat; width: 280px; margin-left:0; text-align:left;}
div#contarea div.drs_area div.specarea dl{ margin: 1px 0 1px 22px; width: 236px; font-size:70%;; line-height:110%;}
div#contarea div.drs_area div.specarea dt{ width:60px; float:left; text-align:right; color: #66C; background:#eaf7ff; padding: 3px 0;}
div#contarea div.drs_area div.specarea dd{ width:171px; float:right; padding: 3px 0;}


div#wrap_drs{ background:url(../products/bg_wrap_drs.jpg) 0 0 no-repeat; width: 940px; position: relative; margin:0 auto;}
div#contarea div.drs_area div.specarea{ background:url(../products/bg_specarea_drs.gif) 0 0 no-repeat; width: 280px; margin-left:0; text-align:left;}

div#drs1{ margin-left:50px;}

ul#select{ position: absolute; top:55px; left:180px; z-index:10; background:url(../products/btn_select.png) 0 0 no-repeat; width:228px; height:27px;}
ul#select li{ float:left; display: inline; height: 27px; text-indent: -999em;}
ul#select li.m1 { width:130px;}
ul#select li.m2 { width:98px;}
ul#select li.m1 a{ background:url(../products/btn_select.png) 0 -27px no-repeat; width:130px; height: 27px; display: block; overflow:hidden;}
ul#select li.m2 a{ background:url(../products/btn_select.png) -130px -27px no-repeat; width:98px; height: 27px; display: block; overflow:hidden;}
ul#select li.m1 a:hover{ background:url(../products/btn_select.png) 0 0 no-repeat; width:130px;}
ul#select li.m2 a:hover{ background:url(../products/btn_select.png) -130px 0 no-repeat; width:98px;}

div#drs1 div.specarea h3{ background:url(products/stt_drs1.gif) 0 0 no-repeat; width:246px; height:40px; text-indent:-999em; margin-left:17px; margin-bottom:14px;}
div#drs2 div.specarea h3{ background:url(products/stt_drs2.gif) 0 0 no-repeat; width:246px; height:40px; text-indent:-999em; margin-left:17px; margin-bottom:14px;}
div#drs3 div.specarea h3{ background:url(products/stt_drs3.gif) 0 0 no-repeat; width:246px; height:40px; text-indent:-999em; margin-left:17px; margin-bottom:14px;}

#btn_preorder{ text-align:center; padding:10px 0;}