@charset "utf-8";
/* CSS Document */


/*#ttl*/
#ttl{
width:930px;
height:288px;
margin-bottom:10px;
background:url(../images/pr/ttl.png) no-repeat;
text-indent:-9999px;
}
#ttl h1{
float:left;
width:520px;
height:48px;
}
#ttl_h1 p{
float:right;
width:406px;
height:48px;
}
#outside{
clear:both;
float:left;
width:465px;
}
#outside h2{
width:300px;
height:60px;
}
#outside .txt{
width:300px;
height:40px;
}
#outside .fukidashi{
width:120px;
height:120px;
margin-left:140px;
}
#inside{
float:right;
width:450px;
min-height:235px;
_height:235px;
}
#inside h2{
width:446px;
height:62px;
margin-top:122px;
}
#inside .txt{
width:446px;
height:40px;
}
#inside .fukidashi{
width:120px;
height:120px;
margin:-224px 0 0 277px;
}


/*#steps*/
#steps{
margin-bottom:10px;
background:#f3f1ed;
border:1px solid #ccc;
border-radius:3px;
box-shadow: 0px 0px 1px 1px #FFF inset; 
_padding-bottom:10px;
}
#steps h2{
width:930px;
height:43px;
background:url(../images/pr/steps_bar.png) no-repeat;
text-indent:-9999px;
overflow:hidden;
}
#steps h3{
background:url(../images/pr/pr_steps.png) no-repeat;
width:445px;
height:30px;
margin-bottom:10px;
text-indent:-9999px;
overflow:hidden;
}
#steps .step1 h3{
background-position:0 0;
}
#steps .step2 h3{
background-position:-455px 0;
}
#steps .step3 h3{
background-position:0 -40px;
}
#steps .step4 h3{
background-position:-455px -40px;
}
#steps ol{
margin-top:10px;
padding:0 1px;
}
#steps li{
float:left;
width:445px;
padding:1px;
margin:0 10px 10px 9px;
min-height:173px;
border:1px solid #ccc;
background:#FFF;
_height:173px;
_margin-left:4px;
}
#steps .step2,
#steps .step4{
margin:0 0 10px 0;
}
#steps li img{
float:left;
width:200px;
height:120px;
margin:0 10px 10px 10px;
}
#steps li .txt{
float:right;
width:212px;
margin:0 10px 10px 0;
font-size:87.5%; /*14px*/
line-height:1.3;
_margin-right:5px;
}


/*#yid,#useStart*/
#yid,
#useStart{
padding:8px;
margin-bottom:10px;
background:#f3f1ed;
border:1px solid #ccc;
border-radius:3px;
text-align:center;
font-size:75%; /*12px*/
box-shadow: 0px 0px 1px 1px #FFF inset; 
}
#yid{
line-height:2;
}
#yid a.btn{
display:block;
width:274px;
height:33px;
margin:0 auto;
}

/*#addToTopFavorite*/
#addToTopFavorite{
margin-bottom:10px;
}
#addToTopFavorite .attfFirst,
#addToTopFavorite .attfLast{
display:inline-block;
vertical-align:3px;
font-weight:bold;
/display:inline;
/zoom:1;
/vertical-align:0;
}
#addToTopFavorite #addToTopFavoriteBtn{
margin:3px auto 0;
/display:inline;
/zoom:1;
}


/*#lside*/
.lside{
float:left;
width:620px;
margin-bottom:10px;
}
.lside #app{
width:620px;
height:96px;
margin-bottom:10px;
}
.lside #app a{
display:block;
width:620px;
height:96px;
background:url(../images/pr/app.png) no-repeat;
overflow:hidden;
text-indent:-9999px;
}
.lside #detail{
padding:10px;
margin-bottom:10px;
background:#f3f3f3;
font-size:81.2%; /*13px*/
line-height:1.3;
}
.lside #detail li{
margin-left:20px;
list-style-type:disc;
}
.lside #detail p{
margin-left:4px;
}
.lside .fb{
margin-bottom:10px;
}



/*.rside*/
.rside{
float:right;
width:300px;
margin-bottom:10px;
}


/*#tweets*/
#tweets{
margin-bottom:10px;
}


/*#twitter*/
#twitter{
margin-bottom:10px;
font-size:75%;
line-height:1.3;
}
#twitter .txt{
margin-bottom:10px;
}
#twitter img{
margin-bottom:5px;
}
#twitter .txtC{
text-align:center;
}


/*#attention*/
#attention{
clear:both;
padding:1px;
margin-bottom:20px;
font-size:81.2%; /*13px*/
background:#f3f3f3;
border:1px solid #ccc;
_padding-top:0;
}
#attention h3{
width:926px;
height:30px;
margin-bottom:1px;
background:url(../images/pr/attention.png) no-repeat;
text-indent:-9999px;
}
#attention table{
border:1px solid #FFF;
}
#attention .noBorder{
border-bottom:none;
}
#attention th{
width:150px;
padding:20px 10px;
font-weight:bold;
text-align:center;
border-bottom:1px solid #ccc;
}
#attention td{
padding:20px 10px;
border-left:1px dashed #ccc;
border-bottom:1px solid #ccc;
background:#FFF;
}
#attention .noBorder th,
#attention .noBorder td{
border-bottom:none;
}


#adSQB{
width:620px;
margin:0 auto 10px auto;
}