@charset "UTF-8";
/*--------------------------------------------------
for pr campaign
$Id: orgn.css,v 1.1 2013/07/27 10:52:27 uid20656 Exp $
--------------------------------------------------*/

/*layout
--------------------------------------------*/
#frame	{
width:100%;
padding:0;
background:url(../img/bg.gif);
}
#frameInner	{
width:990px;
margin:0 auto;
background:url(../img/main_bg.png) repeat-y center top;
}

#frameBg {
width:952px;
background:url(../img/head_bg.png) no-repeat center top;
padding:0 19px;
}

#headerArea	{
width:952px;
}

#headerArea	p {
padding:13px 0 75px;
}

p.entryBtnArea {
width:100%;
text-align: center;
padding:85px 0 70px;
}

#footerArea	{
margin-top:0;
}

/*headerArea
--------------------------------------------*/
#headerArea h1,
#headerArea p,
#sectionArea h2 {
line-height:0;
}

/*intro
--------------------------------------------*/
#intro{
text-align: center;
margin:0 auto;
padding:96px 0 0;
}


/*sectionArea
--------------------------------------------*/
#sectionArea {
width:773px;
margin:0 auto;
}

#sectionArea .subTitle {
line-height: 70px;
padding-left:8px;
margin:50px 0 15px;
text-align: left;
background: url(../img/wave.png) no-repeat left bottom;
}

.subtitle01 {
height:57px;
}

.subtitle02 {
height:70px;
}


li a,
li a:hover,
li a:visited,
li a:active{
text-decoration: none;
}

#sectionArea li{
position: relative;
display:inline-block;
*display:inline;
*zoom:1;
}

.new{
z-index: 1001;
position: absolute;
top: -2px;
left: -2px;
width: 108px;
height: 64px;
text-indent: -9999px;
background: url(../img/new_ribon.png) no-repeat left top;
}

#sectionArea li.skinImgright {
margin-right:25px;
}

#sectionArea li p{
width:240px;
text-align:left;
height:34px;
line-height: 51px;
font-size:16px;
color:#fff;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.iconSp {
padding-left:10px;
vertical-align:-3px;
}

/*entryBtnArea
--------------------------------------------*/
.entryBtn	{
display:inline-block;
width:257px;
height:58px;
margin:30px 0 0;
background:url(./img/btn_entry.png) no-repeat left top;
text-indent:-9999px;
}

li a:hover {
filter: alpha(opacity=70);
opacity: 0.7;
display:inline-block\9;
zoom:1;
}

.opacity70:hover {
filter: alpha(opacity=70);
opacity: 0.7;
}