@charset "utf-8";

/* =====================================================================

	1.layout
	2.パン屑
	3.メイン
	4.base

===================================================================== */

/* =====================================================================
	1.layout
===================================================================== */
#contents{
}
.contents_bottom{
	clear:both;
	width:970px;
	height:30px;
	line-height:20px;
	background:#F7F7F7 url(img/contents_bottom.gif) no-repeat top;
}
#shiryou{
	margin-bottom:10px;
	text-align:center;
}
.blank{
	padding-right:15px;
	background:url(img/blank.gif) no-repeat right center;
}
.pdf{
	padding-right:15px;
	background:url(img/pdf.gif) no-repeat right center;
}
.excel{
	padding-right:15px;
	background:url(img/excel.gif) no-repeat right center;
}
.linkBtn a{
	padding:9px 10px 9px 24px;
	text-decoration:none !important;
	background:#F6F6F6 url(img/ic_side.gif) no-repeat 9px center;
	border:1px solid #DDD;
}
.linkBtn a:hover{
	text-decoration:none !important;
	background:#E3E3E3 url(img/ic_side.gif) no-repeat 9px center;
}


/* =====================================================================
	2.パン屑
===================================================================== */
.pan{
	height:29px;
	margin:0 auto;
	padding:0 0 0 20px;
	line-height:29px;
	text-align:left;
	background:#F6F6F6;
	border-right:1px solid #DDD;
}
.pan a,
.pan a:link,
.pan a:visited,
.pan a:active { color: #333; text-decoration:none;}
.pan a:hover { color: #333; text-decoration: underline;}


/* =====================================================================
	3.メイン
===================================================================== */
/* レイアウト */
div.entry{
	clear:both;
	padding:20px;
	border-top:1px solid #DDD;
	border-right:1px solid #DDD;
}
div.entry2{
	clear:both;
	padding:20px;
}
div.entrybody{
	clear:both;
	margin-bottom:20px;
	padding:0;
}
#news div.entrybody{
	min-height:350px;
	_height:350px;
}
div.fL{
	float:left;
	clear:left;
}
div.fR{
	float:right;
	clear:right;
}
div.fL:after,
div.fR:after,
div.box2_inner:after,
div.entry:after,
div.entrybody:after{
	display:block;
	height:0;
	content:"";
	clear:both;
	visibility: hidden;
}
div.box1{
	width:737px;
	border-top:1px solid #DDD;
	border-right:1px solid #DDD;
}
.box2{
	float:left;
	display:inline;
	width:368px;
	border-top:1px solid #DDD;
	border-right:1px solid #DDD;
}
div.box3{
	float:left;
	display:inline;
	width:245px;
	border-top:1px solid #DDD;
	border-right:1px solid #DDD;
}
div.box3w{
	float:left;
	display:inline;
	width:491px;
	border-top:1px solid #DDD;
	border-right:1px solid #DDD;
}

div.entry_redflame{
	clear:both;
	padding:20px;
	border-top:1px solid #DDD;
	border-bottom:3px solid #c00;
	border-right:3px solid #c00;
	border-left:3px solid #c00;
}

/* -------------------------------------------------------------------
	p(テキスト）
------------------------------------------------------------------- */
#mainContents h1{
	clear:both;
	padding:17px 20px;
	font-size:134%;
	line-height:45px;
	border-bottom:1px solid #DDD;
	border-right:1px solid #DDD;
}
#about #mainContents h1,
#education #mainContents h1,
#schedule #mainContents h1{ background:url(img/h1_about.jpg) no-repeat right center;}
#exhibition #mainContents h1{ background:url(img/h1_exhibition.jpg) no-repeat right center;}
#gold #mainContents h1{ background:url(img/h1_gold.jpg) no-repeat right center;}
#facata #mainContents h1{ background:url(img/h1_facata.jpg) no-repeat right center;}
/*#archives #mainContents h1{ background:url(img/h1_archives.jpg) no-repeat right center;}*/

