/*-------------------------------------------------------------
///////////////////////////////////////////////////////////////
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, 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ここまで*/


/*html5未対応ブラウザ用*/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }



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

body {
	height:100%;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	color: #333;
	font-size:76%;
	line-height:160%;
	background: url(../images/bg_x.png) top repeat-x #ECE0CA;
	/*背景#C3AE95*/
}

body#home {
	background: url(../images/bg_home.png) top repeat-x #fff;
}

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

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;}
.italic {font-style: italic;}
.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;}

.marker {
  background: linear-gradient(transparent 40%, #ff9 40%); 
}



a {
	color:#5892FF;
	text-decoration: underline;
	outline:0;
}
a:hover {
	color:#e50012;
	text-decoration: none;
}

.clearFix:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
	zoom:1;
}





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

/*ページベース
------------------------------------------------------*/
html, body {
	height: 100%;
}
body > #wrapper {
    height: auto;
}

#wrapper {
	width:950px;
	margin:0 auto;
	position:relative;
	text-align:left;
}


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

#header {
	width:950px;
	height:121px;
	position:relative;
}
#logo {
	display:block;
	width:605px;
	height:53px;
	background-image:url(../images/logo.png);
	position:absolute;
	top:40px;
	left:25px;
	text-indent:-9999px;
}

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

#contentsWrap {
	width:950px;
}

/*mainVisual
------------------------------------------------------*/

#mainVisual {
	width:758px;
	float:right;
}

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

#contentsAreaHome {
	width:950px;
	position:relative;
	padding-top:20px;
}

#contentsArea {
	width:758px;
	float:right;
	padding-bottom:50px;
	/*background: url(../images/bg_contentsArea.png) top repeat-x #F6F0E3;*/
	background:#fff;
}

.contents {
	width: 700px;
	margin: 0 auto;
	padding: 20px 0px 200px;
}

/*サブエリア
------------------------------------------------------*/

.contentsHome {
	width:900px;
	padding:20px 25px 0;
}

#subArea {
	width:100%;
	height:187px;
	background: url(../images/bg_subArea.png) repeat-x;
}
	#subAreaInner {
		width:900px;
		padding:27px 25px 0;
		margin:0px auto 0;
		background: url(../images/btmLine.png) top no-repeat;
	}

#date_venue {
	width: 895px;
	height: 116px;
	background: url(../images/date_venue.png) no-repeat;
	margin:0px auto;
	text-indent:-9999px;
}


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

#sideAreaHome {
	display: inline; /*ie6*/
	float:left;
	width:192px;
	height:498px;
	background:url(../images/bg_sideAreaHome.png) top no-repeat #E4D2AE;
	position:relative;
}

#sideArea {
	display: inline; /*ie6*/
	float:left;
	width:192px;
	padding-bottom:50px;
	background:url(../images/bg_sideArea.png) top no-repeat #E7D5B2;
	position:relative;
}

.ul_sideBanner {
	width: 182px;
	margin: 10px auto;	
}
.ul_sideBanner img:hover {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity:0.75;
}


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

#gNavi {
	width:182px;
	margin:20px auto 0px;
}

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

#gNavi li a#menu10 {
	margin-bottom:0;	
}

a#menu01 {
	background-position:0 0;
}
a#menu02 {
	background-position:0 -38px;
}
a#menu03 {
	background-position:0 -76px;
}
a#menu04 {
	background-position:0 -114px;
}
a#menu05 {
	background-position:0 -152px;
}
a#menu06 {
	background-position:0 -190px;
}
a#menu07 {
	background-position:0 -228px;
}
a#menu08 {
	background-position:0 -266px;
}
a#menu09 {
	background-position:0 -304px;
}
a#menu10 {
	background-position:0 -342px;
}

a#menu01:hover {
	background-position:-182px 0;
}
a#menu02:hover {
	background-position:-182px -38px;
}
a#menu03:hover {
	background-position:-182px -76px;
}
a#menu04:hover {
	background-position:-182px -114px;
}
a#menu05:hover {
	background-position:-182px -152px;
}
a#menu06:hover {
	background-position:-182px -190px;
}
a#menu07:hover {
	background-position:-182px -228px;
}
a#menu08:hover {
	background-position:-182px -266px;
}
a#menu09:hover {
	background-position:-182px -304px;
}
a#menu10:hover {
	background-position:-182px -342px;
}



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

#footer01 {
	width:100%;
	height: 150px;
	background: url(../images/bg_footer.png) repeat-x;
}
	#footer01 div {
		width:950px;
		margin:0 auto;
		padding-top:15px;
		position:relative;	
		color:#fff;
		font-family: 'times new roman',serif;
	}
	#footer01 h5 {
		font-size:1.2em;
		font-weight:bold;	
	}
	#footer01 a {
		color:#fff;
	}
	#logo_JSP {
		position:absolute;
		top:20px;
		right: 0;	
	}



#footer02 {
	padding: 10px 10px;
	background: #5A4C36;
}
	#footer02 p {
		width:930px;
		margin:0 auto;
		color:#fff;
		font-size:0.9em;
		font-weight:bold;
	}