body{
	background-image:url(images/bg_grad_2.JPG);
	background-repeat:repeat-x;
	background-color: #e3e3e3;
	margin: 0;
	font-size:small;
}

p,
form {
	margin: 0;
	padding: 0;
}

#body_frame{
	width:806px;
	background-image:url(images/body-back.jpg);
	background-repeat:repeat-y;
	background-position:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}

#frame{
	width:800px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	background-color:#FFFFFF;
}
#header{
	width:800px;
	height:104px;
	background:#FFFFFF;
}

#count{
	width:160px;
	height:104px;
	float:left;
}

#navi{
	width:480px;
	height:26px;
	margin-top:5px;
	float:left;
}

#search{
	background-image:url(images/Navi_004.jpg);
	background-repeat:no-repeat;
	margin-top:5px;
	width:320px;
	height:26px;
	float:left;
}

.search_form{
	margin-top:1px;
	margin-bottom:0px;
	margin-right:5px;
}

#index{
	background-color:#FFFFFF;
	
}

#under_frame{
	width:800px;
	height:auto;
	clear:both;
	margin-top:5px;
	background-color:#FFFFFF;
}

#menu{
	width:220px;
	height:auto;
	float:left;
	margin-bottom:20px;
}

#menuA{
	background-image:url(images/menuA001.jpg);
	width:220px;
	height:290px;
}

.menu_bottom{
	margin-top:5px;
	margin-bottom:5px;
	border:none;
}

.menu_bottom_B{
	margin-top:5px;
	border:none;
}

.bottom_border{
	border:none;
}

#menuB{
	background-image:url(images/menuB001.jpg);
	width:220px;
	margin-top:5px;
}

#menuC{
	margin:15px 0 0 17px;
	color: #666;
	text-align: left;
}

#about_libra{
	width:220px;
	height:auto;
	margin-top:5px;
}

#main000000{
	width:580px;
	height:auto;
	float:left;	
	background-color:#FFFFFF;
	margin-bottom:20px;
}

#topic_path{
	width:560px;
	height:10px;
	clear:both;
	text-align:left;
	padding-left:10px;
}

#main1{
	width:560px;
	height:auto;
	float:left;
	clear:both;
	padding-left:10px;
	padding-right:10px;
}
.main3{
	width:550px;
	height:auto;
	float:left;
	clear:both;
	padding-left:10px;
	padding-right:10px;
}
.main1{
	width:560px;
	height:auto;
	float:left;
	clear:both;
}

.main2{
	width:560px;
	height:auto;
	float:left;
	clear:both;
	margin-left:5px;
	margin-top:10px;
}

#main1_left_pict{
	width:438px;
	height:290px;
	float:left;
}

.Parthpict{
	width:122px;
	float:right;
}

.dammy_space{
	width:800px;
	height:70px;
	clear:both;
}

#whats_new{
	width:153px;
	height:83px;
	float:left;
}

#Ivents{
	width:153px;
	height:84px;
	clear:both;
	margin-top:1px;
	float:left;
}

#Whats_Libra{
	width:405px;
	height:341px;
	float:left;
}

#main_navi{
	width:800px;
	height:30px;
	float:left;
}

#Side_Menu{
	width:215px;
	height:auto;
	background-image:url(images/Side_Menu_001.jpg);
	margin-left:5px;
	margin-left:5px;
}

.side_menu{
	margin-top:4px;
}

.Page_Title{
	width:560px;
	height:40px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0px;
}


#Go_Access_Botton{
	margin-top:80px;
	margin-left:100px;
}


#Floar_Map1{
	width:560px;
	height:auto;
	background-repeat:repeat-y;
	margin-top:0px;
	margin-bottom:0px;
}

.h1{
	width:550px;
	height:20px;
	margin-top:0px;	
	margin-bottom:0px;
	background-color:#000099;
	color:#FFFFFF;
	padding-top:3px;
	padding-left:10px;
	clear:both;
	text-align:left;
	letter-spacing:3px;
}

