/** CSSリセット **/
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, strong, 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%;
    vertical-align: baseline;
	font-family: "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",sans-serif;
}
/* 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;
}

/** ★★★ここから上は触らない！！★★★ **/

/** ★★★全体レイアウト★★★ **/

body{  
margin: 0;  
padding: 63px 0 0 0;  
font-size:10pt;
color:#333;
}  

* html body{  
overflow: hidden;  
}   

div#header {
position: fixed !important;  
position: absolute;  
top: 0;  
left: 0;  
width: 100%;  
height: 60px;  
color: #fff;  
padding-left:15px;
z-index:9;

background: #b94047; /* Old browsers */
background: -moz-linear-gradient(top,  #b94047 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b94047), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b94047 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b94047 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b94047 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b94047 0%,#8f0222 44%,#6d0019 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b94047', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */

}  

div#main {
margin:0 auto;
max-width: 850px;  
overflow:hidden;
line-height:140%;
background-color:#fff;

/**
box-shadow: 3px 8px 2px 2px #ccc;
**/
}  

div#footer {
float:none;
clear:both;
margin:20px 0;
text-align:center;
font-size:8pt;
color:#999;
line-height:120%;
}


/** ★★★全体共通★★★ **/

ul {
	border:0;
	padding:0px;
	margin:1em 1em 1em 2em;
	}

ul li {
	list-style:square outside url(../img/030.gif);
	line-height: 140%;
	margin:0 0 0.8em 0;
	padding:0 0 0.2em 0;
	border:0;
	}

h1 {
	margin:0.5em 0 0.5em;
	padding: 15px 14px;
	font-size:18pt;
	line-height:18pt;
	color:#000;

background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

h3 {
	margin:1.2em 0px 0.5em;
	padding:4px 10px;
	font-size:13pt;
	line-height:18pt;
	background-color: #b94047;
	color:#fff;

}

hr {
	border: 0px;
	border-top:2px dotted #ccc;
	color:#fff;
	text-align:center;
	width:100%;
	margin:0.5em 0 0.5em 0;
	padding:0;
}

img {
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

/**　★★リンクのスタイル設定★★　**/

a {
	color: #00f;
	text-decoration:none;
	}

a:hover {
	color: #309;
	text-decoration:underline;
	}

a.img {
	color: #fff;
	text-decoration:none;
	}

a:hover.img {
	color: #fff;
	text-decoration:none;
	}

/** ★★★Header★★★ **/

div#header a {
	display:block;
	float:left;
	font-size:12pt;
	color: #fff;
	margin:0 8px;
	line-height:58px;
	font-family: 'Helvetica','Verdana';
	letter-spacing: 1px;
	
}


div#menu a:hover, div#menuEng a:hover {
	color: #fff;
	}

/** ★★★パンくず★★★ **/

div#pankuzu {
	margin: 3px 0;
	padding:5px 12px;
	line-height:110%;
	font-size:9pt;
	border:1px solid #ddd;

background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

/** ★★★トップページ設定★★★ **/

.toppage {

}

/** ★★★テーブル型メニュー★★★ **/

.menutable {
	margin:10px auto;
	display:table;
}

.menucell {
	display:table-cell;
	text-align:center;
	padding:2px;
	line-height:100%;

}

.menucell a {
	display:block;
	height:30px;
	line-height:30px;
	font-size:14pt;
	letter-spacing: 1px;
	vertical-align:bottom;	

}

