/* ----- 全体 ----- */

*{
margin:0;
padding:0;
}

body{
                background-color:#20201d;
color:#666666;
}

img{
border:0;
}

p{
margin:0 0 1.5em 0;
}

.clear{
clear:both;
}

/* ----- リンク ----- */

a:link{
color:#666666;
}

a:visited{
color:#666666;
}

a:active{
color:#CCCCCC;
}

a:hover{
color:#CCCCCC;
}

/* ----- レイアウト ----- */

#container{
width:800px;
margin:10px auto;
background-color:#FFFFFF;
border:1px solid #333333;
}

#header{
border-bottom:1px solid #cccccc;
background-color:#000000;
}

#main{
float:right;
width:617px;
margin-top:15px;
border-left:1px dotted #cccccc;
background-color:#ffffff;
}

#leftmenu{
float:left;
width:152px;
margin-top:15px;
background-color:#ffffff;
}

#footer{
clear:both;
padding:4px;
text-align:center;
border-bottom:5px solid #000000;
background-color:#eeeeee;
}

/* ----- HEADER ----- */

h1{
padding-top:18px;
padding-left:10px;
font:bold 26px Verdana,sans-serif;
}

h1 a:link{
text-decoration:none;
color:#ffffff;
}

h1 a:visited{
text-decoration:none;
color:#ffffff;
}

h1 a:active{
color:#999999;
}

h1 a:hover{
color:#999999;
}

h2{
text-indent:10px;
margin-bottom:30px;
font:10px Verdana,sans-serif;
letter-spacing:0.1em;
color:#CCCCCC;
}

#gnavi{
    width: 800px;
height:25px;
padding:3px 0;
font:12px/25px Verdana,sans-serif;
background-color:#eeeeee;
}

#gnavi ul{
list-style:none;
}

#gnavi li{
width:98px;
float:left;
text-align:center;
border-left:1px solid #ffffff;
border-right:1px solid #cccccc;
}

#gnavi li.firstlist{
border-left:1px solid #eeeeee;
}

#gnavi li.lastlist{
border-right:1px solid #eeeeee;
}

#gnavi li a{
                display:block;
text-decoration:none;
}

/* ----- MAIN ----- */

h3{
margin:0px 10px;
padding:5px;
text-indent:10px;
font:bold 14px Verdana,sans-serif;
border-bottom:1px solid #c9d4e0;
background-color:#000000;
color:#ffffff;
}

#main p{
margin-left:20px;
margin-right:20px;
font:80%/150% Verdana,sans-serif;
}

#td1 {
border-collapse: collapse; /* 枠線の表示方法（重ねる） */
margin-left:20px;
margin-right:20px;
font:80%/150% Verdana,sans-serif;
}

#td1 TD {
border: 1px #cccccc solid;
background-color: #FFFFFF; 
padding: 0px; 
}

#contentwrap{
width:587px;
margin:5px 10px 30px;
}

.contentbox{
float:left;
width:300px;
margin-right:7px;
border:1px solid #dddddd;
}

.contentbox_last{
float:left;
width:267px;
border:1px solid #dddddd;
}

#contentwrap h4{
margin:2px;
padding:5px;
text-indent:5px;
font:12px Verdana,sans-serif;
border:1px solid #e3e3e3;
background-color:#f5f5f5;
color:#000000;
}

#contentwrap p{
margin-left:10px;
margin-right:10px;
font:80%/150% Verdana,sans-serif;
}


/* ----- LEFT MENU ----- */

.menutitle{
width:160px;
margin-bottom:10px;
text-align:center;
}

.menutitle p{
padding:5px;
margin:0 8px 10px;
font:80% Verdana,sans-serif;
background-color:#000000;
color:#ffffff;
}

.menutitle ul{
list-style:none;
text-align:left;
font:80% Verdana,sans-serif;
}

.menutitle li{
margin-bottom:1em;
color:#6b8cb2;
}

.menutitle li a{
text-decoration:none;
padding-left:5px;
margin-left:15px;
border-left:6px solid #f5f5f5;
}

.menutitle li a:link{
color:#666666;
}

.menutitle li a:visited{
color:#666666;
}

.menutitle li a:active{
color:#CCCCCC;
}

.menutitle li a:hover{
color:#CCCCCC;
border-left:6px solid #000000;
}

.menutitle iframe{
padding:5px;
margin:0 8px 10px;
font:80% Verdana,sans-serif;
background-color:#000000;
color:#ffffff;
}

/* ----- FOOTER ----- */

address{
font:9px Verdana,sans-serif;
color:#999999;
}