.h2{
	width:530px;
	height:20px;
	margin-top:0px;	
	margin-bottom:0px;
	background-color:#000099;
	color:#FFFFFF;
	padding-top:3px;
	padding-left:10px;
	clear:both;
	text-align:left;
	letter-spacing:3px;
}

.h3{
	width:530px;
	height:15px;
	margin-top:0px;	
	margin-bottom:0px;
	background-color:#000099;
	color:#FFFFFF;
	padding-top:2px;
	padding-left:10px;
	clear:both;
	text-align:left;
	letter-spacing:3px;
}


.space_p{
	white-space:pre;
	margin-left:15px;
	margin-top:10px;
}

.zoom_Map{
	width:270px;
	height:260px;
	float:left;
}

#zoom_in_Map{
	width:270px;
	height:260px;
	margin-left:20px;
	float:left;
}

.Explanation{
	width:530px;
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
}

.About_Libra{
	width:540px;
	text-align:left;
	margin-top:10px;
	clear:both;
}

.About_Libra2{
	width:100px;
	text-align:left;
	margin-top:10px;
	margin-left:10px;
	float:left;
}

#chart{
	width:179px;
	float:left;
}
	
.chart_size img{
	width:179px;
	height:413px;
	margin-top:10px;
}

.chart_size2 img{
	width:179px;
	margin-top:10px;
	clear:both;
	float:left;
}

#civ_join{
	float:left;
	width:331px;
	height:auto;
	text-align:left;
}

.pass_box{
	width:530px;
	height:auto;
	clear:both;
}

.pass_box2{
	width:150px;
	float:left;
	margin-bottom:15px;
}

.txt_box{
	width:380px;
	height:auto;
	float:left;
	margin-top:5px;
}

.time_pass_left{
	margin-top:5px;
	margin-left:5px;
	text-align:center;
	width:90px;
	padding:2px;
	border:solid #006699;
	border-top-width:2px;
	border-right-width:2px;
	border-left-width:0px;
	border-bottom-width:0px;
	background:#FFFFFF;
	color:#003366;
	float:left;
}

.box1{
	width:34px;
	height:18px;
	background-color:#006699;
	float:left;
	position:relative;
	margin-top:5px;
}

.box2{
	width:24px;
	height:10px;
	background-color:#00CC99;
	float:left;
	position:relative;
	margin-top:12px;
	margin-left:5px;
}

.half_table{
	width:265px;
	height:auto;
	float:left;
}

.page_jamp{
	width:530px;
}


.half_main{
/*
	width:260px;
*/
	height:auto;
	float:left;
	text-align:left;
	padding-left:20px;
}

table{
	border-collapse: collapse;
	border:solid 1px #000000;
	font:normal;
}

.table_no{
	border:solid 0px #fff;
}

.table_cell{
	border:solid 1px #000000;
}

.All_txt{
	font-size:small;
	line-height:1.3em;
	letter-spacing:1px;
	text-align:left;
}

.new_info1{
	 width:100px;
	 float:left;
}

.new_info2{
	width:420px;
	float:right;
	text-align:left;
}

#list_box{
	width:520px;
}

.list_item{
	width:100px;
	clear:both;
	float:left;
	margin:0px;	
}


.list_text{
	width:400px;
	float:left;
}

.list_Bottom{
	list-style-image:url(images/one_point_3.gif);
	margin-bottom:0px;
	margin-top:0px;
	list-style-position:outside;
}

hr {
	border-width: 1px 0px 0px 0px; /* 太さ */
	border-style: dotted; /* 線種 */
	border-color: #767676; /* 線色 */
	height: 1px; /* 高さ */;
	clear:both;
}

.movie_box{
	width:160px;
	float:left;
	margin-left:20px;
}

.movie_exe{
	width:370px;
	height:auto;
	float:left;
	text-align:left;
	margin-left:10px;
}

