@charset "UTF-8";

body {
    margin:0 20px;
    font-family:sans-serif;
}

form {
   margin:0px;
}

a {
    color:#32a5e3;
}
a:hover {
    color:#f73b8d;
    text-decoration:underline;
}

div#container {
    min-width:700px;
}

table#head td div#headmenu div#headmenu_01{
    position:absolute;
    top:12px;
    left:255px;
    font-size:14px;
    font-family:"Osaka", "MS Pゴシック";
}
table#head td div#headmenu div#headmenu_01 a {
    font-family:"Osaka", "MS Pゴシック";
    color:#000000;
    text-decoration:none;
    font-size:14px;
    margin:0 8px;
}
table#head td div#headmenu div#headmenu_01 a:hover {
    text-decoration:underline;
    color:#f73b8d;
}
#grade {
    margin:20px auto 22px;
}

#grade img.graph {
    float:left;
    border:1px solid #dedede;
    margin:0 0px 0 8px;
}
#grade span.updown {
    font-size:8pt;
    color:#40c22f;
}

#grade h2 {
    font-size:16px;
    margin:10px;
}

#grade h2 span.date {
    margin-left:20px;
    color:#999;
}

#grade p {
    font-size:14px;
    margin:10px;
    line-height:150%;
}
#grade h2 span.score {
    font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro';
    font-size:24px;
    font-weight:bold;
    margin-left:8px;
}
#grade h2 span.footmark {
    margin:0 4px;
    font-size:8pt;
}

#grade h2 span.message {
    margin-left:10px;
    color:#dedede;
}


#grade h2 span.num {
    font-weight:bold;
    margin-left:8px;
}
#grade h2 span.true_and_time {
    font-weight:normal;
    font-size:14px;
}
#grade h2 span.unit {
    font-weight:normal;
    font-size:14px;
    margin-left:2px;
}
#grade h2 a {
  font-size:14px;
}

#message {
  font-size:12px;
  color:#333333;
  background:#fcfcf5;
  padding:3px 4px;
  border:1px solid #f0f0d5;
  margin:5px 8px 12px 5px;
}
#message a{
  color:#333333;
}
div#side {
    float:right;
    padding:0 8px 0 22px;
    width:200px;
    font-size:8pt;
    background:#ffffff;
}
div#side h2 {
    font-weight:bold;
    line-height:100%;
    padding:3px 4px 2px;
    font-size:11px;
    margin:15px 0 0;
    background:transparent url(../img/sidetab.png);
}

div#side h2 a {
    text-decoration:none;
}

div#side h2 a:hover {
    text-decoration:underline;
}

div#side div.column {
    margin:0;
    line-height:150%;
    border:1px solid #78b3d3;
}

div#side div.column p {
    margin:4px;
}

div#side div.column div#tangocho p {
    line-height:150%;
}

div#side div.column img.photo {
    float:left;
    margin:4px;
    border:1px solid #e5e5e5;
}

div#side div.column p.topic {
    font-weight:bold;
    font-size:8pt;
    margin:4px 4px 3px;
}

div#side div.column p.date {
    font-size:8pt;
    margin:2px 4px 4px;
    line-height:120%;
    color:#999;
}

div.word {
    border-top:1px solid #dedede;
    margin:0px 250px 0 5px;
    height:50px;
}

div.word td.no {
    font-size:8pt;
    color:#999999;
    text-align:center;
}
div.word td.check {
    text-align:center;
}
div.word td.miss {
    font-size:8pt;
    color:#50b840;
    text-align:center;
}

div.word a.word, div.word td.word {
    font-weight:bold;
    text-decoration:none;
    color:#000000;
    font-family: "MS UI Gothic", sans-serif;
    font-size:large;
}

div.word a.word:hover {
    text-decoration:underline;
    color:#f73b8d;
}

div.word img.truefalse {
    margin-left:10px;
}

div.section {
    border-top:1px solid #e5e5e5;
    margin:0px 250px 0 5px;
}

div.section h2{
    margin:6px 3px;
    font-size:12px;
}
div.section h3 {
    margin:8px 3px 0;
}
div.section h3 a{
    font-size:15px;

}
div.section p.desc{
    margin:0px 3px;
    font-size:14px;
    line-height:150%;
}


div#side div#tangocho p {
    font-family:"Osaka", "MS Pゴシック";
    font-size:12px;
}
div#side div#tangocho_message {
    font-size:8pt;
    color:#50b840;
    margin:3px 4px;
}
div#side div#tangocho_guide {
    font-size:8pt;
    margin:3px 4px;
}

div#menu {
    margin:0px 250px 0 5px;
    padding:8px 4px;
    font-size:11px;
    color:#999;
}

div#menu input{
    margin-right:12px;
}

div#menu a {
    text-decoration:none;
}

