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

サイト全体用css

****************************************************************************************************/
#KandaiCommon{ background:url(../images/kandai_common_bg.gif) repeat-x; }
#kandaicommon_header{ margin:0 auto; width:980px; }

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
}

/****************************************************************************************************

ヘッダー

****************************************************************************************************/
#HeaderOutSide{
	background:url(../images/gnavi_bg.gif) repeat-x left bottom;

}

#Header{
	position:relative;
	margin:0 auto;
	width:950px;
}

#SiteID{
	float:left;
	width:390px;
}


#HeaderEtcNavi{
	float:right;
	width:520px;
}

#UtilityLink{
	text-align:right;
}
	#UtilityLink li{
		display:inline-block;
		*display:inline;  
		*zoom:1;
	}
	#UtilityLink img{
		vertical-align:bottom;
	}

#VisitorLink{
	padding:10px 0;
	text-align:center;
	border:1px solid #B0E2FB;
	background:#C4E6FF;
}

	#VisitorLink li{
		display:inline-block;
		padding:0 15px;
		*display:inline;  
		*zoom:1;
		border-left:1px solid #fff;
	}
	#VisitorLink li:first-child{
		border-left:none;
	}

	#VisitorLink a{
		color:#333;
		text-decoration:none;
	}


/****************************************************************************************************

メイン

****************************************************************************************************/
#CatOutSide{
	background:#0061A9;

}
#CatHeadline{
	margin:0 auto;
	width:950px;
	background:url(../images/site_en.gif) no-repeat right top;
}

	#CatHeadline img{
		vertical-align:bottom;
	}
#Main{
	margin:0 auto;
	width:950px;
}



/****************************************************************************************************

フッター

****************************************************************************************************/
#Footer{
	clear:both;
}

/*--------------------------------------------------
関連リンク
--------------------------------------------------*/
#FooterHeaderOutSide{
	background:#E4F4FF;
}

#FooterHeader{
	padding:10px 5px;
	margin:0 auto;
	width:940px;
}

	#FooterHeaderHome{
		float:left;
		margin-bottom:0;
	}
	#FooterHeaderHome a{
		padding-left:15px;
		background:url(../images/link_icon_home.gif) no-repeat;
		color:#666666;
		text-decoration:none;
	}
	#FooterHeaderHome a:hover{
		background:url(../images/link_icon_home_o.gif) no-repeat;
		text-decoration:underline;
	}

	
	#FooterHeaderLink{
		text-align:right;
	}
	
		#FooterHeaderLink li{
			display:inline;
			padding-right:10px;
		}
		
		#FooterHeaderLink a{
			padding-left:15px;
			background:url(../images/link_icon3_2.gif) no-repeat;
			color:#666666;
			text-decoration:none;
		}
		
		#FooterHeaderLink a:hover{
			background:url(../images/link_icon3_2_o.gif) no-repeat;
			text-decoration:underline;
		}

/*--------------------------------------------------
ページリンク
--------------------------------------------------*/
#FooterMainOutSide{
	background:#77C6FF;
}

	#FooterMain{
		margin:0 auto;
		padding:20px 0;
		width:950px;
	}

	#FooterMain .footerLinkCol{
		float:left;
		display:inline;
		margin-right:20px;
		padding-right:10px;
		background:url(../images/border1.gif) repeat-y right 0;
	}
	#FooterMain .footerLinkColEnd{
		background:none;
	}
	
	#FooterMain .footerLink1{ padding-left:5px; width:210px; }
	#FooterMain .footerLink2{ width:210px; }
	#FooterMain .footerLink3{ width:210px; }
	#FooterMain .footerLink4{ margin-right:0; width:210px; }



	#FooterMain p{
		margin-bottom:5px;
		font-size:110%;
		font-weight:bold;
	}
		#FooterMain p a{
			color:#fff;
			text-decoration:none;
		}
			#FooterMain p a:hover{
				text-decoration:underline;
			}

	#FooterMain ul{
		margin-bottom:10px;
	}
		#FooterMain li{
			margin-bottom:3px;
		}
		#FooterMain ul a{
			color:#CAF7FF;
			text-decoration:none;
		}
	
			#FooterMain ul a:hover{
				text-decoration:underline;
			}