.movie_exe2{
	width:380px;
	height:auto;
	text-align:left;
}

.border{
	border-color:#FF3300;
	background-color:#FFCC66;
	border-style:solid;
	border-width:2px;
	padding:3px;
}

.03000_info{
	width:540px;
	height:5px;
}

a:link {color:#3333ff; text-decoration: underline;}
a:visited {color:#3333ff; text-decoration: underline;}
a:hover {color: #000066;  text-decoration: underline;}
a:active {color: #FF3399; text-decoration: underline;}

#langage{
	width:800px;
	background-color:#FFFFFF;
	font-size:small;
}

.unicode { 
font-family:'TITUS Cyberbit Basic', 'Code2000', 'Doulos SIL', 'Chrysanthi Unicode', 'Bitstream Cyberbit', 'Bitstream CyberBase', 'Bitstream Vera', 'Thryomanes', 'Gentium', 'GentiumAlt', 'Visual Geez Unicode', 'Lucida Grande', 'Arial Unicode MS', 'Microsoft Sans Serif', 'Lucida Sans Unicode', sans-serif; 
} 
.popUp{
	border:#000066 1px groove;
	padding:5px;
	background-color: #FFF;
}
.popUpTitle{
	padding:2px;
	text-align:left;
	color:#000000;
	font-size: small;
}
.popUpName{
	padding:2px;
	text-align:center;
	background-color: #000066;
	color:#FFFFFF;
	line-height: 1.3em;
	font-size: medium;
}
.popUpBody{
	padding:2px;
	font-size: small;
	line-height: 1.3em;
}
.obi_title{
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
}

.top_new {
	width: 547px;
	background-color: #fff;
	border-bottom:1px #cccccc sold;i
	margin: 10px 0 20px 0;
	padding: 20px 0 15px 0;
	clear:both;
}

#tblTopWhatnew {
	border: none;
}

#tblTopWhatnew table{
	width: 100%;
	margin: 10px 0 10px 0;
	border: none;
}

#tblTopWhatnew tr {
	border: none;
}

#tblTopWhatnew td {
	margin: 0;
	padding: 2px 0;
	line-height: 1.3;
	border: none;
}

/* TOPイベント情報 */

.top_event {
	width: 547px;
	background-color: #eff8ff;
	margin: 0 0 20px 0;
	padding: 0;
}

#topTable {
	width: 540px;
	margin: 0 auto 5px auto;
	padding: 0;
	border: none;
}

#topTable td {
	margin: 0;
	padding: 7px 3px;
	text-align: left;
	border-bottom: 1px solid #ddd;
	vertical-align: top ;
}

#topTable td.tdLeft {
	border-right: 1px solid #ddd;
	width: 50%;

}

#topTable td.tdRight {
	width: 50%;
}

#topTable table {
	border: none;
	margin: 3px 0 0 3px;
	padding: 0;
	width: 100%;
}

#topTable table td {
	border: none;
	margin: 0;
	padding: 0;
	line-height: 130%;
}

#topTable .td2{
	width: 40px;
	padding: 4px 0 0 0;
}

#topTable p.title {
	margin: 4px 0;
	padding: 6px 5px;
	font-size: 14px;
	font-weight: bold;
	color: #003060;
	line-height: 130%;

}

#topTable p.data {
	padding: 3px 3px 3px 0;
	font-size: 14px;
	font-weight: bold;
	color: #006c00;
	text-align: left;

}

#topTable p.expense,
#topTable p.spot {
	padding: 4px 0 0 0;
	font-size: 12px;
}

#topTable p.pdf {
	vertical-align: middle;
	padding: 0 0 3px 0;
	font-size: 12px;
	text-align: right;
}

#topTable .noEvent {
	margin: 20px 0;
	padding: 30px 0;
	text-align: center;
	line-height: 300%;
}


/* イベント情報 */

#event_navi {
	margin: 0;
	padding: 10px 0 24px 0;
}

#event_navi ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#event_navi li {
	float: left;
}

