@charset "Shift_JIS";

* {
margin : 0 ;
padding : 0 ;
font-weight : normal ;
font-family : 'Hiragino Kaku Gothic ProN','MS PGothic' ;
}

::selection {
background : #add6ff ;
color : #000000 ;
}

::-moz-selection {
background : #add6ff ;
color : #000000 ;
}

img {
border : none ;
vertical-align : text-bottom ;
}

p,h2,h3,h4 {
line-height : 1.5em ;
}

#container {
width : 810px ;
margin : 0 auto ;
background-color : #ffffff ;
}

#header {
border : 1px #2b8000 solid ;
width : 798px ;
margin : 5px 5px 10px ;
}

#nav ul,
#snav ul {
list-style-type : none ;
}

#nav ul li {
background-color : #2b8000 ;
width : 110px ;
height : 40px ;
margin : 0 0 10px 5px ;
float : left ;
}

#snav ul li {
background-color : #2b8000 ;
width : 110px ;
height : 30px ;
margin : -5px 0 10px 5px ;
float : left ;
}

#nav ul li a {
display : block ;
padding : 12px ;
color : #ffffff ;
text-decoration : none ;
text-align : center ;
}

#snav ul li a {
display : block ;
padding : 7px ;
color : #ffffff ;
text-decoration : none ;
text-align : center ;
}

#nav ul li a:hover,
#snav ul li a:hover {
background-color : #86b300 ;
color : #000000 ;
}

#nav ul li a.active,
#snav ul li a.active {
background-color : #e68a00 ;
color : #ffffff ;
}

#nav ul li a.active:hover,
#snav ul li a.active:hover {
background-color : #86b300 ;
color : #000000 ;
}

#content {
clear : left ;
}

#content .toppic {
width : 800px ;
height : 150px ;
margin : 0 0 10px 5px ;
}

/*
#content .information {
float : left ;
border : 1px #2b8000 solid ;
width : 628px ;
height : 150px ;
margin : 0 0 10px 5px ;
}

#content .weather {
float : left ;
width : 160px ;
height : 152px ;
margin : 0 0 10px 10px;
}
*/

#content .information,
#content .phrase,
#content .update {
border : 1px #2b8000 solid ;
width : 798px ;
margin : 0 0 10px 5px ;
}

#content .information h2,
#content .phrase h2,
#content .update h2 {
background-color : #2b8000 ;
color : #ffffff ;
font-size : 120% ;
padding : 0 0 0 5px ;
}

#content .enclosure {
padding : 5px 0 5px 5px ;
}

#content .about,
#content .note,
#content .column,
#content .pict,
#content .simutrans,
#content .winningpost,
#content .link {
border : 1px #2b8000 solid ;
width : 788px ;
margin : 0 0 10px 5px ;
padding : 5px ;
}

#content h3 {
background-color : #b8e68a ;
border-left : 5px #2b8000 solid;
margin : 0 0 5px ;
padding : 0 0 0 5px ;
}

#content h4 {
background-color : #e6e68a ;
border-left : 5px #e68a00 solid ;
margin : 0 0 5px ;
padding : 0 0 0 5px ;
}

#content .note p {
text-indent : 1em ;
}

#content .note iframe {
z-index : -1 ;
}


#content .about img,
#content .column img,
#content .simutrans img {
display : block ;
border : 1px #cccccc solid ;
margin : 5px auto ;
padding : 5px ;
}

#content .link img {
margin : 5px ;
}

#content ul {
width : 100% ;
margin : 0 ;
list-style-type : none ;
overflow: hidden;
}

#content ul li {
width : 33% ;
height : 200px ;
float : left ;
margin : 0 0 30px 0 ;
text-algin : center ;
}

#content table {
width : 788px ;
border : 1px #111111 solid ;
border-collapse : collapse ;
table-layout : fixed ;
}

#content table.auto {
table-layout : auto ;
}

#content table th,
#content table td {
border : 1px #111111 solid ;
padding : 2px ;
font-size : 87.5% ;
text-align : center ;
letter-spacing : 1px ;
}

#content table.simutrans {
width : 500px ;
}

#content table.simutrans th,
#content table.simutrans td {
font-size : 100% ;
}

#content table tr.new,
#content table tr.head {
background-color : #e6e68a ;
}

#content table.file5 {
width : 700px ;
margin : 0 auto ;
table-layout : auto ;
}

#content table.file5 th,
#content table.file5 td {
padding : 4px 0 4px 8px ;
font-size : 96% ;
text-align : left ;
}

#content .column p.intro {
margin : 0 0 0 4em ;
}

#content .winningpost p.new {
background-color : #e6e68a ;
}

#footer {
border : 1px #2b8000 solid ;
width : 788px ;
margin : 5px ;
padding : 5px ;
text-align : center ;
}

#page-top {
position : fixed ;
bottom : 20px ;
right : 20px ;
}

#page-top a {
background : #2b8000 ;
text-decoration : none ;
color : #ffffff ;
width : 100px ;
padding : 10px 0 ;
text-align : center ;
display : block ;
/*
border-radius : 5px ;
*/
}

#page-top a:hover {
background : #86b300 ;
text-decoration : none ;
}