@charset "utf-8";

/* ----------navigation style---------- */

/* global navi */

#g_navi {
	width: 920px;
	margin-bottom: 8px;
}

#g_navi ul {
	list-style-type: none;
	line-height: 1.4em;
}

#g_navi li {
	float: left;
	margin-right: 5px;
	margin-left: 0;
}

#g_navi li.navi06,
#g_navi li.navi06a {
	margin-right: 0;
}

#g_navi li a {
	display: block;
	border-bottom: 4px solid #C2C29A;
	color: #4C4C4C;
	text-align: center;
	text-decoration: none;
}

#g_navi li a:hover {
	border-bottom-color: #3C3D8C;
	color: #000000;
}

#g_navi .navi01 a,
#g_navi .navi01a a {
	width: 70px;
}

#g_navi .navi02 a,
#g_navi .navi02a a {
	width: 165px;
}

#g_navi .navi03 a,
#g_navi .navi03a a {
	width: 165px;
}

#g_navi .navi04 a,
#g_navi .navi04a a {
	width: 165px;
}

#g_navi .navi05 a,
#g_navi .navi05a a {
	width: 165px;
}

#g_navi .navi06 a,
#g_navi .navi06a a {
	width: 165px;
}

#g_navi .navi01a a,
#g_navi .navi02a a,
#g_navi .navi03a a,
#g_navi .navi04a a,
#g_navi .navi05a a,
#g_navi .navi06a a {
	border-bottom-color: #3C3D8C;
	color: #000000;
	font-weight: bold;
}


/* local navi */

#local_navi {
	float: left;
	width: 215px;
	margin-bottom: 12px;
}

.menu_on,
.menu_on2,
.menu_off {
	background-color: #EAEAE3;
	margin-bottom: 3px;
}

.menu_on1 {
	background-color: #EAEAE3;
	margin-bottom: 0;
}

.menu_on a,
.menu_on1 a,
.menu_on2 a {
	display: block;
	width: 195px;
	padding: 0.3em 4px 0.3em 16px;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

.menu_on a,
.menu_on1 a {
	background: url(../images/navi_arrow_01a.gif) no-repeat 3px 0.7em;
}

.menu_on2 a {
	background: url(../images/navi_arrow_01b.gif) no-repeat 3px 0.7em;
}

.menu_on a.active,
.menu_on1 a.active,
.menu_on2 a.active {
	color: #0D68C3;
	font-weight: normal;
	text-decoration: none;
}

.menu_on a.active:hover,
.menu_on1 a.active:hover,
.menu_on2 a.active:hover {
	color: #3C3D8C;
}

.menu_off a {
	display: block;
	width: 195px;
	background: url(../images/navi_arrow_01.gif) no-repeat 3px 0.7em;
	padding: 0.3em 4px 0.3em 16px;
	color: #0D68C3;
	text-decoration: none;
}

.menu_off a:hover {
	color: #3C3D8C;
}

.menu_cate {
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	color: #3C3D8C;
	font-size: 0.625em;
	font-weight: bold;
	line-height: normal;
}

ul.sub_menu {
	list-style-type: none;
	background: url(../images/navi_line.gif) no-repeat 7px top;
	padding-top: 1px;
	line-height: 1.4em;
}

ul.sub_menu li {
	background: url(../images/navi_line.gif) no-repeat left bottom;
	margin-left: 7px;
	padding-bottom: 1px;
}

ul.sub_menu li.noline,
ul.sub_menu li.noline_a {
	background-image: none;
}

ul.sub_menu li a {
	display: block;
	width: 208px;
	background: url(../images/navi_arrow_02.gif) no-repeat left 0.6em;
	padding: 0.3em 0px 0.2em 10px;
	color: #0D68C3;
	text-decoration: none;
}

html>body ul.sub_menu li a {
	width: 198px;
}


ul.sub_menu li a:hover {
	background-color: #EBEBF3;
	color: #62626A;
}

ul.sub_menu li.active a,
ul.sub_menu li.active a:hover,
ul.sub_menu li.noline_a a,
ul.sub_menu li.noline_a a:hover {
	background-color: #EBEBF3;
	color: #62626A;
	font-weight: bold;
}


/* banner */

#banner_area {
	margin-top: 8px;
}

#banner_area p {
	margin-bottom: 8px;
}

#banner_area p.banner1 {
	margin-bottom: 0;
}

/* ----------additional style---------- */
ul.sub_menu li.active_last {
	background: url(../images/navi_arrow_02.gif) no-repeat left 0.6em;
}

ul.sub_menu li.active_last a,
ul.sub_menu li.active_last a:hover {
	background-color: #EBEBF3;
	color: #62626A;
	font-weight: bold;
}