#CopyrightBoxOutSide{
	padding:30px 0;
	background:#F8F8F8;
}

#CopyrightBox{
	margin:0 auto;
	width:500px;
	font-size:85%;
	color:#999;
}

	#CopyrightBox p,
	#CopyrightBox address{
		float:left;
	}






/****************************************************************************************************

グローバルナビ

****************************************************************************************************/
#GlobalNavi{
	clear:both;
	width:950px;
}
	#GlobalNavi li{
		float:left;
	}
	#GlobalNavi li img{
		vertical-align:bottom;
	}





/****************************************************************************************************

ぱんくず

****************************************************************************************************/
#TopicsPathOutSide{
	margin-bottom:20px;
	border-top:1px solid #fff;
	border-bottom:1px solid #E1E1E1;
	background:##F5F5F5;
}
	#TopicsPath{
		margin:0 auto;
		padding:5px 0;
		width:950px;
		font-size:85%;
	}
	#TopicsPath li{
		display:inline;
	}



/****************************************************************************************************

コンテンツ

****************************************************************************************************/
#Contents{
	float:right;
	margin-bottom:30px;
	width:660px;
}


/****************************************************************************************************

サイドナビ

****************************************************************************************************/
#SideNavi{
	float:left;
	width:262px;
}
	
	#SideNavi .sideNaviBlock{
		margin-bottom:20px;
	}



/****************************************************************************************************

ローカルナビ

****************************************************************************************************/
#LocalNavi{
}
	#LocalNavi li{
	}

	#LocalNavi img{
		vertical-align:bottom;
	}

	#LocalNavi #Child{
		vertical-align:bottom;
	}





/****************************************************************************************************

パーツ

****************************************************************************************************/
/*==========================================================================================

先頭へ戻る

==========================================================================================*/
.back2top{
	text-align:right;
}




/*==========================================================================================

見出し

==========================================================================================*/
h2.headline{
	margin-bottom:30px;
}
h2.headline2{
	margin-bottom:30px;
	padding-top:4px;
	padding-bottom:14px;
	background:url(../images/page_ttl.gif) no-repeat left bottom;
	font-size:170%;
	font-weight:bold;
}

h3.headline{ margin-bottom:15px; }
h3.headline2{
	margin-bottom:30px;
	padding-top:4px;
	padding-bottom:14px;
	background:url(../images/page_ttl.gif) no-repeat left bottom;
	font-size:170%;
	font-weight:bold;
}

h3.headline3,
h4.headline3,
h5.headline3{
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
}
	h3.headline3 span,
	h4.headline3 span,
	h5.headline3 span{
		display:block;
		padding:2px 6px;
		border-left:5px solid #0061A9;
		font-size:120%;
		font-weight:bold;
		color:#00497F;
	}
	
	h3.headline3 img,
	h4.headline3 img{
		margin-right:5px;
		vertical-align:middle;
	}


h4.headline{ margin-bottom:10px; }
h4.headline3{
	margin-bottom:10px;
	color:#0061A9;
	font-size:110%;
	font-weight:bold;
}


h4.headline2,
h5.headline{
	margin-bottom:5px;
	font-weight:bold;
	color:#0061A9;
}
h5.headline3{
	margin-bottom:10px;
	color:#0061A9;
	font-size:110%;
	font-weight:bold;
}

.headline2 .txtS{
	font-size:70%;
}


.headline3 span.headlineIcon1{
	display:inline-block;
	margin-right:5px;
	padding:2px 10px;
	border:none;
	border-radius:5px;
	font-weight:normal;
	background:#f00;
	color:#fff;
	font-size:12px;
	
	*display:inline;  
	*zoom:1;
}






