/*common*/
*{ margin: 0; padding: 0; }
body { background-image: url(images/BG_body.gif); background-repeat: repeat; text-align: center; }
a:link { color: #00378b; }
a:visited { color: #001c48; }
a:hover { color: #0056d9; }
a:active { }
table,th,td{ border: solid 1px #999; }
th,td{ padding: 5px; }
table.noBorder{ clear: both; }
table.noBorder,table.noBorder th,table.noBorder td{ border-style: none; border-width: 0; }
.table_margin{ position: relative; left: 20px; margin-bottom: 15px; }
.table_margin ul.num_on li{ margin-left: 0; }
img{  }
object{vertical-align: bottom;}
.clear{ clear: both; }
.large_font{ font-size: large; font-weight: bold; }
.margin_top_15{ margin-top: 15px; display: block; }
.left_float{float:left;}
.right_float{float:right;}
/*wrapper*/
#BG{ background-color: #fff; width: 940px; float: left; border-right: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; }
#wrapper{ text-align: left; width: 942px; float: none; margin-right: auto; margin-left: auto; }

/*header*/
#header{ background-image: url(images/BG_head.gif); background-repeat: repeat-x; width: 940px; float: left; }
#header img{ float:left; }
#header ul{ position: relative; right: 10px; float: right; }
#header li{ width: 63px; height: 58px; float: left; margin: 0 0 0 5px; padding: 0; list-style-type: none; }

#header li.size{ background-image: url(images/head_size_bg.jpg); background-repeat: no-repeat; width: 110px; height: 58px; margin-left: 7px; }
#header li.size img{ margin-top: 8px; margin-left: 9px; }
#header .logo{ float: left; margin-top: 13px; margin-left: 10px; }
/*#header .logo{ position: relative; top: 13px; left: 10px; }*/
#flash { position: relative; left: 10px; width: 940px; float: left; clear: both; margin-top: 50px; padding-bottom: 10px; }

/*breadcrumb*/
.breadcrumb{ width: 707px; float: left; margin-bottom: 10px; }
.breadcrumb ul,.breadcrumb ul li { font-size: 12px; list-style-type:none; padding:0; margin:0; }
.breadcrumb #crumbs { height:1.8em;	border:solid 1px #dedede; }
.breadcrumb #crumbs li { float:left; line-height:1.8em;	color:#777;	padding-left:0.75em; }
.breadcrumb #crumbs li a { background:url(images/crumbs.gif) no-repeat right center; display:block;	padding:0 15px 0 0;	}
.breadcrumb #crumbs li a:link,.breadcrumb #crumbs li a:visited { color:#777; text-decoration:none;}
.breadcrumb a:link,.breadcrumb a:visited, .breadcrumb #crumbs li a:hover, .breadcrumb #crumbs li a:focus { color:#0056d9; }
.breadcrumb strong{ color: #333; }

/*main*/
#main { color: #333; line-height: 1.5em; width: 717px; float: right ; }
	#event{ width: 707px; float: left; margin-bottom: 10px; }
		#event ul{ width: 687px; margin-top: 10px; margin-left: 10px; }
		#event li{ margin-bottom: 20px; list-style-type: none; }
		#event li span{ margin-left: 20px; }
	#syoko_info{ width: 707px; float: left; margin-bottom: 10px; }
		#syoko_info ul{width: 687px; margin-top: 10px; margin-left: 10px;}
		#syoko_info li{ margin-bottom: 20px; list-style-type: none; }
		#syoko_info li span{ margin-left: 20px; }
	#update{ width: 707px; float: left; margin-bottom: 10px; }
		#update ul{width: 687px; margin-top: 10px; margin-left: 10px;}
		#update li{ margin-bottom: 20px; list-style-type: none; }
		#update li span{ margin-left: 20px;}
	#merit{ width: 707px; float: left; margin-bottom: 10px; }
		#merit ul{ width: 687px; float: left; margin-top: 10px; margin-left: 10px; }
		#merit li{ margin-bottom: 20px; list-style-type: none; }
		#merit li span{ margin-left: 20px;}
	#main .abs { width: 707px; float: left; margin-bottom: 20px; padding-left: 2px; }
	#main .abs img{ margin-right: 3px; margin-left: 3px; }
		
/*side*/
#side{ text-align: right; width: 210px; float: left; }
#side img{ vertical-align: bottom; }
#side .menu{ width: 200px; float: right; margin-bottom: 10px; }
#side .menu li{ list-style-type: none; }
#side .advertising{width: 200px;}
#side .advertising img{ clear: both; margin-bottom: 10px; }
#side .menu ul.inline_menu{ text-align: left; }
#side .menu ul.inline_menu li a{ font-size: 16px; background-image: url(images/menu_blank.jpg); background-repeat: no-repeat; text-decoration: none; width: 200px; height: 47px; display: block; }
#side .menu ul.inline_menu li a:hover{ background-image: url(images/menu_blank_.jpg); background-repeat: no-repeat; }
#side .menu ul.inline_menu span{ left: 35px; padding-top: 16px; padding-left: 30px; display: block; }

#side .menu_head{ color: #fff; font-size: 14px; background-image: url(images/menu_head_blank.jpg); background-repeat: no-repeat; text-align: left; width: 200px; height: 30px; }
#side .menu_head span{ float: left; padding-top: 8px; padding-left: 9px; display: block; }

#side .menu .free_area{ background-image: url(images/BG_free_area.gif); background-repeat: repeat-y; text-align: left; width: 200px; float: left; }
#side .menu .free_area span{ margin-top: 5px; margin-left: 10px; display: block; }
#side .menu .free_area input{ width: 180px; margin-left: 10px; border: solid 1px #b1b1b1; }
#side .menu .free_area input#legacy_xoopsform_block_submit{ width: 80px; float: right; margin-top: 10px; margin-right: 10px; border: solid 1px #d8d2ce; }
#side .menu .free_area a{ float: left; clear: both; margin-top: 5px; margin-right: 10px; margin-left: 10px; }
#side .menu .area_footer{ margin-top: 10px; }
/*footer*/
#footer{ background-image: url(images/BG_foot.gif); background-repeat: repeat-x; width: 940px; height: auto; float: left; padding-top: 30px; }
#footer h3{ margin-left: 10px; }
#footer p{ font-size: small; margin-bottom: 10px; margin-left: 10px; }
#footer p.copy{ font-size: x-small; display: inline; }

/*item*/
.item{ width: 707px; float: left; }
.item h2{ background-image: url(images/h2_plain.gif); background-repeat: no-repeat; width: 707px; height: 34px; float: left; margin-bottom: 10px; }
.item h2 span{ font-size: 16px; margin-top: 9px; margin-left: 30px; display: block; }
.item h2.category{ background-image: url(images/h2_blank.gif); background-repeat: no-repeat; width: 707px; height: 34px; float: left; margin-bottom: 10px; }
.item h2.category span{ font-size: 16px; margin-top: 9px; margin-left: 10px; display: block; }
img#bottomtableicon { position: relative; top: -4px; margin-right: 3px; }
.item p{ line-height: 130%; width: 667px; margin-bottom: 20px; margin-left: 20px; }
.item div.p_Element{line-height: 130%; width: 667px; margin-bottom: 20px; margin-left: 20px;}
.item div.frame{ line-height: 100%; width: 667px; margin-bottom: 20px; margin-left: 20px;}
.item div.frame small{ margin-right: 0; margin-bottom: 30px; margin-left: 0; display:block; }
.item h2 a{ text-decoration: none; }

.item ul{ margin-bottom: 15px; margin-left: 40px; }
.item li{ margin-bottom: 10px; list-style: none url(images/list_mark.gif); }
.item li span{ margin-left: 20px; }

.item .itemHead{ background-image: url(images/item_head_bg.gif); background-repeat: no-repeat; width: 707px; height: 34px; float: left; margin-bottom: 20px; }
.item .itemHead span{ margin-top: 10px; margin-left: 30px; display: block; font-weight: bolder;}
.item .itemHead span a{ text-decoration: none; }



.item_foot{ width: 707px; float: left; border-top: 1px solid #b1b1b1; }
.item_foot span{ text-align: right; float: right; padding-top: 10px; padding-left: 10px; display: block; }


.index_area{ width: 707px; float: left; margin-bottom: 15px; }
.index_area h2{ background-image: url(images/h2_plain.gif); background-repeat: no-repeat; width: 707px; height: 34px; float: left; margin-bottom: 10px; }
.index_area h2 a{ text-decoration: none; }
.index_area h2 span{ font-size: 16px; position: relative; left: 30px; margin-top: 9px; display: block; float: left; }
.index_area h2 img{ float: right; }
.index_area p{ line-height: 130%; width: 667px; margin-bottom: 20px; margin-left: 20px; }

.index_area ul{ margin-bottom: 15px; margin-left: 15px; }
.index_area li{ margin-bottom: 10px; list-style-type: none; list-style-position: outside; }
.index_area li span{ text-align: left; width: 200px; margin-right: 15px; }

.index_area .line_box{ line-height: 100%; text-align: center; width: 707px; float: left; margin-bottom: 20px; padding-left: 5px; }
.index_area .line_box dl{ text-align: left; width: 220px; float: left; margin-right: 5px; margin-left: 5px; }
.index_area .line_box dl dt{ font-weight: bold; margin:5px 0 10px; padding:5px 3px; background-color:#eee; display: block; }
.index_area .line_box li{ margin-bottom: 10px; }


/**/
.centerCblockTitle{ width: 707px; float: left; }
.centerCblockTitle h2{ background-image: url(images/h2_plain.gif); background-repeat: no-repeat; width: 707px; height: 34px; float: left; margin-bottom: 10px; }
.centerCblockTitle h2 span{ font-size: 16px; margin-top: 9px; margin-left: 30px; display: block; }
.centerCblockTitle h2 a{ text-decoration: none; }

/*input*/
input{ border: solid 1px #999; }
input.no_border{ border-style: none; border-width: 0; }
textarea{ border: solid 1px #999; }
select{ border: solid 1px #999; }
/*SmartSection*/
.smartsection_breadcrumb{ margin-bottom: 10px; display: block; }
.smartsection_adminlinks{ width: 100%; clear: both; }
.smartsection_category_dsc{ font-weight: normal; margin-bottom: 0; padding-bottom: 0; padding-left: 22px; display: block; }
.smartsection_category_dsc_sub{ font-size: small; font-weight: normal; margin-bottom: 0; padding-bottom: 0; padding-left: 32px; display: block; }
div.subcat_block{ margin-top: 10px; padding-top: 10px; border-top: 1px dashed #050505; }
div.SlitBlock{ margin-top: 10px; margin-bottom: 10px; }
table.outer{ position: relative; width: 707px; float: left; margin-bottom: 20px; border-style: none; border-width: 0; }
table.outer td{ border-style: none; border-width: 0; }
table.outer .itemHead{ background-image: url(images/item_head_bg.gif); background-repeat: repeat-x; height: 34px; }
table.outer .itemHead b{ position: relative; left: 30px; }
table.outer tr.even td{ padding-top: 10px; }

.item .section_form_table{ clear: both; }
.item .section_form_table table{ border-style: none; border-width: 0; }
.item .section_form_table th{ background-color: #bdbcbc; vertical-align: top; width: 130px; padding: 5px; border-right: 1px solid #aaa; border-bottom: 1px solid #fff; border-top-style: none; border-top-width: 0; border-left-style: none; border-left-width: 0; }
.item .section_form_table td{ background-color: #e7e7e7; vertical-align: top; width: 577px; padding: 5px; border-bottom: 1px solid #fff; border-top-style: none; border-top-width: 0; border-right-style: none; border-right-width: 0; border-left-style: none; border-left-width: 0; }
.item .section_form input.formButton{ margin-left: 10px; padding: 5px; }
.item .section_form input.radio{ border-style: none; border-width: 0; }


/*pico*/
.controller{  }
item_pico img.left{float: left;}
item_pico img.right{float: right;}
.item_pico{ width: 707px; float: left; clear: both; }
.item_pico font{ line-height: 130%; }
.item_pico p{ line-height: 130%; max-width: 667px; margin-bottom: 15px; margin-left: 20px; padding-top: 2px; }
.item_pico h1{ background-image: url(images/h2_plain.gif); background-repeat: no-repeat; width: 677px; height: 27px; float: left; margin-bottom: 10px; font-size: 16px; background-position: 0 center; padding-top: 7px; padding-left: 30px; }
/*.item_pico h1 span{ font-size: 16px; margin-top: 9px; margin-left: 30px; display: block; }*/
.item_pico h2{ background-image: url(images/item_head_bg.gif); background-repeat: no-repeat; width: 677px; height: 27px; float: left; margin-bottom: 10px; font-size: 16px; background-position: 0 center; clear: both; padding-top: 7px; padding-left: 30px; }
/*.item_pico h2 span{ font-size: 16px; position: relative; left: 30px; float: left; clear: both; margin-top: 9px; display: block; }*/
.item_pico h3{ font-size: 16px; background-image: url(images/item_head_bg.gif); background-repeat: no-repeat; position: relative; left: 25px; width: 652px; height: 24px; float: left; margin-top: 20px; margin-bottom: 10px; padding-top: 9px; padding-left: 30px; }
/*.item_pico h3 span{ font-size: 16px; margin-top: 9px; margin-left: 30px; display: block; }*/
.item_pico .controller{ font-size: x-small; float: right; margin-right: 10px; white-space: nowrap; }
.item_pico .out_controller{ font-size: x-small; text-align: right; float: right; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; }
.item_pico .level0{ clear: both; margin-top: 10px; margin-bottom: 20px; margin-left: 20px; padding-right: 10px; }
.item_pico .level1{ margin-left: 25px; padding-right: 10px; }
.item_pico .level2{ margin-left: 25px; padding-right: 10px; }
.item_pico .level3{ margin-left: 50px; padding-right: 10px; }

.item_pico ul{ width: 100%; float: left; }
.item_pico li{ margin-top: 5px; margin-bottom: 10px;}

.item_pico ul.item_non{ width: 100%; float: left; margin-bottom: 15px; }
.item_pico ul.item_non li{ margin-top: 5px; margin-bottom: 10px; padding-right: 25px; list-style-type: none; }

.item_pico ul.item_on{ width: 100%; float: left; margin-bottom: 15px; }
.item_pico ul.item_on li{ margin-top: 5px; margin-bottom: 10px; margin-left: 35px; list-style-type: disc; }
.item_pico .table_margin ul.item_on li{ margin-left: 20px; }

.item_pico ul.num_on{ width: 100%; float: left; }
.item_pico ul.num_on li{ margin-top: 5px; margin-bottom: 10px; margin-left: 45px; list-style-type: decimal; }
.item_pico .table_margin ul.num_on li{ margin-left: 25px; list-style-type: decimal-leading-zero; }

.item_pico ul.num_on_margin0{ width: 100%; float: left; }
.item_pico ul.num_on_margin0 li{ margin-top: 5px; margin-bottom: 10px; margin-left: 25px; list-style-type: decimal; }

.item_pico dl{ width: 600px; float: left; margin-top: 10px; }
.item_pico dt{margin-bottom: 10px;}
.item_pico dd{ line-height: 130%; margin-bottom: 10px; }

.item_pico dl.dl_margin{ position: relative; left: 25px; width: 667px; float: left; }
.item_pico dl.dl_margin dt{ font-weight: bold; margin-right: 15px; }
.item_pico dl.dl_margin dd{ margin-bottom: 30px; margin-left: 15px; padding-right: 15px; }

.item_pico .pico_breadcrumb{ font-size: small; margin-bottom: 10px; display: block; }
.item_pico .bottom_of_content_body{ float: left; clear: both; }
.item_pico .pico_print_icon { float: right; clear: both; }
.item_pico .pico_pagenavigation{ margin-top: 15px; }

.item_pico .pico_form_table{ clear: both; }
.item_pico .pico_form_table table{ border-style: none; border-width: 0; }
.item_pico .pico_form_table th{ background-color: #bdbcbc; width: 130px; padding: 5px; border-right: 1px solid #aaa; border-bottom: 1px solid #fff; border-top-style: none; border-top-width: 0; border-left-style: none; border-left-width: 0; }
.item_pico .pico_form_table td{ background-color: #e7e7e7; width: 577px; padding: 5px; border-bottom: 1px solid #fff; border-top-style: none; border-top-width: 0; border-right-style: none; border-right-width: 0; border-left-style: none; border-left-width: 0; }
.item_pico .pico_submit{ text-align: right; margin-top: 15px; }
.item_pico .pico_submit .formButton{ margin-left: 10px; padding: 5px; }

.item_pico table.user_table{ position: relative; left: 10px; width: 687px; float: left; margin-bottom: 15px; border-style: none; border-width: 0; }
.item_pico table.user_table th{ background-color: #bdbcbc; vertical-align: top; width: 130px; padding: 5px; border-right: 1px solid #aaa; border-bottom: 1px solid #fff; border-top-style: none; border-top-width: 0; border-left-style: none; border-left-width: 0; }
.item_pico table.user_table td{ vertical-align: top; width: 557px; padding: 5px; border-bottom: 1px solid #fff; border-top-style: none; border-top-width: 0; border-right-style: none; border-right-width: 0; border-left-style: none; border-left-width: 0; }
.item_pico table.user_table td.odd{ background-color: #e7e7e7; border-style: none; border-width: 0; }
.item_pico table.user_table td.even{ background-color: #dbdbdb; border-style: none; border-width: 0; }
.item_pico table.user_table tr.odd td{ background-color: #e7e7e7; border-style: none; border-width: 0; }
.item_pico table.user_table tr.even td{ background-color: #dbdbdb; border-style: none; border-width: 0; }



.item_pico ul.small{ width: 100%; float: left; margin-top: 10px; }
.item_pico ul.small li{ font-size: 14px; margin-bottom: 10px; list-style-type: none; }

#outline_body img{  }

#merit_body ul li{list-style-type: disc;}
#merit_body ol li{ clear: both; margin-left: 45px; list-style-type: decimal; list-style-position: outside; }

/*user*/
.user{width: 707px; float: left;}
.user table.user_table{ position: relative; left: 10px; width: 687px; float: left; margin-bottom: 15px; border-style: none; border-width: 0; }
.user table.user_table th{ background-color: #bdbcbc; vertical-align: top; width: 130px; padding: 5px; border-right: 1px solid #aaa; border-bottom: 1px solid #fff; border-top-style: none; border-top-width: 0; border-left-style: none; border-left-width: 0; }
.user table.user_table td{ vertical-align: top; width: 557px; padding: 5px; border-bottom: 1px solid #fff; border-top-style: none; border-top-width: 0; border-right-style: none; border-right-width: 0; border-left-style: none; border-left-width: 0; }
.user table.user_table td.odd{ background-color: #e7e7e7;}
.user table.user_table td.even{ background-color: #dbdbdb; }
.user table.user_table tr.odd td{background-color: #e7e7e7;}
.user table.user_table tr.even td{background-color: #dbdbdb;}
.user .user_breadcrumb{ font-size: small; clear: both; margin-bottom: 10px; display: block; }
.user h2{ background-image: url(images/h2_plain.gif); background-repeat: no-repeat; width: 707px; height: 34px; float: left; margin-bottom: 10px; }
.user h2 a{ text-decoration: none; }
.user h2 span{ font-size: 16px; position: relative; left: 30px; margin-top: 9px; display: block; float: left; }
.user h2.itemHead{ background-image: url(images/item_head_bg.gif); background-repeat: no-repeat; width: 707px; height: 34px; float: left; margin-bottom: 20px; }
.user h2.itemHead span{ font-size: 16px; position: relative; left: 30px; margin-top: 9px; display: block; float: left;}
.user div.news{ line-height: 130%; width: 667px; margin-bottom: 20px; margin-left: 20px; }
.user div.news img{ position: relative; top: -2px; margin-right: 5px; }
.user div.submit_area{ text-align: right; line-height: 130%; width: 667px; margin-bottom: 20px; margin-left: 20px; }
.user div.submit_area input{margin-left: 10px; padding: 5px;}
.user div.free_area{ line-height: 130%; width: 667px; margin-bottom: 20px; margin-left: 20px; }
.user ul{ width: 100%; }
.user li{ margin-bottom: 10px; list-style-type: none; }

.user .attr{ margin-bottom: 10px; }
.user b.label{ width: 120px; float: left; display: block; }

/*weblink*/
.weblink{width: 707px; float: left;}

.weblink center{ margin-top: 15px; display: block; }

.weblink .weblink_breadcrumb{ font-size: small; clear: both; margin-bottom: 10px; display: block; }
.weblink h2{ background-image: url(images/h2_plain.gif); background-repeat: no-repeat; width: 707px; height: 34px; float: left; margin-bottom: 10px; }
.weblink h2 a{ text-decoration: none; }
.weblink h2 span{ font-size: 16px; position: relative; left: 30px; margin-top: 9px; display: block; float: left; }
.weblink h2.itemHead{ background-image: url(images/item_head_bg.gif); background-repeat: no-repeat; width: 707px; height: 34px; float: left; margin-bottom: 20px; }
.weblink h2.itemHead span{ font-size: 16px; position: relative; left: 30px; margin-top: 9px; display: block; float: left;}
.weblink div.content_area{ line-height: 130%; width: 667px; margin-bottom: 20px; margin-left: 20px; }
.weblink ul{ width: 100%; }
.weblink li{ margin-bottom: 10px; list-style-type: none; }

.weblink div.link_area{ line-height: 130%; width: 667px; float: left; margin-bottom: 15px; border-color: #dbdbdb  #dbdbdb #dbdbdb; border-style: solid; border-width: 1px  1px 1px; }
.weblink div.link_area h3{ background-image: url(images/item_head_bg.gif); background-repeat: no-repeat; width: 667px; height: 34px; float: left; margin-bottom: 10px; }
.weblink div.link_area h3 span{font-size: 16px; position: relative; left: 30px; margin-top: 9px; display: block; float: left;}
.weblink div.link_area h3 span a { text-decoration: none; float: left; display: block; }
.weblink div.link_area h3 a img.icon{ position: relative; top: 10px; float: right; margin-right: 10px; }
.weblink div.small_area{ line-height: 130%; position: relative; left: 10px; width: 647px; float: left; margin-bottom: 10px; }
.weblink div.link_area a img.banner{ float: left; margin-right: 10px; margin-bottom: 10px; display: block; }
.weblink div.link_area div.state{ font-size: small; background-color: #d1d1d1; width: 667px; float: right; padding-top: 5px; padding-bottom: 5px; }
.weblink div.link_area div.state .left{ float: left; margin-left: 5px; }
.weblink div.link_area div.state .right{ float: right; margin-right: 5px; }

.weblink div.link_area div.sub_state{ font-size: small; background-color: #ededed; width: 667px; float: right; padding-top: 5px; padding-bottom: 5px; }
.weblink div.link_area div.sub_state .left{ float: left; margin-left: 5px; }
.weblink div.link_area div.sub_state .right{ float: right; margin-right: 5px; }

.weblink div.link_area div.state_center{ font-size: small; background-color: #d1d1d1; text-align: center; width: 667px; float: right; padding-top: 5px; padding-bottom: 5px; }

.weblink div.link_area table.date_box{ width: 100%; border-style: none; border-width: 0; }
.weblink div.link_area table.date_box th{ background-color: #e6e6e6; width: 25%; padding: 5px; border-bottom: 1px solid #fff; border-top-style: none; border-top-width: 0; border-right-style: none; border-right-width: 0; border-left-style: none; border-left-width: 0; }
.weblink div.link_area table.date_box td{ background-color: #ededed; width: 75%; padding: 5px; border-bottom: 1px solid #fff; border-top-style: none; border-top-width: 0; border-right-style: none; border-right-width: 0; border-left-style: none; border-left-width: 0; }