@charset "utf-8";

#sp-news{
display: none;
}

.sp-banner-top{
display: none;
}

.footer-banner .sp{
display: none;
}

#content-main{
width: 990px;
margin: 0 auto;
}

.content-top-left{
width: 345px;
float: left;
}

.content-top-left h2{
margin-top: 20px;
margin-left: 35px;
}

.content-top-left h3{
text-align: center;
margin-top: 10px;
}

.content-top-left p{
text-align: center;
}

.content-top-left .abstract-lead{
margin-top: 30px;
height: 105px;
font-size: 12px;
}

.content-top-left .abstract-pict{
margin-top: 30px;
}

.content-top-left .abstract-more{
margin-top: 40px;
}

.content-top-right{
height: 479px;
width:643px;
border-left: 1px dotted #555;
border-right: 1px dotted #555;
float: right;
}

.content-top-right #slider{
padding-top: 15px;
padding-bottom:15px;
height: 291px;
overflow: hidden;
border-bottom: 1px dotted #ccc;
background: url(../images/main-bg.png) -7px -11px;
}

.content-top-right #slider img{
visibility: hidden;
}

#slider .slider-nav{
display: none;
}

#slider .slider-nav a{
display: inline-block;
width: 30px;
height: 30px;
position: absolute;
margin-top: 130px;

}

#slider .slider-nav #prev{
background: url(../images/arrows.png) no-repeat left;
float: left;
margin-left: 15px;
}

#slider .slider-nav #next{
background: url(../images/arrows.png) no-repeat -30px;
margin-left: 600px;
}

#slider li{
float: left;
width: 643px;
text-align: center;
}

.content-top-right .start-nav{
text-align: center;
padding-top: 30px;
}

.content-top-right .start-nav img{
height: 70px;
width:auto;
}

.start-nav .start-btn{
display: inline-block;
padding: 0px 25px;
background: #ff4c4c;
margin: 0;
height: 70px;
}

.start-nav-exp{
margin-top: 10px;
font-size: 13px;
margin-bottom: 10px;
color: #000;
}

.content-top-right .start-meta{
width: 514px;
margin:10px auto 0;
}

.start-meta .start-note{
font-size: 10px;
color: #555;
width: 275px;
float: left;
line-height: 20px;
}

.start-meta .start-social{
width: 239px;
margin: 0 auto;
}

.start-meta .start-social li{
display: inline-block;
float: right;
overflow: hidden;
}

.start-meta .start-social .start-social-fb{
overflow: hidden;
position: relative;
}

.start-meta .start-social .start-social-fb * {
position: relative;
}

.start-meta .start-social .start-social-tw{
width: 120px;
}

/* sign up*/

.sign-up-before{
width: 520px;
text-align: center;
margin: 20px auto;
padding: 15px 20px;
border: 1px solid #f7cda7;
background: #fff7f0;
}

#main .sign-up-before .sign-up-before-right{
background-image: url(../images/icon-caution.png);
background-repeat: no-repeat;
background-position: 0px center;
padding-left: 60px;
text-align: left;
font-size: 13px;
}


#main .sign-up-before .sign-up-before-right span{
font-size: 14px;
font-weight: bold;
color: #e69b49;
}

#main .sign-up-before .sign-up-before-right a{
color: #e69b49;
font-size: 13px;
}

#main .sign-up-before .sign-up-before-right a:hover{
text-decoration: underline;
}

.sign-up-before-link{
text-align:left;
padding-left: 60px;
}

.sign-up-before-link a{
display: inline-block;
padding-left: 25px;
color: #ec9d44;
background: url(../images/icon-arrow-orange.png) left center no-repeat;
font-size: 13px;
}

.sign-up-main p.clearfix{
margin-bottom: 10px;
line-height: 37px;
}

.sign-up-main label{
display: inline-block;
float: left;
background: url(../images/label-wide-bg.png) no-repeat left center;
width: 210px;
text-align: center;
color: #fff;
padding-right: 10px;
margin-right: 20px;
height: 37px;
line-height: 37px;
font-size: 15px;
}

.sign-up-main label.for-click{
background: none;
color: #555;
float: none;
width:inherit;
font-size: 13px;
margin-right: 0px;
padding-right: 0px;
}

.sign-up-main p.clearfix .more-info{
display: inline-block;
margin-left: 5px;
line-height: 17px;
height: 17px;
}

.sign-up-main p.clearfix .more-info img{
vertical-align: middle;
margin-top: -1px;
}

.sub-page-content .sign-up-main h3{
margin-bottom: 20px;
text-align: center;
}

.more-pop{
position: absolute;
border: 1px solid #fdbb78;
width: 280px;
padding: 10px;
background: #fff;
box-shadow: 0px 0px 5px  #ccc;
display: none;
}

#main .more-pop h3{
color: #ec9526;
font-size: 13px;
text-align: left;
margin: 0;
padding: 0;
line-height: 20px;
height: inherit;
}

#main .more-pop p{
font-size: 11px;
line-height: 16px;
}

#main .more-pop a{
color: #ec9526;
text-decoration: underline;
}

#main .more-pop a:hover{
text-decoration: none;
}

.login-info{
padding:0  20px 20px;
border-bottom: 1px dotted #fdbb78;
width: 540px;
margin: 0 auto;
}

.user-info{
padding: 20px;
width: 540px;
margin: 0 auto;

}

.sub-page-content .sign-up-agreement{
text-align: center;
font-size: 12px;
margin-top: 20px;
}

.sign-up-agreement a{
color:  #ed9f4a;
font-size: 12px;
text-decoration: underline;
}

.sign-up-agreement a:hover{
text-decoration: none;
}

.sub-page-main .submit-holder{
text-align: center;
margin-top: 30px;
}

/* dismiss */

.member-dismiss{
padding-top: 30px;
border-top: 1px dotted #ddd;
margin-top: 50px;
}

.sub-page-content .member-dismiss h3{
text-align: center;
font-size: 22px;
font-weight: normal;
letter-spacing: 2px;
color: #666;
padding-bottom: 20px;
}

.member-dismiss .member-dismiss-message{
margin-top: 30px;
width: 320px;
margin: 30px auto;
padding-left: 70px;
background: url(../images/icon-caution.png) no-repeat left;
font-size: 11px;
}

.member-dismiss .member-dismiss-message strong,
#main .member-dismiss-message-last strong{
font-size: 14px;
color: #333;
line-height: 30px;
}

#main .member-dismiss-message-last{
padding-top: 60px;
background: url(../images/icon-caution.png) no-repeat center top;
text-align: center;
}

/* password */

.sub-page-content .password-content p,
.sub-page-content .password-reset p{
text-align: center;
margin-bottom: 20px;
}

.password-content p.clearfix,
.password-reset p.clearfix{
text-align: center;
}

.password-content .fm-text,
.password-reset .fm-text{
float: none;
}

.sub-page-content .password-content label,
.sub-page-content .password-reset label{
display: inline-block;
background: url(../images/label-wide-bg.png) no-repeat left center;
width: 210px;
text-align: center;
color: #fff;
padding-right: 10px;
margin-right: 20px;
height: 37px;
line-height: 37px;
font-size: 15px;
}

/* verify */

.verification h3{
text-align: center;
}

.sub-page-content .verification .not-yet{
text-align: center;
margin-top: 20px;
margin-bottom: 25px;
}

.sub-page-content .verification p{
text-align: center;
margin-top: 20px;
}

.sub-page-content .caution{
color: #fd7066;
}

.msg-caution{
width: 530px;
padding: 15px;
color: #fd7066;
border: 1px solid #fd7066;
background: #fee;
margin: 0 auto;
}

