* {
    margin: 0px;
    padding: 0px;
}
body {
    background-color: #dbdbdb;
	text-align:center;
	font-family:"Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif;;
}

h1{
color:#767676;
font-size:25px;
line-height:33px;
}

h2{
color:#333333;
font-size:15px;
line-height:25px;
}

h3{
color:#333333;
font-size:13px;
line-height:15px;
}


img{
vertical-align:top;
border :0px;
}

div.header{
background-color:#FFFFFF;
border-bottom:1px solid #f0f0f0;
}

div.header-inner{
margin-left: auto;
margin-right: auto;
text-align:left;
background-color: #FFFFFF;
height:83px;
width:800px;
}

div.header-inner-box{
float:right;
width:700px;
padding-top:10px;
}

/**Tool-LANG-LOGIN**/
#head-tool-list a:link{text-decoration: none; color: #888888; font-size: 10px;  line-height: 15pt;}
#head-tool-list a:visited { text-decoration: none; color: #888888; font-size: 10px;  line-height: 15pt;}
#head-tool-list a:hover { text-decoration: underline; color: #8bab00; font-size: 10px;  line-height: 15pt;}

#head-tool-list ul{
}
#head-tool-list li{
  margin-left:0px;
  display: inline;
  float: left;
}

div.tool-box{
  background-color: #ffffff;
  height:20px;
  width:200px;
  text-align:right;
  font-size:12px;
  float:right;
  margin-top:10px;
} 

div.tool-box-default{
  background-color: #ffffff;
  height:20px;
  width:60px;
  text-align:center;
  font-size:10px;
  line-height: 15pt;
}
div.tool-box-active{
  background-color: #6f706a;
  width:60px;
  height:20px;
  color:#FFFFFF;
  text-align:center;
  font-size:10px;
  line-height: 15pt;
}

div.tool-box-login{
  margin-left:18px;
  background-color: #FFFFFF;
  width:50px;
  height:19px;
  color:#FFFFFF;
  text-align:center;
  font-size:10px;
  line-height: 15pt;
  border-top:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;
} 

#head-navi-list ul{
}

#head-navi-list li{
margin-left:0px;
display: inline;
float: left;
}

#head-navi-list a:link{text-decoration: none; color: #888888; font-size: 12px;  line-height: 18pt;}
#head-navi-list a:visited { text-decoration: none; color: #888888; font-size: 12px;  line-height: 18pt;}
#head-navi-list a:hover { text-decoration: underline; color: #8bab00; font-size: 12px;  line-height: 18pt;}

div.head-navi-box{
background-color: #ffffff;
height:20px;
width:110px;
text-align:center;
font-size:12px;
}
div.head-logo-box{
background-color: #ffffff;
float: left;
}

div.head-navi-box-active{
background-color: #8bab00;
width:110px;
height:25px;
color:#FFFFFF;
text-align:center;
font-size:12px;
line-height: 18pt;
}

#head-navi-list div.head-navi-box-active a:link{text-decoration: none; color: #ffffff; font-size: 12px;  line-height: 18pt;}
#head-navi-list div.head-navi-box-active a:visited { text-decoration: none; color: #ffffff; font-size: 12px;  line-height: 18pt;}
#head-navi-list div.head-navi-box-active a:hover { text-decoration: underline; color: #ffffff; font-size: 12px;  line-height: 18pt;}

/** CONTENTS **/
div.contents-top{
text-align:center;
background-image: url(/img/main-back.jpg);
background-color: #FFFFFF;
background-repeat: repeat-x;
background-position: right bottom;
width:100%;
}

div.contents-top1{
height:36px;
text-align:center;
background-image: url(/img/topic-back.gif);
background-color: #FFFFFF;
background-repeat: repeat-x;
background-position: right bottom;
width:100%;
}



div.contents{
text-align:center;
background-color: #FFFFFF;
background-repeat: repeat-x;
background-position: right bottom;
width:100%;
}



div.contents-inner{
margin-left: auto;
margin-right: auto;
width:800px;
}

#contents-inner-std{
padding: 2px 0px 2px 0px;
text-align:left;
font-size:12px;
color:#111111;
line-height:13pt;
}

#contents-inner-std h2{
padding: 3px 0px 3px 0px;
}

#contents-inner-std h3{
padding: 3px 0px 3px 0px;
}

#contents-inner-std li{
margin:0px 0px 0px 24px;
padding: 2px 0px 2px 0px;
}

#contents-inner-std span.pictureleft{
padding: 8px 8px 8px 0px;
text-align: center;
font-size: 10px;
float: left;
}

#contents-inner-std span.pictureright{
padding: 8px 8px 0px 8px;
text-align: center;
font-size: 10px;
float: right;
}