.event_month {
	color: #06f;
	padding: 0 30px;
	font-size: 14px;
	font-weight: bold;
}

.event_back {
	text-align: left;
	font-size: 12px;
	width: 55px;
	margin: 0 0 0 20px;
	padding: 2px 0 2px 0;
	background: url(images/event_back.gif) no-repeat 32px 1px;
}

.event_next {
	text-align: right;
	font-size: 12px;
	width: 55px;
	margin: 0;
	padding: 2px 0 2px 0px;
	background: url(images/event_next.gif) no-repeat 0 1px;
}

#event_navi a {
	display:block;
	width:55px;
	height:100%;
}


/* 男女共同参画情報 */
/* 女性相談のご案内 */
#m40000,
#m41000 {
	text-align:left;
	margin: 0 0 0 10px;
	padding: 0;
}

#m40000 table,
#m41000 table {
	text-align:left;
	border: none;
	margin: 10px 0 0 8px;
}

#m40000 td,
#m41000 td {
	padding: 3px;
}

#m40000 p,
#m41000 p {
	text-align:left;
	margin: 0;
	padding: 4px;
}

.m40000_title,
.m41000_title {
	font-weight:bold;
	font-size: 14px;
}

.m41000_title a {
	font-weight:normal;
	font-size: 12px;
}

.m40000_main,
.m41000_main {
	text-align:left;
	margin: 5px 0 10px 22px;

}

.h40000 {
	font-size:14px;
	font-weight:bold;
	text-align:left;
	margin:15px 0 15px 15px;
}


/* よくある質問 */
#faqList {
	list-style-type: none;
	margin: 0 15px 0 20px;
	padding: 0;
	line-height: 130%;
}

#faqList .question {
	margin: 0;
	padding: 5px 15px 5px 48px;
	background: #eff8ff url(images/faq_q.gif) no-repeat 2px 3px;
	color: #339;
	font-weight: bold;
	text-align: left;
}

#faqList .answer {
	margin: 5px 0 7px 0;
	padding: 5px 15px 5px 48px;
	background: #fff url(images/faq_a.gif) no-repeat 2px 3px;
	text-align: left;
}

#faqList .ptop {
	margin: 5px 5px 2px auto;
	padding: 0 0 0 auto;
	font-size: 12px;
	text-align: right;
}

/* 男女共同参画情報 */

#genderList h2 {
	margin: 0;
	padding: 11px 2px 11px 15px;
	background: #eff8ff;
	color: #009;
	font-size: 24px;
	font-weight: bold;
}

#genderList h2 span.backnext {
	margin: 0 0 0 180px;
	padding: 0;
	font-size: 14px;
	font-weight: nomal;
}

#genderList h3 {
	margin: 15px 0 5px 0;
	padding: 8px 10px;
	background: #efefef;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	border-top: 2px solid #ccc;
	line-height: 130%;
}

#genderList h3 span.pdf {
	margin: auto 0 auto 10px;
	font-size: 12px;
	font-weight: normal;
}

#genderList h3 img {
	margin: auto 0 auto 12px;
	vertical-align: middle;
}

#genderList .contents {
	margin: 0 0 14px 0;
	padding: 10px ;
	font-size: 14px;
}

#genderList table {
	width: 98%;
}

#genderList table {
	margin: 0 0 20px 0;
	padding: 0
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}

#genderList th {
	width: 100px;
	background: #fff;
	font-size: 12px;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	color: #333;
}

#genderList th,
#genderList td {
	margin: 0;
	padding: 4px 0 4px 5px;
	border-top: 1px solid #efefef;
}

#genderList .boxLeft {
	text-align: left;
	float: left;
}

#genderList .boxRight {
	text-align: right;
}

/* イベント・講座情報 */

#eventList h2 {
	margin: 0;
	padding: 11px 2px 11px 15px;
	background: #eff8ff;
	color: #009;
	font-size: 24px;
	font-weight: bold;
}

