@charset "utf-8";

/************************************************/
/*  Memver                                      */
/************************************************/

ul#navigation{
  z-index:0;
  list-style:none;
  width:175px;
  padding:1px 0 0 0;
  margin:0 0 35px 0;
  background:url(../img/line_01.gif) 0 0 repeat-x;
}

ul#navigation li{
  z-index:1;
  width:175px;
  height:39px;
  background:url(../img/line_01.gif) 0 100% repeat-x;
}

ul#navigation li a{
  display:block;
  text-decoration:none;
  line-height:38px;
  color:#333;
  width:110px;
  height:38px;
  padding-left:65px;
}

ul#navigation li a:hover{
  z-index:2;
  line-height:48px;
  height:48px;
  margin:-5px 0 0 0;
}

/************************************************/
ul#navigation li.report a{
  background:url(../member/img/icon_navi02.gif) 0 0 no-repeat;
}
ul#navigation li.report a:hover{
  background:url(../member/img/icon_navi02h.png) 0 0 no-repeat;
}

ul#navigation li.score a{
  background:url(../img/icon_navi05.gif) 0 0 no-repeat;
}
ul#navigation li.score a:hover{
  background:url(../img/icon_navi05h.png) 0 0 no-repeat;
}

ul#navigation li.entry a{
  background:url(../member/img/icon_navi03.gif) 0 0 no-repeat;
}
ul#navigation li.entry a:hover{
  background:url(../member/img/icon_navi03h.png) 0 0 no-repeat;
}
/************************************************/


p.logout{
  width:175px;
  padding:10px 0 150px;
}

p.logout a{
  display:block;
  line-height:23px;
  padding-left:27px;
  background:url(../member/img/icon_logout.gif) 0 50% no-repeat;
}


p.memberlist img{
  vertical-align:middle;
  margin-bottom:15px;
}



/** Login ***************************************/

#login{
  text-align:center;
  margin:50px 200px;
  padding:10px;
  border:1px solid #ccc;
}

#login h2{
  font-weight:normal;
  font-size:1.2em;
}

#login h2 span{
  line-height:35px;
  color:#3a0;
  padding:10px 0 10px 42px;
  background:url(../member/img/icon_login.gif) 0 50% no-repeat;
}

#login form input{
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Verdana,Arial,"ＭＳ Ｐゴシック",sans-serif;
}

#login form input.text{
  vertical-align:middle;
  font-size:0.9em;
  width:130px;
  padding:3px;
  border:1px solid #aaa;
}

#login form dl{
  padding:0;
  margin:10px 0;
}

#login form dl dt,#login form dl dd{
  display:inline;
  margin:0;
}


div#login-now{
  text-align:center;
  margin:50px 0;
}

div#login-now p{
  line-height:1.5em;
  padding:25px 0;
}

div#login-now p strong{
  font-size:1.1em;
  color:#a00;
}



/** Greeting ************************************/

#greeting{
  line-height:1.5em;
}

#greeting h3{
  font-weight:normal;
}

#greeting h4{
  text-align:center;
  text-decoration:underline;
  font-size:1.5em;
  margin:15px 0;
}

#greeting p{
  text-indent:0.5em;
  padding-top:15px;
}

#greeting p span{
  color:#f00;
}

#greeting p strong.goods{
  display:block;
  font-size:1.5em;
  padding:10px 0;
}

#greeting p.name{
  text-align:right;
  text-indent:0;
  padding:0;
}

#greeting p.attention{
  color:#f00;
}

#greeting p.last{
  text-align:right;
  text-indent:0;
  margin-bottom:25px;
}


#greeting div#present{
  position:relative;
  text-align:left;
  height:170px;
  padding:0 10px;
  border:3px double #555;
}

#greeting div#present h4{
  font-size:1.5em;
  color:#037;
  margin:10px 0 10px 142px;
}

#greeting div#present ul{
  list-style-position:inside;
  font-size:1.5em;
  width:502px;
  padding:0;
  margin:0 0 0 152px;
}

#greeting div#present ul li{
  line-height:1.5em;
  color:#37c;
}

#greeting div#present ul li strong{
  color:#333;
}

#greeting div#present ul li span{
  font-size:0.7em;
  color:#333;
}

#greeting div#present p.image{
  position:absolute;
  top:10px;
  left:10px;
  text-indent:0;
  width:122px;
  padding:0;
}



/** Report **************************************/

p.reture{
  text-align:center;
  padding-top:15px;
}

#report{
  text-align:center;
}

#report div{
  width:693px;
  margin:0 auto;
}

#report h3{
  text-decoration:underline;
  font-size:1.5em;
  margin:15px 0;
}

