@charset "UTF-8"; /* 文字コードはUTF8です */

/* 全体＆ヘッダー部分 */
#shindanbody{
  background:         #FFF url("/img/common/header_line.png");
  background-repeat:  repeat-x;
  margin:             0px 0px 20px 0px;
  padding:            0px;
  color:              #000;
}

#shindanheader{
  background:         #FFF url("/img/shindan/shindan_header.png");
  background-repeat:  no-repeat;
  height:             120px;
  width:              1040px;
  margin:             0px auto;
  padding:            0px;
}

#shindanmainbox{
  width:              1040px;
  margin:             0px auto;
  padding:            0px;
}

#shindanleftbox{
  float:              left;
  width:              800px;
}

#shindanrightbox{
  float:              left;
  width:              200px;
}

#shindanrightbox img{
  margin:             10px;
}

#shindanman{
  background:         #FFF url("/img/shindan/shindan_man.jpg");
  background-repeat:  no-repeat;
  width:              788px;
  height:             445px;
  margin:             10px auto;
}

#shindanman img{
  margin:             330px 0px 0px 30px;
}

#shindannotice{
  margin:             10px auto;
}

#shindannotice p{
  font-size:          16px;
  color:              #333;
  line-height:        150%;
}

#shindannotice p span{
  font-weight:        bold;
  color:              #F00;
}

#shindannotice ul{
  margin: 20px 10px; 
  padding: 0; 
  list-style: none;
}

#shindannotice li{ 
  display: inline; 
  padding: 0; 
  margin: 10px 0px 10px 20px;
  float: left;
}

#shindannotice li a img{
  opacity: 0.85;
  transition:all 0.3s ease;
	filter: alpha(opacity=80);
  border: none;
}

#shindannotice li a:hover img{
  opacity: 1.0;
	filter: alpha(opacity=100);
}

#goshindan1{
  margin:             10px 180px;
}

#goshindan2{
  margin:             10px 205px;
}

.shindanregist{
  margin:             10px auto;
  width:              900px;
}

.shindanregist h1{
  display:            block;
  width:              900px;
  height:             30px;
  background-color:   #66F;
  border-top:         2px solid #CCF;
  border-left:        2px solid #CCF;
  border-bottom:      2px solid #33F;
  border-right:       2px solid #33F;
  margin:             20px auto;
  padding:            6px 0px 0px 10px;
  vertical-align:     middle;
  font-size:          22px;
  color:              #FFF;
  font-weight:        bold;
}

.shindanregist h2{
  display:            block;
  width:              900px;
  height:             30px;
  background-color:   #FFF;
  margin:             5px auto;
  padding:            6px 0px 0px 10px;
  font-size:          22px;
  color:              #66F;
  font-weight:        bold;
}

.shindanregist h5{
  font-size:          10px;
  color:              #99F;
  line-height:        120%;
  padding:            1px;
  margin:             1px;
}

.qbox_main{
  width:              890px;
  margin:             5px 0px 20px 0px;
  padding:            10px;
  border-top:         1px solid #CCF;
  border-left:        1px solid #CCF;
  border-bottom:      1px solid #33F;
  border-right:       1px solid #33F;
  font-size:          18px;
  line-height:        160%;
}

/* 診断結果のページ */
#resultleftbox{
  float:              left;
  width:              660px;
}

#resultrightbox{
  float:              left;
  width:              340px;
}

#resultrightbox img{
  margin:             10px;
  border: none;
}

#resultleftbox h1{
  display:            block;
  width:              630px;
  height:             30px;
  background-color:   #66F;
  border-top:         2px solid #CCF;
  border-left:        2px solid #CCF;
  border-bottom:      2px solid #33F;
  border-right:       2px solid #33F;
  margin:             20px auto;
  padding:            6px 0px 0px 10px;
  vertical-align:     middle;
  font-size:          22px;
  color:              #FFF;
  font-weight:        bold;
}

#scorebox{
  background:         #FFF url("/img/shindan/result_waku.png");
  background-repeat:  no-repeat;
  width:              625px;
  margin:             10px auto;
  padding:            40px 0px;
}

.scorearrow{
  display:            block;
  width:              625px;
  height:             110px;
  margin:             10px auto;
  text-align:         center;
  font-size:          22px;
  color:              #333;
  font-weight:        bold;
}

.scoreboard{
  display:            block;
  background:         #FFF url("/img/shindan/result_akawaku.png");
  background-repeat:  no-repeat;
  width:              251px;
  height:             44px;
  margin:             10px auto;
  padding:            10px 0px 0px 0px;
  text-align:         center;
  font-size:          22px;
  color:              #FFF;
  font-weight:        bold;
}

#resultnotice{
  width:              625px;
  margin:             0px 0px 10px 0px;
  padding:            10px;
  border:             3px dotted #33F;
  background-color:   #DDF;
}

#resultnotice h3{
  display:            block;
  margin:             5px;
  font-size:          22px;
  font-weight:        bold;
  line-height:        100%;
  color:              #F66;
}

#resultnotice h4{
  display:            block;
  margin:             5px;
  font-size:          14px;
  line-height:        100%;
  color:              #33F;
}

#resultnotice p{
  font-size:          14px;
  line-height:        140%;
  color:              #000;
}

.annaibox{
  width:              625px;
  padding:            10px;
  border:             1px solid #CCC;
  background-color:   #EEF;
  font-size:          14px;
  line-height:        110%;
  margin-bottom:      15px;
}

.annaibox p{
  font-size:          14px;
  line-height:        110%;
}

.annaititle{
  display:            block;
  width:              615px;
  height:             30px;
  margin:             2px;
  border-left:        2px solid #33F;
  border-bottom:      2px solid #33F;
  padding:            3px 0px 0px 10px;
  font-size:          22px;
  line-height:        120%;
  color:              #00F;
  font-weight:        bold;
}

.error-message{
  display:     block;
  border:      5px dotted #FDD;
  width:       80%;
  color:       #F60;
  background:  #FEE;
  margin:      2px 0px 2px 0px;
  padding:     4px 15px;
  font-size:   1.2rem;
  font-weight: bold;
  line-height: 120%;
}