#eventList h2 span.backnext {
	margin: 0 0 0 180px;
	padding: 0;
	font-size: 14px;
	font-weight: nomal;
}

#eventList h3 {
	width: 96%;
	margin: 15px 5px 0 0;
	padding: 8px 10px 8px 10px;
	background: #EEF7FF;
	color: #0C4472;
	font-size: 16px;
	font-weight: bold;
	border-top: 2px solid #ccc;
	line-height: 130%;
}

#eventList h3 span.pdf {
	margin: auto 0 auto 10px;
	font-size: 12px;
	font-weight: normal;
}

#eventList h3 img {
	margin: auto 0 auto 12px;
	vertical-align: middle;
}

#eventList .contents {
	margin: 0 0 14px 0;
	padding: 10px ;
	font-size: 14px;
}

#eventList table {
	width: 98%;
}

#eventList table {
	margin: 0 0 30px 0;
	padding: 0

}

#eventList td {
	margin: 0;
	padding: 5px 11px;
	border-bottom: 1px solid #efefef;
	font-size: 14px;
	line-height: 140%;
}

#eventList th {
	margin: 0;
	padding: 5px 8px;
	width: 110px;
	border-bottom: 1px solid #efefef;
	background: #F8FCFF;
	text-align: center;
	vertical-align: center;
	font-weight: bold;
	font-size: 14px;
	line-height: 140%;
	color: #666;
}

#eventList .boxLeft {
	text-align: left;
	float: left;
}

#eventList .boxRight {
	text-align: right;
}

#eventList .waku {
	margin: 0 8px 0 0;
	padding: 2px 4px;
	font-size: 11px;
	border: 1px solid #eff8ff;
	background: #4B7CB7;
	color: #eff8ff;
}

#eventList .data {
	margin: 0;
	padding: 0;
	font-family: " MS ゴシック",sans-serif;
	font-size: 16px;
	color: #113355;
	font-weight: bold;
}

#eventList .noEvent {
	margin: 20px 20px 300px 18px;
}

/* お知らせ */

#news ul,
#news li {
	margin: 5px auto;
	padding: 5px auto;
	text-align: left;
}

#news {
	margin: 20px 10px 10px 10px;
	padding: 0 5px 20px 5px;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
}

#news .data,
#news .name {
	margin: 0;
	padding: 20px 10px 0 0;
	text-align: right;
}

#news h1 {
	margin: 0;
	padding: 10px 10px;
	text-align: center;
	font-size: 22px;
}

#news p {
	margin: 10px 10px;
	padding: 10px 10px;
	text-align: left;
	line-height: 140%;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.red {
	color: #ff0000;
}

.b {
	font-weight: bold;
}

.m10 { margin: 10px;}
.m20 { margin: 20px;}


/* 施設利用方法・注意事項 */

#yoyaku {
	margin: 0;
	padding: 10px 15px;
	text-align: left;
}

#yoyaku table {
	border: none;
	width: 99%;
	margin: 0;
	padding: 0;
}

#yoyaku td {
	border: none;
	margin: 0;
	padding: 3px;
	vertical-align: top;
}

#yoyaku div.btn {
	margin: 30px auto;
	padding: 3px;
	text-align: center;
}

#yoyaku div.btn a {
	display: inline;
	margin: auto 20px;
	padding: 12px 40px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	background: #eff8ff;
	border: 2px solid #009;
}

#yoyaku div.btn a:hover {
	background: #daebeb;
	border: 2px solid #00c;
}

#yoyaku * li {
	line-height: 140%;
}

#yoyaku h4 {
	margin: 10px 0 0 0;
	padding: 3px 10px;
	font-size: 100%;
	background: #eff8ff;
}




/* 新テンプレート */

#body {
	margin : 0;
	padding: 0;
	border-top: 2px solid #207ec4;
	text-align: center;
}

#head {
	width: 804px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	border-left: 2px solid #999;
	border-right: 2px solid #999;
	background: #fff;
}

