@charset "utf-8";

a,a:link{ color:#F60; text-decoration:none; }
a:hover,a:active { color:#F90; text-decoration:underline; }
a:visited { color:#F90; text-decoration:none; }

body {
text-align:center;
color:#333;
background: url(https://www.happy-note.com/form/happy/images/bg.jpg) top left repeat-x;
font:14px/1.5 "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","Meiryo","メイリオ", "Osaka", "MS PGothic", arial,helvetica,clean,sans-serif;
line-height:18px;
    *font-size:small;
    *font:x-small;  
}

body.test {
background: url(//happy.happy-note.com/images/bg_test.jpg) top left repeat-x;
}
body.autumn2015 {
background: url(//happy.happy-note.com/2015autumn/bg.jpg) top left repeat-x;
}

/* IE 7に対するフォントの種類 */

*:first-child+html * {
font-family:
"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/* IE 6に対するフォントの種類 */

* html * {
font-family:
"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}


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

#headerHappy {
width:950px;
margin:0 auto;
text-align:left;
}

#headerHappyTop {
height:212px;
margin-left:20px;
}

#headerHappyTop-test {
height:212px;
margin-left:20px;
}

#headerHappyTop-img{
background:url(https://www.happy-note.com/form/happy/images/main_img.jpg) left top no-repeat;
width:406px;
height:212px;
float:left;
display:inline;
margin-left:15px;
}

#headerHappyTop-img-test{
background:url(../images/main_img_test.jpg) left top no-repeat;
width:406px;
height:212px;
float:left;
display:inline;
margin-left:15px;
}
.autumn2015 #headerHappyTop-img{
background:url(//happy.happy-note.com/2015autumn/main_img.jpg) left top no-repeat;
}


* html #headerHappyTop-img{
margin-left:5px;
}

*:first-child+html #headerHappyTop-img{
margin-left:15px;
}

* html #headerHappyTop-img-test{
margin-left:5px;
}

*:first-child+html #headerHappyTop-img-test{
margin-left:15px;
}

#headerHappyTop h1 {
float:left;
width:508px;
height:184px;
margin-top:15px;
display: inline;
}

#headerHappyTop-test h1 {
float:left;
width:508px;
height:184px;
margin-top:15px;
display: inline;
}

#headerHappyBottom{
background:url(//happy.happy-note.com/images/white.gif) bottom left repeat-x;
width:950px;
height:34px;
}


/*
 Global Navi ===============
*/

#gnav_bt{
margin-right:4px;
min-height:33px;
}

#gnav_bt ul{
display:inline;
float:right;
margin:0 ;
padding:0 ;
}

#gnav_bt li{
display:inline;
float:left;
margin-right:5px;
}

#gnav_bt li span{
display:none;
}

#gnav_bt #bt1 a {
display:block;
height:32px;
width:177px;
background-position: 0px 0px;
background-image: url(../images/navi_bt1.jpg);
}
#gnav_bt #bt1 a:hover {
background-position: 0px 32px;
}

#gnav_bt #bt2 a {
display:block;
height:32px;
width:177px;
background-position: 0px 0px;
background-image: url(../images/navi_bt2.jpg);
}
#gnav_bt #bt2 a:hover {
background-position: 0px 32px;
}

#gnav_bt #bt3 a {
display:block;
height:32px;
width:177px;
background-position: 0px 0px;
background-image: url(../images/navi_bt3.jpg);
}
#gnav_bt #bt3 a:hover {
background-position: 0px 32px;
}

#gnav_bt #bt4 a {
display:block;
height:32px;
width:177px;
background-position: 0px 0px;
background-image: url(../images/navi_bt4.jpg);
}
#gnav_bt #bt4 a:hover {
background-position: 0px 32px;
}

#gnav_bt #bt5 a {
display:block;
height:32px;
width:177px;
background-position: 0px 0px;
background-image: url(../images/navi_bt5.jpg);
}
#gnav_bt #bt5 a:hover {
background-position: 0px 32px;
}


