@charset "utf-8";

/************ 枠組み用CSS ************/


#wrapper {
	width:996px;
	margin:0 auto;
}
#wrapper > h1 {
	display: none;
}

#header {
	width:996px;
	height:63px;
	background:url(../image/header.jpg) no-repeat;
}
#header h2 {
	display: none;
}

#contents {
	width:996px;
}
#contents #name_ber {
	width:996px;
	height:37px;
	background:url(../image/name_ber.jpg) no-repeat;
	font-size:80%;
}
#contents #name_ber #name_box {
	position:relative;
	float:left;
	top:8px;
	left:230px;
	color:#FFF;
	font-weight:bold;
}
#contents #name_ber #logout {
	color:#FF3300;
	position:relative;
	float:right;
	top:8px;
	right:20px;
}
#contents #main_contents {
	width:976px;
	background:url(../image/main_contents_back.jpg) repeat-y;
	margin:0 auto;
}

#footer {
	width:976px;
	background:url(../image/footer_back.jpg) no-repeat;
	margin:0 auto;
	padding:15px 0 10px 0;
}

/************ メインナビゲーション ************/
#contents #main_navigation {
	width:976px;
	height:46px;
	margin:0 auto;
	background:url(../image/navi_back.jpg) repeat-x;
}
#main_navigation ul {
	list-style-type:none;
}
#main_navigation #ul_left {
	float:left;
	padding:0 0 0 1px;
}
#main_navigation li {
    float:left;
}
#main_navigation .text {
	margin:10px 0;
}

#main_navigation #ul_left .navi {
	width:104px;
	color:#000;
}
#main_navigation #ul_left .navi a {
	width:104px;
	height:30px;
	background:url(../image/navi.jpg) no-repeat;
	display:block;
	padding:7px 0 0 0;
	text-decoration:none;
	color:#000;
}
#main_navigation #ul_left .navi a:hover {
	background:url(../image/navi_over.jpg) no-repeat;
	color:#000;
}
#main_navigation #ul_left .navi_fo {
	width:104px;
	height:30px;
	background:url(../image/navi_over.jpg) no-repeat;
	color:#0066FF;
	padding:7px 0 0 0;
}
#main_navigation #ul_left .navi_out {
	width:104px;
	height:30px;
	background:url(../image/navi.jpg) no-repeat;
	color:#999;
	padding:7px 0 0 0;
}

#main_navigation #ul_left .navi01 {
	width:89px;
	color:#0066FF;
	background:url(../image/navi01_f2.jpg) no-repeat;
}
#main_navigation #ul_left .navi01 a {
	width:89px;
	height:30px;
	background:url(../image/navi01.jpg) no-repeat;
	display:block;
	padding:7px 0 0 0;
	text-decoration:none;
	color:#000;
}
#main_navigation #ul_left .navi01 a:hover {
	background:url(../image/navi01_f2.jpg) no-repeat;
	color:#000;
}
#main_navigation #ul_left .navi01_fo {
	width:89px;
	height:30px;
	background:url(../image/navi01_f2.jpg) no-repeat;
	color:#0066FF;
	padding:7px 0 0 0;
}

#main_navigation #ul_left .navi02 {
	width:100px;
	color:#0066FF;
	background:url(../image/navi02_f2.jpg) no-repeat;
}
#main_navigation #ul_left .navi02 a {
	width:100px;
	height:30px;
	background:url(../image/navi02.jpg) no-repeat;
	display:block;
	padding:7px 0 0 0;
	text-decoration:none;
	color:#000;
}
#main_navigation #ul_left .navi02 a:hover {
	background:url(../image/navi02_f2.jpg) no-repeat;
	color:#000;
}
#main_navigation #ul_left .navi02_fo {
	width:100px;
	height:30px;
	background:url(../image/navi02_f2.jpg) no-repeat;
	color:#0066FF;
	padding:7px 0 0 0;
}

#main_navigation #ul_left .navi03 {
	width:104px;
	color:#0066FF;
	background:url(../image/navi03_f2.jpg) no-repeat;
}
#main_navigation #ul_left .navi03 a {
	width:104px;
	height:30px;
	background:url(../image/navi03.jpg) no-repeat;
	display:block;
	padding:7px 0 0 0;
	text-decoration:none;
	color:#000;
}
#main_navigation #ul_left .navi03 a:hover {
	background:url(../image/navi03_f2.jpg) no-repeat;
	color:#000;
}
#main_navigation #ul_left .navi03_fo {
	width:104px;
	height:30px;
	background:url(../image/navi03_f2.jpg) no-repeat;
	color:#0066FF;
	padding:7px 0 0 0;
}

#main_navigation #ul_left .navi04 {
	width:87px;
	color:#0066FF;
	background:url(../image/navi04_f2.jpg) no-repeat;
}
#main_navigation #ul_left .navi04 a {
	width:87px;
	height:30px;
	background:url(../image/navi04.jpg) no-repeat;
	display:block;
	padding:7px 0 0 0;
	text-decoration:none;
	color:#000;
}
#main_navigation #ul_left .navi04 a:hover {
	background:url(../image/navi04_f2.jpg) no-repeat;
	color:#000;
}
#main_navigation #ul_left .navi04_fo {
	width:87px;
	height:30px;
	background:url(../image/navi04_f2.jpg) no-repeat;
	color:#0066FF;
	padding:7px 0 0 0;
}



#main_navigation #ul_right {
	float:right;
	margin:0 7px 0 0;
}
#main_navigation #ul_right .navi {
	color:#000;
	padding:0 10px;
}
#main_navigation #ul_right .navi a {
	display:block;
	padding:7px 0 0 0;
	text-decoration:none;
	color:#000;
}
#main_navigation #ul_right .navi a:hover {
	color:#000;
}

#main_navigation #ul_right .navi_fo {
	color:#0066FF;
	padding:7px 10px 0 10px;
}

#main_navigation #ul_right .navi_out {
	background:url(../image/navi.jpg) no-repeat;
	color:#999;
	padding:7px 0 0 0;
}