ol#tob{
  line-height:1.5em;
  text-align:left;
  font-size:1.5em;
  font-weight:bold;
  font-style:italic;
  padding:0;
  margin:25px 25px 0 50px;
}

ol#tob li span{
  font-style:normal;
  font-weight:normal;
  font-size:0.7em;
}

#report hr{
  color:#ccc;
  width:500px;
  margin:50px 100px;
  background:#ccc;
}

#report h4{
  text-align:left;
  line-height:1.3em;
  font-size:1.3em;
  color:#03c;
}

#report p.pagetop-middle{
  clear:both;
  text-align:right;
  line-height:1.3em;
  padding:25px 0 75px 0;
}

#report p.pagetop-middle a{
  text-decoration:none;
  padding:5px 17px 5px 0;
  background:url(../img/icon_pagetop.gif) 100% 50% no-repeat;
}





#report table.report01,#report table.report02,#report table.report03,#report table.report05{
  text-align:center;
  width:693px;
  margin:0 auto;
  border-collapse:collapse;
  border:2px solid #333;
}


/** report01 ************************************/

#report table.report01 caption{
  padding:15px 0 5px 0;
}

#report table.report01 th{
  width:88px;
  padding:5px;
  border-right:1px solid #aaa;
  border-bottom:1px solid #aaa;
  background:#eee;
}

#report table.report01 td{
  padding:5px;
  border-right:1px solid #aaa;
}

#report table.report01 td.sum{
  border-top:1px solid #aaa;
  background:#eee;
}

#report table.report01 tr.list{
  line-height:2em;
}


/** report02 ************************************/

#report table.report02 caption{
  text-align:right;
  padding:15px 0 5px 0;
}

#report table.report02 th{
  width:77px;
  padding:5px;
  border-right:1px solid #aaa;
  border-bottom:1px solid #aaa;
  background:#eee;
}

#report table.report02 th.area{
  width:147px;
}

#report table.report02 td{
  vertical-align:top;
  padding:5px;
  border-right:1px solid #aaa;
}

#report table.report02 td.arealist{
  letter-spacing:0.5em;
}

#report table.report02 th.double,#report table.report02 td.double{
  border-left:3px double #aaa;
}

#report table.report02 tr.list{
  line-height:2em;
}

#report table.report02 td.sum{
  border-top:1px solid #aaa;
  background:#eee;
}

#report p.report02{
  line-height:2em;
}

/** report03 ************************************/

#report table.report03 caption{
  text-align:right;
  padding:15px 0 5px 0;
}

#report table.report03 tr:hover{
  background:#eee;
}

#report table.report03 th{
  width:200px;
  padding:5px;
  border-right:1px solid #aaa;
  border-bottom:1px solid #aaa;
  background:#eee;
}

#report table.report03 th.day{
  width:50px;
}

#report table.report03 td{
  vertical-align:middle;
  padding:5px;
  border-bottom:1px solid #aaa;
  border-right:1px solid #aaa;
}

#report table.report03 td.another{
  text-align:left;
  color:#777;
}


/** report04 ************************************/

dl.report04{
  line-height:2em;
  width:303px;
  padding:0;
  margin:15px auto 0;
  border-top:1px solid #333;
}

dl.report04 dt{
  clear:left;
  float:left;
  width:100px;
  border-width:0 1px 1px 1px;
  border-style:solid;
  border-color:#333;
}

dl.report04 dd{
  float:left;
  width:200px;
  margin:0;
  border-right:1px solid #333;
  border-bottom:1px solid #333;
}


/** report05 ************************************/

#report table.report05{
  margin-top:15px;
}

#report table.report05 th{
  width:335px;
  padding:5px;
  border-right:1px solid #aaa;
  border-bottom:1px solid #aaa;
  background:#eee;
}

#report table.report05 td{
  vertical-align:top;
  text-align:left;
  border-right:1px solid #aaa;
}

#report table.report05 td dl{
  line-height:2em;
  padding:0;
  margin:0;
}

#report table.report05 td dl dt{
  clear:left;
  float:left;
  width:133px;
  padding-left:5px;
  border-bottom:1px solid #aaa;
}

#report table.report05 td dl dd{
  float:left;
  width:200px;
  padding-left:5px;
  margin:0;
  border-left:1px solid #aaa;
  border-bottom:1px solid #aaa;
}

#report table.report05 td dl ul{
  list-style:none;
  padding:0;
  margin:0 0 0 -5px;
}

#report table.report05 td dl ul li{
  padding-left:5px;
  border-bottom:1px solid #aaa;
}

#report table.report05 td dl dd.last{
  border-bottom:0;
}

#report table.report05 td dl ul li.last{
  border-bottom:0;
}