#gnav{
margin:5px 0 30px 9px;
min-height:40px;
height:40px;
}

#gnav ul{
display:inline;
}

#gnav li{
display:block;
float:left;
}

#gnav li a{
background-image: url(../images/gnavi.jpg);
}

#gnav li span{
display:none;
}

#gnav #nav1 a {display:block;height:40px;width:187px;background-position: 0px 0px;}
.home #gnav #nav1 a {display:block;height:40px;width:187px;background-position: 0px 0px;}
#gnav #nav1 a:hover {background-position: 0px 40px;}

#gnav #nav2 a {display:block;height:40px;width:186px;background-position: -187px 0px;}
.detail #gnav #nav2 a {display:block;height:40px;width:186px;background-position: -187px 40px;}
#gnav #nav2 a:hover {background-position: -187px 40px;}

#gnav #nav3 a {display:block;height:40px;width:186px;background-position: -373px 0px;}
.present #gnav #nav3 a {display:block;height:40px;width:186px;background-position: -373px 40px;}
#gnav #nav3 a:hover {background-position: -373px 40px;}

#gnav #nav4 a {display:block;height:40px;width:186px;background-position: -559px 0px;}
.picture #gnav #nav4 a {display:block;height:40px;width:186px;background-position: -559px 40px;}
#gnav #nav4 a:hover {background-position: -559px 40px;}

#gnav #nav5 a {display:block;height:40px;width:186px;background-position: -745px 0px;}
.model #gnav #nav5 a {display:block;height:40px;width:186px;background-position: -745px 40px;}
#gnav #nav5 a:hover {background-position: -745px 40px;}


/*
structure ============
*/

#contentsHappy {
padding-top:10px;
width:950px;
margin:0 auto;
text-align:left;
padding-bottom:30px;
background-color:#FFF;
}

* html #contentsHappy {
margin-left:auto;
margin-right:auto;
text-align:center;
zoom: 1;
margin-top:-3px;
}

#contents-secondary-Happy {
width:778px;
margin:0 auto;
text-align:left;
margin-bottom:30px;
}

* html #contents-secondary-Happy {
margin-left:auto;
margin-right:auto;
zoom: 1;
width:750px;
}

#contents-secondary-Happy2 h4{
margin-top:20px;
text-align:center;
}

#contents-secondary-Happy2 {
width:924px;
margin:0 auto;
text-align:left;
margin-bottom:30px;
}

* html #contents-secondary-Happy2 {
margin-left:auto;
margin-right:auto;
zoom: 1;
width:886px;
}

/*
top page ===============
*/


#Catch{
color:#FF3333;
font-size:22px;
line-height:120%;
}

h2.normal{
font-weight:normal;
}

#takefree{
color:#DD328A;
}

#info_Happy{
margin-top:20px;
}

#info_Happy #topleft{
width:272px;
float:left;
display: inline;
}

#info_Happy #topleft #henshu{
text-align:right;
}

#info_Happy #topright{
width:472px;
border:1px solid #CCC;
float:left;
margin-left:15px;
padding:8px;
display: inline;
}

* html #info_Happy #topright{
padding:4px;
width:490px;
margin-left:1px;
}

#info_Happy #topright #hnttl{
float:left;
margin-right:15px;
display: inline;
}

#info_Happy #topright .hn1{
font-size:12px;
}

#info_Happy #hn_inner{
margin-top:15px;
}

#info_Happy #hn_inner #hn_inner_left{
float:left;
width:315px;
display: inline;
}

#info_Happy #hn_inner #hn_inner_left .pink{
color:#D93287;
}

#info_Happy #hn_inner #hn_inner_left .blue{
color:#008F84;
}

#info_Happy #hn_inner #hn_inner_left .orange{
color:#E7601F;
}

