@charset "Shift_JIS";

* {margin:0; padding:0;}

/* img
**********************************************************************/
img{
	border:0;
	}
.mb{
	margin-bottom:20px;
	}

/* p
**********************************************************************/
p{
	font-size:75%;
	line-height:160%;
	color:#333;
	}

p.txt01{
	margin-bottom:10px;
	}

p.txt02{
	margin-bottom:15px;
	}

p.txt03{
	margin-bottom:20px;
	}

p.txt04{
	margin-bottom:30px;
	}

p.txt_right{
	text-align:right;
	}
	
p.txt_f14{
	font-size:89%;
	}


/* color
**********************************************************************/
.color-red{
	color:#CC0000;
	}
.color-blue{
	color:#0066CC;
	}

.color-glay{
	color:#666;
	}

.color-blown{
	color:#83552A
	}

/* ul
**********************************************************************/
ul{
	font-size:75%;
	list-style:none;
	}

ul.u-list01{
	color:#333;
	margin:0px 0px 0px 0px;
	line-height:160%;
	}
ul.u-list02{
	color:#333;
	margin:0px 0px 0px 0px;
	line-height:160%;
	margin-bottom:30px;
	}

	ul.u-list01 li,ul.u-list02 li{
		background:url(../img/union/icon04.gif) no-repeat 0px 7px;
		padding-left:20px;
		}


ul.u-list03{
	color:#333;
	margin:0px 0px 0px 0px;
	padding:0px 15px;
	line-height:160%;
	margin-bottom:30px;
	font-size:89%;
	}
	
	ul.u-list03 li{
		background:url(../img/union/icon04.gif) no-repeat 0px 7px;
		border-bottom:1px dotted #ccc;
		padding:0px 0px 5px 20px;
		margin-bottom:5px;
		}





/* ol
**********************************************************************/
ol{
	font-size:75%;
	color:#666;
	}

ol.o-list01{
	font-size:75%;
	color:#666;
	margin:0px 0px 15px 30px;
	line-height:180%;
	}
	
	ol.o-list01 li{
		background:url(../img/sec/icon01.gif) no-repeat 0px 6px;
		padding-left:15px;
		}



/* link
**********************************************************************/
a:link,
a:active,
a:visited{
	color:#0080BD;
	text-decoration:underline;
	}

a:hover{
	color:#FF0000;
	text-decoration:underline;
	}

/* table
**********************************************************************/
table.tbl01{
	width:595px;
	margin-bottom:20px;
	border-collapse:collapse;
	border:1px solid #ccc;
	font-size:75%;
	}
	
	table.tbl01 th{
		background:#BDAF8E url(../img/sec/bg_table01.jpg) repeat-x 0 0;
		text-align:left;
		color:#fff;
		padding:8px;
		border:1px solid #ccc;
		}
		
		table.tbl01 td{
			background:#fff;
			text-align:left;
			padding:8px;
			border:1px solid #ccc;
			}


table.tbl02{
	width:615px;
	margin-bottom:20px;
	border-collapse:collapse;
	border:1px solid #ccc;
	font-size:75%;
	}
	
	table.tbl02 th{
		background:#5ACA0C url(../img/sec/bg_table02.jpg) repeat-x 0 0;
		text-align:left;
		color:#fff;
		padding:8px;
		border:1px solid #ccc;
		vertical-align:top;
		line-height:150%;
		}
		
		table.tbl02 td{
			background:#fff;
			text-align:left;
			padding:8px;
			border:1px solid #ccc;
			}



table.tbl03{
	margin-bottom:20px;
	border-collapse:collapse;
	border:1px solid #ccc;
	font-size:75%;
	}
	
	table.tbl03 th.type01{
		background:#BDAF8E url(../img/sec/bg_table01.jpg) repeat-x 0 0;
		text-align:left;
		color:#fff;
		padding:8px;
		border:1px solid #ccc;
		vertical-align:top;
		line-height:150%;
		}
	table.tbl03 th.type02{
		background:#F1EEE7;
		text-align:left;
		color:#444031;
		padding:8px;
		border:1px solid #ccc;
		vertical-align:top;
		line-height:150%;
		}
		
		table.tbl03 td{
			background:#fff;
			text-align:left;
			padding:8px;
			border:1px solid #ccc;
			}



/* clearfix
**********************************************************************/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* exlude MacIE5 \*/
*html .clearfix {
	height: 1%;
	}
.clearfix {
	display:block;
	}
