/* CSS Document */


/* MAIN PARTS OF CSS */

body {
	margin:0 0;
	font-size:12px;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック", "MS P Gothic",Verdana,Arial, Helvetica, sans-serif;
	text-alingn:center;
	}
	
a:link {	color: #333333;	text-decoration: underline;}
a:visited {	color: #CC3333;	text-decoration: none;}
a:hover {	color: #660033;	text-decoration: none;}
a:active {	color: #CD0121;	text-decoration: underline;}

h1,h2,h3,h4,h5,h6{
	margin: 0px;
	padding: 0px;
}

.clear {
	clear:both;
	}
	
	
/* MAIN PARTS FOR HEADER OF CSS */
#header {
	width:100%;
	height:80px;
	background-image: url(../unionimages/Header_bgimage.png);
	background-repeat:repeat-x;
	margin-bottom:20px;
	}
	
#header .top_con {
	padding-left:28px;
	font-size:10px;
	text-align:right;
	/*background-image: url(../unionimages/Rogo_image.png);*/
	background-repeat:no-repeat;
	height:70px;
	padding-top:5px;
	padding-right:30px;
	}
	
*---  THE CSS FOR SERCH ENGINE OPITIMAIZE ---*/
#header h1 {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
}

#header h1 a {
	width:650px;
	background-repeat:no-repeat;
	height:80px;
	display:block;
	background-image: url(../unionimages/Rogo_image.png);
/*	background-image: url(../unionimages/Rogo_image.gif);*/
	float:left;	}

#header h1 span {
	position: absolute;
	left: -9999px;
	font-size: 10px;
	line-height: 10px;
	margin: 0px;
	padding: 0px;
}

#header h2 {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
}

#header h2 span {
	position: absolute;

	left: -9999px;
	font-size: 10px;
	line-height: 10px;
	margin: 0px;
	padding: 0px;

}

.non {
	display:none;
	}
	
/* MAIN PARTS FOR MAIN COLUM */
#wrap {
	width:1000px;
	/* width:auto; */
	clear:both;
	margin-left:auto;
	margin-right:auto;
	}
	
/* LEFT COLUM CSS */
#left-con {
	width:224px;
/*	background-color:#FF0000; */
	float:left;
	}
	
/* BLOG NEWS */
#left-con .blog_news {
	width:202px;
	height:180px;
	background-image:url(../unionimages/bgimg_blog_news.png);
	background-repeat:no-repeat;
	padding-top:114px;
	padding-left:14px;
	/*padding-bottom:5px;*/
	padding-right:7px;
	}
	
	
#left-con .cha_news {
	width:202px;
	height:230px;
	background-image:url(../unionimages/bgimg_etc_news.png);
	background-repeat:no-repeat;
	padding-top:55px;
	padding-left:10px;
	/*padding-bottom:5px;*/
	padding-right:7px;
	}
	
.topicsBox {
	margin: 0px;
	padding-left:7px;
	height: 160px;
	width: 200px;
	overflow: auto;
	clear: both;
	overflow: auto;
}
	
.topicsBox dl {
	font-size: 10px;
	margin: 0px;
	padding-top:3px;
}

.topicsBox dd {
	margin: 0px;
	padding: 0px 0px 2px 5px;
	font-family: Verdana;
	font-size: 10px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FF6666;
}

.topicsBox dt {
	font-size: 11px;
	margin: 0px 0px 10px;
	padding: 0px 0px 1px 5px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FF6666;
}
/**/
.topicsBox02 {
	margin: 0px;
	padding-left:7px;
	height: 210px;
	width: 200px;
	overflow: auto;
	clear: both;
	overflow: auto;
}
	
.topicsBox02 dl {
	font-size: 10px;
	margin: 0px;
	padding-top:3px;
}

.topicsBox02 dd {
	margin: 0px;
	padding: 0px 0px 2px 5px;
	font-family: Verdana;
	font-size: 10px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #83A843;
}

.topicsBox02 dt {
	font-size: 11px;
	margin: 0px 0px 10px;
	padding: 0px 0px 1px 5px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #5A7A22;
}

/**/


	

/*　KURASSHI CONTENTS　*/
#left-con .block_b {
	width:212px;
	padding-left:8px;
	padding-top:5px;
	padding-bottom:12px;
	}
.con_subtit {
	width:126px;
	border-bottom:#999999 dotted 1px;
	font-size:14px;
	color:#990000;
	padding-top:1px;
	font-weight:bold;
	}
	
.nevigator {
	font-size:11px;
	line-height:150%;
	} 
	
.link_tolist {
	text-align:right;
	width:126px;
	margin-top:12px;
	}
	
.link_tolist a {
	font-size:10px;
	color:#993300;
	}
	
.link_tolist a:hover {
	font-size:10px;
	color:#0066CC:
	}		
/*　OYAKUDACHIZYOUHOU　*/
#left-con .block_a {
	width:187px;
	padding-left:33px;
	padding-top:14px;
	padding-bottom:12px;
	background-image:url(../unionimages/bgimg_oyakudachi.gif);
	background-repeat:repeat-y;
	margin-bottom:10px;
	margin-left:10px;
	}
	