#info_Happy #hn_inner #hn_inner_left #link{
width:159px;
height:35px;
background:url(../images/link_bg.jpg) right top no-repeat;
float:right;
text-align:center;
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
display: inline;
}

#info_Happy #hn_inner #hn_inner_left #link #detail_link{
line-height:35px;
}

#info_Happy #hn_inner #hn_inner_left #lifeplan{
font-size:12px;
}

#info_Happy #hn_inner #hn_inner_right{
width:140px;
float:left;
margin-left:5px;
display: inline;
}

#present_Happy{
width:778px;
height:153px;
background:url(../images/present_bg.jpg) left top no-repeat;
margin-top:15px;
padding:18px 35px;
}

#present_Happy #present-left{
width:420px;
float:left;
display: inline;
}

#present_Happy #present-left2{
width:385px;
float:left;
display: inline;
}


#present-detail{
margin-top:10px;
}

#present_Happy #present_ttl{
font-size:16px;
font-weight:bold;
color:#FF6633;
}

#present-link{
width:159px;
height:35px;
background:url(//happy.happy-note.com/images/link_bg.jpg) right top no-repeat;
text-align:center;
margin-top:10px;
margin-bottom:10px;
margin-left:120px;
}

#present-detail_link{
line-height:35px;
}

#faq_Happy{
border-left:5px solid #DB3289;
border-bottom:1px solid #CCC;
height:26px;
padding-left:12px;
padding-top:6px;
font-size:16px;
}

img.qa{
float:left;
margin-right:10px;
display: inline;
}

.question_Happy{
margin-top:15px;
min-height: 30px;
width: 100%;
padding-top:2px;
}

.answer_Happy{
min-height: 30px;
width: 100%;
padding-top:2px;
}

.question-img{
margin-top:5px;
margin-right:10px;
float:left;
display: inline;
}

.question-txt{
float:left;
margin-top:7px;
font-size:14px;
width:720px;
display: inline;
}

.contents_end{
width:100%;
border-top:#CCC 1px dotted;
min-height:100px;
margin-top:20px;
padding-top:20px;
}

.copy{
text-align:center;
margin-top:20px;
}


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

#footerSub{
border-bottom:1px solid #CCC;
background-color:#FFF;
background:url("../images/footer_bg.jpg") left top repeat-x;
}

.gotoPageTop {
width:950px;
text-align:right;
margin:24px auto 5px auto;
background-color:#FFF;
}

* html .gotoPageTop {
margin-left:auto;
margin-right:auto;
zoom: 1;
}


#footer {
border-bottom:1px solid #CCC;
background:url(//www.happy-note.com/common/images/footer_bg.jpg) left top repeat-x;
min-height: 155px;
    height: auto !important;
height: 155px;
background-color:#FFF;
}

.footerList {
clear:both;
width:950px;
text-align:left;
margin:0 auto;
padding:16px 0 0 0;
}
.footerList li {
float:left;
display:inline;
border-right:1px solid #CCC;
padding:0 10px 0 0;
margin:0 10px 8px 0;
white-space:nowrap;
}
.footerList li a:link,.footerList li a:visited { color:#555; text-decoration:none; }
.footerList li a:hover,.footerList li a:active { color:#999; text-decoration:none; }

.copyright{
background:url("../images/copy_bg.gif") left top repeat-x;
padding:20px 0;
}

.copyrightText {
width:950px;
text-align:left;
margin:0px auto;
color:#555;
}

#footer_banner{
}

#footer_banner ul{
text-align:center;
}

#footer_banner li{
display:inline;
}

#footer_banner .banner1 {
margin-right:10px;
}


/*
detail ============
*/

#contents_name{
float:left;
width:100px;
display: inline;
}

#contents_name2{
float:left;
width:500px;
display: inline;
}

#contents_right{
float:right;
width:420px;
font-size:10px;
margin-top:7px;
display: inline;
}

img#web_icon{
vertical-align:top;
}

#contents_center{
width:675px;
margin:0 auto;
text-align:left;
}