div#menu a:hover {
    text-decoration:underline;
}


div#foot {
    clear:both;
    margin:30px 8px 50px;
    text-align:center;
    font-size:12px;
    color:#ababab;
}
div#foot a {
    color:#b8b8b8;
    text-decoration:none;
}


div#errormes {
    margin:20px 8px;
    font-size:14px;
}

div#input_footstep {
    border-top:1px solid #dedede;
    background:#fbfce8;
    margin:20px 100px 20px 100px;
    padding-bottom:5px;
}
div#input_footstep h2{
    font-size:12px;
    margin:8px 4px;    
}
div#input_footstep div.footstep{
    margin:3px 10px;
}

div#input_footstep div.footstep span.name{
 font-weight:bold;
 color:#333;
 font-size:12px;
}

div#input_footstep div.footstep span.address{
    color : #999;
   font-size:12px;
}
div#input_footstep div.desc{
    font-size:12px;
    margin:4px 3px 4px;  
}

div#input_footstep div.footstep span.finish {
    font-size:12px;
    color:#50b840;
}
div#input_footstep div.footstep div.error {
    font-size:8pt;
    color:#f92d5e;
    margin:4px;
}

div#column form textarea {
    width:300px;
    height:80px;
}

div#column form span.finish {
    font-size:12px;
    color:#50b840;
}

div#footstep, div#rank, div#form, div#column {
    border-top:1px solid #dedede;
    border-bottom:1px solid #dedede;
    margin:0px 250px 0 10px;
    padding:5px 0;
    font-size:14px;
}

div#footstep td, div#rank td {
    font-size:14px;
    height:30px;
    padding:0 5px;
}

div#footstep td.time {
    font-size:8pt;
    color:#999999;
}

div#footstep td.icon {
    text-align:center;
}
div#footstep td.profile {
    font-size:12px;
}
div#footstep td.profile span.name {
    color:#333;
    font-weight:bold;
}
div#footstep td.profile span.address {
    margin-left:8px;
    color : #999;
}
div#footstep td.profile a.url {
    margin-left:8px;
}

div#rank td span.rank {
    font-size:8pt;
    color:#50b840;
}

div#rank td span.tangoriki {
    font-size:16px;
    color:#50b840;
    font-weight:bold;
}

div#rank td span.name {
    font-size:14px;
    color:#000;
    font-weight:bold;
    margin-right:10px;
}
div#rank td span.address {
    margin-left:10px;
    font-size:12px;
    color:#999;
    margin-left:5px;
}
div#rank td span.comment {
    font-size:12px;
    color:#999;
}
div#rank td span.footstep {
}

div#form table {
    margin:5px 0;
}

div#form td.label {
    font-size:14px;
    font-weight:bold;
}
div#form td.form {
    font-size:8pt;
}
div#form td.form input {
    font-size:medium;
}

div#form td.form span.error {
    color:#50b840;
    margin-left:10px;
}

div#form p.message {
    margin:20px 0;
    font-size:14px;
    line-height:150%;
}

div#column {
    padding:10px;
}

div#column {
    line-height:150%;
}

table#upgrade { background:#f5f7d0; margin:30px 8px; }
table#upgrade td { vertical-align:top; font-size:12px; }
table#upgrade td p{ margin:5px 0; }
table#upgrade td h3 { font-size:12px; margin:10px 0px 5px 0px;}
li { margin:2px 0px; }

#rankpage {
  margin:2px 10px; 
}
#rankpage a{
  font-size:12px;
  margin:0 4px;
  font-weight:bold;
  color:#dedede;
  text-decoration:none;
}
#rankpage a:hover{
    color:#f73b8d;
    text-decoration:underline;
}

img.go {
  margin-left:8px;
}

div#minibody {
    font-size:8pt;
}

div#side div.footstep {
    margin:4px 4px 6px;
}

div#minibody div.footstep {
    margin:8px 4px;
}

div#side div.rank {
    margin:4px 4px 4px;
}

div#side div.footstep span.name,div#catalog span.name, div#minibody div.footstep span.name, div#side div.rank span.name{
    font-weight:bold;
}
div#side div.footstep span.address, div#minibody div.footstep span.address{
    color : #999;
    margin-left:5px;
}
div#side div.rank span.score{
    margin-right:4px;
}

div#column h3 {
   font-size:14px;
   margin:30px 0 10px;
   border-top:1px solid #dedede;
   padding-top:5px;
}

table#info {
  margin:20px 0px; background:#000;
}
table#info td {
  font-size:12px; background:#FFF;line-height:100%;
}

#mes {
   margin:0px auto 20px;
   padding:4px;
   text-align:center;
   background:#e8e8e8;
   width:350px;
}

#mes h2 {
   font-size:14px;
   margin:0;
}