.msg-caution h4{
font-weight: bold;
font-size: 20px;
color: #fd7066;
text-align: center;
margin-bottom: 15px;
}

.msg-caution p{
font-weight: bold;
}

.verification-resend button{
color: #fff;
font-size: 15px;
background: #fd7066;
border: 1px solid #fd7066;;
padding: 7px 15px;
cursor: pointer;
}

.verification-resend button:hover{
background: #fff;
color:  #fd7066;
}

/* login */

#login-box{
position: fixed;
z-index: 5;
background: url(../images/bg-layer.png);
width: 100%;
min-width: 990px;
top:0;
left: 0;
display: none;
}

#login-box-main{
border: 2px solid #fdbb78;
background: #fff;
padding: 20px;
width: 500px;
margin: 0px auto;
}

.login-box-close{
position: absolute;
margin-top: -34px;
margin-left: 509px;
}

.login-form{
padding-bottom: 20px;
border-bottom: 1px dotted #fdbb78;
}
.login-form h2{
text-align: center;
margin-bottom: 20px;
}

.login-form p.clearfix{
margin-bottom: 10px;
width: 430px;
margin: 0 auto 10px;
}

.login-form p.clearfix input{
float: left;
}

.login-form label{
display: inline-block;
float: left;
background: url(../images/label-medium-bg.png) no-repeat left center;
width: 160px;
text-align: center;
color: #fff;
padding-right: 10px;
margin-right: 20px;
height: 37px;
line-height: 37px;
font-size: 15px;
}

.ui-datepicker-trigger{
margin-left: 10px;
display: inline-block;
float: left;
vertical-align:top;
cursor: pointer;
}

.login-form .submit-holder{
text-align: center;
margin-top: 30px;
}

.submit-holder input{
outline: none;
cursor: pointer;
}

.forgot-password,.ssl-login{
text-align: center;
margin-top: 10px;
}

.forgot-password a,.ssl-login a{
display: inline-block;
background: url(../images/icon-arrow-orange.png) no-repeat left center;
padding-left: 25px;
color: #e89338;
font-size: 11px;
line-height: 17px;
height: 17px;
}

.forgot-password a:hover,
.ssl-login a:hover{
color: #999;
text-decoration: underline;
}

.login-signup{
padding-top: 20px;
}

.login-signup h3{
text-align: center;
}

.login-signup .submit-holder{
text-align: center;
margin-top: 20px;
}

/* fm */

.fm-text{
border: 1px solid #ddd;
padding: 3px 5px;
height: 25px;
font-size: 13px;
outline: none;
float: left;
}

.fm-text.shortest{
width: 100px;
float: none;
}

.email-at{
margin: 0 5px;
}

.fm-text.medium{
width: 225px;
}

.fm-text.wide{
width: 300px;
}

.fm-radio{
margin-left: 15px;
margin-right: 5px;
}

.sub-page-content .msg-error{
text-align: center;
margin-bottom: 30px;
color: #e04137;
background: #fff3f2;
padding: 10px;
border: 1px solid #e04137;
}

.sub-page-content .msg-notice{
text-align: center;
margin-bottom: 30px;
color: #1d9ac8;
background: #e3f7ff;
padding: 10px;
border: 1px solid #76d5f8;
}

.sub-page-content .msg-error li{
color: #e04137;
}
.sub-page-content .msg-notice li{
color: #1d9ac8;
}


/*start-page*/

.start-page {
text-align: center;
}

.start-page h2{
padding-top: 70px;
}

.start-page .exp{
font-size: 13px;
margin-top: 25px;
}

.start-page .start-button{
width: 214px;
height: 61px;
background: #ddd;
display: inline-block;
cursor: default;
margin-top: 25px;
}

.start-page .start-button.active{
background: #ff4c4c;
cursor: pointer;
}

.start-page .agreement{
margin-top: 15px;
}

.start-page .agreement a{
color: #f4a0ea;
}

/* question page */

.question{
text-align: center;
padding-top: 50px;

}

.question *{
>text-align:center;
}

.question h2{
font-size: 35px;
color: #fff;
background: url(../images/question-no-bg.png) no-repeat left;
width: 160px;
line-height: 61px;
height: 61px;
padding-left: 43px;
margin: 0px auto 0;
margin-top: 50px\9;
}

.question .question-p{
font-size: 20px;
color: #000;
margin-top: 30px;
height: 60px;
}

.question .question-nav{
margin-top: 30px;
}

.question .question-nav a{
margin: 0 10px;
}

.question .question-progress{
margin: 40px auto 0;
width: 500px;
}

.question .progress-percentage{
width: 180px;
text-align: right;
color:#555;
float: left;
line-height: 30px;
}

.question .progress-bar{
width: 300px;
float: right;
}


.question .progress-percentage span{
font-weight: bold;
color: #ff4c4c;
}

.question .ui-widget-content{
border:2px solid #ff4c4c;
}

.question  .ui-widget-header{
background: #ff4c4c;
border:1px solid #ff4c4c;
}


.question .question-list{
width: 680px;
margin: 40px auto 0;
}

.question .question-list li{
float: left;
width: 24px;
height: 24px;
background: url(../images/question-list-bg.png) no-repeat;
color: #fff;
line-height: 26px;
font-size: 11px;
margin: 0 5px;
opacity: 0.3;
filter: alpha(opacity=30);
-ms-filter: "alpha(opacity=30)";
}

.question .question-list li.current{
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
}

/*------------ result-page ---------------*/

.result-register {
margin-top: 20px;
background: #ffefee url(../images/result/result-register-top.png) 20px center no-repeat;
border: 1px solid #ff7365;
height: 66px;
}

.result-register a{
display:inline-block;
text-align: right;
margin-top: 5px;
margin-left: 555px;
}


.result section{
display: block;
}

.result{
padding-bottom: 40px;
}

.result-main{
visibility: hidden;
visibility: visible\9;
}


.fuji-title{
text-align: center;
padding-top: 15px;
}