.block_img{
margin-top:25px;
width:675px;
border-bottom:1px dotted #CCC;
padding-bottom:20px;
}

.block_txt{
width:450px;
float:left;
display: inline;
}

.block_ttl *{
font-size:20px;
color:#CE2C45;
vertical-align:middle;
height:29px;
}

.block_list {
margin-top:3px;
margin-left:35px;
}

.block_list ul{
line-height:140%;
}

.block_image{
float:left;
width:216px;
margin-left:9px;
display: inline;
}

.font_s{
font-size:10px;
}

.block_ttl2 *{
font-size:16px;
color:#CE2C45;
vertical-align:middle;
}

/*
Form ============
*/

#present_setsumei{
margin-top:15px;
}

#present_setsumei .red{
color:#F00;
}

/*
Present ============
*/

#present_header{
width:752px;
margin:0 auto;
text-align:left;
}

#present_header #present_title{
width:459px;
float:left;
display: inline;
}

#present_header #present_rside{
width:222px;
float:left;
text-align:center;
color:#EB6C6B;
font-size:16px;
margin-left:50px;
display: inline;
}

#present_inner{
width:752px;
margin:0 auto;
text-align:left;
overflow:hidden;
}

#present1{
width:654px;
border:1px solid #87B1D0;
padding:20px 48px;
margin-top:15px;
}

#present_top{
width:725px;
border:1px solid #87B1D0;
padding:12px;
margin-top:15px;
}

*html #present1{
width:752px;
}

#l_side1{
width:280px;
float:left;
display: inline;
}

.under{
margin-top:8px;
}

.l_head1{
width:280px;
}

.head_left{
float:left;
width:30%;
display: inline;
}

.head_right{
float:right;
width:67%;
margin-left:3px;
display: inline;
}

.present_name{
font-weight:bold;
color:#E96C6C;
}

.present_detail{
margin-top:10px;
font-size:12px;
line-height:125%;
}

#r_side1{
width:352px;
float:left;
margin-left:15px;
display: inline;
}

#r_side1_top{
width:275px;
float:left;
margin-left:12px;
display: inline;
}

.present_line{
margin-top:10px;
}

#present2{
width:350px;
border:1px solid #87B1D0;
padding:15px 10px;
float:left;
display: inline;
min-height:260px;
}
#present2_1{
width:350px;
border:1px solid #87B1D0;
padding:15px 10px;
float:left;
display: inline;
min-height:238px;
}

* html #present2.* html #present2_1{
height:302px;
padding:10px 10px;
width:370px;
}

#l_side2{
width:168px;
float:left;
display: inline;
}

.head_left2{
float:left;
width:50px;
display: inline;
}

.head_right2{
float:left;
width:115px;
margin-left:3px;
display: inline;
}

#r_side2{
width:150px;
float:left;
margin-top:25px;
margin-left:10px;
display: inline;
}

#present3{
width:350px;
border:1px solid #87B1D0;
padding:15px 10px;
float:left;
margin-left:8px;
min-height:260px;
display: inline;
}
#present3_1{
width:350px;
border:1px solid #87B1D0;
padding:15px 10px;
float:left;
margin-left:8px;
min-height:238px;
display: inline;
}

* html #present3,* html #present3_1{
height:302px;
padding:10px 10px;
width:370px;
}

.head_right3{
width:130px;
float:left;
display: inline;
margin-left:20px;
}

.small_pink{
font-size:73%;
color:#EB6C6C;
line-height:115%;
}

.middle_pink{
font-size:86%;
color:#EB6C6C;
line-height:120%;
}

#present4{
width:221px;
border:1px solid #87B1D0;
padding:12px 10px;
float:left;
min-height:236px;
display: inline;
}

* html #present4{
height:275px;
padding:10px 10px;
width:241px;
}

#l_side3{
width:220px;
}

.head_left3{
float:left;
width:55px;
display: inline;
}