#mainContents h2{
	position:relative;
	clear:both;
	width:auto;
	*height:22px;
	padding:17px 20px;
	color:#FFFFFF;
	font-size:134%;
	line-height:22px;
	background:#666;
	border-right:1px solid #DDD;
}
#mainContents h3{
	position:relative;
	clear:both;
	width:auto;
	*height:40px;
	padding:6px 20px;
	font-size:134%;
	line-height:40px;
	background:#F6F6F6 url(img/h3_bg.gif) no-repeat left center;
	border-top:1px solid #DDD;
	border-right:1px solid #DDD;
}
#mainContents h3.nondot{
	position:relative;
	clear:both;
	width:auto;
	*height:40px;
	padding:6px 20px;
	font-size:134%;
	line-height:40px;
	background:#F6F6F6;
	border-top:1px solid #DDD;
	border-right:1px solid #DDD;
}

#mainContents h3.w {
	position:relative;
	clear:both;
	width:auto;
	*height:40px;
	padding:16px 20px;
	font-size:134%;
	line-height:30px;
	background:#F6F6F6 url(img/h3_bg.gif) no-repeat left 1.7em;
	border-top:1px solid #DDD;
	border-right:1px solid #DDD;
}


#mainContents .box3w h3{
	clear: none;
	width: 451px;
	border-top:none;
	border-right:none;
	border-bottom:1px solid #DDD;
}
#mainContents h3 .more{
	position: absolute;
	top: 15px;
	right:10px;
	width: 44px;
	height: 20px;
}
#mainContents .box3w h3 .more{
	*left:437px;
}
#mainContents h3 .more a{
	display:block;
	width:44px;
	height:18px;
	color:#666;
	font-size:77%;
	font-weight:normal;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	line-height:18px;
	text-align:center;
	border:1px solid #DDD;
	background:#FFFFFF;
}
#mainContents h3 .more a:hover{
	color:#FFFFFF;
	border:1px solid #666;
	background:#666;
	text-decoration:none;
}
#mainContents h3 .more a{
	font-size:10px;
	line-height:18px;
	border:1px solid #DDD;
	background:#FFFFFF;
}
#mainContents h3.redflame{
	position:relative;
	clear:both;
	width:auto;
	*height:40px;
	padding:6px 20px;
	font-size:134%;
	line-height:40px;
	background:#F6F6F6 url(img/h3_bg.gif) no-repeat left center;
	border-top:3px solid #c00;
	border-right:3px solid #c00;
	border-left:3px solid #c00;
}
#mainContents h4{
	margin-bottom:15px;
	padding:8px 10px 8px 20px;
	color:#FFF;
	font-size:108%;
	font-weight:bold;
	line-height:1.4;
	letter-spacing:1px;
	background:#333 url(img/h4_bg.gif) no-repeat left center !important;
}
#mainContents h5{
	margin-bottom:10px;
	padding:0.2em 5px 0.2em 15px;
	font-size:100%;
	font-weight:bold;
	border-bottom:1px solid #DDD;
	background:url(img/h5_bg.gif) no-repeat 0 bottom;
}
div.entry p{
	margin-bottom:1em;
}
	div.entry a,
	div.entry a:link,
	div.entry a:visited,
	div.entry a:active { color: #06C; text-decoration:underline;}
	div.entry a:hover { color: #06C; text-decoration: none;}

div.entry blockquote{
	overflow:hidden;
	padding:9px 14px;
	background:#F5F5F5;
	border:1px solid #DDD;
}
div.entry blockquote p{
	margin-bottom:0;
}
div.entry p.meta{
	padding:2px 10px;
	text-align:right;
	background-color:#EFEEF5;
	border-top:1px solid #DDD;
}


/* -------------------------------------------------------------------
	リスト
------------------------------------------------------------------- */
div.entry ul{
	margin-bottom:1em;
	list-style:none;
}
div.entry ul li{
	line-height:1.54;
}
div.entry dd ul,
div.entry table ul{
	margin:0;
}
div.entry ol{
	margin-left:2em;
	margin-bottom:1em;
	padding-left:-2em;
	line-height:1.5;
}
.imgList li {
	display: inline-block;
	vertical-align: top;
}


/*
	数字リスト
------------------------------------------------------------------- */
div.entry ol.olNumber{
	margin:0 0 1em 0;
	padding:0;
	list-style:none;
}
div.entry ol.olNumber li{
	margin:0;
	padding:1em 10px 1em 35px;
	border-bottom:1px dotted #DDD;
}
.olNumber .no1{ background:url(img/no1.gif) no-repeat 10px 1em;}
.olNumber .no2{ background:#F9F9F9 url(img/no2.gif) no-repeat 10px 1em;}
.olNumber .no3{ background:url(img/no3.gif) no-repeat 10px 1em;}
.olNumber .no4{ background:#F9F9F9 url(img/no4.gif) no-repeat 10px 1em;}
.olNumber .no5{ background:url(img/no5.gif) no-repeat 10px 1em;}
.olNumber .no6{ background:#F9F9F9 url(img/no6.gif) no-repeat 10px 1em;}


/*
	数字リスト2
------------------------------------------------------------------- */
div.entry ol.olNumber2{
	margin:0 0 1em 0;
	padding:0;
	list-style:none;
}
div.entry ol.olNumber2 li{
	padding:0em 0 0.4em 25px;
}
.olNumber2 .no1{ background:url(img/no1.gif) no-repeat 0 0;}
.olNumber2 .no2{ background:url(img/no2.gif) no-repeat 0 0;}
.olNumber2 .no3{ background:url(img/no3.gif) no-repeat 0 0;}
.olNumber2 .no4{ background:url(img/no4.gif) no-repeat 0 0;}
.olNumber2 .no5{ background:url(img/no5.gif) no-repeat 0 0;}
.olNumber2 .no6{ background:url(img/no6.gif) no-repeat 0 0;}
.olNumber2 .no7{ background:url(img/no7.gif) no-repeat 0 0;}
.olNumber2 .no8{ background:url(img/no8.gif) no-repeat 0 0;}
.olNumber2 .no9{ background:url(img/no9.gif) no-repeat 0 0;}


/*
	ノーマルリスト
------------------------------------------------------------------- */
div.entry ul.List li{
	padding:0 0 0.4em 15px;
	line-height:1.4;
	background:url(img/ic_list.gif) no-repeat 0 0.4em;
}

/*
	ノーマルリスト2
------------------------------------------------------------------- */
div.entry ul.List2 li{
	padding:0 0 0.4em 15px;
	line-height:1.4;
	background:url(img/ic_list2.gif) no-repeat 0 0.35em;
}

div.entry ul.List2 li.lh18{
	line-height:1.8;
	background:url(img/ic_list2.gif) no-repeat 0 0.55em;
}

/*
	ノーマルリスト3
------------------------------------------------------------------- */
div.entry ul.List3 li {
	margin-bottom:9px;
	padding:0 10px 9px;
	border-bottom:1px dotted #DDD;
}


/* -------------------------------------------------------------------
	dl
------------------------------------------------------------------- */
/*
	topList2
------------------------------------------------------------------- */
dl.newsList {
	min-height:350px;
	_height:350px;
}
	dl.newsList dt {
		clear:left;
		float: left;
		width:8em;
		padding: 0.4em 0 0.4em 0;
		color:#666666;
		text-indent:10px;
		line-height: 1.4;
		background:url(img/ic_newslist.gif) no-repeat right 0.8em;
	}
	dl.newsList dd {
		color: #069;
		padding: 0.4em 5px 0.4em 8.5em;
		line-height: 1.4;
		border-bottom:1px solid #D9D9D9;
	}
	dl.newsList dd a,
	dl.newsList dd a:link,
	dl.newsList dd a:visited,
	dl.newsList dd a:active { color: #069; text-decoration:underline !important;}
	dl.newsList dd a:hover { color: #069; text-decoration: none !important;}

	dl.newsList .new{
		display:inline-block;
		width:25px;
		height:11px;
		margin-left:5px;
		font-size:11px;
		line-height:11px;
		vertical-align: text-bottom;
		background: url(img/new.gif) no-repeat left top;
	}


/*
	dlTable
------------------------------------------------------------------- */
dl.dlTable {
	margin-bottom:1em;
	border-bottom: 1px solid #DDD;
	background:#F6F6F6;
}
dl.dlTable dt {
	float: left;
	clear: both;
	display: inline;
	width:8.5em;
	margin: 0;
	margin-right: -8.5em;
	padding:19px 0;
	text-indent:20px;
	letter-spacing:1px;
	line-height:1.5;
	border-top: 1px solid #DDD;
	background:#F6F6F6 url(img/h3_bg.gif) no-repeat left 26px;
}
dl.dlTable dd {
	margin-left:8.5em;
	padding:19px 0 19px 15px;
	line-height:1.5;
	border-top: 1px solid #DDD;
	background-color: #FFF;
}
dl.dlTable .first{
	border-top:none;
}
dl.dlTable {
	/*\*/
	min-height: 1px;
	_height: 1%;
	/* */

	/*\*//*/
	overflow: hidden;
	/**/
}
dl.dlTable:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*
	dlリスト　(ノーマル）
------------------------------------------------------------------- */
div.entry dl.dlList{
	margin-bottom:1em;
}
div.entry dl.dlList dt{
	padding:8px 10px 8px 20px;
	color:#333;
	font-size:108%;
	font-weight:bold;
	line-height:1.4;
	letter-spacing:1px;
	background:#F5F5F5 url(img/h3_bg.gif) no-repeat left center !important;
/*	border-bottom:1px solid #DDD;*/
}
div.entry dl.dlList dd{
	padding:10px 0 0 1em;
}
* html div.entry dl.dlList dd{
	height:1%;
}
/*div.entry dl.dlList dt a,
div.entry dl.dlList dt a:link,
div.entry dl.dlList dt a:visited,
div.entry dl.dlList dt a:active { color: #333; text-decoration:none;}
div.entry dl.dlList dt a:hover { color: #06C; text-decoration: underline;}*/

/*
	ddList
------------------------------------------------------------------- */
dl.ddList {
	margin-bottom:2em;
	border-bottom: none;
	background:#FFF;
}
dl.ddList dt {
	float: left;
	clear: both;
	display: inline;
	width:8.5em;
	margin: 0;
	margin-right: -8.5em;
	padding:2px 0;
	text-indent:20px;
	letter-spacing:1px;
	line-height:1.5;
	border-top: none;
	background:#FFF;
	font-weight:bold;

}
dl.ddList dd {
	margin-left:6.5em;
	padding:2px 0 2px 15px;
	line-height:1.5;
	border-top: none;
	background-color: #FFF;
}
dl.ddList .first{
	border-top:none;
}
dl.ddList {
	/*\*/
	min-height: 1px;
	_height: 1%;
	/* */

	/*\*//*/
	overflow: hidden;
	/**/
}
dl.ddList:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
dl.ddList p{
	margin-bottom:0;
}
/* -------------------------------------------------------------------
	table
------------------------------------------------------------------- */
/*
	table_normal
------------------------------------------------------------------- */
div.entry table.table_normal{
	width:100%;
	margin-bottom:1em;
	border-collapse: separate;
	*border-collapse:collapse; /* for IE6,7 */
	border-spacing:0;
	empty-cells:show;
	border-top:1px solid #DDD;
	border-left:1px solid #DDD;
	border-right:none;
	border-bottom:none;
	background-color:transparent;
}
div.entry table.table_normal th,
div.entry table.table_normal td {
	padding:7px 10px;
	line-height:1.3;
	border-top:none;
	border-bottom:1px solid #DDD;
	border-right:1px solid #DDD;
	border-left:none;
	vertical-align:middle;
}
div.entry table.table_normal thead th {
	text-align:center;
	font-weight:normal;
	background-color:#F6F6F6;
}
div.entry table.table_normal th,
div.entry table.table_normal tbody th{
	font-weight:normal;
	text-align:center;
	line-height:1.3;
	background-color:#F6F6F6;
}
div.entry table.table_normal tbody th.day{
	font-size:10px;
}
div.entry table.table_normal tr.even td{
	background-color:#F5F5F5;
}
div.entry .bg_td{
	background-color:#EFEEF5;
}
div.entry table.table_normal a,
div.entry table.table_normal a:link,
div.entry table.table_normal a:visited,
div.entry table.table_normal a:active { color: #06C; text-decoration:underline !important;}
div.entry table.table_normal a:hover { color: #FFF; text-decoration: none; background:#06C;}


/* -------------------------------------------------------------------
	table_schedule
------------------------------------------------------------------- */
div.entry table.table_schedule{
	width:100%;
	margin-bottom:1em;
	border-collapse: separate;
	*border-collapse:collapse; /* for IE6,7 */
	border-spacing:0;
	empty-cells:show;
	border-top:1px solid #DDD;
	border-left:1px solid #DDD;
	border-right:none;
	border-bottom:none;
	background-color:transparent;
}
div.entry table.table_schedule th,
div.entry table.table_schedule td {
	padding:7px 10px;
	line-height:1.3;
	border-top:none;
	border-bottom:1px solid #DDD;
	border-right:1px solid #DDD;
	border-left:none;
	vertical-align:middle;
}
div.entry table.table_schedule thead th {
	text-align:center;
	font-weight:normal;
	background-color:#F6F6F6;
}
div.entry table.table_schedule th,
div.entry table.table_schedule tbody th{
	font-weight:normal;
	text-align:center;
	line-height:1.3;
	background-color:#F6F6F6;
}
div.entry table.table_schedule tbody th.day{
	font-size:10px;
}
div.entry table.table_schedule tr.even td{
	background-color:#F5F5F5;
}
div.entry .bg_td{
	background-color:#EFEEF5;
}
div.entry table.table_schedule a,
div.entry table.table_schedule a:link,
div.entry table.table_schedule a:visited,
div.entry table.table_schedule a:active {
	display:block;
	width:100%;
	height:100%;
	color: #06C;
	text-decoration:underline !important;}
div.entry table.table_schedule a:hover { color: #FFF; text-decoration: none; background:#06C;}

/* -------------------------------------------------------------------
	tab
------------------------------------------------------------------- */
#tabBox ul#nav {
	width:697px;
	height:45px;
	padding:0 20px;
	border-right:1px solid #DDD;
	background:url(img/tab_bg.gif) repeat-x bottom;
}
#tabBox ul#nav li {
	float:left;
	display:inline;
	font-size:0;
	height:45px;
}
#tabBox ul#nav li a img{
	outline:none;
	height:45px;
	border:none;
}
#tabBox div.tabContents{
	display:none;
	width:697px;
	margin-bottom:30px;
	padding:20px;
	border-right:1px solid #DDD;
}


/* -------------------------------------------------------------------
	form
------------------------------------------------------------------- */
/*
	form
------------------------------------------------------------------- */
.textfield1,
.textfield2,
.textfield3,
.textarea{
	padding:2px 5px;
	border:1px solid #d9d9d9;
}
.textfield1{
	width:60px;
	text-align:right;
}
.textfield2{
	width:30px;
	text-align:right;
}
.textfield3{
	width:280px;
}
.textarea{
	width:400px;
}
#button1{
	overflow:hidden;
	width:120px;
	height:40px;
	border:none;
	text-indent:-9999px;
	background: url(img/btn_submit.gif) no-repeat 0 0;
}
#button2{
	overflow:hidden;
	width:120px;
	height:40px;
	border:none;
	text-indent:-9999px;
	background: url(img/btn_reset.gif) no-repeat 0 0;
}
#button3{
	overflow:hidden;
	width:250px;
	height:40px;
	border:none;
	text-indent:-9999px;
	background: url(img/btn_kakunin.gif) no-repeat 0 0;
}
#button1:hover,
#button2:hover,
#button3:hover{
	filter:alpha(opacity=75);  /* IE7以下用 */
	-ms-filter: "alpha(opacity=75)"; /* IE8用 */
	-moz-opacity:0.75; /* Firefox 1.5未満, Netscape用 */
	-khtml-opacity: 0.75;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
	opacity: 0.75; /* Firefox 1.5以上, Opera, Safari用 */
}
div.entry label{
	padding-right:10px;
}


/* =====================================================================
	4.base
===================================================================== */
/* -------------------------------------------------------------------
	margin
------------------------------------------------------------------- */
#mainContents .mb00{ margin-bottom:0;}
#mainContents .mb01e{ margin-bottom:1em;}
#mainContents .mb02e{ margin-bottom:2em;}
#mainContents .mb03e{ margin-bottom:3em;}
#mainContents .mb04e{ margin-bottom:4em;}
#mainContents .mb05e{ margin-bottom:5em;}
#mainContents .mb05{ margin-bottom:5px;}
#mainContents .mb10{ margin-bottom:10px;}
#mainContents .mb15{ margin-bottom:15px;}
#mainContents .mb20{ margin-bottom:20px;}
#mainContents .mb30{ margin-bottom:30px;}
#mainContents .mb40{ margin-bottom:40px;}
#mainContents .mb50{ margin-bottom:50px;}
#mainContents .mb60{ margin-bottom:60px;}
#mainContents .mb70{ margin-bottom:70px;}
#mainContents .mb80{ margin-bottom:80px;}
#mainContents .mb90{ margin-bottom:90px;}
.mt130{ margin-top:130px;}
.p0{ padding:0 !important;}
#mainContents .pt0{ padding-top:0px;!important}
#mainContents .pt10{ padding-top:10px;}
#mainContents .pt20{ padding-top:20px;}
#mainContents .pt30{ padding-top:30px;}
#mainContents .ml01e{ margin-left:1em;}
#mainContents .ml02e{ margin-left:2em;}
#mainContents .ps05{ padding:0 5px;}
#mainContents .pb01e{ padding-bottom:1em;}
#mainContents .pb05{ padding-bottom:5px;}
#mainContents .pb10{ padding-bottom:10px;}
#mainContents .pb15{ padding-bottom:15px;}
#mainContents .pb20{ padding-bottom:20px;}
#mainContents .pb30{ padding-bottom:30px;}
#mainContents .pb100{ padding-bottom:100px;}

.m0a{margin: 0 auto!important;;}
.ml0{ margin-left:0 !important;}
.ml10{ margin-left:10px;}
.ml01e{ margin-left:1em;}
.ml02e{ margin-left:2em;}

.w50{ width:50px;}
.w70{ width:70px;}
.w80{ width:80px;}
.w90{ width:90px;}
.w100{ width:100px;}
.w120{ width:120px;}
.w130{ width:130px;}
.w135{ width:135px;}
.w140{ width:140px;}
.w150{ width:150px;}
.w160{ width:160px;}
.w180{ width:180px;}
.w200{ width:200px;}
.w210{ width:210px;}
.w240{ width:240px;}
.w250{ width:250px;}

.w300{ width:300px;}
.w310{ width:310px;}
.w320{ width:320px;}
.w325{ width:325px;}
.w338{ width:338px;}
.w345{ width:345px;}
.w280{ width:280px;}
.w350{ width:350px;}
.w360{ width:360px;}
.w370{ width:370px;}
.w400{ width:400px;}
.w410{ width:410px;}
.w430{ width:430px;}
.w440{ width:440px;}
.w470{ width:470px;}
.w500{ width:500px;}
.w690{ width:690px;}
.w100p{ width:100%;}


/* -------------------------------------------------------------------
	boder
------------------------------------------------------------------- */
#mainContents .boderTnone{ border-top:none;}
#mainContents .boderBnone{ border-bottom:none;}
#mainContents .boderLnone{ border-left:none;}
#mainContents .boderRnone{ border-right:none;}
#mainContents .boderT01{ border-top:1px solid #DDD;}

/* -------------------------------------------------------------------
	sidebar
------------------------------------------------------------------- */

#sideInfo figure {
	margin: 0;
}
#sideInfo figure img {
	max-width: 100%;
}
#sideInfo figure figcaption {
	font-weight: 900;
	padding: 8px 12px;
	background: #fff;
}