#main #content.type01{background: url(../images/result/main-bg-premium-01.png);}
.type01 .result-card-header{background: url(../images/result/card-header-bg-01.png) top center no-repeat;}
.type01 .result-abstract{background-color: #269fd2;}
.type01 .result-wave-name,.type01 .result-card-main h3{color:#269fd2; }

#main #content.type02{background: url(../images/result/main-bg-premium-02.png);}
.type02 .result-card-header{background: url(../images/result/card-header-bg-02.png) top center no-repeat;}
.type02 .result-abstract{background-color: #6bb609;}
.type02 .result-wave-name,.type02 .result-card-main h3{color:#6bb609; }

#main #content.type03{background: url(../images/result/main-bg-premium-03.png);}
.type03 .result-card-header{background: url(../images/result/card-header-bg-03.png) top center no-repeat;}
.type03 .result-abstract{background-color: #fa851d;}
.type03 .result-wave-name,.type03 .result-card-main h3{color:#fa851d; }

#main #content.type04{background: url(../images/result/main-bg-premium-04.png);}
.type04 .result-card-header{background: url(../images/result/card-header-bg-04.png) top center no-repeat;}
.type04 .result-abstract{background-color: #9760f3;}
.type04 .result-wave-name,.type04 .result-card-main h3{color:#9760f3; }

#main #content.type05{background: url(../images/result/main-bg-premium-05.png);}
.type05 .result-card-header{background: url(../images/result/card-header-bg-05.png) top center no-repeat;}
.type05 .result-abstract{background-color: #009a3b;}
.type05 .result-wave-name,.type05 .result-card-main h3{color:#009a3b; }

#main #content.type06{background: url(../images/result/main-bg-premium-06.png);}
.type06 .result-card-header{background: url(../images/result/card-header-bg-06.png) top center no-repeat;}
.type06 .result-abstract{background-color: #ef749d;}
.type06 .result-wave-name,.type06 .result-card-main h3{color:#ef749d; }

#main #content.type07{background: url(../images/result/main-bg-premium-07.png);}
.type07 .result-card-header{background: url(../images/result/card-header-bg-07.png) top center no-repeat;}
.type07 .result-abstract{background-color: #1650a6;}
.type07 .result-wave-name,.type07 .result-card-main h3{color:#1650a6; }

#main #content.type08{background: url(../images/result/main-bg-premium-08.png);}
.type08 .result-card-header{background: url(../images/result/card-header-bg-08.png) top center no-repeat;}
.type08 .result-abstract{background-color: #fa7461;}
.type08 .result-wave-name,.type08 .result-card-main h3{color:#fa7461; }

.result-mypage-header{
padding-top: 30px;
}

.result-mypage-header .result-card{
}

.result-mypage-header .result-card{
width: 384px;
height: 213px;
background: url(../images/result/card-main-bg.png) bottom center no-repeat;
float: left;
}

.mypage-menu{
background: url(../images/result/mypage-menu-bg.png) no-repeat center;
width: 550px;
padding-left: 48px;
padding-top: 20px;
height: 185px;
float: right;
}

.mypage-menu p {
height: 25px;
line-height: 25px;
}

.mypage-menu a{
color: #f87262;
}

.mypage-menu a:hover{
text-decoration: underline;
}

.mypage-menu .mypage-nav{
margin-top: 10px;
padding: 20px;
width: 487px;
}

.mypage-menu .mypage-nav li{
width: 240px;
float: left;
margin-bottom: 10px;
}

.result-mypage-header .result-card-header{
width: 384px;
height: 45px;
}

.result-mypage-header .result-card-main{
padding-top: 20px;
}

.result-card-main .result-card-info{
width: 260px;
float: left;
}

.result-card-birth,.result-card-name,.result-card-sex,.result-card-location{
line-height: 30px;
height: 30px;
}

.result-card-main h3{
font-size: 18px;
height: 37px;
line-height: 37px;
text-align: center;
margin-left: 115px;
width: 125px;
font-weight: normal;
}

.result-card-name{
margin-left: 115px;
text-align: center;
font-size: 14px;
color: #333;
margin-top: 4px;
width: 125px;
}

.result-card-birth{
margin-left: 115px;
text-align: center;
font-size: 14px;
color: #333;
width: 125px;
}

.result-card-sex,.result-card-location{
text-align: center;
font-size: 13px;
color: #333;
}

.result-card-sex{
margin-left: 60px;
width: 50px;
float: left;
}

.result-card-location{
width: 70px;
float: left;
margin-left: 60px;
}

.result-card-img{
width: 90px;
height: 90px;
float: left;
margin-left: 4px;
margin-top: 4px;
position: relative;
overflow: hidden;
}

.result-card-img img{
width: 100px;
margin-left: -10px;
}



.result .result-header{
margin-top: 20px;
background: url(../images/result/result-header-bg-main.png) repeat-y;
}

.result .result-header-abstract{
background: url(../images/result/result-header-bg-top.png) no-repeat top;
padding-top: 42px;
}

.result .result-left{
width: 478px;
float: left;
}

.result .result-right{
width: 478px;
float: right;
}

.result .result-abstract{
background-repeat: no-repeat;
background-image:url(../images/result/result-abstract-bg-long.png);
background-position: top center;
width: 468px;
min-height: 376px;
float: left;
margin-left: 36px;
padding-bottom: 10px;
}

.charactor{
padding-top: 160px;
}

.result .result-abstract .charactor-left{
float: left;
width: 300px;
}

.result .result-abstract .charactor-right{
float: right;
width: 140px;
height: 210px;
margin-right: 15px;
text-align: center;
padding-top: 30px;
}

.result .result-abstract .charactor-right img{
width: 140px;
height: auto;
}

.charactor .name-kihara{
margin-left: 90px;
font-size: 11px;
color: #666;
line-height: 15px;
}

.result .result-abstract .charactor strong{
display: block;
text-align: center;
font-size: 23px;
font-size: 22px\9;
color: #333;
line-height: 35px;
letter-spacing: 0px;
padding:28px 0;
}

.result .result-abstract .charactor strong.line3{
line-height: 29px;
padding: 22px 0;
}

.result-share-title{
text-align: center;
font-size: 13px;
color: #777;
font-weight: bold;
margin-bottom: 5px;
}

.result-share{
text-align: center;
}

.result-share a{
margin: 0 5px;
font-size: 13px;
color: #fff;
height: 30px;
line-height: 30px;
min-width: 80px;
display: inline-block;
padding-left: 30px;
padding-right: 10px;
text-align: center;
background-repeat: no-repeat;
background-position: left center;
}

.result-share #fb-link{
background-color: #4070d4;
background-image: url(../images/result/result-share-fb-small.png) ;
}

.result-share #tw-link{
background-color: #3acbc1;
background-image: url(../images/result/result-share-tw-small.png) ;
}

.result-share #fb-link:hover{
background-color: #224590;
}

.result-share #tw-link:hover{
background-color:  #1d9990;
}

.result-header-widget{
margin-top: 20px;
}

.result-header-widget-main{
background: #fff;
border: 1px solid #dddddd;
border-top: none;
padding: 20px;
}

/*-- result wave --*/

.result .result-wave{
width: 437px;
float: right;
margin-right: 34px;
}

.result .result-wave-name-is{
text-align: center;
color: #adadad;
font-size: 15px;
line-height: 20px;
height: 20px;
margin-top: -25px;
}

.result .result-wave-name{
margin-top: 6px;
background: url(../images/result/result-wave-name-bg.png) no-repeat;
width: 270px;
text-align: center;
padding-left: 104px;
padding-right: 62px;
height: 57px;
line-height: 57px;
font-size: 28px;
font-weight: normal;
}

#wave-main{
height: 175px;
width: 293px;
padding: 0 50px;
background: url(../images/result/result-graph-bg-wider.png) no-repeat left center;
}

#wave-main .wave-caption,
#wave-main .wave-caption span{
color: #eba046;
text-align: right;
font-size: 10px;
line-height: 46px;
height: 46px;
}

#wave-main .wave-caption span{
font-size: 12px;
}

#wave-main-graph{
margin-top: 7px;
}

.wave-exp{
margin-top: 20px;
}

.wave-exp h3{
width: 60px;
background: url(../images/result/4sq.png) left center no-repeat;
padding-left: 18px;
font-size: 14px;
line-height: 20px;
color: #333;
float: left;
}

.wave-exp p{
display: inline-block;
float:left;
margin-left: 15px;
line-height: 20px;
width: 302px;
color: #333;
font-size: 12px;
}

.result-header-other{
z-index: 0;
padding-bottom: 25px;
}

.result-header-register{
text-align: center;
z-index: 1;
}

.result-header-end{
padding-bottom: 25px;
background: url(../images/result/result-header-bg-bottom.png) no-repeat bottom;
}

/*result-match*/

#result-match{
width:980px;
margin:20px 0;
background: #fffaf5;
border: 5px solid #fbd09d;
}

#result-match h2{
background: #fbd09d;
padding: 10px 20px;
}

#result-match .result-match-main{
margin: 20px;
width: 300px;
height: 146px;
padding-left: 101px;
padding-top: 70px;
background: url(../images/result/match-ranking-bg.png) no-repeat;
float: left;
}

#result-match .result-match-main p{
color: #fff;
text-align: center;
width: 240px;
}

#result-match .result-match-main .first{
font-size: 30px;
line-height: 49px;
height: 49px;
}

#result-match .result-match-main .lower{
font-size: 17px;
line-height: 43px;
height: 43px;
}

#result-match .result-match-tv{
width: 450px;
float: right;
margin-right:40px;
margin-top: 49px;
}

#result-match .result-match-tv .result-match-tv-text{
color: #ef522d;
font-size: 18px;
line-height: 28px;
margin-bottom: 20px;
}

