/*title*/
/*div#title{ background-image: url(/common/img/h1_index.jpg); background-repeat: no-repeat; background-position: center bottom; width:1000px; position:relative; height: 340px; clear: left; margin-right: auto; margin-left: auto; }*/
div#title{ background-image: none;  width:1000px; height:310px; clear: left; margin-right: auto; margin-left: auto; }

/*wrapper*/
div#wrap { font-size: 0.8em; line-height: 1.3em; background-image: none; background-position: 0 -3px; }

div#wrap_inner { text-align: left; width: 900px; margin-right: auto; margin-left: auto; overflow:hidden; }
* html div#wrap_inner { height: 1%; } 

div#wrap h2{ position:relative; width:430px; height:40px; margin-top: 10px; margin-bottom: 5px; }
div#wrap h2 span{ background-repeat: no-repeat; background-position: 35px 12px; text-indent: -9999px; width:220px; height:40px; display: block; }
div#wrap h2 a{ color:#f5cc7b; font-size: 10px; font-weight: normal; line-height: 1; background-image: url(/common/img/h2nv_bk.gif); padding-top:6px; padding-left:20px; width:102px; height:16px; display: block; position:absolute; top:10px; right: 10px; }
div#wrap h2 a:hover { color: #ff714e; background-position: 0 -20px; }
div#wrap a { color: #c40000; text-decoration: none; }
div#wrap a:hover { color: #f00; }

/*special banner*/
div.group{ overflow:hidden; }
* html div.group { height: 1%; }


/*special banner*/
div#sec_special {  width:455px; float: left;}
div#sec_special h2{ width:440px; background-image: url(../img/h2_bou1.png); }
div#sec_special h2 span{ background-image: url(../img/h2mj_special.gif);}
div#sec_special ul { width: 450px; float: left; }
div#sec_special ul li { line-height: 0.5; float: left; }
div#sec_special ul li img { line-height: 1; margin: 0; padding: 0; }
/*safety*/
div#sec_safety {  width:440px; float: left;}
div#sec_safety h2{ width:440px; background-image: url(../img/h2_bou1.png); }
div#sec_safety h2 span{ background-image: url(../img/h2mj_factory.gif);}
div#sec_safety a { text-indent: -9999px; overflow: hidden; background-image: url(../img/bt_safety.gif); width:440px; height:115px; display: block; }

/*sec_left*/
div#sec_left {  width:250px; clear: left;float: left;}
div#sec_left h2{ width:240px; background-image: url(../img/h2_bou3.png);}

div#sub_syouhin h2 span{ background-image: url(../img/h2mj_products.gif);}
div#sub_garibu h2 span{ background-image: url(../img/h2mj_garibu.gif);}

div#sub_garibu{ clear:left; }
div#sub_garibu img.qr{ float: left; margin: 10px; }
div#sub_garibu strong{ color:#1f2678; line-height: 1.5; }
div#sub_garibu p.smaller { margin: 3px 7px; font-size: 9px; clear:left;}
div#sub_garibu p.url{ font-size: 14px; font-family: verdana; text-align: center; clear: left; margin: 5px 0px; padding: 5px; border: solid 1px #666; }

div#sub_newitem h3 a{ text-indent: -9999px; overflow: hidden;  width:240px; height: 30px; background-image: url(../img/wk_newitem_01.gif); display: block; }
div#sub_newitem { width:240px; background-image: url(../img/wk_newitem_02.gif); margin-bottom: 20px; }
div#sub_newitem span { width:240px; height: 15px; display: block; background-image: url(../img/wk_newitem_03.gif);}
div#sub_newitem dl a{ color:#000; position:relative; width:214px; height: 100px; display: block; background-image: url(../img/newitem_bk.gif); background-repeat: no-repeat; background-position: 0 0; margin-left: 13px; margin-top: 10px; }
div#sub_newitem dl a img { width: 110px; height: 110px; position: absolute; top: -5px; left: -10px;}
div#sub_newitem dl a dt { color:#d70000; font-size: 0.9em; font-weight: bold; line-height: 1.5;  width: 100px; padding-left: 105px;  padding-top: 25px; }
div#sub_newitem dl a dd { vertical-align: middle; width: 100px; height: 50px; padding-left: 105px; display: table-cell; }
div#sub_newitem dl a dd.strong { font-size: 1.1em; }

div#sub_syohinbtn { height: 100px; margin-left: 2px; }
div#sub_syohinbtn p {float: left;}
div#sub_syohinbtn p a{ width: 118px; height:88px; background-image: url(/common/img/bt_syohin2.gif); text-indent: -9999px; overflow: hidden; display: block; }
div#sub_syohinbtn p.new a{ background-image: url(/common/img/bt_syohin2_new.gif); }
div#sub_syohinbtn p a:hover { background-position: 0 -88px; }

/*sec_mid*/
div#sec_mid {  width:425px; float: left; }
div#sec_mid h2{ width:415px; background-image: url(../img/h2_bou2.png); }

div#sec_mid table{ width: 411px; margin-left: 2px;}
div#sec_mid table td { padding: 3px; vertical-align: middle; border-bottom: 1px solid #ccc; }
div#sec_mid table p { margin: 0; padding: 0; }

div#sub_whatsnew table td {}
/*div#sub_campaign table td { padding: 10px;}*/
div#sub_campaign ul{ width: 411px; margin-left: 2px;}
div#sub_campaign ul li { padding: 10px; border-bottom: 1px solid #ccc; }


div#sec_mid table td.date{ text-align: center; width: 80px; }

div#sub_whatsnew h2 span{ background-image: url(../img/h2mj_whats.gif);}
div#sub_campaign h2 span{ background-image: url(../img/h2mj_campaign.gif);}
div#sub_event h2 span{ background-image: url(../img/h2mj_event.gif);}


/*sec_right*/
div#sec_right {  width:220px; float: left; }
div#sec_right h2{ width:220px; background-image: url(../img/h2_bou4.png); }
div#sub_pickup h2 span{ background-image: url(../img/h2mj_pick.gif);}
div#sub_pickup p{ background-image: url(/common/fla/bt_cm.gif); width: 220px; height: 194px;}

div#sub_pickup #pick_box{background:url(../fla/bt_cm.gif) no-repeat; width:220px; height:194px; position:relative;}
div#sub_pickup #pick_box #pick_img{width:182px; height:136px; position:absolute; left:19px; top:20px;}
div#sub_pickup #pick_box #pick_img .fimg{left:0px; top:0px; position:absolute;}

div#sub_osusume h2 span{ background-image: url(../img/h2mj_osusume.gif);}
div#sub_osusume p a{ margin-bottom: 10px; margin-left: 2px;}
/*div#sub_osusume p a{ color: #666; background-color: #ebebeb; width: 214px; height: 40px; margin-bottom: 10px; margin-left: 2px; border: solid 1px #ccc; display: block; }*/