@charset "UTF-8";

#header{
 margin:0 auto;
 width:840px;
 height:66px;
}

#sub_header{
 text-align:right;
 padding:12px 20px 14px 0;
 margin:0 auto;
 width:820px;
 background:url(bi/header/sub_tree.gif) no-repeat;
}


#sub_header a{
 font-weight:bold;
 padding:0 20px;
 color:#fff;
 text-decoration: none;
 background:url(bi/arrow_h.gif) no-repeat;
}


#tree{
 margin:0 auto;
 width:840px;
 height:80px;
 background:url(bi/header/tree.gif) no-repeat;
}
#tree.blue {
 background:url(bi/header/tree_blue.gif) no-repeat;
}
#tree div{
 float:right;
 padding:7px 10px 0 0;
}

.logo{
 float:left;
 margin:0;
}

.sub_category{
 height:30px;
 padding:0px;
 margin:0 0 0 480px;
 text-align: right;
}

.sub_category a{
 border-left:1px #fff solid;
 border-right:1px #c6cacc solid;
 color:#666;
 text-decoration: none;
 padding:1px 10px;
}

.sub_category a:hover{
 color:#fff;
 text-decoration: none;
 background:#d6dadd;
}

.category{
 padding:6px 0;
 height:20px;
 text-align:center;
 margin:0 0 0 220px;
 background:url(bi/header/category.gif) no-repeat;
}

.category a{
 padding:3px 18px;
 border-right:1px #ddd solid;
 border-left:1px #fff solid;
}

.category a:hover{
 background:#eee;
}

#wrap{
 padding: 0;
 clear:both;
 margin:0 auto;
 width:840px;
 background: url(bi/wrap.gif) repeat-y;
}
#wrap_inner{
 padding: 6px 0 0;
 background: url(bi/main.gif) no-repeat;
}
#left{
 float:left;
 width:194px;
 padding:10px;
}

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

#left dl{
 border:1px #e7ebee solid;
 background:#fff;
 margin:0;
 padding:1px;
}

#left dt{
 color:#666;
 background:#f0f3f6;
 border-bottom:1px #e7ebee solid;
 padding:4px 0 4px 10px;
}

#left dd{
 margin:1px;
 padding:2px 0 4px 24px;
 background:#fafafa url(bi/left_dd.gif) no-repeat;
}

#left .sub{
 margin:1px;
 padding:4px 0 4px 24px;
 background-image:none;
}

#left .sub a{
 display:block;
 padding:2px 0 2px 16px;
 background:url(bi/left_sub.gif) no-repeat;
}

#left dl{
 border:1px #e7ebee solid;
 background:#fff;
 margin:6px 0;
 padding:1px;
}

#main{
 width: 596px;
 float: left;
 margin:0;
 text-align:center;
 padding:10px 10px 10px 16px;
}

#footer{
 clear:both;
 margin:0 auto;
 width:820px;
 padding:30px 20px 0 0;
 height:30px;
 background:url(bi/footer.gif);
 text-align:right;
 color:#aaa;
}

/* defaults --------------------------------------*/

body{
 margin:4px 0; background:#e7ebee; font-size:13px; font-family:Verdana,"Osaka","ＭＳ Ｐゴシック"; line-height:1.5em;
}

/* links --------------------------------------*/
#wrap a:link { color: #090; }
#wrap a:visited { color: #464;}	
#wrap a:hover { color: #d60; }
#wrap a:active { color: #d00; }

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

a:link img , a:visited img , a:hover img , a:active img { border: none ;}

/* Common --------------------------------------*/
.break {
	clear: both;
}
.attach_right {
	width: auto;
	float: right;
	margin: 0 0 3px 6px;
}
.attach_left {
	width: auto;
	float: left;
	margin: 0 6px 3px 0;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}