@charset "euc-jp";

body {
    font-size:12px;
    font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","Hiragino Kaku Gothic Pro",Verdana,Arial,Helvetica,sans-serif;
}
* html body {
    font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;
}
*:first-child+html body {
    font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;
}

/*-- text
-------------------------------------------------------- */

a {
    color:#0033CC;
    text-decoration: underline;
    padding-bottom:1px;
}

a:hover {
    color:#0cf;
    text-decoration:none;
}

/*----------------------
yas resets
----------------------*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;
*font-size:small;*font:x-small;
}
h2,h3,h4,h5,h6 {
    font-size: 100%;
}
strong {
    font-weight: bold;
}
h1{
font-size:11px;
}

h2{
    font-size:108%;
    font-weight:bold;
    color:#333;
}

/*-- survey-box
-------------------------------------------------------- */

#survey-box {
    width:780px;
}

#survey-box h2 {
    margin:0 0 7px;
    padding:6px 0 0 39px;
    width:741px;
    height:22px;
    font-size:134%;
    font-weight:bold;
    color:#fff;
    background:url(../img/base/h2_explanation_box.gif) 0 0 no-repeat;
}

#survey-box #about-survey {
    margin:0 5px 6px;
    padding:11px 9px;
    width:752px;
    background:#efefef;
}

#survey-box #about-survey p {
    margin:0 0 9px;
    color:#666;
    line-height:1.3;
}

#survey-box #about-survey h3 {
    margin:0;
    padding:3px 0 3px 4px;
    border-left:8px solid #666;
    font-size:109%;
    font-weight:bold;
    color:#666;
}

#survey-box #about-survey ul {
    margin:9px 0 0 12px;
    height:14px;
}

#survey-box #about-survey ul li {
    margin:0 20px 0 0;
    float:left;
}

#survey-box #status-box {
    margin:0 5px 10px;
}

#survey-box #status-box h3.status_ttl {
    margin:0 0 6px;
    width:770px;
    height:23px;
    text-indent:-9999px;
    background:url(../img/survey/h3_status.gif) 0 0 no-repeat;
}

#survey-box #status-box table {
    width:770px;
    border-top:1px solid #999;
    border-left:1px solid #999;
    border-collapse:collapse;
}

#survey-box #status-box table th,
#survey-box #status-box table td {
    border-right:1px solid #999;
    border-bottom:1px solid #999;
}

#survey-box #status-box table th {
    /*height:27px;*/
    padding:3px;
    font-size:109%;
    font-weight:bold;
    color:#f90;
    text-align:center;
    vertical-align:middle;
    background:#ffc;
}

#survey-box #status-box table td {
    height:26px;
    font-size:109%;
    color:#333;
    vertical-align:middle;
}

#survey-box #status-box table .no {
    width:100px;
    text-align:center;
}

#survey-box #status-box table .name {
    padding:0 0 0 10px;
    width:393px;
}

#survey-box #status-box table .getpoint {
    width:135px;
    text-align:center;
}

#survey-box #status-box table .status {
    width:127px;
    text-align:center;
}

#survey-box #status-box table .status a {
    font-size:117%;
    font-weight:bold;
    line-height: 100%;
}

#survey-box #other_survey {
    margin:0 5px 12px;
}

#survey-box #note {
    margin:0 5px 12px;
    padding:0 0 16px;
    background:url(../img/survey/bg_note.gif) 0 bottom no-repeat;
}

#survey-box #note h3 {
    height:33px;
    text-indent:-9999px;
    background:url(../img/survey/h3_note.gif) 0 0 no-repeat;
}

#survey-box #note p {
    margin:5px 0 0 9px;
    font-size:100%;
    line-height:1.3;
}

#survey-box #best-recommend {
    display: inline-block;
    overflow: hidden;
    margin: 0 5px 20px;
    padding:0 0 16px;
    background:url(../img/survey/bg_bestrecommend.gif) 0 bottom no-repeat;
}