.head_right4{
float:left;
width:160px;
display: inline;
}

.present_bottom{
width:220px;
}

.present_detail06{
font-size:12px;
width:118px;
float:left;
display:inline;
}

#r_side06{
width:82px;
float:left;
margin-left:10px;
display: inline;
}

#present5{
width:221px;
border:1px solid #87B1D0;
padding:12px 10px;
float:left;
margin-left:11px;
min-height:236px;
display: inline;
}

* html #present5{
height:250px;
padding:10px 10px;
width:241px;
}

#present6{
width:221px;
border:1px solid #87B1D0;
padding:12px 10px;
float:left;
margin-left:11px;
min-height:236px;
display: inline;
}

* html #present6{
height:250px;
padding:10px 10px;
width:241px;
}

#present90{
width:221px;
border:1px solid #87B1D0;
padding:12px 10px;
float:left;
margin-left:11px;
min-height:250px;
display: inline;
}

* html #present90{
height:264px;
padding:10px 10px;
width:241px;
}

#present91{
width:221px;
border:1px solid #87B1D0;
padding:12px 10px;
float:left;
min-height:250px;
display: inline;
}

* html #present91{
height:264px;
padding:10px 10px;
width:241px;
}

.present_name2{
font-weight:bold;
color:#E96C6C;
font-size:12px;
}

.morinaga{
font-size:12px;
line-height:110%;
}

.present_detail07{
font-size:12px;
width:170px;
float:left;
display:inline;
line-height:110%;
}

.present_detail08{
font-size:12px;
width:138px;
float:left;
display:inline;
line-height:110%;
}

#r_side07{
width:47px;
float:left;
display: inline;
margin-left:2px;
}

#r_side08{
width:72px;
float:left;
display: inline;
margin-left:2px;
}

.present_detail09{
font-size:12px;
line-height:110%;
}

#r_side09{
width:115px;
float:right;
margin-left:10px;
}


.present_detail30{
font-size:11px;
line-height:110%;
}

#r_side30{
width:70px;
float:right;
}

.present_detail11{
font-size:12px;
width:115px;
float:left;
display:inline;
}

.present013{
font-size:12px;
line-height:115%;
}

.present_detail13{
font-size:12px;
width:115px;
float:left;
display:inline;
line-height:110%;2
}

.present_detail14{
font-size:12px;
width:100px;
float:left;
display:inline;
line-height:110%;2
}

#privacy{
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:15px;
width:722px;
font-size:12px;
margin-top:20px;
}

#info_happy{
border:1px solid #CCC;
padding:15px;
width:600px;
margin:20px auto;
}

#apply{
margin-top:20px;
text-align:center;
margin-top:25px;
}

#present30{
width:231px;
border:1px solid #87B1D0;
padding:5px 5px;
float:left;
margin-left:11px;
min-height:250px;
display: inline;
}

#info_ttl{
font-size:16px;
color:#CE2C45;
}

#info_detail{
margin-top:15px;
margin-bottom:30px;
}

.imgRight{
margin-left:8px;
margin-bottom:8px;
float:right;
}

.presentDetail{
margin-top:10px;
}

.presentTtl_middle{
font-size:93%;
line-height:125%;
}

#footer_bannar{
width:300px;
float:left;
margin-left:250px;
}

#footer_copy{
width:200px;
float:right;
}

/*
Scrappin ============
*/

#contents-Scrappin {
width:924px;
margin:0 auto;
text-align:left;
background-image: url(../images/scrappin2_bg.gif);
margin-top:20px;
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom:125px;
}

.contents-Scrappin-inner {
width:774px;
padding:0 75px;
text-align:left;
}

.contents-Scrappin-inner2 {
width:854px;
margin:0px auto 30px;
}

#contents-Scrappin2 {
width:924px;
margin:0 auto;
text-align:left;
margin-bottom:30px;
padding-top:20px;
}

.centering{
text-align:center;
}

.model p {
margin-bottom:15px;
}