#head_logo {
	padding: 5px 10px 0 10px;
	text-align: left;
	float: left;
	border: none;
	overflow: hidden;
}

#head_right_box {
	margin: 0;
	padding: 0;
	height: 120px;
	text-align: left;
	background: #fff url(images/head_bg.gif) no-repeat right top;
}

#head_right_box p.addres {
	margin: 23px 0 0 0;
	padding: 0;
	color: #666;
	font-size: 12px;
}

/* ユーティリティーメニュー（ヘッダー） */

a.ut1:link,
a.ut1:visited,
a.ut1:active,
a.ut2:link,
a.ut2:visited,
a.ut2active,
a.ut3:link,
a.ut3:visited,
a.ut3:active,
a.ut4:link,
a.ut4:visited,
a.ut4:active,
a.ut5:link,
a.ut5:visited,
a.ut5:active,
a.ut6:link,
a.ut6:visited,
a.ut6:active,
a.ut7:link,
a.ut7:visited,
a.ut7:active {
	display: block;
	float: left;
	cursor: pointer;
	padding-left: 0;
	text-align:left;
	color:#eee;
}

a.ut1:link,
a.ut1:visited,
a.ut1:active {
	background: url(images/ut_menu.gif) no-repeat left top;
	width: 78px;
	height: 25px;
}

a.ut1:hover {
	background-position:left -28px;
}

a.ut2:link,
a.ut2:visited,
a.ut2:active {
	background: url(images/ut_menu.gif) no-repeat -78px top;
	width: 92px;
	height: 25px;
}

a.ut2:hover {
	background-position: -78px -28px;
}

a.ut3:link,
a.ut3:visited,
a.ut3:active {
	background: url(images/ut_menu.gif) no-repeat -170px top;
	width: 99px;
	height: 25px;
}

a.ut3:hover {
	background-position: -170px -28px;
}

a.ut4:link,
a.ut4:visited,
a.ut4:active {
	background: url(images/ut_menu.gif) no-repeat -269px top;
	width: 89px;
	height: 25px;
}

a.ut4:hover {
	background-position: -269px -28px;
}

a.ut5:link,
a.ut5:visited,
a.ut5:active {
	background: url(images/ut_menu.gif) no-repeat -358px top;
	width: 64px;
	height: 25px;
}

a.ut5:hover {
	background-position: -358px -28px;
}

a.ut6:link,
a.ut6:visited,
a.ut6:active {
	background: url(images/ut_menu.gif) no-repeat -422px top;
	width: 77px;
	height: 25px;
}

a.ut6:hover {
	background-position: -422px -28px;
}

a.ut7:link,
a.ut7:visited,
a.ut7:active {
	background: url(images/ut_menu.gif) no-repeat -499px top;
	width: 50px;
	height: 25px;
}

a.ut7:hover {
	background-position: -499px -28px;
}

/* ヘッダーカテゴリメニュー部分 */

#head_menu {
	margin: 0;
	padding: 0;
	height: 33px;
	text-align: left;
	background: #fff url(images/head_menu.gif) no-repeat left top;
}

#head_menu_left { /* サイト内検索 */
	width: 222px;
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
}

#head_menu_left div {
	margin: 4px 0 0 8px;
	padding: 0;
}

#head_menu_left {
	margin: 0;
	padding: 0;
}

#head_menu_right {
	margin: 0;
	padding: 0;
	text-align: left;
}

a.hm1:link,
a.hm1:visited,
a.hm1:active,
a.hm2:link,
a.hm2:visited,
a.hm2:active,
a.hm3:link,
a.hm3:visited,
a.hm3:active,
a.hm4:link,
a.hm4:visited,
a.hm4:active {
	height: 33px;
	display: block;
/*	float: left; */
	cursor: pointer;
	padding-left: 0;
	text-align:left;
	color:#eee;
}