#result-match .result-match-tv .result-match-tv-text span{
color: #ef522d;
font-size:20px;
font-weight: bold;
}

.result-match-tv a{
display: inline-block;
font-size: 16px;
padding-left: 20px;
background: url(../images/icon-arrow-green.png) no-repeat left center;
}

.result-match-tv a:hover{
text-decoration: underline;
}

/*-- result pickup -- */

.result-pickup{
margin-right: 36px;
text-align: center;
width: 434px;
float: right;
}

.result-pickup .pickup-graph{
float: left;
width: 130px;
margin-top: 10px;
}

.p-graph{
height: 110px;
margin: 0 auto;
width: 110px;
}

.pickup-graph{
text-align: left;
}

.result-pickup .pickup-graph label{
position: absolute;
font-size: 16px;
font-weight: bold;
color: #9f6111;
width: 70px;
line-height: 110px;
height: 110px;
z-index: 100;
margin-left: 58px;
text-align: center;
font-size: 20px\9;
>font-size:20px;
}

.result-pickup .pickup-graph p{
margin-top: 20px;
text-align: center;
margin-bottom: 10px;
}

.result-pickup .pickup-graph p .pickup-text{
font-size: 12px;
line-height: 20px;
color: #555;
display: table-cell;
height: 60px;
vertical-align: middle;
width: 130px;
}

.result-pickup .pickup-graph .place{
margin-top: 5px;
color: #888;
}

.result-pickup .pickup-graph .place span{
color: #888;
font-size: 20px;
margin:0 5px;
font-weight: bold
}

/* result banner*/

#result-official-banners{

}

#result-official-banners img{
	width: 100%;
}

#result-official-banners .special-widget{
	width: 485px;
	display: block;
	float: left;
}

#result-official-banners .special-widget:first-child{
	margin-right: 20px;
}

.sp-result-banner{
display: none;
}

.result-banner-wide{
margin-top: 20px;
}

.result-addingo{
height: 90px;
}

#st-buddy{
width: 990px;
height: 348px;
background: url(../images/campaign/st/st-buddy-bg.png) no-repeat;
margin-top: 20px;
}

.st-buddy-header{
padding: 10px 20px 0;
}

#st-buddy h2{
width: 523px;
float: left;
}

#st-buddy  .st-buddy-description{
font-size: 12px;
color: #fff;
line-height: 20px;
margin-left: 15px;
float: left;
display: inline-block;
width: 412px;
padding-top: 8px;
}

.st-buddy-main{
padding: 15px 20px 0;
}

.st-buddy-main .st-buddy-photo{
width: 328px;
float: left;
}

.st-buddy-main .st-buddy-photo h3{
margin-left: 55px;
height: 34px;
}

.st-buddy-main .st-buddy-photo  .st-buddy-charactor{
margin-left: 19px;
margin-top: -11px;
}

.st-buddy-result{
width: 585px;
float: right;
}

.st-buddy-result .st-buddy-result-copy{
font-size: 25px;
color: #d30614;
background: url(../images/campaign/st/st-buddy-catch-icon.png) no-repeat left center;
padding-left: 20px;
height: 50px;
line-height: 50px;
}

.st-buddy-result .st-buddy-result-content{
font-size: 13px;
color: #000;
line-height: 22px;
height: 122px;
padding-right: 20px;
}

.st-buddy-result footer{
padding-top: 25px;
}

.st-buddy-result footer h4{
display: inline-block;
float: left;
margin-left: 20px;
height: 29px;
line-height: 29px;
}

.st-buddy-result footer h4 img{
vertical-align: middle;
}

.st-buddy-result footer a{
display: inline-block;
float: right;
}

/* result book */

.result-book{
background: url(../images/result/result-book-bg.png) no-repeat;
width: 477px;
height: 404px;
margin-top: 30px;
float: left;
}

.result-book-sex{
text-align: center;
padding-top: 60px;
}

.result-book-sex span{
font-size: 25px;
color: #009a3b;
font-weight: bold;
line-height: 80px;
margin: 0 20px;
height: 80px;
display: inline-block;
padding-left: 40px;
}

.result-book-sex span.no-sex{
padding-left: 0px;
}

.result-book-sex span.boy{
background: url(../images/result/result-icon-boy.png) no-repeat left;
}

.result-book-sex span.girl{
background: url(../images/result/result-icon-girl.png) no-repeat left;
}

.result-book-main{
margin-top: 80px;
padding:0 20px;
}

.result-book-left{
width: 113px;
float: left;
display: block;
}

.result-book-right{
width: 310px;
float: right;
}

.result-book-right h3{
font-size: 20px;
font-weight: bold;
color: #333;
padding-left: 20px;
background: url(../images/result/icon-tri.png) left center no-repeat;
}

.result-book-right .book-author{
font-size: 15px;
color: #777;
text-align: right;
margin-top: 5px;
}

.result-book-right .book-content{
font-size: 13px;
color: #333;
line-height: 18px;
}

.result-book-right .book-more{
text-align: right;
margin-top: 8px;
}

.result-book-right .book-more a{
font-size: 12px;
color: #009a3b;
display: inline-block;
padding-right: 20px;
background: url(../images/result/icon-tri.png) right top no-repeat;
}

.result-book-right .book-more a:hover{
color: #999;
text-decoration: underline;
}

/* book 02 */

.result-book-02{
background: url(../images/result/result-book-02-bg.png) no-repeat;
width: 477px;
height: 329px;
margin-top: 30px;
padding-top: 76px;
float: right;
}

.result-book-02-main{
padding: 15px;
}

.result-book-02-left{
float: left;
width: 132px;
border:1px  solid #ddd;
}

.result-book-02-left img{
width: 100%;
height: auto;
}

.result-book-02-right{
width: 298px;
float: right;
}

.result-book-02-right h4{
margin: 7px 0;
}

.result-book-02-right p{
font-size: 13px;
line-height: 20px;
color: #555;
}

.result-book-02-amazon{
text-align: center;
margin-top: 5px;
}

/* result-book-03 */

.result-book-03{
margin-top: 20px;
background: #ffebec;
padding: 8px;
}

.result-book-03-inner{
border:1px solid #f0afb2;
background: #fff7f7 url(../images/result/pink-0324.png) no-repeat bottom right;
padding: 20px;
}

.result-book-03-left{
width: 135px;
float: left;
}

.result-book-03-right{
width: 730px;
float: left;
margin-left: 30px;
}

.result-book-03-right h3{
margin-bottom: 20px;
}

.result-book-03-right .sp-only{
display: none;
}

.result-book-03-right h4{
margin-bottom: 10px;
}

.result-book-03-right p{
font-size: 13px;
line-height: 22px;
height: 44px;
color: #8d1013;
}

.result-book-03-right .result-book-03-links{
margin-top: 10px;
}

.result-book-03-right .result-book-03-links a{
margin-right: 15px;
}



/* result-wide-box */

.result-wide-box{
border: 1px solid #ddd;
margin-top: 30px;
background: #fff;
padding-bottom: 30px;
}

.result-wide-box.result-wide-box{
padding-bottom: 0px;
}

.result-apply-main{
margin-top: 28px;
padding-bottom: 25px;
}

.result-apply-main .result-apply-left{
float: left;
width: 321px;
margin-left: 120px;
}