/* end MacIE5 */



/* body,wrapper,head_wrapper
**************************************************************************************************************************/
body{
	text-align:center;
	background:#F4F1E3;
	}


/* container
**********************************************************************/
#container{
	width:100%;
	margin:0 auto;
	text-align:center;
	}



/* header_box
**********************************************************************/
#header_box{
	width:100%;
	border-bottom:2px solid #DCD6C0;
	text-align:center;
	}
	
	/* header_inner */
	#header_inner{
		width:880px;
		margin:0 auto;
		text-align:left;
		border-top:3px solid #16BB04;
		padding-top:10px;
		}
		
		
		/* header_right */
		#header_right{
			width:540px;
			float:right;
			}
			
			#header_right p{
				font-size:69%;
				margin-bottom:15px;
				width:100%;
				text-align:right;
				}
				
				#header_right p a{
					color:#666;
					}
				
				#header_right p a:hover{
					color:#000;
					}
			
			/* utility */
			#utility{
				width:495px;
				margin:0px 0px 15px 40px;
				}
				
				#font_box{
					width:185px;
					float:left;
					}
					
					#font_box h2{
						width:92px;
						height:18px;
						background:url(../img/union/font_size.jpg) no-repeat 0 0;
						text-indent:-9999px;
						float:left;
						}
					
					#font_box ul{
						width:84px;
						height:26px;
						float:right;
						overflow:hidden;
						position:relative;
						top:0;
						}
						
						#font_box ul li a{
							height:26px;
							position:absolute;
							display:block;
							text-indent:-9999px;
							top:0;
							}
							
							#font_box ul li.bt_small a{
								left:0px;
								width:26px;
								background:url(../img/union/bt/bt_small.jpg) no-repeat 0 0;
								}
							#font_box ul li.bt_medium a{
								left:29px;
								width:26px;
								background:url(../img/union/bt/bt_medium.jpg) no-repeat 0 0;
								}
							#font_box ul li.bt_large a{
								left:58px;
								width:26px;
								background:url(../img/union/bt/bt_large.jpg) no-repeat 0 0;
								}
							
							#font_box ul li.bt_small a:hover,#font_box ul li.bt_medium a:hover,
							#font_box ul li.bt_large a:hover{
								background-position:0px -26px;
								}
				
				/* search_box */
				#search_box{
					width:295px;
					float:right;
					}
					
					#search_box h2{
						width:83px;
						height:18px;
						background:url(../img/union/site_search.jpg) no-repeat 0 0;
						text-indent:-9999px;
						float:left;
						}
					
					#search_box form{
						width:205px;
						float:right;
						}
					
					#search_box .search_inner{
						width:205px;
						float:right;
						}
						
						#search_box input.keyword{
							float: left;
							width: 150px;
							height: 1.5em;
							border: 1px solid #A3C1E0;
							background-color: #fff;
							}
						
						/* IE6‚Ì‚Ý */
						* html #search_box input.keyword {
							margin-right:-2px;
							height: 22px;
							}
						
						/* safari only */
						html[xmlns*=""] body:last-child #search_box input.keyword {
							height: 20px;
							}
						
						
						#search_box input.btn{
							float:right;
							width:53px;
							height:22px;
							background:url(../img/union/bt/bt_search.jpg) no-repeat 0 0;
							text-indent:-9999px;
							cursor: pointer;
							border:0;
							}
		
		/* assist */
		ul#assist{
			width:540px;
			height:34px;
			overflow:hidden;
			position:relative;
			top:0;
			}
			
			ul#assist li a{
				height:34px;
				position:absolute;
				display:block;
				text-indent:-9999px;
				top:0;
				}
				
				ul#assist li.bt_menu01 a{
					width:101px;
					left:0px;
					background:url(../img/union/bt/bt_menu01.jpg) no-repeat 0 0;
					}
				ul#assist li.bt_menu02 a{
					width:129px;
					left:101px;
					background:url(../img/union/bt/bt_menu02.jpg) no-repeat 0 0;
					}
				ul#assist li.bt_menu03 a{
					width:99px;
					left:230px;
					background:url(../img/union/bt/bt_menu03.jpg) no-repeat 0 0;
					}
				ul#assist li.bt_menu04 a{
					width:101px;
					left:329px;
					background:url(../img/union/bt/bt_menu04.jpg) no-repeat 0 0;
					}
				ul#assist li.bt_menu05 a{
					width:110px;
					left:430px;
					background:url(../img/union/bt/bt_menu05.jpg) no-repeat 0 0;
					}
				
				ul#assist li.bt_menu01 a:hover,ul#assist li.bt_menu02 a:hover,ul#assist li.bt_menu03 a:hover,
				ul#assist li.bt_menu04 a:hover,ul#assist li.bt_menu05 a:hover{
					background-position:0px -34px;
					}