#contents-inner-std a:link{text-decoration: none; color: #0096ff; font-size: 12px;  line-height: 13pt;}
#contents-inner-std a:visited { text-decoration: none; color: #0096ff; font-size: 12px;  line-height: 13pt;}
#contents-inner-std a:hover { text-decoration: underline; color: #8bab00; font-size: 12px;  line-height: 13pt;}

#contents-inner-std span.annotation{
font-size: 8px;
}

#contents-inner-std span.annotation a{font-size: 8px;}

#contents-inner-std textarea.samplecode {
margin: 0;
border: 1px solid #ccc;
padding: 4px; width: 500px;
height: 5em;
float: right;
overflow: hidden;
background: #f1f1f1;
line-height: 1.5
!important;
}

div.contents-inner-left{
text-align:left;
width:330px;
float:left;
}

div.contents-inner-right{
text-align:left;
width:450px;
height:400px;
float:right;
background-image: url(/img/frog.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}


div.sub-contents{
padding-top:20px;
padding-bottom:10px;
text-align:center;
background-color: #FFFFFF;
}

div.sub-contents-inner{
    margin-left: auto;
    margin-right: auto;
width:800px;
}

div.sub-contents-inner-left{
vertical-align:top;
text-align:left;
width:380px;
float:left;
font-size:10px;
line-height:14pt;
}
div.sub-contents-inner-right{
text-align:left;
font-size:10px;
width:400px;
padding-left:20px;
float:right;
background-color: #FFFFFF;
}
div.sub-contents-inner-left a:link {color: #333333; }
div.sub-contents-inner-left a:visited {color: #333333; }
div.sub-contents-inner-left a:hover {color: #8bab00; }


div.space{
    background:transparent url(/img/kugiri-a.gif) repeat scroll 0 0;
    height:4px;
    margin-bottom:15px;
    margin-left:0px;
    margin-top:15px;
    width:100%;
}

#top-news{
padding-bottom:8px;
}

#top-news a:link{text-decoration: none; color: #0096ff; font-size: 10px;  line-height: 10px;}
#top-news a:visited { text-decoration: none; color: #0096ff; font-size: 10px;  line-height: 10px;}
#top-news a:hover { text-decoration: underline; color: #8bab00; font-size: 10px;  line-height: 10px;}

span.version{
color:#767676;
font-size:12px;
line-height:30px;
}
span.version-value{
color:#8bab00;
font-size:12px;
line-height:30px;
}

span.date{
color:#6e9316;
font-size:10px;
}

div.title-list-box{
margin-left:55px;
}

#title-list ul{
}

#title-list li{
font-size:14px;
margin-left:20px;
color:#767676;
line-height:20px;
}

/** NAVI **/
div.site-navi{
text-align:center;
background-color: #6f706a;
}

div.site-navi-inner{
color:#AAAAAA;
width:800px;
margin-left: auto;
margin-right: auto;
}

#navi-list ul{
}

#navi-list li{
margin-left:20px;
color:#ececec;
display: inline;
float: left;
}

#navi-list a:link {text-decoration: none; color: #bbbbbb; font-size: 11px;  line-height: 10pt;}
#navi-list a:visited { text-decoration: none; color: #bbbbbb; font-size: 11px;  line-height: 10pt;}
#navi-list a:hover { text-decoration: underline; color: #e4ff14; font-size: 11px;  line-height: 10pt;}

#navi-list span.navi-title a {
color:#dddddd;
font-size:12px;
}

div.navi-box{
padding-top:15px;
padding-bottom:15px;
background-color: #6f706a;
color:#dddddd;
width:110px;
text-align:left;
font-size:12px;
}

/** FOOTER **/
div.footer{
padding-top:10px;
padding-bottom:20px;
text-align:center;
color:#444444;
font-size:12px;
}

.footer a:link {text-decoration: none; color: #0096ff; font-size: 12px;  line-height: 13pt;}
.footer a:visited { text-decoration: none; color: #0096ff; font-size: 12px;  line-height: 13pt;}
.footer a:hover { text-decoration: underline; color: #8bab00; font-size: 12px;  line-height: 13pt;}

/**QUOTE **/
pre.quote{
padding-top:9px;
padding-bottom:9px;
padding-left:18px;
background-color: #ededed;
width:98%;
height:auto;
color:#000000;
text-align:left;
font-size:12px;
line-height: 14pt;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
}

/* for news (redmine boards) */
#contents-inner-std h3 a:link {color: #333333; }
#contents-inner-std h3 a:visited {color: #333333; }
#contents-inner-std h3 a:hover {color: #8bab00; }

/* for wiki (redmine wiki) */
.wiki * {
padding: 2px;
}

.wiki img {
margin: 5px;
}

.wiki h2 {
padding-top: 15px;
}

.wiki h3 {
padding-top: 12px;
font-size: 14px;
}

.wiki blockquote {
padding: 5px 2px 5px 0px;
font-style: normal;
}

div.wiki pre {
padding: 5px;
}