/*==========================================================================================

表組

==========================================================================================*/
.normalTbl{
	border-collapse:separate;
	border-spacing:1px;
	background:#E7E7E7;
}
	.normalTbl caption{
		margin-bottom:5px;
		text-align:left;
	}
	.normalTbl th,
	.normalTbl td{
		border:1px solid #fff;
		background:#D5D5D5;
	}
	.normalTbl .cell1{
		background:#3481BB;
		color:#fff;
		font-weight:bold;
		text-align:center;
	}
	
	.normalTbl .cell2{
		background:#B3DBFA;
	}

	.normalTbl .cell3{
		background:#E4F4FF;
	}
	
	.normalTbl .cell4{
		background:#fff;
	}
	
	.normalTbl .cell5{
		background:#F2FAFF;
	}





/*==========================================================================================

リンクアイコン

==========================================================================================*/
.link1{ padding-left:15px; background-image:url(../images/link_icon1.gif); background-repeat:no-repeat; background-position:0 0.1em; zoom:1; }
.link1:hover{ background-image:url(../images/link_icon1_o.gif); zoom:1; }

.linkAnchor{ padding-left:15px; background-image:url(../images/link_icon2.gif); background-repeat:no-repeat; background-position:0 0.1em; }
.linkAnchor:hover{ background-image:url(../images/link_icon2_o.gif); }

.linkExternal1{ padding-left:15px; background-image:url(../images/link_icon3.gif); background-repeat:no-repeat; background-position:0 0.1em; }
.linkExternal1:hover{ background-image:url(../images/link_icon3_o.gif); }

.linkExternal1_2{ padding-left:15px; background-image:url(../images/link_icon3_2.gif); background-repeat:no-repeat; background-position:0 0.1em; }
.linkExternal1_2:hover{ background-image:url(../images/link_icon3_2_o.gif)}

.linkExternal2{ padding-left:15px; background-image:url(../images/link_icon5.gif); background-repeat:no-repeat; background-position:0 0.1em; }
.linkExternal2:hover{ background-image:url(../images/link_icon5_o.gif)}

.linkOut{ padding-left:15px; background-image:url(../images/link_icon4.gif); background-repeat:no-repeat; background-position:0 0.1em; }
.linkOut:hover{ background-image:url(../images/link_icon4_o.gif); }

.linkDL1{ padding-left:15px; background-image:url(../images/link_icon6.gif); background-repeat:no-repeat; background-position:0 0.1em; }
.linkDL1:hover{ background-image:url(../images/link_icon6_o.gif); }

.linkSitemap1{ padding-left:15px; background-image:url(../images/link_icon_sitemap1.gif); background-repeat:no-repeat; background-position:0 0.1em; }
.linkSitemap1:hover{ background-image:url(../images/link_icon_sitemap1_o.gif); }



/*==========================================================================================

リンクリスト

==========================================================================================*/
/*
2列
--------------------------------------------------*/
.linkList1{
}

	.linkList1 li{
		margin-bottom:20px;
		padding:0;
		width:320px;
	}

	.linkList1 .odd{
		clear:both;
		float:left;
	}
	
	.linkList1 .even{
		float:right;
	}

	.linkList1 a{
		display:block;
		padding:10px 10px 10px 35px;
		width:273px;
		border:1px solid #E7E7E7;
	}

	.linkList1 a:hover{
		border:1px solid #0061A9;
	}
	.linkList1 span{
		display:block;
		padding:10px 10px 10px 15px;
		width:293px;
		border:1px solid #E7E7E7;
	}
	
	.linkList1 .link1,
	.linkList1 .linkAnchor,
	.linkList1 .linkExternal1,
	.linkList1 .linkExternal1_2,
	.linkList1 .linkExternal2,
	.linkList1 .linkOut,
	.linkList1 .linkDL1{ background-position:17px 14px; }