#survey-box #best-recommend h3 {
    padding:11px 0 0 32px;
    width:738px;
    height:20px;
    font-size:125%;
    font-weight:bold;
    color:#c00;
    background:url(../img/survey/h3_bestrecommend.gif) 0 0 no-repeat;
}

#survey-box #best-recommend ul {
    margin:13px 15px 0;
    width:730px;
}


#survey-box #best-recommend ul li {
    width:220px;
    border:1px solid #999;
    background:#f2f2f2;
    text-align:center;
}

#survey-box #best-recommend ul .ad-pt-click {
    background:#f2f2f2 url(../img/icon/pt_click.gif) no-repeat 10px 5px;
}
#survey-box #best-recommend ul .ad-pt-audience {
    background:#f2f2f2 url(../img/icon/pt_audience.gif) no-repeat 0 5px;
}
#survey-box #best-recommend ul .ad-none {
    padding:8px 0 0;
}

.ichioshi {
    margin-top:10px;
}

#survey-box #best-recommend ul #left {
    float:left;
    padding:27px 5px 5px;
}

#survey-box #best-recommend ul #center {
    margin:0 15px;
    float:left;
    padding:27px 5px 5px;
}

#survey-box #best-recommend ul #right {
    float:right;
    padding:27px 5px 5px;
}

#survey-box #best-recommend ul li .banner {
    margin:8px auto;
    width:120px;
    text-align:center;
}

#survey-box #best-recommend ul li .star-yl {
    background:url(../img/icon/star_yl.gif) 0 1px no-repeat;
}
#survey-box #best-recommend ul li .star-bl {
    background:url(../img/icon/star_bl.gif) 0 1px no-repeat;
}


#survey-box #best-recommend ul li .star-yl,
#survey-box #best-recommend ul li .star-bl,
#survey-box #best-recommend ul li .no-star {
    margin:0 auto;
    padding:1px 0 0 15px;
    /*width:150px;*/
    text-align:center;
}


#survey-box #best-recommend ul li .detail-link {
    margin:0 0 3px 0;
    text-align:right;
    font-size:87%;
}

#survey-box #bottom-login {
    margin:0 5px;
    padding-top:55px;
    /*width:770px;*/
    height:135px;
    background:url(../img/survey/bg_login.gif) 0 0 no-repeat;
}

#survey-box #bottom-login h4 {
    /*padding:68px 0 0 175px;*/
    font-size:134%;
    text-align:center;
    font-weight:bold;
    color:#333;
}

#survey-box #bottom-login p {
    /*padding:19px 0 0 175px;*/
    padding-top:20px;
    font-size:120%;
    font-weight:bold;
}


/*-- ̤¥í¥°¥¤¥óÍÑCSS
-------------------------------------------------------- */
#survey-box .tit_survey_nologin{
    text-align:center;
}

#survey-box  #no_login_box{
    width:770px;
    margin: 0 auto 20px auto;
    padding:0 0 10px 0;
    background-color:#ffd24a;
    -webkit-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
}

#survey-box  #no_login_subbox{
    width:749px;
      margin: 0 auto;
    background-color:#ffffff;
    padding:0 0 1px 0;
    -webkit-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
}

#survey-box  #no_login_subbox h4{
    background-image:url(../img/survey/tit_survey_nologin_bg.gif);
    background-repeat:no-repeat;
    width:658px;
    height:38px;
    margin:0 auto;
    padding-left:70px;
    line-height:38px;
    font-size:18px;
    font-weight:bold;
}

#survey-box  #no_login_subbox .no_logintext{
    text-align:center;
    margin:10px;
}

#survey-box  #no_login_subbox .no_logintext p{
    text-align:center;
    font-size: 15px;
    text-align:left;
    line-height:135%;
}

#survey-box  #no_login_subbox .no_logintext p img{
    margin:8px;
}

#survey-box  #no_login_subbox .fc1{
    color:#FF8040;
    font-weight:bold;
}


