@charset "UTF-8";

/* ========BASIC======== */
* {
   font-family:Verdana, Helvetica, sans-serif;
   color:#333;
}

body {
   margin:0;
   padding:0;
   letter-spacing:1px;
   background:#fff;
   
}

br {
   letter-spacing:normal;
}

a {
   color:#333;
   text-decoration:none;
}

a:hover {
   color:#008000;
   text-decoration:none;
}

img {
   border:0;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

/* ========custom======== */

div#main{
margin:auto;
margin-top:10px;
margin-bottom:10px;
width:780px;

}
div#wrapper{
margin:auto;
width:810px;
background:url(images/g.png) repeat-y;
}

div#info{
float:left;
margin-top:5px;
}

div#icon{
float:left;
}

.box{
clear:both;
padding-top:20px;
}

div#note{
padding-top:10px;
}


div#works{
float:right;
width:200px;
}

div#works img{
margin-top:5px;
}


div#info p{
font-size:0.8em;
line-height:1.2em;
}

div#info li{
font-size:0.8em;
line-height:1.2em;
}
div#main ul{
list-style:url(images/list.png);
margin:0px;
padding-left:20px;
}

div#infoarea{
width:550px;
height:50px;
padding:5px;
border:2px #000080 solid;
overflow:auto;
}

.sub{
width:780px;
margin:auto;
clear:both;
}

div#header{
position:relative;
margin:auto;
width:760px;
height:52px;
padding:10px;
border-bottom:2px #000080 solid;
}

div#header img{
float:left;
}
div#header #navi{
position:absolute;
right:0;
bottom:10px;;
}
div#navi img{
margin-right:15px;
}

div#navi2{
margin:auto;
width:780px;
text-align:right;
}


div#navi2 a:hover{
color:#fff;
background:#000080;
}

#main h2{
margin-top:81px;
color:#fff;
font-size:1em;
width:340px;
line-height:2em;
text-align:center;
background:#000080;

}

#main h3{
font-size:1em;
line-height:2em;
background:#eee;
padding-left:10px;
}


.line{
width:340px;
height:5px;
background: url(images/bg.gif) repeat-x;
}

#leftbox h2 span{
font-size:0.8em;
color:#fff;
font-weight:normal;
}


#leftbox{
position:relative;
float:left;
width:360px;
}

#rightbox{
position:relative;
float:right;
width:420px;
}

#rightbox table{
margin-top:80px;
margin-bottom:20px;
}

#rightbox th,td{
font-size:0.9em;
line-height:2em;
font-weight:normal;

}
#rightbox th{
background:#eee;
width:100px;
}
#rightbox td{
padding-left:10px;
}

#text {
margin-left:100px;
}
#text a{
color:#000080;
}
#text a:hover{
color:#fff;
background:#000080;
}
.stripe{
height:10px;
background:url(images/bg.gif) repeat-x;
}

div#footer{
clear:both;
border-top:2px #000080 solid;
margin:auto;
text-align:right;
width:780px;
font-size:0.8em;
color:#999
}