.block_a ul { margin: 0; padding :0; list-style-type : none; }
.block_a li { padding :0; margin:10px 0; }
.block_a a {
	background-image: url(../unionimages/icon_oyakudachi.gif); 
	text-decoration:none;
	background-repeat:no-repeat;
	padding-left:10px; 
    font-size:12px;
    color: #990000; 
    width:8em;
	margin:5px 0px;
	height:1.5em;
}
.block_a a:hover {
	background-image: url(../unionimages/icon_oyakudachi_on.gif);
	text-decoration:none;
	background-repeat:no-repeat; 
    font-size:12px; 
    color: #003399;
	width:120px; 
	margin:5px 0px;
	padding-left:10px;
    height:1.5em;
    }

	
/* RIGHT COLUM CSS */	
#right-con {
	width:530px;
/*	background-color:#000099;  */
	float:left;
	font-size:12px;
	line-height:150%;
	margin-right:10px;
	margin-left:10px;
	}
	
#right-con .Pkg {
	width:490px;
	padding-top:10px;
	padding-left:30px;
	padding-right:30px;
	}
	
/* banner colum */
#banner-con {
	width:196px;
	height:auto;
/*	background-color:#999933; */
	float:left;
	}

/* MAIN PARTS FOR FOOTER OF CSS */
#footer {
	width:100%;
	height:83px;
	background-image:url(../unionimages/Footer_bgimage.png);
	background-repeat:repeat-x;
	}
	
#footer .bottom_con {
	font-size:10px;
	float:right;
	padding-top:20px;
	padding-right:20px;
	}
	
#footer .bottom_con ul { 
	margin: 0;
	padding :0; 
	list-style-type : none; 
 }
 
#footer .bottom_con li { 
	display : inline; 
	padding :0; 
	margin:0; 
	float:left ;
}

#footer .bottom_con span {
	display:none;
	}
	
#footer .bottom_con #contact a {
	background-image: url(../unionimages/btn_footer01-off.png);
	width:83px;
	height:18px;
	background-repeat:no-repeat;
	margin:3px 0;
	padding:0;
	background-color:#fff;
	display:block;
}
#footer .bottom_con #contact a:hover {
	background-image: url(../unionimages/btn_footer01-on.png);
	width:83px;
	height:18px;
	background-repeat:no-repeat;
	margin:3px 0;
	padding:0;
	display:block;
}
#footer .bottom_con #pp a {
	background-image: url(../unionimages/btn_footer02-off.png);
	width:121px;
	height:18px;
	background-repeat:no-repeat;
	margin:3px 0;
	padding:0;
	background-color:#fff;
	display:block;
}
#footer .bottom_con #pp a:hover {
	background-image: url(../unionimages/btn_footer02-on.png);
	width:121px;
	height:18px;
	background-repeat:no-repeat;
	margin:3px 0;
	padding:0;
	display:block;
}
#footer .bottom_con #frau a {
	background-image: url(../unionimages/btn_footer03-off.png);
	width:144px;
	height:18px;
	background-repeat:no-repeat;
	margin:3px 0;
	padding:0;
	background-color:#fff;
	display:block;
}
#footer .bottom_con #frau a:hover {
	background-image: url(../unionimages/btn_footer03-on.png);
	width:144px;
	height:18px;
	background-repeat:no-repeat;
	margin:3px 0;
	padding:0;
	display:block;
}




/*----------------------------------------------------------*/
#left-con .cha_news .dateblock {
text-align: center;
width: 35px;
font-family: Arial;
border:#EEE solid;
border-width:3px 1px 3px 3px;
float:left;
display:block;
clear:both;
margin:0px 5px 2px 1px;

}

#left-con .cha_news .dateblock .day {
font-size: 14px;
color:#333333;
background:#FFF no-repeat;
font-weight:bold;
/*text-shadow: #999 2px 2px 2px;*/
}

#left-con .cha_news .dateblock .month {
font-size: 10px;
background:#669933;
color:#FFF;
}
#left-con .cha_news .dateblock .year {
font-size: 10px;
background:#339999;
color:#FFFFFF;
}	

/*----------------------------------------------------------*/
#left-con .blog_news .dateblock {
text-align: center;
width: 35px;
font-family: Arial;
border:#EEE solid;
border-width:3px 1px 3px 3px;
float:left;
display:block;
clear:both;
margin:0px 5px 2px 1px;

}

#left-con .blog_news .dateblock .day {
font-size: 14px;
color:#333333;
background:#FFF no-repeat;
font-weight:bold;
/*text-shadow: #999 2px 2px 2px;*/
}

#left-con .blog_news .dateblock .month {
font-size: 10px;
background:#CC3300;
color:#FFF;
}
#left-con .blog_news .dateblock .year {
font-size: 10px;
background:#FF3366;
color:#FFFFFF;
}