/*
1列
--------------------------------------------------*/
.linkList2{
}
	.linkList2 li{
		margin-bottom:20px;
		padding:0;
		width:660px;
	}

	.linkList2 a{
		display:block;
		padding:10px 10px 10px 35px;
		width:613px;
		border:1px solid #E7E7E7;
	}

		.linkList2 a:hover{
			border:1px solid #0061A9;
		}
	
	.linkList2 .link1,
	.linkList2 .linkAnchor,
	.linkList2 .linkExternal1,
	.linkList2 .linkExternal1_2,
	.linkList2 .linkExternal2,
	.linkList2 .linkOut,
	.linkList2 .linkDL1{ background-position:17px 14px; }




/*
ページ内リンク
*/
.linkListInpage{
}
	.linkListInpage li{
		margin-bottom:6px;
	}
	
	.linkListInpage .col2Odd{
		clear:both;
		float:left;
		width:200px;
	}

	.linkListInpage .col2Even{
		float:right;
		width:400px;
	}

	.linkListInpage .col2Odd2{
		clear:both;
		float:left;
		width:300px;
	}

	.linkListInpage .col2Even2{
		float:right;
		width:300px;
	}

	.linkListInpage .col2Odd3{
		clear:both;
		float:left;
		width:400px;
	}

	.linkListInpage .col2Even3{
		float:right;
		width:200px;
	}


/*==========================================================================================

リスト

==========================================================================================*/
.listBase{
}
	.listBase li{
		margin-bottom:3px;
	}

.listDot{
}
	.listDot li{
		margin-bottom:3px;
		padding-left:1em;
		background:url(../images/list_icon1.gif) no-repeat 0.25em 0.65em;
	}

.listDec{
	padding-left:2em;
}
	.listDec li{
		margin-bottom:3px;
		list-style:decimal;
	}

/*番号　手動入力*/
.listDec2{
}
	.listDec2 li{
		clear:both;
		margin-bottom:3px;
		list-style-type:none;
	}
	.listDec2 .no{
		float:left;
		display:block;
		width:40px;
	}
	.listDec2 .txt{
		display:block;
		float:left;
		width:620px;
	}

/*番号　手動入力*/
.listDec3{
}
	.listDec3 li{
		clear:both;
		margin-bottom:3px;
	}
	.listDec3 .no{
		float:left;
		display:block;
		width:30px;
	}
	.listDec3 .txt{
		display:block;
		float:left;
		width:530px;
	}

/*番号　手動入力*/
.listDec4{
}
	.listDec4 li{
		clear:both;
		margin-bottom:3px;
		list-style:none;
	}
	.listDec4 .no{
		float:left;
		display:block;
		width:40px;
	}
	.listDec4 .txt{
		display:block;
		float:left;
		width:470px;
	}

.listSquare{
	padding-left:2em;
}
	.listSquare li{
		margin-bottom:3px;
		list-style:square;
	}


.listNone li{
	list-style:none;
}


/*
*/
.listSymbol1{
}

	.listSymbol1 li{
		position:relative;
		margin-left:40px;
		margin-bottom:3px;
	}
	
	.listSymbol1 li .listSymbolItem{
		position:absolute;
		left:-40px;
	}







/*==========================================================================================

ボックス

==========================================================================================*/
.grayBox1{
	padding:20px;
	border:1px solid #E7E7E7;
	background:#fff;
}


.grayBox2{
	padding:10px;
	background:#F3F3F3;

}


.grayBox3{
	padding:10px;
	border-top:3px solid #E5E5E5;
	border-bottom:3px solid #E5E5E5;
	background:#F6F6F6;
}

	.grayBox3 .ttl{
		margin-bottom:10px;
		padding:3px 5px;
		width:7em;
		background:#E7E7E7;
		text-align:center;
	}


.grayBoxIn1{
	padding:16px 10px;
	border:1px solid #E7E7E7;
	background:#fff;
}