@charset "utf-8";
/*************************
  gray design css
*************************/

*{
margin:0;
padding:0;
font:normal normal normal 100%/1.6 Verdana,Tahoma,Osaka,"ＭＳ Ｐゴシック",sans-serif;
text-decoration:none;
}

body{
font-size:84%;
color:#333333;
padding:0.5em 0;
background:#eeeeee url("../images/gray/bg.gif");
}

.back_button{
background: #EEE;
border-top: 3px dotted #DDD;
border-left: 3px solid #DDD;
border-right: 3px solid #DDD;
border-bottom: 3px dotted #DDD;
color:#111;
width: 100px;
padding: 10px 0;
font-size: 16px;
}

a{
text-decoration:none;
}
a:link{
color:#666666;
}
a:visited{
color:#999999;
}
a:hover,a:active{
color:#666666;
}
.text a{
text-decoration:underline;
}
.text a:hover{
background-color:#eeeeee;
}

div#pagetop{
border:3px solid #cccccc;
margin:0 auto;
padding:0.5em;
text-align:left;
width:95%;
max-width:750px;
background:#fafafa;
}

div#header{
color:#fafafa;
background:#999999;
height:80px;
}

h1{
margin:0 0.5em 0 0;
font-size:200%;
text-align:left;
}

ul#pan{
list-style:none;
padding:0.5em 1em;
text-align:right;
}
ul#pan li{
display:inline;
}
ul#pan a{
color:#fafafa;
padding:0 0.7em 0 0;
background:url("../images/gray/pan.gif") no-repeat 100% 50%;
}

#menu{
margin:0;
padding:0;
}
#menu h2{
display:none;
}

#menu ul{
list-style-type:none;
margin:1em 0;
}
#menu li{
display:inline;
}
#menu li a{
color:#fafafa;
background:#999999;
border:solid 2px #999999;
display:inline;
padding:0.5em 1em;
font-weight:bold;
}
#menu li a:hover{
border:solid 2px #999999;
background:#fafafa;
color:#999999;
}
#menu li.menu-on a{
border:solid 2px #999999;
background-color:#fafafa;
color:#999999;
}

div#kizi{
margin:0;
padding:0;
}

h2{
background:#fafafa;
padding:0.5em;
font-size:150%;
color:#cccccc;
letter-spacing:0.5em;
}

.text{
margin:0 1em 2em 1em;
}

h3{
margin:1em 0;
padding:0 0 0 20px;
border-bottom:dotted 1px #cccccc;
font-size:125%;
background:transparent url("../images/gray/h3.gif") no-repeat 0 50%;
}

ul.modori li{
list-style:none;
text-align:right;
margin:1em 0.5em;
}
ul.modori li a{
color:#333333;
display:inline;
text-decoration:none;
padding:0 0 0 15px;
background:url("../images/gray/modori.gif") no-repeat 0% 50%;
}

#footer{
text-align:right;
padding:0.25em 0.5em;
background:#999999;
height:30px;
}
#footer h2{
display:none;
}
#footer a{
color:#fafafa;
}
#footer ul{
list-style:none;
}
#footer li{
display:inline;
margin:0;
}
#footer li a{
display:inline;
margin:0 0.5em;
}
#footer li address{
display:inline;
}

h4{
font-size:125%;
margin:1.2em 0 0.4em;
padding:0 0 0 13px;
background:url("../images/gray/h4.gif") no-repeat 0% 50%;
}
h5{
font-size:125%;
padding:0 0 0 0.5em;
border-left:double 3px #333333;
border-bottom:solid 1px #fafafa;
}
h6{
font-size:125%;
}

hr{
/*display:none;*/
}

img{
margin:1px;
padding:0;
}

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

.text p{
margin:1.5em 0;
padding:0;
}

dfn{
font-weight:bold;
}

em{
font-weight:bold;
}

strong{
font-weight:bold;
border-bottom:3px double #cccccc;
}

abbr{
border-bottom:1px dotted #333333;
cursor:help;
}

ins{
border-bottom:1px solid #333333;
}

del{
color:#666666;
border-color:#666666;
text-decoration:line-through;
}

sup{
font-size:84%;
vertical-align:super;
}

sub{
font-size:84%;
vertical-align:sub;
}

blockquote{
margin:10px;
padding:0.5em 0 0.5em 1em;
border-left:5px solid #cccccc;
border-bottom:solid 1px #fafafa;
}

.text blockquote p{
margin:0;
padding:0;
}

cite{
margin:0;
padding:0;
text-decoration:none;
}

q{
quotes:"\300c" "\300d" "\300e" "\300f";
background:#eeeeee;
}
q:before{
content:open-quote;
}
q:after{
content:close-quote;
}

address{
font-style:normal;
}

#kizi ol{
list-style-position:outside;
padding:5px;
margin:0 0 0 2em;
}
#kizi ol li{
padding:0;
}

#kizi ul{
list-style:outside disc;
padding:5px;
margin:0 0 0 2em;
}
#kizi li{
padding:0;
}

#kizi dl{
margin:0 0 1em 0;
}
#kizi dt{
font-weight:bold;
margin:0 1em 0 1.5em;
}
#kizi dd{
margin:0 0 0 1.5em;
padding:0.5em 1.5em;
border-left:5px solid #cccccc;
border-bottom:1px solid #fafafa;
}

pre{
border:1px solid #cccccc;
color:#333333;
margin:10px;
padding:0.25em;
font-family:monospace;
letter-spacing:normal;
overflow:auto;
width:auto;
}

* html pre{
width:90%;
overflow:scroll;
}

code{
font-family:monospace;
}

input, textarea, select{
margin:0.1em;
padding:0.1em;
color:#333333;
background:#fafafa;
border:1px solid #cccccc;
line-height:120%;
}

input#button{
color:#fafafa;
background:#cccccc;
}

div#styleswitcher{
text-align:right;
color:#333333;
}
div#fontsizeswitcher{
text-align:right;
color:#333333;
}
div#pager{
font-size:120%;
}


ul li.sortable{
cursor:move;
display:block;
text-decoration:none;
/*background-color:#eeeeee;*/
width:400px;
list-style:none;
/*
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
*/
}

#topicPathNav {
margin: 5px 0px 5px 0px;
font-size:85%;
float:left;
width:100%;
line-height:normal;
padding-bottom:0px;
}

#topicPathNav ul{
padding-left:3px;
}

#topicPathNav li{
padding-right:3px;
display:inline;
list-style-type:circle;
}

#topicPathNav li a{
padding-right:5px;
}

fieldset#login{
width:50%;
margin-top:50em;
margin-left:auto;
margin-right:auto;
vertical-align:middle;
}