.result-apply-main .result-apply-right{
width: 486px;
margin-right: 30px;
float: right;
}
.result-apply-right p{
font-size: 13px;
line-height: 20px;
color: #333;
}

.result-apply-more{
margin-top: 10px;
text-align: left;
}

.result-apply-more a{
font-size: 13px;
padding-left: 25px;
display: inline-block;
background: url(../images/icon-arrow-orange.png) left no-repeat;
color: #eda13f;
}

.result-apply-more a:hover{
text-decoration: underline;
}

.result-apply-btn{
margin-top: 15px;
}

.result-apply-fuji{
text-align: center;
margin-top: 30px;
border-top: 1px solid #eee;
padding-top: 30px;
background: #f8f8f8;
padding-bottom: 30px;
}

.result-change-main{
margin-top: 30px;
}

.result-change-main p{
text-align: center;
font-size: 14px;
line-height: 24px;
}

.result-change-main p .enph{
color: #34bdef;
font-size: 15px;
}

.result-change-btn{
margin-top: 20px;
}

/* result widget */

.result-widget{
margin-top: 20px;
width: 320px;
float: left;
margin-right: 15px;
}

.result-widget.result-widget-last{
margin-right: 0px;
}

.result-widget .result-widget-main{
background: #fff;
padding: 15px;
}

.result-widget h4.line1{
font-size: 25px;
line-height: 50px;
text-align: center;
}

.result-widget h4.line2{
font-size: 22px;
line-height: 24px;
text-align: center;
}

.result-widget h4.line3{
font-size: 15px;
line-height: 24px;
text-align: center;
}

.result-widget h4.line4{
font-size: 14px;
line-height: 24px;
text-align: center;
}

.result-widget h3{
text-align: left;
}

.result-widget .result-eyecatch-left{
float: left;
width: 190px;
}

.result-widget .result-eyecatch-cell{
width: 190px;
height: 80px;
vertical-align: middle;
display: table-cell;
}

.result-widget .result-widget-exp{
font-size: 13px;
line-height: 22px;
color: #333;
margin-top: 20px;
}

/* result basic and widget common */

.result-eyecatch-cell .eyecatch-text{
text-align: center;
font-size: 16px;
font-weight: bold;
color: #333;
line-height: 22px;
margin-bottom: 5px;
}

.result-eyecatch-right label{
position: absolute;
font-size: 20px;
font-weight: bold;
width: 75px;
padding-left: 5px;
text-align: center;
padding-top: 5px;
line-height: 75px;
height: 95px;
z-index: 50;
}

.result-eyecatch-left .line1{
margin-top: 20px;
}
.result-eyecatch-left .line2{
margin-top: 10px;
}

.result-eyecatch-left .line3{
margin-top: 0;
}

.eyecatch-percentage span{
vertical-align: middle;
}

.result-eyecatch-left .eyecatch-percentage{
text-align: center;
}

.eyecatch-percentage .percentage{
font-size: 17px;
font-weight: bold;
letter-spacing: 1px;
display: inline-block;
line-height: 20px;
vertical-align: middle;
}

.eyecatch-percentage .average{
font-size: 12px;
font-weight: bold;
color: #999;
letter-spacing: 0px;
line-height: 20px;
display: inline-block;
margin-left:5px;
}

.eyecatch-percentage .global-rank{
font-size: 12px;
font-weight: bold;
color: #999;
letter-spacing: 1px;
line-height: 25px;
display: inline-block;
margin-left: 10px;
}

.result-eyecatch .result-eyecatch-right{
float: right;
width: 80px;
height: 80px;
}

/*-- result basic --*/

.result-basic{
float: left;
width: 443px;
margin-left: 36px;
}

