@charset "euc-jp";
/* common.css */ 
/*
========== TABLE of CONTENTS ==========

1:layout
2:margin and padding


========== TABLE of CONTENTS ==========
*/


/* ---------- 1:layout  ---------- */

#teens{
padding-top:13px;
}
#teens-main{
position:relative;
width:866px;
margin:0 auto 20px auto;
padding-bottom:20px;
border-bottom:#d5629c 3px solid;
background:url(http://i.yimg.jp/images/mobile/pc/images/service/sp/teens/teens_bg.gif) repeat-y 0 310px;
color:#000;
}
#teens-main .main-img{
position:relative;
}
#teens-main .main-img .career-txt{
position:absolute;
top:10px;
right:20px;
}

#teens-main img{
vertical-align:top;
}
#teens-main .section{
width:827px;
margin:0 auto;
background-color:#be1d64;
}

#teens-main .section .anchor-here{
position:absolute;
top:55px;
right:43px;
}
#teens-main .section .view-left{
float:left;
width:268px;
padding-left:20px;
color:#5281ea;
font-size:120%;
font-weight:bold;
}
#teens-main .section .view-img{
float:left;
width:205px;
padding:0 0 20px 15px;
}
#teens-main .section .view-right{
float:right;
width:280px;
padding-right:10px;
color:#ea4e8b;
font-size:120%;
font-weight:bold;
}

#teens-main .section .num01{
margin-bottom:10px;
background:url(http://i.yimg.jp/images/mobile/pc/images/service/sp/teens/teens_hs_01_bg.gif) no-repeat left bottom;
}
#teens-main .section .num01 p{
min-height:105px;
padding:0 80px 25px 25px;
}
* html #teens-main .section .num01 p{
height:105px;
}

#teens-main .section .num02{
margin-bottom:10px;
background:url(http://i.yimg.jp/images/mobile/pc/images/service/sp/teens/teens_hs_02_bg.gif) no-repeat left bottom;
}
#teens-main .section .num02 p{
min-height:95px;
padding:0 80px 25px 25px;
}
* html #teens-main .section .num02 p{
height:95px;
}

#teens-main .section .view-search{
margin-bottom:10px;
background:url(http://i.yimg.jp/images/mobile/pc/images/service/sp/teens/teens_hs_search_bg.gif) no-repeat left bottom;
}
#teens-main .section .view-search p{
padding:0 25px 25px 25px;
color:#f47a02;
}

#teens-main .section .num03{
margin-bottom:10px;
background:url(http://i.yimg.jp/images/mobile/pc/images/service/sp/teens/teens_hs_03_bg.gif) repeat-y left top;
}
#teens-main .section .num03 p{
padding:0 25px 10px 25px;
}
#teens-main .section .num03 p.img{
padding:0;
}

#teens-main .section .num04{
margin-bottom:10px;
background:url(http://i.yimg.jp/images/mobile/pc/images/service/sp/teens/teens_hs_04_bg.gif) no-repeat left bottom;
}
#teens-main .section .num04 p{
min-height:70px;
padding:0 90px 25px 25px;
}
* html #teens-main .section .num04 p{
height:70px;
}

#teens-main .section .num05{
margin-bottom:10px;
background:url(http://i.yimg.jp/images/mobile/pc/images/service/sp/teens/teens_hs_05_bg.gif) no-repeat left bottom;
}
#teens-main .section .num05 p{
padding:0 25px 25px 25px;
}

#teens-main .section .num06{
margin-bottom:10px;
background:url(http://i.yimg.jp/images/mobile/pc/images/service/sp/teens/teens_hs_06_bg.gif) no-repeat left bottom;
}
#teens-main .section .num06 p{
padding:0 25px 25px 25px;
}


#teens-main .about-top{
padding-top:8px;
background:url(http://i.yimg.jp/images/mobile/pc/images/service/sp/teens/about_bg_top.gif) no-repeat left top;
}
#teens-main .access01{
width:785px;
margin:0 auto;
background:url(http://i.yimg.jp/images/mobile/pc/images/service/sp/teens/special_bg01.gif) no-repeat left top;
}
#teens-main .access02{
width:785px;
margin:0 auto;
background:url(http://i.yimg.jp/images/mobile/pc/images/service/sp/teens/special_bg02.gif) no-repeat left top;
}
#teens-main .access-bottom{
padding-bottom:6px;
background:url(http://i.yimg.jp/images/mobile/pc/images/service/sp/teens/special_bg_bottom.gif) no-repeat left bottom;
}
#teens-main .acs-number{
width:350px;
padding:20px;
}
#teens-main .acs-number h3{
margin-bottom:5px;
}

#teens-main a{
color:#000;
text-decoration:underline;
}
#teens-main a:hover{
color:#666;
text-decoration:none;
}
#teens-main input,
#teens-main select{
border:#ee4699 1px solid;
vertical-align:middle;
margin:0;
}
#teens-main .middle{
vertical-align:middle;
}
.clear{
clear:both;
}
.arw{
padding-left:10px;
background:url(http://i.yimg.jp/images/mobile/pc/images/service/sp/teens/icon_arw.gif) no-repeat left center;
}
#teens-main .caption{
color:#4D4D4D;
}

/* ---------- 2:margin and padding  ---------- */
.w120{width:120px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.pt10{padding-top:10px;}