@charset "euc-jp";

/*---- full ver. ----*/
#userfirstFull .mainNotes{
clear:both;
margin:0 0 29px;
border:1px #e5e5e5 solid;
background:#fffdfa url(/img/promotion/userfirst/full_bg_texture.jpg) repeat 0 0;
color:#505050;
line-height:1.8;
}

#userfirstFull .mainNotes h2{
padding:60px 0 50px 129px;
}

#userfirstFull .mainNotes .lineArea{
margin:0 89px;
padding:15px 40px;
background:#fffdfa url(/img/promotion/userfirst/full_bg_line.gif) repeat 0 0;
}

#userfirstFull .mainNotes .lineArea h3{
font-weight:bold;
}

#userfirstFull .mainNotes .lineArea p{
padding:0 0 25px;
}

#userfirstFull .mainNotes .lineArea p.last{
padding:0;
}

#userfirstFull .mainNotes .signature{
padding:25px 90px 35px;
text-align:right;
}

#userfirstFull .mainNotes .signature img{
margin:7px 0 0;
}

#userfirstFull .footerNotes{
margin:0 0 25px;
padding:25px 30px;
border-top:1px #e5e5e5 solid;
border-bottom:1px #e5e5e5 solid;
}

#userfirstFull .footerNotes .leftArea{
float:left;
width:500px;
padding:0 30px 0 0;
background:url(/img/promotion/userfirst/full_dot_line.gif) repeat-y 100% 0;
}

#userfirstFull .footerNotes .leftArea h2{
padding:0 0 5px;
font-size:116%;
font-weight:bold;
}

#userfirstFull .footerNotes .leftArea p{
padding:0 0 15px;
}

#userfirstFull .footerNotes .rightArea{
float:right;
width:325px;
}

#userfirstFull .footerNotes .notice{
padding:0 0 15px;
}

#userfirstFull .footerNotes .notice li{
padding:0 0 0 1em;
color:#666666;
font-size:83%;
text-indent:-1em;
}

#userfirstFull .shareButton.putTop{
padding:10px 0 2px;
}

#userfirstFull .shareButton.putBottom{
float:none;
padding:15px 0 0;
}

#userfirstFull .shareButton.putBottom li{
padding:0 5px 0 0;
}

/*---- lite ver. ----*/
#userfirstLite{
padding:10px 0;
color:#4d4d4d;
line-height:1.8;
}

#userfirstLite .liteHeader{
clear:both;
background:url(/img/promotion/userfirst/lite_texture_body.jpg) repeat-y 0 0;
}

#userfirstLite .liteHeader .inner{
position:relative;
height:275px;
background:url(/img/promotion/userfirst/lite_texture_top.jpg) no-repeat 0 0;
}

#userfirstLite .liteHeader h2{
position:relative;
padding:40px 0 20px 70px;
z-index:2;
}

#userfirstLite .liteHeader p{
position:relative;
padding:0 0 0 70px;
z-index:2;
}

#userfirstLite .liteHeader .mainImage{
position:absolute;
bottom:0;
right:0;
z-index:1;
}

#userfirstLite .liteBody{
background:#fdfdfd url(/img/promotion/userfirst/lite_shadow_top.gif) no-repeat 50% 0;
}

#userfirstLite .liteBody .inner{
padding:40px 0 35px 70px;
border-left:1px #e5e5e5 solid;
border-right:1px #e5e5e5 solid;
background:url(/img/promotion/userfirst/lite_shadow_bottom.gif) no-repeat 50% 100%;
}

#userfirstLite .liteBody dl{
float:left;
width:373px;
}

#userfirstLite .liteBody dt{
padding:0 0 20px;
text-align:center;
}

#userfirstLite dl.topic1{
padding:0 30px 30px 0;
border-right:1px #eeeeee solid;
}

#userfirstLite dl.topic2{
padding:0 0 30px 30px;
}

#userfirstLite dl.topic3{
padding:30px 30px 0 0;
border-top:1px #eeeeee solid;
border-right:1px #eeeeee solid;
}

#userfirstLite dl.topic4{
padding:30px 0 0 30px;
border-top:1px #eeeeee solid;
}

#userfirstLite br.clear{
clear:both;
}

#userfirstLite .liteFooter{
margin:0 0 10px;
background:url(/img/promotion/userfirst/lite_texture_body.jpg) repeat-y 0 0;
}

#userfirstLite .liteFooter .inner{
padding:25px 70px 45px;
background:url(/img/promotion/userfirst/lite_texture_bottom.jpg) no-repeat 0 100%;
}

#userfirstLite .shareButton{
padding:0 0 2px;
}

/*---- shareButton ----*/
.shareButton{
position:relative;
float:right;
z-index:5;
}

.shareButton li{
float:left;
height:25px;
margin:0 0 3px;
padding:0 0 0 5px;
}

.shareButton .mixiLike{
width:120px;
}

.shareButton .twitter{
width:110px;
}

span iframe{
z-index:10001;
}

/*---- clearfix ----*/
#userfirstFull .shareButton,
#userfirstFull .footerNotes,
#userfirstLite,
#userfirstLite .liteBody .inner{
zoom:1;
}

#userfirstFull .shareButton:after,
#userfirstFull .footerNotes:after,
#userfirstLite:after,
#userfirstLite .liteBody .inner:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}