a.hm1:link,
a.hm1:visited,
a.hm1:active {
	background: url(images/head_menu.gif) no-repeat -222px top;
	width: 145px;
}

a.hm1:hover {
	background-position:-222px -33px;
}

a.hm2:link,
a.hm2:visited,
a.hm2:active {
	background: url(images/head_menu.gif) no-repeat -366px top;
	width: 145px;
}

a.hm2:hover {
	background-position: -366px -33px;
}
a.hm3:link,
a.hm3:visited,
a.hm3:active {
	background: url(images/head_menu.gif) no-repeat -510px top;
	width: 146px;
}

a.hm3:hover {
	background-position: -510px -33px;
}

a.hm4:link,
a.hm4:visited,
a.hm4:active {
	background: url(images/head_menu.gif) no-repeat -656px top;
	width: 146px;
}

a.hm4:hover {
	background-position: -656px -33px;
}

#main {
	margin: 0 auto;
	padding: 0;
	width : 804px;
	border-left: 2px solid #999;
	border-right: 2px solid #999;
	background: #fff;
	overflow: hidden;

}

#main_left {
	float : left;
	width : 220px;
	margin: 0;
	padding: 0;
	background: #eff8ff url(images/menu_bg.gif) repeat-y;
	text-align: center;
}

#main_right {
	float: left;
	width: 580px;
	margin: 0;
	padding: 0;
	background: #fff;

	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari 3 */
	-ms-box-sizing: border-box; /* Internet Explorer 8 */
	box-sizing: border-box; /* Opera */
	text-decoration: none;
}

#main_menu {
	margin: 10px 0 20px 0;
	padding: 0;
}

#main_left .bnr {
	padding: 20px 0;
	background: #fff;
}

#main_left .bnr img {
	margin: 0 0 7px 0;
}

#main_contents {
	margin: 10px 0 0 0;
	padding: 0;
}

#main_contents div.left10,
#main_contents p.left10{
	margin-left: 10px;
}

#main_contents div.left15,
#main_contents p.left15{
	margin-left: 15px;
}

#main_contents div.left20,
#main_contents p.left20{
	margin-left: 20px;
}

#main_menu h2,
#main_menu h3 {
	width: 200px;
	margin: 0 auto;
	padding: 0;
	text-align:left;
	letter-spacing: normal;
	border-left: 2px solid #eee;
	border-right: 2px solid #eee;
}

#main_menu h2 {
	font-size: 14px;
	font-weight: bold;
	background: url(images/menu_btn.gif) repeat-x left top;
	color: #eee;
	letter-spacing:1px;
	overflow : hidden;
}

#main_menu h2 a,
#main_menu h2 a:link,
#main_menu h2 a:visited,
#main_menu h2 a:active {
	margin: 0;
	padding: 5px 7px;
	display: block;
	color: #fff;
	text-decoration: none;
}

#main_menu h2 a:hover {
	margin: 0;
	padding: 5px 7px;
	display: block;
	color: #eff8ff;
	text-decoration: none;
}

#main_menu h3 {
	font-size: 13px;
	font-weight: bold;
	background: url(images/menu_btn.gif) repeat-x left -27px;
	color: #666;
	overflow : hidden;
}

#main_menu h3 a:link,
#main_menu h3 a:visited,
#main_menu h3 a:active {
	margin: 0;
	padding: 5px 4px 5px 12px;
	display: block;
	color: #666;
	text-decoration: none;
}

#main_menu h3 a:hover {
	margin: 0;
	padding: 5px 4px 5px 12px;
	display: block;
	background: url(images/menu_btn.gif) repeat-x left -54px;
	color: #009;
	text-decoration: none;
}

#main_menu h3 a.font_s {
	font-size: 11px;
	margin: 0;
	padding: 7px 2px 7px 12px;
}

#main_menu h3 a.font_s:link,
#main_menu h3 a.font_s:visited,
#main_menu h3 a.font_s:active {
	display: block;
	color: #666;
	text-decoration: none;
}