/*-- ¥Ø¥ë¥×¥Ú¡¼¥¸
-------------------------------------------------------- */

#surveyhelp-box {
    margin: 0 auto 30px;
}

#survey-caution {
    width: 798px;
    margin: 0 auto;
    padding: 15px 0 30px;
    border-right: #999999 1px solid;
    border-bottom: #999999 1px solid;
    border-left: #999999 1px solid;
}

#survey-caution #main {
    width: 690px;
    margin: 0 auto;
}

#survey-caution #main h1 {
    width: 690px;
    height: 35px;
    background: url(../img/survey/head_tit.gif) 0 0 no-repeat;
    text-indent: -9999px;
}

#survey-caution #main p.up a {
    float: right;
    width: 45px;
    height: 18px;
    display: block;
    margin: 5px 0 20px;
    background: url(../img/survey/btn_up.gif) 0 0 no-repeat;
    text-indent: -9999px;
}

#survey-caution #main ul.help-list{
    width: 641px;
    margin: 0 auto;
    padding: 15px 0 0 49px;
}

#survey-caution #main ul.help-list li{
    float: left;
    padding-right: 19px;
}

#survey-caution #main ul.help-list li a{
    height: 16px;
    display: block;
    margin-bottom: 20px;
    padding: 6px 0 5px 0;
    font-weight: bold;
    font-size: 117%;
    text-align: center;
    color: #666666;
}

#survey-caution #main ul.help-list li.list-a a{
    width: 170px;
    background: url(../img/survey/btn_tx01.gif) 0 0 no-repeat;
}

#survey-caution #main ul.help-list li.list-b a{
    width: 97px;
    background: url(../img/survey/btn_tx02.gif) 0 0 no-repeat;
}

#survey-caution #main ul.help-list li.list-c a{
    width: 150px;
    background: url(../img/survey/btn_tx03.gif) 0 0 no-repeat;
}

#survey-caution #main ul.help-list li.list-d a{
    width: 118px;
    background: url(../img/survey/btn_tx04.gif) 0 0 no-repeat;
}

#survey-caution #main .help-box{
    clear: both;
}

#survey-caution #main .help-box h2{
    clear: both;
    width: 670px;
    height: 22px;
    padding: 19px 0 0 20px;
    background: url(../img/survey/head_back.gif) 0 0 no-repeat;
    color: #FFFFFF;
}

#survey-caution #main .help-box .help-contents{
    padding: 20px 0 0;
    border-right: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
    border-left: #CCCCCC 1px solid;
}

#survey-caution #main .help-box .help-contents p.lead{
    width: 626px;
    line-height: 1.3;
    margin: 0 auto 30px;
    padding: 12px;
    background-color: #FFF4E5;
    color: #333333;
}

#survey-caution #main .help-box .help-contents p.lead strong{
    font-weight: normal;
    color: #FF0000;
}

#survey-caution #main .help-box .help-contents .main-box{
    width: 630px;
    margin: 0 auto;
}

#survey-caution #main .help-box .help-contents .main-box h3{
    width: 630px;
    padding-bottom: 5px;
    border-bottom: #FF6600 2px solid;
    font-weight: bold;
    color: #FF6600;
}

#survey-caution #main .help-box .help-contents .main-box h3 span{
    font-size: 125%;
}

#survey-caution #main .help-box .help-contents .main-box p{
    line-height: 1.3;
    margin-bottom: 30px;
    padding-top: 5px;
}

#survey-caution #main .help-box .help-contents .main-box h3 span.incentive{
    font-weight: normal;
    font-size: 100%;
    color: #0000FF;
}

#survey-caution #main .help-box .help-contents .main-box p span.attention{
    width: 610px;
    display: block;
    padding-left: 15px;
    color: #0099FF;
}

#survey-caution #main .help-box .help-contents .main-box h3 span .step{
    font-size: 100%;
}

#survey-caution p.close a{
    clear: both;
    width: 86px;
    height: 27px;
    display: block;
    margin: 0 auto;
}