@charset "utf-8";
/* CSS Document */
#visual{    background-image: url("images/visual.jpg");
    background-repeat: no-repeat;
    height: 265px; width:980px}
/*#contentsWrapper{ background-image:url(images/contents_bg.gif);}*/

#h1_index {
    /*background-image: url("images/h1_index.png");*/
	font:30px/30px Arial,Helvetica,"宋体",san-serif; color:#000; font-weight:bold; height:57px
}
.h1ReplaceS_index {
    background-repeat: no-repeat;
    clear: both;
    /*height: 57px;
    text-indent: -9999px; margin-bottom:20px;*/
    width: 726px;
}

#leftArea{margin-left:57px; width:174px; display:inline; background-color:#eeeeee;}


#leftArea ul#leftMenu{background-image:none; width:174px; border:none 0px #333333;}
#leftArea ul#leftMenu2{background-image:none; width:170px; border:none 0px #333333;}
#leftArea #bannerArea{width:174px;}

#bannerArea .banner{padding-bottom:8px; margin-left:4px; margin-right:4px;}
#bannerArea a{display:block; border:1px solid #eeeeee;}
#bannerArea a:hover{border:1px solid #CC0000;}
#bannerArea2 .banner{padding-bottom:8px; margin-left:4px; margin-right:4px;}
#bannerArea2 a{display:block; border:1px solid #eeeeee;}
#bannerArea2 a:hover{border:1px solid #CC0000;}


#leftMenu li{margin:8px 0px; width:174px;}
#leftMenu a.main{text-indent:-9999px; background-repeat:no-repeat; display:block; height:12px; width:174px; padding-top:0px; margin-top:0px; background-position:0px 0px; font-size:1px; line-height:1px;}
#leftMenu a.active{text-indent:-9999px; height:12px; width:174px; background-position:-348px 0px; padding-top:0px; margin-top:0px; background-repeat:no-repeat; font-size:1px; line-height:1px;}
#leftMenu a.main:hover{background-position:-174px 0px;}


#leftMenu2{width:170px; margin-left:auto; margin-right:auto; background-image:url(images/leftmenu_base.png);  border:1px solid #dadada; margin-bottom:15px;}
#leftMenu2 a{display:block; width:170px;}
#leftMenu2 li{margin:10px 0px; width:170px; height:40px;}
#leftMenu2 a.main{text-indent:-9999px; background-repeat:no-repeat; display:block; height:40px; width:170px; padding-top:0px; margin-top:0px; background-position:0px 0px; font-size:1px; line-height:1px;}
#leftMenu2 a.active{text-indent:-9999px; height:40px; width:170px; background-position:-340px 0px; padding-top:0px; margin-top:0px; background-repeat:no-repeat; font-size:1px; line-height:1px;}
#leftMenu2 a.main:hover{background-position:-170px 0px;}

#leftMenu #leftES40{background-image:url(images/left_es40.gif);}
#leftMenu #leftCP800{background-image:url(images/left_cp800.gif);}
#leftMenu #leftCP790{background-image:url(images/left_cp790.gif);}
#leftMenu #leftCP780{background-image:url(images/left_cp780.gif);}
#leftMenu #leftOthers{background-image:url(images/left_others.gif);}
#leftMenu #leftOLD{background-image:url(images/left_old.gif);}
#leftMenu2 #leftBannerSp{background-image:url(images/left_bannersp.gif);}


#happyLink{margin:5px 0px 30px;}
#bannerArea #happyLink a{border:none;}
#happyLink li{margin:8px 0px; width:174px;}
#happyLink a.main{text-indent:-9999px; background-repeat:no-repeat; display:block; height:50px; width:174px; padding-top:0px; margin:0px; background-position:0px 0px; font-size:1px; line-height:1px;}
#happyLink a.active{text-indent:-9999px; background-repeat:no-repeat; display:block; height:50px; width:174px; padding-top:0px; margin:0px; background-position:-348px 0px; font-size:1px; line-height:1px;}
#happyLink a.main:hover{background-position:-174px 0px;}


#leftHappy1{background-image:url(images/left_happy1.png);}
#leftHappy2{background-image:url(images/left_happy2.png);}
#leftHappy3{background-image:url(images/left_happy3.png);}
#leftHappy4{background-image:url(images/left_happy4.png);}
#leftHappy5{background-image:url(images/left_happy5.png);}
#leftHappy6{background-image:url(images/left_happy6.png);}

#specTable {width:100%; border-spacing:10px 5px;}
#specTable td {padding:6px;}


.mgt5 {margin-top:5px;}
.mgt10 {margin-top:10px;}
.mgt15 {margin-top:15px;}
.mgb5 {margin-bottom:5px;}
.mgb10 {margin-bottom:10px;}
.mgb15 {margin-bottom:15px;}
.mgr5 {margin-right:5px;}

#details_xmas01{background-image:url(../special/happylife/enjoy/images/xmas/main02.jpg); background-repeat:no-repeat; width:564px; height:64px; padding:10px;}
#details_xmas01 a{display:block; width:110px; text-indent:-9999px; margin:auto;}
#details_xmas01 a.main{background-image:url(../special/happylife/enjoy/images/xmas/link_btn01.png); width:110px; height:30px; background-position:0px 0px;}
#details_xmas01 a.main:hover{background-image:url(../special/happylife/enjoy/images/xmas/link_btn01.png); width:110px; height:30px; background-position:0px -30px;}


#swf_happyNaviIn{width:564px; height:163px;}

#swf_happylifeBaby1In{width:563px; height:256px; clear:both;}
#swf_happylifeBaby2In{width:563px; height:340px; clear:both;}
#swf_happylifeXmas1In{width:563px; height:311px; clear:both;}
#swf_happylifeXmas2In{width:563px; height:297px; clear:both;}

#swf_happylifeNewyear2{width:563px; height:309px; clear:both; background-image:url(../special/happylife/enjoy/images/newyear/newyear2.jpg);}
#swf_happylifeNewyear1In{width:563px; height:237px; clear:both;}
#swf_happylifeNewyear2In{width:495px; height:294px; clear:both; margin-left:36px;}

#swf_happylifeValentain2{width:563px; height:294px; clear:both; background-image:url(../special/happylife/enjoy/images/valentain/vl2.jpg);}
#swf_happylifeValentain1In{width:563px; height:257px; clear:both;}
#swf_happylifeValentain2In{width:495px; height:294px; clear:both; margin-left:36px;}


#bannerLeft {
    background-color: #F2F2F2;
    float: left;
    margin-top: 0px; width:180px;
}
#bannerLeft li a.none{margin-top:0}
#bannerLeft li a{display:block; width:176px; margin-top:8px; border:1px solid #b0b0b0; float:left}
#bannerLeft li a:hover{ border:1px solid #990000;  }


/* lineup */

#lineup{width:169px; margin-right:11px; margin-bottom:16px; text-align:center; position:relative; float:left}
#lineup a{background-color:#fff; text-decoration:none; float:left; padding-bottom:10px;}
#lineup a:hover{background-color:#eee; text-decoration:none; padding-bottom:10px;}
#zeroMargin{margin-right:0;}
#lineup .pic{padding:5px 0;}
#lineup .pic img{ float:none;}
#lineup .logo{height:40px;}
#lineup ul li{font:12px/1.5 Arial,Helvetica,"宋体",san-serif; color:#000}



/* consume */
#bannerArea{float:left; margin-top:10px; background-color:#eee;}
#bannerArea .banner1{padding-bottom:8px; margin-left:4px; margin-right:4px; float:left;}
#bannerArea a{float:left;}
#happyLink li{float:left;}