/* CSS Document */

/*header
------------------------*/
#header {
	width:900px;
	margin:0 auto 10px;
}

#seo_text {
	background:#87b62c;
	font-size:0.8em;
	font-weight:normal;
	margin-bottom:15px;
	padding:3px 5px;
	color:#FFFFFF;
	border-bottom:1px solid #10761a;
}

.header_r {
	float: right;
	width: 490px;
}

#logo {
	width:240px;
	height:60px;
	float:left;
	margin-top:5px;
}

#logo a {
	background:url(../images/header/logo_img.gif) 0 0 no-repeat;
	width:240px;
	height:60px;
	display:block;
	text-indent:-9999px;
}


/*g_navi
------------------------*/

#g_navi {
	margin:0 0 20px;
	list-style-type:none;
	padding: 0px;
	width: 270px;
	height: 19px;
	float: right;
}

#g_navi li {
	float:left;
}

#navi01 a {
	background: url(../images/header/g_navi.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 19px;
	width: 90px;
}
#navi02 a {
	background: url(../images/header/g_navi.gif) no-repeat -90px 0px;
	text-indent: -9999px;
	display: block;
	height: 19px;
	width: 90px;
}
#navi03 a {
	background: url(../images/header/g_navi.gif) no-repeat -270px 0px;
	text-indent: -9999px;
	display: block;
	height: 19px;
	width: 90px;
}
#navi01 a:hover {
	background: url(../images/header/g_navi.gif) no-repeat 0px -19px;
	text-indent: -9999px;
	display: block;
	height: 19px;
	width: 90px;
}
#navi02 a:hover {
	background: url(../images/header/g_navi.gif) no-repeat -90px -19px;
	text-indent: -9999px;
	display: block;
	height: 19px;
	width: 90px;
}
#navi03 a:hover {
	background: url(../images/header/g_navi.gif) no-repeat -270px -19px;
	text-indent: -9999px;
	display: block;
	height: 19px;
	width: 90px;
}

.google_box {
	width: 340px;
	height: 25px;
	float:left;
}
.google_box ul {
	margin: 0px;
	padding: 0px;
	height: 25px;
}
.google_box li {
	margin: 0px;
	padding: 0px;
	height: 25px;
	float: left;
	list-style: none;
}

.search_textbox {
	width: 200px;
	margin-right: 10px;
	margin-left: 5px;
	height: 20px;
}

/*font_size
--------------------------*/
.font_size_img {
	width:130px;
	float:right;
}

.font_size_img ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

.font_size_text {
	background:url(../images/header/font_size_img.gif) 0 0 no-repeat;
	width:60px;
	height:20px;
	text-indent:-9999px;
	float:left;
}

.size_s,.size_m {
	width:20px;
	height:20px;
	float:left;
	margin-right:5px;
}

.size_l {
	width:20px;
	height:20px;
	float:left;
}

.size_s a {
	background:url(../images/header/font_size_img.gif) -60px 0 no-repeat;
	width:20px;
	height:20px;
	text-indent:-9999px;
	float:left;
}

.size_s a:hover {
	background:url(../images/header/font_size_img.gif) -60px -20px no-repeat;
	width:20px;
	height:20px;
	text-indent:-9999px;
	float:left;
}

.size_m a {
	background:url(../images/header/font_size_img.gif) -85px 0 no-repeat;
	width:20px;
	height:20px;
	text-indent:-9999px;
	float:left;
}

.size_m a:hover {
	background:url(../images/header/font_size_img.gif) -85px -20px no-repeat;
	width:20px;
	height:20px;
	text-indent:-9999px;
	float:left;
}

.size_l a {
	background:url(../images/header/font_size_img.gif) -110px 0 no-repeat;
	width:20px;
	height:20px;
	text-indent:-9999px;
	float:left;
}

.size_l a:hover {
	background:url(../images/header/font_size_img.gif) -110px -20px no-repeat;
	width:20px;
	height:20px;
	text-indent:-9999px;
	float:left;
}






/*main_menu
------------------------*/
#main_menu {
	margin: 0px auto 5px;
	height: 40px;
	width:900px;
}

#main_menu li {
	list-style: none;
	float:left;
}

#menu01,#menu02,#menu03,#menu04,#menu05 {
	height: 40px;
	width: 180px;
}

#menu01 a {
	background: url(../images/header/main_menu.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 180px;
}

#menu02 a {
	background: url(../images/header/main_menu.gif) no-repeat -180px 0px;
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 180px;
}

#menu03 a {
	background: url(../images/header/main_menu.gif) no-repeat -360px 0px;
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 180px;
}

#menu04 a {
	background: url(../images/header/main_menu.gif) no-repeat -540px 0px;
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 180px;
}

#menu05 a {
	background: url(../images/header/main_menu.gif) no-repeat -720px 0px;
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 180px;
}

#menu01 a:hover {
	background: url(../images/header/main_menu.gif) no-repeat 0px -40px;
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 180px;
}

#menu02 a:hover {
	background: url(../images/header/main_menu.gif) no-repeat -180px -40px;
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 180px;
}

#menu03 a:hover {
	background: url(../images/header/main_menu.gif) no-repeat -360px -40px;
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 180px;
}

#menu04 a:hover {
	background: url(../images/header/main_menu.gif) no-repeat -540px -40px;
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 180px;
}

#menu05 a:hover {
	background: url(../images/header/main_menu.gif) no-repeat -720px -40px;
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 180px;
}