/* BODY */
BODY{
font-size:12px;
font-family:Verdana,Osaka,sans-serif;
line-height:1.7em;
color:#333;
margin:0px;
padding:0px;
width:100%;
}
#index{
background:#efefef;
}
.index2{
width:800px;
padding:0px;
margin:5px 0px 0px 15px;
border:dotted 1px #aaa;
background:#fefefe;
}
.category{
width:780px;
padding:0px 5px 0px 15px;
margin:10px 0px 0px 0px;
background:#333;
color:#eee;
}
.history{
overflow:auto;
width:780px;
height:90px;
padding:5px;
}
img {
  pointer-events: none; 
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
}

/* MENU */
#menu{
margin:5px 0px 0px 0px;
}
.menubuttan {
display: block;
width:60px;
padding: 0.1em 0.1em;
margin:5px 5px 0px 5px;
text-decoration: none;
color: #1a334d;
text-align:center;
border: solid 1px #1a334d;
border-radius: 3px;
transition: .5s;
float:left;
}
.menubuttan:hover {
background: #1a334d;
color: #eee;
}
/* CONTENTS */
ul.content{
marker-offset:1px;
}
li{
list-style-type: square;
}
/* ITEM */
p{
padding:10px 0px 10px 15px;
}
/* FONT */
font.bold{
font-weight:bold;
}
font.small{
font-size:12px;
}
font.gray{
font-weight:bold;
color:#aaaaaa;
}
font.clapres{
background:#eee;
color:#ccc;
}
/* LINK */
A:link,A:visited,A:active{color:#333;
outline:none;
text-decoration:none;}
A:hover{color:#ccc;
}