@charset "utf-8";
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe { margin: 0; padding: 0;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;font-family: \5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif; }




/*=====>> navi css <<=====*/
#headerwrap{ width:1000px; margin:0 auto;height:155px;/*position: relative; z-index:1;*/}

#headerwrap h1{ width:250px; float:left; background: url(../img/icon/songmama.png) no-repeat left bottom;text-indent:-9999em; height:155px;}
#headerwrap h1 a{ width:250px; height:135px; display:block; text-indent:-9999em;}
#headerwrap h1 a:hover{width:250px; height:135px; display:block; text-indent:-9999em; }
nav{ width:700px; padding-top:25px;float:left;z-index:999; position:relative;}
nav ul{}
nav li{ list-style:none; float:left;}
.wrange li{display: block; height:100px; }
.wrange a.btn{display:block; height:30px; text-indent:-9999em;}
.vline li{display: block; height:35px;width:5px; display:block; }

nav li.width01{ width:125px;}
nav li.width02{width:100px;}
nav li.width03{width:80px;}
#bgwrap{ display:none;}
.navi div.allwrap{position:relative; width:0; height:0;}
.toplink{ width:120px; float:right; padding-top:0px; }
.toplink ul{right:0px; /*position:absolute;*/}
.toplink li{ list-style:none; float:left; margin-left:0px;}


