@charset "utf-8";

/*
background =======
*/

#bg{
background:url("../images/hn2011extra_bg.gif");
}

#bg25{
background:url("../images/hn25_bg.gif");
}

/*
wrapper =======
*/

#wrapper{
margin:0 auto;
width:970px;
background-color:#FFF;
}

/*
header =======
*/

#headerSub{
margin:0 auto;
width:950px;
text-align:left;
padding-top:10px;
padding-bottom:20px;
}

#happyHeaderBg{
width:950px;
position:relative;
}

.happyHeader{
width:890px;
overflow:hidden;
margin:0 10px;
padding:20px;
background-color:#FFF;
position:absolute;
clear:both;
top:260px;
}

.happyHeaderLeft{
width:180px;
float:left;
}

.happyHeaderRight{
width:710px;
float:right;
}

.happyHeaderSE{
width:890px;
overflow:hidden;
margin:0 10px;
padding:20px;
background-color:#FFF;
position:absolute;
clear:both;
top:260px;
}

.happyHeaderLeftSE{
width:335px;
float:left;
}

.happyHeaderRightSE{
width:555px;
float:right;
}

/*
Toppage 2011 extra =======
*/

.happy_extra{
width:638px;
overflow:hidden;
padding:20px 0;
clear:both;
}

.happy_extraLeft{
width:315px;
float:left;
}

.happy_extraRight{
width:315px;
float:right;
}

.happy_extraMiddle{
width:362px;
float:left;
}

.happy_extra02{
width:638px;
overflow:hidden;
padding:20px 0;
border-top:#333 solid 1px;
clear:both;
}

.happy_extraRight02{
width:263px;
float:right;
}

/*
Contents 2011 extra =======
*/

.happy_conte{
width:638px;
overflow:hidden;
padding:20px 0;
clear:both;
}

.happy_conteLeft01{
float:left;
}

.happy_conteRight01{
float:right;
}

.happy_conteLeft02{
float:left;
width:200px;
margin-left:50px;
}

.happy_conteRight02{
float:right;
margin-right:50px;
}

.happy_conteLeft03{
float:left;
margin-left:50px;
}

.happy_conteRight03{
float:right;
width:370px;
margin-right:50px;
}

.happy_conteLeft04{
float:left;
margin-left:50px;
}

.happy_conteRight04{
float:right;
width:370px;
margin-right:50px;
}

.happy_conteLeft05{
float:left;
width:50%;
}

.happy_conteRight05{
float:right;
width:50%;
}

.happy_conteLeft06{
float:left;
width:186px;
}

.happy_conteRight06{
float:right;
width:450px;
}

.happy_conteLeft07{
float:left;
width:285px;
background-color:#FFE2AD;
padding:10px;
}

.happy_conteRight07{
float:right;
width:285px;
background-color:#FFE2AD;
padding:10px;
}

.happy_conteLeft08{
float:left;
width:115px;
}

.happy_conteRight08{
float:right;
width:500px;
}

.happy_conte_sumai{
width:618px;
background-color:#FFE2AD;
padding:10px;
}

.happy_conte_dotcom{
width:616px;
overflow:hidden;
clear:both;
border:#3c9d2c solid 1px;
padding:10px;
margin-bottom:20px;
}

.happy_conte_dotcomLeft{
width:300px;
float:left;
border:#F00 solid 1px;
padding:10px;
}

.happy_conte_dotcomRight{
width:280px;
float:right;
}

/*
Toppage vol.25 Winter =======
*/

.happy25{
width:638px;
overflow:hidden;
padding:20px 0;
clear:both;
}

.happy25Left{
width:180px;
float:left;
}

.happy25Right{
width:458px;
float:right;
}

.happy25kado{
width:638px;
overflow:hidden;
margin-bottom:20px;
clear:both;
}

.happy25kado_t {
background:url("../images/hn25_kado_happy_t.gif") no-repeat center top;
padding-top:12px;
}

.happy25kado_m{
background:url("../images/hn25_kado_happy_m.gif") repeat-y;
overflow:hidden;
padding:0 10px;
}

.happy25kado_b {
background:url("../images/hn25_kado_happy_b.gif") no-repeat center bottom;
padding-bottom:12px;
}

.happy25kado02{
width:618px;
overflow:hidden;
clear:both;
}

.happy25kado02Left{
width:180px;
float:left;
}

.happy25kado02Right{
width:340px;
float:right;
}

.happy25kado02Right02{
width:261px;
float:right;
}

.happy25kado03{
width:618px;
overflow:hidden;
clear:both;
}

.happy25kado03Left{
float:left;
}

.happy25kado03Right{
width:118px;
float:right;
padding-top:20px;
}

.happy25qa{
width:638px;
overflow:hidden;
padding:20px 0;
clear:both;
}

.happy25qa table, td, th{
border:#FFF solid 2px;
padding:10px;
}

.happy25qaLeft{
width:116px;
float:left;
}

.happy25qaRight{
width:522px;
float:right;
}

.happy25q{
background-color:#F5D4E7;
white-space:nowrap;
}

.happy25a{
background-color:#EDEADC;
}

/*
Contents vol.25 Winter =======
*/

.happy25conte{
width:618px;
overflow:hidden;
margin-bottom:20px;
clear:both;
}

.happy25conteLeft{
width:300px;
float:left;
}

.happy25conteRight{
width:300px;
float:right;
}

.happy_conte_ba{
width:598px;
background-color:#FFE2AD;
padding:10px;
margin-bottom:10px;
}

/*
class =======
*/

.line{
padding:20px 0;
}

.linepink{
padding:10px 0;
}

.linepinkConte{
padding:5px 0 10px 0;
}

.floatimgLeft{
float:left;
}

.floatimgRight{
float:right;
}

.description{
overflow:hidden;
}

.description02{
overflow:hidden;
width:180px;
float:left;
}

.description03{
overflow:hidden;
text-align:right;
margin-top:10px;
}

.textRight{
text-align:right;
}

.textCenter{
text-align:center;
}

.spaceImgTop{
padding-top:20px;
}

.spaceImgBottom{
padding-bottom:20px;
}

.spaceImgRight{
padding-right:20px;
}

.spaceImgTopBottom10{
padding:10px 0;
}

.spaceTop10{
padding-top:10px;
}

.spaceBottom10{
padding-bottom:10px;
}

.btn{
float:right;
margin-top:190px;
}

.arrow{
float:left;
padding:20px 10px 0 0;
}

.happy_footer{
width:638px;
text-align:center;
}

.purple{
color:#8960BF;
}

.pdf{
vertical-align:middle;
}

/*
footer ===============
*/

#footerSub{
border-bottom:1px solid #CCC;
background:url("../images/footer_bg.jpg") left top repeat-x;
min-height: 84px;
    height: auto !important;
height: 84px;
}