@charset "utf-8";

img {
	border-style: none;
}
*{
	margin: 0px;
}


.floatright {
	float: right;
	margin-left: 10px;
}
.floatleft { 
	float: left;
	margin-right: 10px;
}

.clearboth {
	clear:both;
    height:0px;
    font-size: 1px;
	line-height: 0px;
}
.overflowhidden {
	overflow: hidden;
	text-indent: -9999px;
}

#wrapper {
	width: 800px;
	min-width:760px;
	margin-right: auto;
	margin-left: auto;
}



#header {
	background: url(images/head_middle_bg.gif) repeat-x;
	height: 95px;
}
#left_logo a {
	background: url(images/head_left_bg.gif);
	float: left;
	height: 95px;
	width: 500px;
}
#right_bt a {
	background: url(images/head_right_bg.gif);
	float: right;
	height: 95px;
	width: 126px;
}
#head {
	height: 24px;
	background: #FF6600;
}

#pathway_bg_left {
	background: url(images/left_side_head.gif) no-repeat;
	height: 24px;
	width: 160px;
	float: left;
}
#pathway_bg_rightt {
	background: url(images/right_crcle.gif);
	float: right;
	height: 24px;
	width: 16px;
}


#footer {
	height: 24px;
	background: url(images/footer_middle.gif);
	clear: both;
	border-top: 10px solid #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

#footer_bg_left {
	background: url(images/footer_left.gif) no-repeat;
	height: 24px;
	width: 500px;
	float: left;
}
#footer_bg_rightt {
	background: url(images/fotter_right.gif);
	float: right;
	height: 24px;
	width: 16px;
}
#content_left {
	background: url(images/left_side_middle.gif) repeat-y;
	float: left;
	width: 160px;
}
#left_side_top {
	background: url(images/left_side_top.gif) no-repeat;
	height: 26px;
	width: 160px;
}

#left_side_footer {
	background: url(images/left_side_bottom.gif) no-repeat;
	height: 21px;
	width: 160px;
}
#section_bt a.blog {
	background: url(images/sec_bt_bg.gif);
	display: block;
	height: 17px;
	width: 150px;
	font-size: 12px;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 4px;
}
#section_bt a.blog:hover {
	background: url(images/sec_bt_bg.gif) no-repeat -160px 0px;
	display: block;
	height: 17px;
	width: 150px;
	font-size: 12px;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 4px;
}
#section_bt a.blogactive {
	background: url(images/sec_bt_bg.gif) no-repeat -320px 0px;
	display: block;
	height: 17px;
	width: 150px;
	font-size: 12px;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 4px;

}
#section_bt a.cat {
	display: block;
	background: url(images/c_5.gif) no-repeat 10px 4px;
	font-size: 11px;
	font-weight: normal;
	padding-left: 18px;
	height: 15px;
	width: 136px;
	padding-top: 2px;
	margin-right: auto; /*marginにピクセル指定で位置合わせすると下部要素ロールオーバー時に移動が生じる*/
	margin-left: auto;
}
#section_bt a.catactive {
	display: block;
	background: #FF9900 url(images/c_5.gif) no-repeat 10px 4px;
	font-size: 11px;
	font-weight: normal;
	padding-left: 18px;
	height: 15px;
	width: 136px;
	padding-top: 2px;
	margin-right: auto;
	margin-left: auto;
}

#section_bt a.cat:hover {
	display: block;
	background: #FF9900  url(images/c_5.gif) no-repeat 10px 4px;
	font-size: 11px;
	font-weight: normal;
	padding-left: 18px;
	height: 15px;
	width: 136px;
	padding-top: 2px;
	margin-right: auto;
	margin-left: auto;
}


#section_bt dt {
	font-size: 11px;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 3px;
	margin-bottom: 2px;
}


#content_right {
	background: url(images/content_cr_lt.gif) no-repeat left top;
	float: left;
	width: 630px;
}
.copyright {
	margin-top: 5px;
	margin-left: 30px;
	color: #FFFFFF;
	font-size: 11px;
}

/***********************/
/*      loginbox       */
/***********************/

#callLoginBox {
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0px;
	top: 70px;
}
#loginbox {
	position: absolute;
	z-index: 2;
	overflow: auto;
	visibility: hidden;
	top: 70px;
	border: 3px dotted #000000;
	padding: 15px;
	background-color: #FFCC00;
	left: 0px;
}