.toplink li.toplogwrap{width:120px;}
.toplink li.toplogwrap span.leftcircle{ width:80px; background:url(../img/icon/icon-log-left.png) no-repeat left top; display:block; float:left; height:29px;text-indent:-9999em; margin-bottom:2px;}
.toplink li.toplogwrap span.leftcircle:hover{ width:80px;height:29px;cursor:pointer; text-indent:-9999em;background:url(../img/icon/icon-log-left-on.png) no-repeat left top; }
.toplink li.toplogwrap span.midbg{ background:url(../img/icon/icon-log-mid.png) repeat-x left top; color:#fff; font-size:11px;display:block; float:left;height:29px;}
.toplink li.toplogwrap span.midbg a{ color:#fff; text-decoration:none;}
.toplink li.toplogwrap span.midbg a:hover{ color:#FFFF00; text-decoration:none;}
.toplink li.toplogwrap span.rightcircle{ background:url(../img/icon/icon-log-right.png)no-repeat left top; width:10px;display:block; float:left;height:29px;}


.toplink li.shopcart{ height:29px;display:block; text-align:right;color:#fff; font-weight: bold;font-size:11px; width:100px; text-align:right; padding-right:25px;}
.toplink li.shopcart a{ color:#fff; text-decoration:none; display:block;background:url(../img/icon/icon-topshop.png) no-repeat 0 0; width:100px; padding-right:25px; }
.toplink li.shopcart a:hover{ display:block; color:#FFFF00;background:url(../img/icon/icon-topshop-on.png) no-repeat 0 0;width:100px;  padding-right:25px; }
.toplink li.shopcart a:hover, .toplink li.toplogwrap span.midbg a:hover{ }
.toplink li.toplogin:hover, .toplink li.toplogout:hover, .toplink li.shopcart-n:hover, .toplink li.shopcart-y:hover{filter:alpha; filter:alpha(Opacity=75, Style=0);-moz-opacity:0.7;opacity: 0.7;cursor:pointer}

/*=====>> index css <<=====*/

#index-headerwrap{ width:1000px; margin:0 auto;height:155px;position: relative; z-index:1;}

#index-headerwrap h1{ width:250px; float:left; background: url(../img/icon/songbaby-index.png) no-repeat left bottom;text-indent:-9999em; height:155px;}
#index-headerwrap h1 a{ width:250px; height:135px; display:block; text-indent:-9999em;}
#index-headerwrap h1 a:hover{width:250px; height:135px; display:block; text-indent:-9999em; }

#indexcontent-outer{ background:#FCF9EE url(../img/layout/foot-bg.png) repeat-x center bottom ; width:100%; /*overflow:hidden;*/ padding-bottom:130px; z-index:3;}
#indexcontent-outer #contentwrap{width:1000px;margin:25px auto 0 auto;/*overflow:hidden;*/}

#outerwrap header{width:100%; background:url(../img/layout/mainheadbg.jpg) repeat-x center top;height:155px; }


/*=====>> navi events css <<=====*/
.navi div.allwrap div.event0wrap{ width:245px;position:absolute; z-index:999; background-color:#fef8f0;	-webkit-border-radius: 10px;border-radius: 10px; border:1px solid #edd8bf;top:2px; left:-41px; padding:20px 45px 35px 35px;}

.navi div.allwrap div.event0wrap div.firstwrap{}
.navi div.allwrap div.event0wrap div.firstwrap ul{}
.navi div.allwrap div.event0wrap div.firstwrap li{font-size:15px;width:230px;height:40px; border-bottom:1px dotted #ccc;text-align:left; line-height:40px; display:block; margin-left:20px;}
.navi div.allwrap div.event0wrap div.firstwrap li a{color:#231815; text-decoration:none;padding:5px 0 5px 10px;display:block; line-height:40px;}
.navi div.allwrap div.event0wrap div.firstwrap li a:hover{text-decoration:none; color:#b55500; display:block;padding:5px 0 5px 10px; line-height:40px;}





/*=====>> navi events css <<=====*/
.navi div.allwrap div.eventwrap{ width:245px;position:absolute; z-index:999;background-color:#fef8f0; 	-webkit-border-radius: 10px;border-radius: 10px; border:1px solid #edd8bf;top:15px; left:-41px; padding:20px 45px 35px 35px;}

.navi div.allwrap div.eventwrap div.firstwrap{}
.navi div.allwrap div.eventwrap div.firstwrap ul{}
.navi div.allwrap div.eventwrap div.firstwrap li{font-size:15px;width:230px;height:40px; border-bottom:1px dotted #ccc;text-align:left; line-height:40px; display:block; margin-left:20px;}
.navi div.allwrap div.eventwrap div.firstwrap .frist a{color:#231815; text-decoration:none; text-indent:10px;padding:5px 0 5px 10px;display:block;background:url(../images/nav-brandarrow.png) no-repeat left 10px; line-height:40px;}
.navi div.allwrap div.eventwrap div.firstwrap .frist a:hover{text-decoration:none; background:url(../images/nav-brandarrow.png) no-repeat left 10px; color:#b55500; display:block;padding:5px 0 5px 10px; line-height:40px;}

.navi div.allwrap div.eventwrap div.firstwrap .second a{color:#231815; text-decoration:none; text-indent:10px;padding:5px 0 5px 10px;display:block;background:url(../images/nav-brandarrow2.png) no-repeat left 10px; line-height:40px;}
.navi div.allwrap div.eventwrap div.firstwrap .second a:hover{text-decoration:none; background:url(../images/nav-brandarrow2.png) no-repeat left 10px; color:#b55500; display:block;padding:5px 0 5px 10px; line-height:40px;}


/*=====>> navi brand css <<=====*/
.navi div.allwrap div.brandwrap{ width:245px;height:230px;position:absolute; z-index:999;background-color:#fef8f0; 	-webkit-border-radius: 10px;border-radius: 10px; border:1px solid #edd8bf;top:15px; left:-43px; padding:20px 45px 35px 35px;}

.navi div.allwrap div.brandwrap div.firstwrap{}
.navi div.allwrap div.brandwrap div.firstwrap ul{}
.navi div.allwrap div.brandwrap div.firstwrap li{font-size:15px;width:230px;height:40px; border-bottom:1px dotted #ccc;text-align:left; line-height:40px; display:block; margin-left:20px; }
.navi div.allwrap div.brandwrap div.firstwrap li a{color:#231815; text-decoration:none;padding:5px 0 5px 10px;display:block;line-height:40px;}
.navi div.allwrap div.brandwrap div.firstwrap li a:hover{text-decoration:none;color:#b55500; display:block;padding:5px 0 5px 10px; line-height:40px;}



.navi div.allwrap div.momwrap{ width:560px;position:absolute; z-index:999; background-color:#fef8f0;	-webkit-border-radius: 10px;border-radius: 10px; border:1px solid #edd8bf;top:2px; left:-322px; padding:10px;}
.navi div.allwrap div.momwrap div.topwrap{width:560px; margin-bottom:20px; overflow:hidden;  top:15px; left:0px; padding:10px;}
.navi div.allwrap div.momwrap div.topwrap ul{}
.navi div.allwrap div.momwrap div.topwrap li{border-bottom:1px dotted #ccc; font-size:15px; padding:10px 0 10px 0; width:230px; height:28px; background:#fc0; text-align:left;}
.navi div.allwrap div.momwrap div.topwrap li{margin-right:35px; }

.navi div.allwrap div.momwrap div.topwrap li a{color:#231815; text-decoration:none;padding:5px 0 5px 10px;display:block; line-height:30px;}
.navi div.allwrap div.momwrap div.topwrap li a:hover{text-decoration:none; color:#b55500; display:block;padding:5px 0 5px 10px; line-height:30px;}


.navi div.allwrap div.momwrap2{ width:840px;position:absolute; z-index:999; background-color:#fef8f0;	-webkit-border-radius: 10px;border-radius: 10px; border:1px solid #edd8bf;top:2px; left:-500px; padding:10px;}
.navi div.allwrap div.momwrap2 div.topwrap{width:840px; margin-bottom:20px; overflow:hidden;  top:15px; left:0px; padding:10px;}
.navi div.allwrap div.momwrap2 div.topwrap ul{}
.navi div.allwrap div.momwrap2 div.topwrap li{border-bottom:1px dotted #ccc; font-size:15px; padding:10px 0 10px 0; width:230px; height:28px; background:#fc0; text-align:left;}
.navi div.allwrap div.momwrap2 div.topwrap li{margin-right:35px; }

.navi div.allwrap div.momwrap2 div.topwrap li a{color:#231815; text-decoration:none;padding:5px 0 5px 10px;display:block; line-height:30px;}
.navi div.allwrap div.momwrap2 div.topwrap li a:hover{text-decoration:none; color:#b55500; display:block;padding:5px 0 5px 10px; line-height:30px;}