@charset "utf-8";
/* CSS Document */

body{margin:11px; font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif;}
img, form{border:none; margin:0px;}
h1{font-family:Calibri, "Trebuchet MS"; color:#0569bd;  font-size:25px; margin:0px; margin-bottom:10px; font-weight:normal;}
h1 em{font-size:17px; font-style:normal; color:#666;}
h1 em:hover{color:#f60;}
h2{font-family:"Trebuchet MS", Arial; color:#333; font-size:18px; margin:0px; margin-bottom:5px; font-weight:normal;}
h3{font-family:"Trebuchet MS", Arial; color:#333; font-size:18px; margin:0px; margin-bottom:5px; font-weight:normal;}
h4{font-family:Arial, Helvetica, sans-serif; font-size:13px; margin:0px; margin-bottom:10px;}
h5{font-family:"Trebuchet MS", Arial; color:#f90; font-size:18px; border-top:1px dotted #ccc; padding-top:5px; margin:0px; margin-bottom:5px; font-weight:normal;}
P{margin:0px; margin-bottom:12px; text-align:justify}
ul{margin:0px; padding:0px; padding-bottom:10px; font-size:12px; line-height:19px; list-style:none; margin-left:10px; margin-top:5px;}
ul li{/*list-style-image:url(images/img_arrow.gif);*/ margin:0px; padding:0px; list-style:none; padding-left:10px; background:url(images/img_arrow.gif) no-repeat 0px 7px;}
ul a{text-decoration:none; color:#333; font-weight:bold;}
ul a:hover{ color:#f60;}

#wrapper{ width:900px; margin:0 auto;}
#top{display:block; height:70px;}
	#navi{font-family:"Trebuchet MS", Arial; font-size:13px; float:right; margin-top:20px;}
		#navi a{text-decoration:none; color:#000; margin-left:17px; padding-bottom:7px;}
		#navi a:hover{color:#f60;}
		#navi .act{font-weight:bold; color:#1052b6; background:url(images/arw_navi.gif) center bottom no-repeat;}
	
	#banner{display:block; margin-bottom:1px;}
	#content{background:url(images/bg_content.jpg) repeat-x; padding:20px; padding-left:15px; padding-bottom:0px;width:603px;}
	
	#col_right{float:right; padding:20px 10px 0px 10px; background:url(images/bg_right_col.gif) top repeat-x; width:240px;}
		.rm{clear:both;padding-right:10px; background:url(images/img_arrows_org.gif) no-repeat right; font-size:12px; font-weight:bold; color:#000; text-decoration:none; }
		.rm:hover{color:#f60;}
		#col_right P{margin:0px; font-size:12px; padding-bottom:8px;}
		#col_right .date{font-weight:bold; font-size:11px; padding-bottom:4px; color:#666;}
		#col_right .sep{display:block; height:1px; background:url(images/sep_h_small.gif) top no-repeat; margin:10px 0px;}
	/*#sep_con{float:left; width:2px; height:249px; background:url(images/sep_con.jpg) no-repeat; margin:-20px -12px;}*/

.sep_h_large{height:13px; background:url(images/sep_h_large.gif) center top no-repeat;}
.sep_h_large_2{height:13px; background:url(images/sep_h_large.gif) center top no-repeat; margin-top:12px;}

.sp_box_1{float:left; width:284px; height:127px; padding:15px 0px 0px 10px; margin-right:10px; }
.sp_box_2{float:left; width:284px; height:127px; padding:15px 0px 0px 10px;}

.heading{font-family:"Trebuchet MS", Arial; font-size:17px; margin-bottom:10px;}


#footer{display:block; font-size:12px; padding-top:25px; padding-left:15px; padding-right:15px; height:50px; background:url(images/bg_footer.jpg) repeat-x; color:#666; margin-top:15px;}
		#footer a{text-decoration:none; color:#666; padding:0 5px;}
		#footer a:hover{color:#999;}
		
#sub_navi{}
#sub_navi a{display:block; text-decoration:none; line-height:26px; color:#000; padding-right:10px; background:url(images/img_arrows_org2.gif) no-repeat right; border-bottom:1px solid #eee;}
#sub_navi a:hover{ color:#f60; background:url(images/img_arrows_org.gif) no-repeat right;}
#sub_navi .act{display:block; border-bottom:1px solid #eee; color:#1052b6; font-weight:bold; font-size:15px; background:none; line-height:36px;}

#sub_navi_2{ border-bottom:1px solid #eee;}
#sub_navi_2 a{display:block; text-decoration:none; line-height:21px; color:#000; padding-right:10px; background:url(images/img_arrows_org2.gif) no-repeat left; border-bottom:none; font-size:11px; padding-left:15px;}
#sub_navi_2 a:hover{ color:#f60; background:url(images/img_arrows_org.gif) no-repeat left;}
#sub_navi_2 .act{display:block; border-bottom:none; color:#f60; font-weight:bold; font-size:13px; background:none; line-height:26px; padding-left:0px;}

.project{display:block; border-top:1px solid #ddd; padding-top:20px; margin-bottom:20px; font-size:12px; min-height:250px;}
.project P{margin:0px;}
.project ul{/*color:#0884ec; */color:#333; margin-left:0px;}
.project img{padding:5px; border:1px solid #ccc; margin-top:-5px;}

.project a{font-family:"Trebuchet MS", Arial; color:#f30/*0884ec*/; font-weight:bold; text-decoration:none; display:block; margin-top:5px;}
.project a:hover{ color:#333;}

.field{width:170px; padding:2px; font-size:11px; color:#666; margin:5px;}
.field_n{width:170px; padding:1px; font-size:11px; color:#666; margin:3px; border:1px solid #ccc;}
.field_m{width:400px; padding:2px; font-size:11px; color:#666; margin:5px;}
.btn{padding:3px 10px; font-size:11px; color:#666; margin:5px;}
.btn_n{padding:3px 10px; font-size:11px; color:#666; margin:3px;}

.mail{color:#007ce1; text-decoration:none;}
.mail:hover{text-decoration:underline;}

#icon_set{display:inline-block; height:141px;}
	#icon_set a{ text-decoration:none; background-position:top;}
	#icon_set .icon_01{display:inline-block; float:left; width:123px; height:141px; background:url(images/bg_icon_01.jpg) no-repeat;}
	#icon_set .icon_02{display:inline-block; float:left; width:123px; height:141px; background:url(images/bg_icon_02.jpg) no-repeat;}
	#icon_set .icon_03{display:inline-block; float:left; width:123px; height:141px; background:url(images/bg_icon_03.jpg) no-repeat;}
	#icon_set .icon_04{display:inline-block; float:left; width:123px; height:141px; background:url(images/bg_icon_04.jpg) no-repeat;}
	#icon_set .icon_05{display:inline-block; float:left; width:111px; height:141px; background:url(images/bg_icon_05.jpg) no-repeat;}
	#icon_set a:hover{background-position:bottom;}
#icon_set .sep{display:inline-block; float:right; width:15px; height:141px; background:url(images/sep_con.jpg) no-repeat;}