/* left_menu
**********************************************************************/
#left_menu{
	width:220px;
	float:left;
	padding-top:3px;
	}
	
	/* p.bt_form */
	p.bt_form{
		width:220px;
		margin-bottom:3px;
		}
		
		p.bt_form a{
			width:220px;
			height:80px;
			background:url(../img/union/bt/bt_form.jpg) no-repeat 0 0;
			text-indent:-9999px;
			display:block;
			overflow:hidden;
			}
			
			p.bt_form a:hover{
				background-position:-220px 0px;
				}
	
		/* sub_menu_box */
		#sub_menu_box .blog_box{
			width:194px;
			_width:214px;
			background:#fff;
			border-right:1px solid #E1DCCA;
			border-bottom:1px solid #E1DCCA;
			border-left:1px solid #E1DCCA;
			padding:9px;
			margin-bottom:3px;
			}
			
			#sub_menu_box .blog_box ul{
				font-size:75%;
				line-height:200%;
				}
				
				#sub_menu_box .blog_box ul li{
					float:left;
					display:inline;
					width:80px;
					_width:92px;
					background:url(../img/union/icon02.gif) no-repeat 0px 6px;
					padding-left:12px;
					}
		
	/* ul.bt_sub_box */
	ul.bt_sub_box{
		width:214px;
		height:275px;
		position:relative;
		overflow:hidden;
		top:0;
		}
		
		ul.bt_sub_box li a{
			position:absolute;
			width:214px;
			height:50px;
			display:block;
			text-indent:-9999px;
			overflow:hidden;
			top:0;
			}
			
			ul.bt_sub_box li.bt_sidemenu01 a{
				top:0px;
				height:66px;
				background:url(../img/union/bt/bt_sidemenu01.jpg) no-repeat 0 0;
				}
			ul.bt_sub_box li.bt_sidemenu02 a{
				top:66px;
				background:url(../img/union/bt/bt_sidemenu02.jpg) no-repeat 0 0;
				}
			ul.bt_sub_box li.bt_sidemenu03 a{
				top:119px;
				background:url(../img/union/bt/bt_sidemenu03.jpg) no-repeat 0 0;
				}
			
			ul.bt_sub_box li.bt_sidemenu04 a{
				top:172px;
				background:url(../img/union/bt/bt_sidemenu04.jpg) no-repeat 0 0;
				}
			
			ul.bt_sub_box li.bt_sidemenu05 a{
				top:225px;
				background:url(../img/union/bt/bt_sidemenu05.jpg) no-repeat 0 0;
				}
				
				ul.bt_sub_box li.bt_sidemenu01 a:hover,ul.bt_sub_box li.bt_sidemenu02 a:hover,
				ul.bt_sub_box li.bt_sidemenu03 a:hover,ul.bt_sub_box li.bt_sidemenu04 a:hover,
				ul.bt_sub_box li.bt_sidemenu05 a:hover{
					background-position:-214px 0px;
					}
	
	/* info_box */
	h3.ttl_info{
		width:220px;
		height:37px;
		background:url(../img/union/ttl_info.jpg) no-repeat 0 0;
		text-indent:-9999px;
		}
		
		#info_box{
			width:200px;
			_width:220px;
			background:#FAF9F3;
			border-right:1px solid #E9E4D8;
			border-bottom:1px solid #E9E4D8;
			border-left:1px solid #E9E4D8;
			padding:10px 9px;
			font-size:75%;
			color:#333;
			margin-bottom:5px;
			}
			
			#info_box dl{
				margin-bottom:5px;
				}
			
			#info_box dt{
				float:left;
				width:44px;
				height:15px;
				text-indent:-9999px;
				}
				
				#info_box dt.info01{
					background:url(../img/union/tantou.gif) no-repeat 0 0;
					}
				#info_box dt.info02{
					background:url(../img/union/tel.gif) no-repeat 0 0;
					}
				#info_box dt.info03{
					background:url(../img/union/fax.gif) no-repeat 0 0;
					}
			
			#info_box dd{
				float:right;
				width:145px;
				}




