#main_menu h3 a.font_s:hover {
	display: block;
	background: url(images/menu_btn.gif) repeat-x left -54px;
	color: #009;
	text-decoration: none;
}

#main_menu h4 {
	margin: 12px;
	padding: 0;
	font-size: 13px;
}

#foot {
	margin: 0 auto;
	width : 804px;
	border-left: 2px solid #999;
	border-right: 2px solid #999;
	background: #fff;
	overflow: auto;
}

#foot .under_index {
	background-color: #eff8ff;
	margin: 0;
	padding: 7px 0;
}

#foot .copy {
	color: #333;
	background-color:#b9e1ff;
	font-size:12px;
	text-align:center;
	margin:0px;
	padding: 5px 0;
}

.pagetop {
	margin: 15px 20px 10px 20px;
	padding: 0;
	text-align: right;
}

/* DropDownMenu.js */
	/* General */
	#cssdropdown, #cssdropdown ul { list-style: none; }
	#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }
	
	/* Head links */
	#cssdropdown li.headlink { float: left; text-align: center; }
	#cssdropdown li.headlink a { display: block; padding: 0; }

	/* Child lists and links */
	#cssdropdown li.headlink ul { display: none; border:1px solid #999; text-align: left; position:absolute;}
	#cssdropdown li.headlink:hover ul { display: block; }
	#cssdropdown li.headlink ul li a { padding: 5px 12px; height: 17px; min-width: 118px;}
	#cssdropdown li.headlink ul li a:hover { background-color: #333; color: #fff; }
	
	/* Pretty styling */
	#cssdropdown a { color: #666; }
	#cssdropdown ul li a:hover { text-decoration: none; }
	#cssdropdown li.headlink a { color: #fff; }
	#cssdropdown li.headlink ul { background-color: #cfcfcf; padding-bottom: 0px; }
	#cssdropdown li.headlink ul a { color: #333; }


/* TopMain */
#topmain {
	margin: 0 0 10px 7px;
}

#topmain a.tm1:link,
#topmain a.tm1:visited,
#topmain a.tm1:active,
#topmain a.tm2:link,
#topmain a.tm2:visited,
#topmain a.tm2:active,
#topmain a.tm3:link,
#topmain a.tm3:visited,
#topmain a.tm3:active,
#topmain a.tm4:link,
#topmain a.tm4:visited,
#topmain a.tm4:active,
#topmain a.tm5:link,
#topmain a.tm5:visited,
#topmain a.tm5:active {
	height: 150px;
	display: block;
	float: left;
	cursor: pointer;
	padding-left: 0;
	text-align:left;
	color:#eee;
}

#topmain a.tm1:link,
#topmain a.tm1:visited,
#topmain a.tm1:active {
	background: url(images/topmain.gif) no-repeat left top;
	width: 111px;
}

#topmain a.tm1:hover {
	background-position:0 -150px;
}

#topmain a.tm2:link,
#topmain a.tm2:visited,
#topmain a.tm2:active {
	background: url(images/topmain.gif) no-repeat -110px top;
	width: 110px;
}

#topmain a.tm2:hover {
	background-position:-110px -150px;
}

#topmain a.tm3:link,
#topmain a.tm3:visited,
#topmain a.tm3:active {
	background: url(images/topmain.gif) no-repeat -220px top;
	width: 110px;
}

#topmain a.tm3:hover {
	background-position:-220px -150px;
}

#topmain a.tm4:link,
#topmain a.tm4:visited,
#topmain a.tm4:active {
	background: url(images/topmain.gif) no-repeat -330px top;
	width: 110px;
}

#topmain a.tm4:hover {
	background-position:-330px -150px;
}

#topmain a.tm5:link,
#topmain a.tm5:visited,
#topmain a.tm5:active {
	background: url(images/topmain.gif) no-repeat -440px top;
	width: 110px;
}

#topmain a.tm5:hover {
	background-position:-440px -150px;
}


