@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


/*-------------------------------------------------------------
///////////////////////////////////////////////////////////////
reset
///////////////////////////////////////////////////////////////
--------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, /*sub, sup,*/ tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*resetここまで*/



/*-------------------------------------------------------------
///////////////////////////////////////////////////////////////
common
///////////////////////////////////////////////////////////////
--------------------------------------------------------------*/

body {
	height:100%;
	font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;	
	color: #333333;
	font-size:87%;
	line-height:160%;
  background: url(../img/bg_x.png) top repeat-x #fff;
}

* html body {  
	font-size:87%;  
}
/**/
*:first-child+html body {  
	font-size:87%;  
}

img {
	vertical-align:bottom;
	border:none;
	display:block;
}

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.fleft {float:left;	}
.fright {float:right;	}
.center00 {margin:0px auto;}
.center20 {margin:20px auto;}
.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.h10 {height:10px;}
.t5 {padding-top:5px;}
.t10 {padding-top:10px;}
.t20 {padding-top:20px;}
.b10 {padding-bottom:10px;}
.b20 {padding-bottom:20px;}
.r10 {padding-right:10px;}
.l10 {padding-left:10px;}
.b {font-weight:bold;}
.underline {text-decoration:underline;}
.mt40 {margin-top:40px;	}
.mb40 {margin-bottom:40px;}
.mr10 {margin-right:10px;	}
.ssText {font-size:0.8em;　line-height:135%;}
.sText {font-size:0.9em;　line-height:150%;}
.lText {font-size:1.1em;}
.llText {font-size:1.2em;}
.XlText {font-size:1.3em;}
.indent1em {
	padding-left:1em;
	text-indent:-1em;
}
.color_red {color:#e50012;}
.color_darkblue {color:#004286;}
.color_green {color:#94d303;}
.color_orange {color:#EC6C00;	}
.caution {color:#c50018;}
a {
	color:#2c4197;
	text-decoration: underline;
	outline:0;
}
a:hover {
	color:#d75252;
	text-decoration: none;
}
.clearfix:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }




/*-------------------------------------------------------------
///////////////////////////////////////////////////////////////
layout
///////////////////////////////////////////////////////////////
--------------------------------------------------------------*/

/*ページベース
------------------------------------------------------*/

html {
	height: 100%;
}
body > #wrapper {
    height: auto;
}

#wrapper {
	width: 950px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
}

/*ヘッダー
------------------------------------------------------*/

header {
	width: 950px;
	height: 100px;
}
	#logo {
		display: block;
		width: 950px;
		height: 100px;
		background: url(../img/header.png) top no-repeat;
		text-indent: -9999px;
	}
	
/*メインビジュアル
------------------------------------------------------*/

#mainVisual {
	width: 950px;
	height: 482px;
}
	#mainVisual p {
		width: 950px;
		height: 482px;
		background: url(../img/mainVisual.jpg) top no-repeat;
		text-indent: -9999px;
	}


/*contentWrap
------------------------------------------------------*/

#contentsWrapHome {
	width: 940px;
	padding: 5px 5px 10px;
	background: #F2F2F2;
}
#contentsWrap {
	width: 940px;
	padding: 5px 5px 10px;
	background: #fff;
}



/*コンテンツエリア
------------------------------------------------------*/

#mainAreaHome {
	width: 705px;
	padding: 0px 0 0px 5px;
	float: right;
	position: relative;
}
.contentsHome {
	width: 695px;
	padding: 5px 5px 160px;
}

#mainArea {
	width: 705px;
	padding: 0px 0 0px 5px;
	float: right;
	position: relative;
}
.contents {
	width: 685px;
	padding: 10px 10px 50px;
}





/*サイドエリア
------------------------------------------------------*/

#sideArea {
	float: left;
	width: 230px;
	background: #fff;
}

.ul_sideBanner {
	width: 220px;
	margin: 5px 5px 5px;
}
	.ul_sideBanner li {
		margin-bottom: 10px;
	}

.img_public_seminar {
	display: block;
	width: 220px;
	margin: 5px 5px 5px;
}

/*メインメニュー
------------------------------------------------------*/

#gNavi {
	width: 220px;
	padding: 5px;
}

#gNavi li a {
	display: block;
	width: 220px;
	height: 35px;
	margin-bottom: 1px;
	background-image: url(../img/gNavi.png);
	text-indent: -9999px;
}

a#menu01 {
	background-position:0 0;
}
a#menu02 {
	background-position:0 -36px;
}
a#menu03 {
	background-position:0 -72px;
}
a#menu04 {
	background-position:0 -108px;
}
a#menu05 {
	background-position:0 -144px;
}
a#menu06 {
	background-position:0 -180px;
}
a#menu07 {
	background-position:0 -216px;
}
a#menu08 {
	background-position:0 -252px;
}
a#menu09 {
	background-position:0 -288px;
}
a#menu10 {
	background-position:0 -324px;
}
a#menu11 {
	background-position:0 -360px;
}
a#menu12 {
	background-position:0 -396px;
}
a#menu13 {
	background-position:0 -432px;
}

a#menu01:hover {
	background-position: -220px 0;
}
a#menu02:hover {
	background-position: -220px -36px;
}
a#menu03:hover {
	background-position: -220px -72px;
}
a#menu04:hover {
	background-position: -220px -108px;
}
a#menu05:hover {
	background-position: -220px -144px;
}
a#menu06:hover {
	background-position: -220px -180px;
}
a#menu07:hover {
	background-position: -220px -216px;
}
a#menu08:hover {
	background-position: -220px -252px;
}
a#menu09:hover {
	background-position: -220px -288px;
}
a#menu10:hover {
	background-position: -220px -324px;
}
a#menu11:hover {
	background-position: -220px -360px;
}
a#menu12:hover {
	background-position: -220px -396px;
}
a#menu13:hover {
	background-position: -220px -432px;
}


/*フッター
------------------------------------------------------*/

footer {
	width: 950px;
	background: #E5E5E5;
}

/*事務局*/

.tbl_contact td {
	padding: 10px 15px;
}

.contactInfo01 {
	padding: 5px 5px 5px 5px;
	font-size: 0.9em;
}
.contactInfo02 {
	padding: 5px 5px 5px 20px;
	font-size: 0.9em;
	border-left: 1px solid #3E82B9;
}
	.contactInfo01 h5,
	.contactInfo02 h5 {
		color: #004DA0;
		font-weight: bold;
	}
	.contactInfo01 address,
	.contactInfo02 address {
		color: #787878;
		line-height: 140%;
		font-size: 0.9em;
	}
	



.copyright {
	width: 920px;
	font-size: 0.85em;
	margin: 0 auto;
	padding: 5px 10px 5px 20px;
	color: #fff;
	background: #004DA0;
}


/*clearfix*/
div:after {  
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
}