div.menucell a.image {
	display: table-cell;
	width:150px;
	height:150px;
	text-align:center;
	vertical-align:middle;
	border:1px dotted #888;

	background-color:#ddd;
	background: -moz-linear-gradient(top, #eee, #bbb);
	background: -webkit-gradient(linear, center top, center bottom, from(#eee), to(#bbb));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFeeeeee', endColorstr='#FFbbbbbb');
}

div.menucell a.image:hover {

	border:1px solid #666;
	
	background-color:#b94047;

	background: -moz-linear-gradient(top, #b94047, #992027);
	background: -webkit-gradient(linear, center top, center bottom, from(#b94047), to(#992027));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFb94047', endColorstr='#FF992027');
}

/** ★★★テーブル型ギャラリー★★★ **/

.picstable {
	margin:10px auto;
	display:table;
	overflow:auto;
	padding-left:20px;
}

.withCaption {
	display:inline-block;
	padding:5px 8px 5px 6px;
	text-align:center;
	margin:5px 3px;
	vertical-align:top;
	border:1px dashed #aaa;
}

.withCaption a {
	display:inline-block;
	border:1px solid #fff;
	padding:0;
	margin-bottom:5px;

box-shadow:rgba(97, 48, 73, 0.529412) 2px 2px 3px 1px;
-webkit-box-shadow:rgba(97, 48, 73, 0.529412) 2px 2px 3px 1px;
-moz-box-shadow:rgba(97, 48, 73, 0.529412) 2px 2px 3px 1px;
}

.withCaption a:hover {
box-shadow:rgba(0, 0, 0, 0.9) 2px 2px 3px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.9) 2px 2px 3px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.9) 2px 2px 3px 1px;
}

.withCaption a.shinbun {
	display:inline;
	border:0;
	padding:0;
	margin:0;

box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}

.withCaption img {
	padding:0;
}

.picstable > a {
	display:inline-block;
	margin:4px;
	width:120px;
	height:90px;
	padding:1px;
	text-align:center;

border:1px solid #eee;
box-shadow:rgba(97, 48, 73, 0.529412) 2px 2px 3px 1px;
-webkit-box-shadow:rgba(97, 48, 73, 0.529412) 2px 2px 3px 1px;
-moz-box-shadow:rgba(97, 48, 73, 0.529412) 2px 2px 3px 1px;
}

.picstable > a:hover {
border:1px solid #eee;
box-shadow:rgba(0, 0, 0, 0.9) 2px 2px 3px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.9) 2px 2px 3px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.9) 2px 2px 3px 1px;
}

/** ★★写真★★ **/

.photo {
	margin:2em auto 1em;
	text-align:center;
	padding:0 15px;
	}

.photo img {
	padding:2px;

box-shadow:rgba(97, 48, 73, 0.529412) 2px 2px 5px 1px;
-webkit-box-shadow:rgba(97, 48, 73, 0.529412) 2px 2px 5px 1px;
-moz-box-shadow:rgba(97, 48, 73, 0.529412) 2px 2px 5px 1px;
}

.old > img { /** 小さい写真を２つずつ並べるとき **/
	margin:5px 2px;
}


.captionpics { /** キャプションをつけるとき **/
	text-align:left;
	margin:0 5px 15px;
	display:inline-block;
	vertical-align:top;
	font-size:9pt;
}

.captionpics img {
	margin-bottom:5px;
}

/** ★★★表にしたいとき★★★ **/

table.hyou {
	margin:1em auto;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
}


table.hyou td, table.hyou th {
	padding:5px 15px;
	font-size:9pt;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	text-align:center;
}

table.hyou th {
	font-weight:bold;
	background-color:#eee;
}

/** ★★★個別★★★ **/

.logo { /** トップページのロゴ **/
	margin:10px 20px 0 0;
	background-color:#fff;
	float:left;
	width:200px;
}

.textbox { /** トップページで使ってるボックス **/
	margin:10px 5px;
	border:1px solid #bbb;
	border-radius: 10px;
	padding:10px 10px;
	background-color:#fff;
	overflow:hidden;
	box-shadow: 1px 1px 2px 2px #aaa;
}

.textbox h3 {
	margin:5px 0 5px;
	background-color:#fee;
	color:#b94047;
}

div.photo > a { /** NEXT、BACKボタン **/
	display:inline-block;
	font-size:12pt;
	margin:5px;
	padding:6px 8px;
	line-height:100%;
	border:2px solid #000;
	text-decoration:none;
	color:#000;
}

div.photo > a:hover {
	background-color: #ccc; 
	text-decoration:none;
}

ul.gallary > li { /** ギャラリーの年度別リスト **/
        font-size:13pt;
	line-height:28px;
	margin: 0;
	padding: 5px 0;
}