.result-basic .result-widget-main{border:1px solid #eda13f;}
.result-basic .percentage{color:#eda13f; }
.result-basic label{color: #9f6111;}

.result-basic .result-widget-exp{
font-size: 13px;
color: #333;
margin-top: 20px;
line-height: 21px;
}

.result-basic .result-eyecatch-left{
width: 290px;
float: left;
}

.result-basic .result-eyecatch .result-eyecatch-cell{
display: table-cell;
vertical-align: middle;
height: 100px;
width: 290px;
}

.result-basic .result-eyecatch-cell .eyecatch-text{
font-size: 20px;
text-align: center;
line-height: 28px;
margin-bottom: 10px;
}

.result-basic .result-eyecatch .result-eyecatch-right{
float: right;
width: 100px;
height: 100px;
}

.result-basic .result-eyecatch label{
width: 90px;
padding-left: 10px;
font-size: 25px;
height: 95px;
line-height: 95px;
padding-top: 5px;
}

.result-basic .result-eyecatch-left .percentage{
font-size: 20px;
line-height: 20px;
}

.result-basic .result-eyecatch-left .average{
font-size: 14px;
margin-left: 10px;
line-height: 20px;
}

/* result widget adv */

.result-adv-wapper{
margin-top: 20px;
}

.result-widget-adv .result-widget-main{
background: #fff;
}

.result-widget-adv{
width: 477px;
}

.result-widget-adv.left{
float: left;
}

.result-widget-adv.right{
float: right;
}

.result-widget-adv h3{
width: 430px;
height: 65px;
color: #fff;
font-weight: normal;
font-size: 20px;
padding-left: 20px;
line-height: 65px;
letter-spacing: 1px;
}

.result-widget-adv .result-widget-main{
padding: 20px;
}

.result-widget-adv .result-eyecatch-left{
width: 300px;
float:left;
}

.result-widget-adv .result-eyecatch-cell{
height: 110px;
display: table-cell;
width: 300px;
vertical-align: middle;
}

.result-widget-adv .eyecatch-text{
font-size: 22px;
margin-bottom: 10px;
line-height: 29px;
}

.result-widget-adv .percentage{
font-size: 20px;
line-height: 20px;
left: 1px;
}

.result-widget-adv .average{
font-size: 14px;
margin-left: 10px;
line-height: 20px;
}

.result-widget-adv .result-eyecatch-right{
width: 110px;
height: 110px;
float: right;
}

.result-widget-adv .result-eyecatch-right label{
width: 110px;
line-height: 105px;
padding-bottom: 5px;
font-size: 25px;
}

.result-widget-adv .result-widget-exp{
margin-top: 20px;
font-size: 13px;
line-height: 21px;
color: #333;
}

.result-adv-more{
text-align: right;
margin-top: 15px;
}

.result-adv-more a{
font-size: 12px;
padding-left: 25px;
display: inline-block;
}

.result-adv-more a:hover{
color: #999;
text-decoration: underline;
}

/* orange */

.result-widget-adv.orange .result-widget-main{
border: 1px solid #eba146;
}

.result-widget-adv.orange h3{
background: url(../images/result/result-h3-bg-orange.png) no-repeat;
}

.result-widget-adv.orange label{
color: #9f6111;
}

.result-widget-adv.orange .percentage{
color: #eda13f;
}

.result-widget-adv.orange .result-adv-more a{
background: url(../images/icon-arrow-orange.png) left no-repeat;
color: #eda13f;
}

/* green */

.result-widget-adv.green .result-widget-main{
border:1px solid #6ea822;
}

.result-widget-adv.green h3{
background: url(../images/result/result-h3-bg-green.png) no-repeat;
}

.result-widget-adv.green label{
color:#4f840a;
}

.result-widget-adv.green .percentage{
color: #6ea822;
}

.result-widget-adv.green .result-adv-more a{
background: url(../images/icon-arrow-green.png) left no-repeat;
color: #6ea822;
}

/* blue */

.result-widget-adv.blue .result-widget-main{
border:1px solid #2262b9;
}

.result-widget-adv.blue h3{
background: url(../images/result/result-h3-bg-blue.png) no-repeat;
}

.result-widget-adv.blue label{
color:#16407a;
}

.result-widget-adv.blue .percentage{
color: #2262b9;
}

.result-widget-adv.blue .result-adv-more a{
background: url(../images/icon-arrow-blue.png) left no-repeat;
color: #2262b9;
}

/* pink */

.result-widget-adv.pink .result-widget-main{
border:1px solid #ef6c64;
}

.result-widget-adv.pink h3{
background: url(../images/result/result-h3-bg-pink.png) no-repeat;
}

.result-widget-adv.pink label{
color:#a62820;
}

.result-widget-adv.pink .percentage{
color: #ef6c64;
}

.result-widget-adv.pink .result-adv-more a{
background: url(../images/icon-arrow-pink.png) left no-repeat;
color: #ef6c64;
}

/* result-widget-wide */

.result-widget-adv.wide{
width: 990px;
}

.result-widget-adv.wide .result-widget-inside{
width: 455px;
float: left;
}

.result-widget-adv.wide .result-widget-special{
width: 455px;
float: right;
}

.result-widget-special h4{
font-size: 20px;
margin-bottom: 10px;
}

.result-widget-special p{
font-size: 12px;
line-height: 20px;
margin-bottom: 10px;
}

/* result widet people love work */

.result-people .result-widget-main{border:1px solid #6ea822;}
.result-people .percentage{color:#6ea822; }
.result-people label{color:#4f840a}

.result-love .result-widget-main{border:1px solid #ef6c64;}
.result-love .percentage{color:#ef6c64; }
.result-love label{color:#a62820;}

.result-work .result-widget-main{border:1px solid #2262b9;}
.result-work .percentage{color:#2262b9; }
.result-work label{color:#16407a}

/* result june bride */

.result-june-bride .result-widget-main{border:2px solid #dfa096;border-top:none;}
.result-june-bride h4{border:2px solid #dfa096;border-bottom: none;}
.result-june-bride .percentage{color:#dfa096; }
.result-june-bride label{color: #be6454}

.result-travel .result-widget-main{border:2px solid #2694db;border-top:none;}
.result-travel h4{
background: #d6efff url(../images/result/result-travel-subtitle.png) no-repeat 10px center;
border:2px solid #2594db;
border-bottom:1px solid #99d1f5;
font-size: 27px;
font-weight: bold;
padding:10px;
padding-left: 167px;
color: #2594db;
line-height: 48px;
height: 48px;
}

/* special widget */

.special-widget{
margin-top: 20px;
}

.special-widget h3{
background: url(../images/icon-special-bottom.png) no-repeat bottom center;
padding-bottom: 12px;
margin-bottom: 20px;
}

.special-widget h3 span{
display: block;
background: #006600;
height: 80px;
line-height: 80px;
font-size: 18px;
color: #fff;
padding-left: 20px;
font-weight: normal;
text-align: center;
}

.special-widget{
background: #fff;
}

.special-widget .special-widget-left{
width: 473px;
padding: 20px;
padding-right: 0px;
float:left;
}

.special-widget .special-widget-left p{
font-size: 14px;
color: #060;
}

.special-widget .special-widget-right{
width: 455px;
padding: 20px;
float: right;
}

/* result travel */

.result-travel h4.smaller{font-size: 24px;}
.result-travel h4.smallest{font-size: 17px;}
.result-travel .percentage{color:#2594db; }
.result-travel label{color: #2594db}

/* music */

.result-music .result-widget-main{border:2px solid #1ac3ed;border-top:none;}
.result-music h4{
background: #d5f6fe url(../images/result/result-music-subtitle.png) no-repeat 10px center;
border:2px solid #1ac3ed;
border-bottom:1px solid #1ac3ed;
font-size: 27px;
font-weight: bold;
padding:10px;
padding-left: 167px;
color: #1ac3ed;
line-height: 48px;
height: 48px;
}
.result-music h4.smaller{font-size: 24px;}
.result-music h4.smallest{font-size: 17px;}
.result-music h4.tiny{font-size: 15px;}
.result-music .percentage{color:#3dc7e9; }
.result-music label{color: #3dc7e9}

/* movie*/

.result-movie .result-widget-main{border:2px solid #b4801b;border-top:none;}
.result-movie h4{
background: #f2e0bf url(../images/result/result-movie-subtitle.png) no-repeat 10px center;
border:2px solid #b4801b;
border-bottom:1px solid #b4801b;
font-size: 27px;
font-weight: bold;
padding:10px;
padding-left: 167px;
color: #c79d4c;
line-height: 48px;
height: 48px;
}
.result-movie h4.smaller{font-size: 24px;}
.result-movie h4.smallest{font-size: 17px;}
.result-movie h4.tiny{font-size: 15px;}
.result-movie .percentage{color:#c79d4c; }
.result-movie label{color: #c79d4c}

/* food */

.result-food .result-widget-main{border:2px solid #a8652a;border-top:none;}
.result-food h4{
background: #f7c08f url(../images/result/result-food-subtitle.png) no-repeat 10px center;
border:2px solid #a8652a;
border-bottom:1px solid #a8652a;
font-size: 27px;
font-weight: bold;
padding:10px;
padding-left: 167px;
color: #a8652a;
line-height: 48px;
height: 48px;
}
.result-food h4.smaller{font-size: 24px;}
.result-food h4.smallest{font-size: 17px;}
.result-food h4.tiny{font-size: 15px;}
.result-food .percentage{color:#c7864c; }
.result-food label{color: #c7864c}

/* newyear */

.result-newyear .result-widget-main{border:2px solid #a38414;border-top:none;}
.result-newyear h4{
background:url(../images/result/result-newyear-subtitle.png) no-repeat center;
border:2px solid #a38414;
border-bottom:1px solid #a38414;
font-size: 27px;
font-weight: bold;
padding:10px;
padding-left: 167px;
color: #a38414;
line-height: 48px;
height: 48px;
}
.result-newyear h4.smaller{font-size: 24px;}
.result-newyear h4.smallest{font-size: 17px;}
.result-newyear h4.tiny{font-size: 15px;}
.result-newyear .percentage{color:#b19328; }
.result-newyear label{color: #a38414}

/* 2015 newyear */

#newyear2015{
background: url(../images/2015newyear/newyear-bg.png) no-repeat;
margin-top: 32px;
padding-bottom: 20px;
}

.newyear2015-header h2{
width: 377px;
float: left;
}

.newyear2015-lead{
width: 535px;
padding: 10px 15px 10px 25px;
font-weight: normal;
float: right;
background: url(../images/2015newyear/lead-bg.png) no-repeat;
color: #fff;
font-size: 12px;
line-height: 18px;
margin-top: -12px;
margin-right: 14px;
}

.newyear2015-content{
margin: 0 20px;
background: url(../images/2015newyear/white-bg.png);
padding: 20px;
width: 910px;
}

.newyear2015-copy span{
display: inline-block;
text-align: center;
width: 166px;
height: 48px;
padding: 5px 0;
padding-right: 10px;
line-height: 24px;
font-size: 16px;
font-weight: bold;
color: #fff;
background: url(../images/2015newyear/fukidashi.png) no-repeat;
float: left;
}

.newyear2015-copy h3{
float: left;
width: 694px;
line-height: 58px;
height: 58px;
font-size: 26px;
color: #ac8408;
padding-left: 20px;
margin-left: 20px;
}

#newyear2015 .newyear2015-main{
margin-top: 20px;
width: 910px;
padding-bottom: 0px;
}

#newyear2015 .result-widget-adv .eyecatch-text{
font-size: 20px;
}

.newyear2015-main .result-eyecatch{
width: 430px;
float: left;
margin-top: 5px;
}

#newyear2015 .percentage{
color: #ac8408;
}

#newyear2015 .result-eyecatch-right label{
color: #ac8408;
}

.newyear2015-main .result-widget-exp{
width: 445px;
float: right;
margin-top: 0px;
}



.newyear2015-tv{
padding: 20px;
background: #ddd;
width: 910px;
margin:  0 auto;
}

.newyear2015-tv span{
width: 220px;
float: left;
display: inline-block;
}

.newyear2015-tv span img{
width: 220px;
height: auto;
}

.newyear2015-tv .newyear2015-tv-main{
width: 660px;
margin-left: 30px;
float: left;
}

.newyear2015-tv .newyear2015-tv-main h3{
font-size: 18px;
margin-bottom: 7px;
color: #940d0d;
}

.newyear2015-tv .newyear2015-tv-main p{
font-size: 13px;
margin-bottom: 7px;
}

.newyear2015-tv .newyear2015-tv-main .tv-main-link{
margin-bottom: 0px;
}

.newyear2015-tv .newyear2015-tv-main a{
display: inline-block;
background: #940d0d;
color: #fff;
padding: 3px 15px;
font-size: 12px;
border: 1px solid  #940d0d;
font-weight: bold;
}

.newyear2015-tv .newyear2015-tv-main a:hover{
background: #fff;
color: #940d0d;
}

/* sub-page */

.sub-page h2{
text-align: center;
margin-top: 50px;
}

.sub-page .sub-page-content{
width: 750px;
margin: 0 auto;
margin-top: 40px;
margin-bottom: 40px;
}

.sub-page .sub-page-main{
padding: 20px;
background: #fff;
}

.sub-page-content h3{
padding: 10px 0;
margin: 0px auto;
font-size: 16px;
height: 30px;
line-height: 30px;
}

.sub-page-content p{
font-size: 12px;
color: #555;
margin: 5px 0;
}

.sub-page-main ol{
margin-left: 30px;
}

.sub-page-main ol li{
list-style: decimal outside;
font-size: 11px;
color: #555;
}

.sub-page-main ol .author{
font-style: italic;
color: #f99;
}


/* news */

.news-page h2{
text-align: center;
margin-top: 50px;
}

.news-page-list{
border-top: 1px solid #6cb964;
width: 750px;
margin: 50px auto 40px;
}

.news-page-list li{
border-bottom: 1px dotted #6cb964;
}

.news-page-list .no-link{
padding: 10px 0;
}

.news-page-list li a{
display: block;
padding: 10px 0;
}

.news-page-list .last a{
border-bottom: 1px solid #6cb964;
}

.news-page-list li a:hover{
background: #dcf3d9;
}

.news-page-list li time,
.news-page  h3 time{
display: inline-block;
float: left;
background: url(../images/news-date-bg.png) no-repeat center center;
width: 123px;
line-height: 30px;
padding-right: 8px;
height: 30px;
color: #fff;
font-size: 14px;
letter-spacing: 1px;
text-align: center;
}

.news-page-list li span{
margin-left: 20px;
line-height: 30px;
font-size: 13px;
color: #333;
height: 30px;
display: inline-block;
width: 590px;
}

.news-page .sub-page-content{
border-top: 1px solid #6cb964;
border-bottom: 1px solid #6cb964;
}

.news-page  h3{
border-bottom: 1px dotted #6cb964;
}

.news-page  h3 span{
height: 30px;
line-height: 30px;
font-size: 16px;
color: #333;
margin-left: 20px;
}

.news-more{
text-align: right;
font-weight: bold;
width: 750px;
margin: -20px auto 0;
}

.news-more a{
background: ;
display: inline-block;
color: #fff;
padding: 5px 10px;
padding-left: 35px;
background:#6cb964 url(../images/news-back-icon.png) 10px center no-repeat;
}

.news-more a:hover{
background: #ccc url(../images/news-back-icon.png) 10px center no-repeat
}

/* guide */

.guide-page .sub-page-content{
border-top:1px solid #ed9f4a;
border-bottom:1px solid #ed9f4a;
}

.guide-page .sub-page-content h3{
border-bottom: 1px dotted #ed9f4a;
margin-bottom: 20px;
}

.guide-page .sub-page-main{
padding: 20px 30px;
}


.guide-page h4{
font-size: 15px;
margin-bottom: 15px;
margin-top: 20px;
color: #333;
}

.guide-page h5{
font-size: 13px;
color: #555;
margin-bottom: 10px;
}

.guide-page .indent-list li{
text-indent: -1.2em;
margin-left: 1.4em;
color: #333;
font-size: 12px;
margin-bottom: 15px;
}

.guide-page .indent-list li li{
line-height: 23px;
}

.guide-page .indent-list li li li{
margin-bottom: 10px;
line-height: 16px;
}

.guide-page p{
color: #333;
font-size: 12px;
margin-bottom: 15px;
}

.guide-page .indent-list{
margin-top: 10px;
}

.guide-page .indent-list.lh-low li{
line-height: 23px;
margin-bottom: 0px;
}

.guide-page .right{
text-align: right;
}

.guide-page a{
text-decoration: underline;
font-size: 12px;
}
.guide-page a:hover{
text-decoration: none;
}

/* Q and A */

.qanda-page .sub-page-content{
border-top:1px solid #ed9f4a;
border-bottom:1px solid #ed9f4a;
}

.qanda-page .sub-page-content h3{
border-bottom: 1px dotted #ed9f4a;
margin-bottom: 20px;
}

.qanda-page .q-title{
background: url(../images/icon-qa-q.png) no-repeat left top;
min-height: 36px;
font-size: 15px;
padding-left: 50px;
line-height: 25px;
color:#f4584a;
font-weight: normal;
padding-top: 6px;
margin-bottom: 10px;
}

.qanda-page .q-answer{
background: url(../images/icon-qa-a.png) no-repeat left top;
padding-left: 50px;
font-size: 12px;
color: #333;
min-height: 36px;
margin-bottom: 30px;
}

.qanda-page .q-answer a{
text-decoration: underline;
display: inline-block;
background: url(../images/icon-arrow-orange.png) no-repeat left center;
padding-left: 25px;
margin-top: 5px;
}

.qanda-page .q-answer a:hover{
text-decoration: none;
}


/* company */

.company-page .sub-page-content{
border-top: 1px solid #a9b7fc;
border-bottom: 1px solid #a9b7fc;
}

.sign-up-page .sub-page-content{
border-top:1px solid #ed9f4a;
border-bottom:1px solid #ed9f4a;
}

.edit-page .sub-page-content{
width: 990px;

}

.company-page .sub-page-content .sub-page-main{
padding: 0;
}

.company-page table{
width: 750px;
}

.company-page table th,
.company-page table td{
border-bottom: 1px dotted #a9b7fc;
vertical-align: middle;
padding: 15px 0;
}

.company-page table td{
font-size: 13px;
color: #333;
padding-left: 30px;
}

.company-page table td a{
font-size: 13px;
color: #6f83e8;
text-decoration: underline;
}


.company-page table th{
background: url(../images/company-label-bg.png) left no-repeat;
text-align: center;
color: #fff;
width: 192px;
font-size: 14px;
line-height: 37px;
height: 37px;
}

.company-page .last th,
.company-page .last td{
border-bottom: none;
}


/* contact page */

.contact-page .sub-page-content{
border-top: 1px solid #77dcd5;
border-bottom: 1px solid #77dcd5;
}

.contact-page .sub-page-content .sub-page-main{
padding: 0;
}

.contact-page p{
padding:20px 40px ;
color: #333;
font-size: 12px;
}


.contact-page .req{
color: #f00;
}

.contact-page table{
width: 750px;
border-top: 1px solid #77dcd5;
}

.contact-page table td,
.contact-page table th{

border-bottom: 1px dotted #77dcd5;
}

.contact-page table th{
text-align: center;
padding: 20px 15px;
width: 222px;
}

.contact-page table td{
padding: 20px 0px;
}

.contact-page table th label{
font-size: 13px;
color: #333;
background: url(../images/contact-label-bg.png) left center no-repeat;
display: inline-block;
color: #fff;
width: 222px;
height: 37px;
line-height: 37px;
}

.contact-page table td label{
display: inline-block;
width: 40px;
text-align:center;
font-size: 13px;
color: #555;
}

.contact-page table input,
.contact-page table textarea{
border: 1px solid #bbb;
padding: 5px;
outline: none;
}

.contact-page table input:hover,
.contact-page table textarea:hover{
border: 1px solid #555;
}

.contact-page table input:focus,
.contact-page table textarea:focus{
background: #f4fffe;
border: 1px solid #555;
}

.contact-page table .narrow{
width: 160px;
}

.contact-page table .normal{
width: 385px;
margin-left: 40px;
}

.contact-page table textarea{
min-height: 200px;
outline: none;
resize: vertical;
}

.contact-page .submit{
text-align: center;
}

.contact-page .submit input{
background: #21c1b6 url(../images/contact-submit-bg.png) 20px center no-repeat;
color: #fff;
border:none;
padding: 10px 20px 10px 55px;
font-size: 15px;
font-weight: bold;
letter-spacing: 2px;
text-align: center;
cursor: pointer;
}

.contact-page .submit input:hover{
background: #aaa url(../images/contact-submit-bg.png) 20px center no-repeat;
}

/* app */


.app-page .sub-page-content{
border-top:1px solid #fa7461;
border-bottom:1px solid #fa7461;
}

.app-page h3{
text-align: center;
margin:30px 0 40px;
}

.app-page .app-main{
margin-top: 30px;
}

.app-page .app-left{
float: left;
width: 260px;
margin-left: 20px;
}

.app-page .app-right{
width: 383px;
text-align: center;
float: right;
margin-right: 20px;
padding-top:50px;
}

.app-page .app-right p{
margin-bottom: 20px;
}

.app-page .app-right .app-exp{
width: 300px;
margin: 0 auto;
font-size: 12px;
color: #555;
}

.app-page .center{
text-align: center;
margin-top: 30px;
}

.app-page .app-asksamtly-exp{
width: 600px;
margin: 30px auto;
}

.app-page .app-asksamtly-exp li{
width:200px;
float:left;
text-align: center;
line-height: 20px;
color: #555;
font-size: 12px;
}

.app-page .app-asksamtly-exp li img{
margin-bottom: 20px;
}

/* qzoo-page */

.qzoo-page .sub-page-content{
border-top:1px solid #3399ff;
border-bottom:1px solid #3399ff;
width: 922px;
text-align: center;
}

.qzoo-page .sub-page-content p{
margin-top: 15px;
font-size: 13px;
color: #555;
}

.qzoo-page .sub-page-content .mt30{
margin-top: 30px;
}

.qzoo-page .sub-page-content .mt50{
margin-top: 50px;
}

.qzoo-page .sub-page-content .border{
border-top:1px dotted #3399ff;
padding-top: 30px;
}

.qzoo-page .sub-page-content .smaller{
font-size: 11px;
color: #777;
}



/* waveform-page */

.waveform-page .sub-page-content{
border-top:1px solid #ed9f4a;
border-bottom:1px solid #ed9f4a;
width: 922px;
padding-bottom: 30px;

}

.waveform-page section{
width: 264px;
float: left;
margin: 0 15px;
height: 292px;
overflow: hidden;
display: block;
margin-top: 30px;
}

.waveform-page section h3{
background: url(../images/result/4sq.png) left center no-repeat;
padding:0 20px;
color: #555;
font-size: 14px;
margin-bottom: 10px;
}

.waveform-page .wave-exp{
background: url(../images/one-word.png) left 5px no-repeat;
height: 72px;
margin: 0 0 5px;
padding-left: 70px;
}

.waveform-page span{
display: table-cell;
height: 72px;
vertical-align: middle;
font-weight: bold;
color: #eda13f;
text-align: left;
line-height: 24px;
font-size: 16px;
}

.waveform-page .graph{
width: 214px;
float: left;
background: url(../images/result/result-graph-bg.png) left top no-repeat;
height: 145px;
overflow: hidden;
padding:55px 25px;
}

.waveform-page .graph:hover{
background: url(../images/result/result-graph-bg-on.png) left top no-repeat;
}

#main .sp-only{
display: none;
}

/* about page */

.login-page .sub-page-content{
border-top:1px solid #ed9f4a;
border-bottom:1px solid #ed9f4a;
}

.login-page .sub-page-content .sub-page-main{
padding: 30px;
}

.about-page .sub-page-content{
border-top:1px solid #ed9f4a;
border-bottom:1px solid #ed9f4a;
}

.about-page .sub-page-content h3{
padding:30px 20px 0px;
background: #fff;
height: 36px;
}

.about-page .sub-page-content sup{
font-size: 9px;
}

.about-page .sub-page-content p{
margin-bottom: 15px;
}

.about-page .center{
margin-top: 20px;
text-align: center;
}

.about-page .caption{
font-size: 11px;
color: #777;
}

.about-page .screen-shot{
text-align: center;
color: #ed9f4a;
}

.about-page .screen-shot img{
border:1px solid #ccc;
margin-top: 10px;
}

/*not-found-page*/

.not-found-page .sub-page-main{
border-top: 1px solid #eda13f;
border-bottom: 1px solid #eda13f;
}

.not-found-page h2{
font-size: 25px;
font-weight: normal;
color: #eda13f;
}

.not-found-page a{
color: #eda13f;
text-decoration: underline;
font-size: 12px;
}

.not-found-page a:hover{
text-decoration: none;
}

/* access-page */

.access-page .access-large{
text-align: center;
font-size:25px;
font-weight: bold;
line-height: 50px;
padding-top: 20px;
padding-bottom: 20px;
}

.access-page .access-sp{
background: #555;
width: 600px;
color: #fff;
padding: 5px;
font-size: 15px;
text-align: center;
margin: 0 auto;
margin-top: 20px;
}

.access-page .sp-main{
margin: 20px auto 0;
width: 600px;
}

.access-page .sp-left{
float: left;
}

.access-page .sp-right{
float: right;
}

/* CP Layer*/

#cp-layer{
background: url(/images/lb-bg.png);
height: 100%;
width: 100%;
min-width: 1050px;
position: fixed;
z-index: 100;
}

#cp-layer .cp-popup{
padding: 15px;
background: #fff;
width: 603px;
margin:  0 auto;
display: none;
}



.cp-popup #cp-close a{
font-size: 15px;
color: #999;
background: #ddd;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
display: inline-block;
}

.cp-popup #cp-close a:hover{
background: #ccc;
color: #777;
}

.cp-otokodoc-mes{
background:#ffe;
border: 1px solid #fda;
padding: 15px 0;
margin-bottom: 15px;
text-align: center;
}

.cp-otokodoc-mes h3{
background:  url(../images/icon-exclamation.png) no-repeat  left center;
padding-left: 53px;
line-height: 35px;
font-size: 15px;
margin-bottom: 15px;
color: #D88924;
display: inline-block;
}

.cp-otokodoc p{
	font-size: 14px;
	text-align: center;
}