@charset "utf-8";

/*------------------------------------
 2014年更新ファイル用　ufc-8に変更
 
 
 #010 文字設定・レイアウト等
 #002 画像配置
 #003 topnav
 #004 枠線付きテーブル
 -------------------------------------*/	







/*----#010文字設定・レイアウト等-----*/

/* 文字装飾 */
	.topic{
	font-weight:bold;
	color:#990000;}
	
	.text-green{
	color:#009900;}
	
	
		
	/* 引用 */
	
	.quote{
		border: 1px #b0c4de solid;
		margin:20px 0px;
		padding:12px 12px;
		clear:both;	
	}
	
	/* 編集部注 */
	.note{
		border: 1px #ccc solid;
		margin:20px 10px;
		padding:6px 20px;	
		font-size:90%;		
		color:#666666;clear:both;	}
	
	
	.small{
	font-size:86%;}	
	
	.large{
	font-size:120%;}
	
	/* パンくず */
	.topicPath{
	clear:both;
	font-size:96%;
	padding:8px 0px 10px 20px;
	word-spacing: 0.1em;}	
	
	/*　CNT配置の画像のキャプション用*/
	.cap_txt{
	font-size:92%;}
	
		
	/* 強調 */
	
	.focusArea{
		border: 1px #990000 solid;
		margin:20px 10px;
		padding:10px 20px 6px;	
	}
	
	
	.focusArea_blue{
		border: 1px #006699 solid;
		margin:20px 10px;
		padding:10px 20px 6px;
	}
	
	
	/* background-color */
	.back_ltblue{
	background-color:#e6e6fa ;
	}
	
	.back_sblue{
	background-color:#EAF4FC ;
	}	
	
	.back_red{
	background-color:#ffb2b2 ;
	}	

	

/*----------------------------------------------------
	layout
----------------------------------------------------*/
.floatR {
	float: right;
}

.floatL {
	float: left;
}
.imgBox {
	border:1px #0a0a0a solid;
	margin-top:50px;
	padding:32px;	
}

.imgR {
	float: right;
	margin: 0 5px 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}
.imgCNT {
	margin: 1px auto 1px auto;
	display:block;
}
.imgVCNT {
	vertical-align:middle;
}

.overflow_hidden{
	overflow:hidden !important;
}


.clearBoth{
clear:both;}

/*---余白---*/

.mt20{
margin-top:20px;}		
	
/*---sign,date
	----------------------------------------------------*/
	.sign{
	margin-right:20px;
	padding:20px 30px 0px 0px;
	text-align:right;
	font-size:90%;
	clear:both;
	}

    .date{
	padding:20px 30px 0px 0px;
	text-align:right;
	font-size:98%;
	color:#666666;clear:both;
	
	}
	
/*----横並びメニュー　背景水色
    ---------------------------------------------------- */
	div.nav01 ul{
	margin: 10px 0px 10px; 
	padding: 12px 0px;
	list-style-type: none;
	text-align: center;
	background-color:#f0f8ff;
	}
	
	div.nav01 ul li{
	padding: 0 10px 0 10px; 
	background: url(../../gif/guide_line.gif) no-repeat left; 
	display: inline;
	}
	
	div.nav01 ul li a{
	text-decoration:none;}
	
	div.nav01 ul li.first{
	background-image: none;}


/*----横並びメニュー　背景グレー
    ---------------------------------------------------- */
	div.nav ul{
	margin: 10px 0px 10px; 
	padding: 12px 0px;
	list-style-type: none;
	text-align: center;
	background-color:#CCCCCC;
	}
	
	div.nav ul li{
	padding: 0 10px 0 10px; 
	background: url(../../gif/guide_line.gif) no-repeat left; 
	display: inline;
	}
	
	div.nav ul li a{
	text-decoration:none;}
	
	div.nav ul li.first{
	background-image: none;}	

	/*----------------------------------------------------
		2列の表形式リスト（日程表など）
	----------------------------------------------------*/
	dl.schedulelist{
	margin-top:10px;
	
	}
	
	dl.schedulelist dt{
		width:10em;
		float:left;
		display:block;
		padding:6px 0 10px 10px;
		clear:both;
		margin-bottom:10px;
		line-height: 140%;
	}
	
	dl.schedulelist dd{
		display:block;
		padding:6px 0 10px 0px;
		overflow:hidden;
		margin-bottom:10px;
		line-height: 140%;
	}


	/*---backToIndex
	----------------------------------------------------*/
	.return{
	padding:0px 30px 10px 0px;
	text-align:right;
	font-size:90%;
	clear:both;}
	
	.return a{
	padding:0px 0px 0px 0px;
	color:#006699;
	text-decoration:none;}
	
	.return a:hover{
	color:#006699;
	}					


/*---------#002画像配置（共通）---------------------*/	
	
/*画像リスト　1画像 横幅720px*/
.img_one{
text-align:center;clear:both;}

.img_one p{ /* キャプション用*/
margin:0px;
font-size:92%;
color:#333333;}

	
/*画像リスト　サムネイル358px×2画像 横幅720px*/
		
	.img2Clumn{
	width:720px;
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2px;
	overflow:hidden;
	border:none;
	clear:both;
	}
	.img21{
	float:left;
	margin-right:4px;
	}
    
	.img22{
	float:left;
	padding:0px;}	


/*画像リスト　サムネイル405px×2画像 横幅820px*/
		
	.img2Clumn82{
	width:820px;
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2px;
	overflow:hidden;
	border:none;
	clear:both;
	}
	.img2182{
	float:left;
	margin-right:10px;
	}
    
	.img2282{
	float:left;
	padding:0px;}	

	
           
	
/*画像リスト　3画像　横幅720px内対応
    ----作成中*/




/*画像リストサムネイル176px×4画像 横幅716px*/

.img4Column{
	width:716px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
        margin-bottom:20px;
	overflow:hidden!important;
	clear:both;
	}

.img4Column img{
float:left;
margin-right:4px;}


.img4Column img.m0{
float:left;
margin-right:0px;}
	

/*画像のしたに余白をいれる*/
	.imgspace{
	margin-bottom:20px;}  

/*----#003 メニュー　スタンダード　水色---*/


.topnav_blue{
width:760px;
height:30px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:40px;
border-top:1px #e1e1e1 solid;
border-bottom:1px #e1e1e1 solid;}

.topnav_blue ul{
margin:0px auto;
padding:0px;
width:720px;
}

.topnav_blue li{
list-style-type:none;
float:left;
width:20%;
}

.topnav_blue li a{
display:block;
line-height:30px;
border-right:1px #009999 solid;
text-align:center;
text-decoration:none;}

.topnav_blue li.first a{
border-left:1px #009999 solid;}

.topnav_blue,.topnav_blue li a{
background-color:#336699;
color:#fff;
}

.topnav_blue li a:hover{
background-color:#003399;
color:#ffffff;
}

.topnav_blue li.here a{
background-color:#003399;
color:#ffffff;
text-decoration:underline;
}






/*----#004 枠線付きテーブル　th色つき　背景水色---*/
th.line,td.line{
border:1px #cccccc solid;
text-align:left;}

th.line{
background-color:#f0f8ff;}

/*枠線付きテーブル*/
th.line2,td.line2{
border:1px #cccccc solid;
text-align:left;}