@charset "utf-8";

/* =================== 共通 =================== */
*{ /* marginとpaddingのリセット */
	margin: 0;
	padding: 0;
}
body{
	font-size: 16px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #000000;
	background: #7b1f1f url(../img/back_brick.png) fixed;
}
p, dt, ul, ol{
	font-size: 94%;
	line-height: 146%;
}
img{
	border: 0;
}
a{
	text-decoration: none;
	color: #3b5d0d;
	background: none;
	font-weight: bold;
}
a:hover{
	color: #a22323;
	background: none;
}
.hidden{
	display: none;
}
/* clearfix */
.clearfix:after, clear {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
img.alignright{
	float: right;
	margin: 0 0 15px 15px;
}
img.alignleft{
	float: left;
	margin: 0 15px 15px 0;
}
body #head h1{
	height: 65px;
	margin-bottom: 5px;
}
.photo{
	display: block;
	padding: 10px;
	background: #ffffff;
	box-shadow: 2px 1px 8px rgba(119,70,6,0.32);
}
p.reference{ /* 参考資料 */
	text-align: right;
	font-size: 70%;
	clear: both;
}
ul.annotate{ /* 注釈行 */
	margin-top: 15px;
	padding-top: 5px;
	border-top: 1px solid #920c0c;
	list-style: square;
	list-style-position: inside
}
.toolTip{ /* ツールチップの?アイコン */
	cursor: help; 
	position: relative;
	color: #920c0c;
	font-weight: normal;
	margin: 0 4px 0 2px;
	padding: 0 0 0 16px;
	background: url("../img/back_tooltip.png") no-repeat left center;
}
a:hover.toolTip{
	background: url("../img/back_tooltip.png") no-repeat left center;
}
p.right{ /* 右寄せテキスト */
	text-align: right;
}
.clear-none{
	clear: none !important
}

/* =================== レイアウト（全ページ共通） =================== */
#container{ /* 全体を入れるコンテナ */
	width: 945px;
	margin: 0 auto;
	background: #fff9ec url(../img/back_sikkui.png);
	clear: both;
}
#content{/* コンテンツ部分 */
	width: 935px;
	padding: 5px;
	position: relative;
}
/* フッタ */
#foot{
	width: 945px;
	height: 20px;
	padding: 5px 0;
	margin: 5px 0 0 0;
	background: #300505 url(../img/back_foot.png) top no-repeat;
	float: none;
	clear: both;
}
#foot ul#foot-nav{/* フッタナビゲーション */
	float: left;
	list-style: none;
}
#foot ul#foot-nav li{
	display: block;
	float: left;
	padding: 0px 10px;
	font-size: 82%;
	font-weight: normal;
}
#foot ul#foot-nav li.leftline{
	border-left: 1px solid #ffffff;
}
#foot ul#foot-nav li a{
	color: #ffffff;
	font-weight: normal;
}
#foot ul#foot-nav li a:hover{
	color: #f5e08c;
}
#foot #copyright{/* コピーライト表示 */
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	background: none;
	background-image: none;
	font-size: 13px;
	padding: 2px 10px 0 0;
}

/* =================== トップページ =================== */
/* ヘッダ */
body#top #head{
	height: 370px;
	float: none;
	clear: both;
}
body#top #head #slideshow{
	width: 720px;
	height: 300px;
	float: left;
	margin-left: 5px;
}
/* グローバルナビゲーション */
body#top #head ul#global-nav{
	float: right;
	list-style: none;
	margin-right: 5px;
}
body#top #head ul#global-nav li{
	width: 210px;
	height: 55px;
	margin-top: 6px;
}
body#top #head ul#global-nav li.top{
	margin-top: 0px;
}
/* コンテンツ */
body#top #content .two-column{
	width: 714px;
	float: left;
	margin-right: 5px;
	clear: right;
}
body#top #content .two-column p{
	padding: 5px 10px;
}
/* 催し物 */
body#top #content .two-column #event{
	background: #f7edce url(../img/back_event.png);
	margin-bottom: 5px;
	padding-bottom: 5px;
}
body#top #content #event h3{
	clear: both;
	padding: 2px 10px;
	color: #f9edba;
	background: url(../img/back-event-h3.png);
	font-weight: normal;
	font-size: 18px;
	letter-spacing: 2px;
}
body#top #content .two-column #event dl{
	padding: 5px 10px;
}
body#top #content .two-column #event dl dt{
	font-weight: bold;
	color: #7a2121;
	background: none;
	float: left;
	padding: 5px 0;
	width: 75px;
	margin-right: 5px;
	clear: both;
}
body#top #content .two-column #event dl dd{
	float: none;
}
body#top #content .two-column #event dl dd ul{/* イベントが2回以上ある場合はリストにする */
	list-style: none;
	line-height: 163%;
	padding: 5px 10px;
}
/* 更新情報 */
body#top #content .two-column #whatsnew{
	padding-bottom: 5px;
}

body#top #content .two-column #whatsnew dl{
	padding: 5px 10px;
}
body#top #content .two-column #whatsnew dl dt{
	float: left;
	font-weight: bold;
	color: #073b8a;
	width: 80px;
	margin-right: 5px;
	padding: 5px 0;
	clear: both;
}
body#top #content .two-column #whatsnew dl dd{
	float: left;
	width: 247px;
}
/* 新規入荷の本 */
body#top #content .two-column #arrival dl dt{
	font-weight: bold;
	color: #073b8a;
	padding: 0 10px;
	margin: 5px 0;
	clear: both;
}
body#top #content .two-column #arrival dl dd{
	border-bottom: 1px solid #422121;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
/* リクエスト */
body#top #content .two-column #request{
	background: url(../img/back_request.png) #f4ffea;
	padding-bottom: 5px;
}
/* おすすめリンク */
body#top #content #right-column{
	width: 210px;
	float: left;
}
body#top #content #right-column ul#recommend{
	list-style: none;
}
body#top #content #right-column ul#recommend li{
	margin-bottom: 5px;
}
/* 山田文庫ご案内 */
body#top #content #right-column #info dl{
	position: absolute;
	width: 210px;
	bottom: 0;
	font-size: 80%;
	text-align: center;
	margin-bottom: 10px;
}
body#top #content #right-column #info dl dt{
	margin-top: 5px;
	border-top: 1px solid #702f2f;
	padding-top: 4px;
	
}
body#top #content #right-column #info dl dd.name{ /* お知らせの団体名 */
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #661818;
}

/* =================== サブページ =================== */
/* グローバルナビゲーション */
body#sub #container #head ul#global-nav{
	list-style: none;
	width: 940px;
	height: 40px;
	margin-left: 5px;
	float: none;
	clear: both;
}
body#sub #container #head ul#global-nav li{
	display: inline-block;
}
/* パンくずリスト */
body#sub #container #head ul#breadcrumb{
	font-size: 69%;
	line-height: 126%;
	width: 940px;
	height: 30px;
	background: url(../img/back_sub-breadcrumb.png) left bottom no-repeat;
	margin-left: 5px;
	padding-left: 5px;
	line-height: 30px;
	list-style: none;
	float: left;
}
body#sub #container #head ul#breadcrumb li{
	display: inline-block;
	text-indent: 12px;
	margin-left: 5px;
	background: url(../img/back_sub-breadcrumb_arrow.png) left center no-repeat;
}
body#sub #container #head ul#breadcrumb li a{
	font-weight: normal;
	color: #044b80;
	background: none;
}
body#sub #container #head ul#breadcrumb li a:hover{
	color: #bf2f2f;
	background: none;
}
body#sub #container #content h3{
		font-size: 20px;
		color: #1d3573;
		background: url(../img/back-sub-h3.png) no-repeat left center;
		text-indent: 24px;
		letter-spacing: 0.2em;
		line-height: 24px;
		margin: 20px 0 15px;
		font-weight: normal;
		clear: both;
}
/* 2カラムの場合 */
body#sub #container div.two-column #article{
	width: 705px;
	float: left;
	padding: 0 0 0 10px;
}
body#sub #container div.two-column #local-nav{ /* ローカルナビ */
	width: 210px;
	float: right;
}
body#sub #container div.two-column h2{ 
	width: 705px;
	height: 40px;
	float: none;
	vertical-align: middle;
	
}
body#sub #container div.two-column #local-nav ul{
	list-style: none;
}
body#sub #container div.two-column #local-nav ul li{
	font-size: 1px;
	line-height: 1px;
}
div.two-column .column{ /* コラム */
	width: 675px;
	margin: 20px 0;
	padding: 15px;
	background: url(../img/back_event.png);
	box-shadow: 2px 1px 8px rgba(119,70,6,0.32);
	clear: both;
	float: none;
}
div.two-column .column h4{
	font-weight: normal;
	font-size: 18px;
	color: #1d3573;
	text-indent: 18px;
	background: url(../img/back_list.png) no-repeat left center;
	vertical-align: middle;
	clear: both;
}
div.two-column .column p{
	color: #606060;
}
/* 1カラムの場合 */
body#sub #container div.one-column{
	width: 915px;
	padding: 5px 15px;
}
body#sub #container div.one-column h2{
	width: 915px;
	height: 40px;
	float: none;
}
/* 記事部分 */
body#sub #container #content p{
	margin: 10px 0;
	line-height: 147%;
}
body#sub #container #content p strong{
	font-weight: normal;
	color: #a92222;
}
/* フォトギャラリー */
body#sub #container #content a.gallery{
	padding: 10px;
	margin: 0 15px 15px 0;
	display: block;
	float: left;
}
body#sub #container #content ul.gallery-list{
	list-style: none;
	float: left;
}
/* ボランティアについて */
body#sub #container div.two-column ul.staff{
	list-style: none;
	margin-left: 15px;
}
body#sub #container div.two-column ul.staff li{
	padding-left: 20px;
	line-height: 15px;
	margin-bottom: 15px;
	background: url(../img/back_list.png) no-repeat left center;
}
/* メールフォーム */
body#sub #container #content .error{
	color: #9d0000;
	font-weight: bold;
	margin-bottom: 10px;
}
body#sub #container #content ul.error{
	line-height: 137%;
	list-style: decimal inside;
}
body#sub #container #content .error em{
	font-style: normal;
}
body#sub #container #content dl.mailform dt{
	color: #800404;
	text-align: left;
	clear: both;
}
body#sub #container #content dl.mailform dt.single-line{
	width: 120px;
	float: left;
	margin: 0 10px 10px 0;
	clear: both;
}
body#sub #container #content dl.mailform dd{
	margin-bottom: 10px;
}
body#sub #container #content .submit-button{
	text-align: center;
}
body#sub #container #content dl.result dt{
	color: #800404;
	line-height: 137%;
	width: 130px;
	float: left;
	clear: both;
}
body#sub #container #content dl.result dd{
	float: none;
	padding-left: 140px;
	margin-bottom: 10px;
}
body#sub #container #content form.inline{
	display: inline;
	margin-right: 10px;
}
/* ご利用案内 */
body#sub #container #content dl.access{
	margin: 18px;
}
body#sub #container #content dl.access dt{
	float: left;
	background: url(../img/back_list.png) left center no-repeat;
	width: 160px;
	margin-right: 15px;
	height: 20px;
	text-indent: 18px;
	clear: both;
	color: #1d3573;
}
body#sub #container #content dl.access dd{
	margin-bottom: 15px;
	border-bottom: 1px solid #702f2f;
	padding: 0 0 2px 175px
}
#map{ /* Google Map */
	margin: 10px 0px 10px 10px;
	height: 400px;
	width: 895px;
	z-index: 1;
	box-shadow: 2px 1px 8px rgba(119,70,6,0.32);
}
body#sub #container #content iframe.alignright{
	display: block;
	width: 500px;
	float: right;
	margin: 10px 0 10px 0;
}
/* 財団概要 */
body#sub #container div.two-column .summary h4{
	font-size: 100%;
	font-weight: normal;
	background: url(../img/back_list.png) left center no-repeat;
	text-indent: 20px;
	line-height: 16px;
	margin: 10px 0;
}
body#sub #container div.two-column .summary p{
	margin-left: 16px;
}

body#sub #container div.two-column .summary ol{
	list-style-position: inside;
	margin-left: 50px;
	text-indent: -16px;
}
body#sub #container div.two-column .summary ul{
	list-style: none;
	margin: 0 30px ;
    text-indent: -16px;
}
body#sub #container div.two-column .summary h5{
	font-size: 100%;
	text-align: center;
	font-weight: normal;
	border-top: 2px solid #510505;
	border-bottom: 2px solid #510505;
	padding: 2px 0;
	margin-bottom: 10px;
}
body#sub #container div.two-column .summary table{
	width: 100%;
	border-collapse: collapse;
	border: 2px solid #966565;
}
body#sub #container div.two-column .summary table th{
	padding: 5px;
	border: 2px solid #966565;
	background: #c4a18a;
	height: 20px;
	line-height: 20px;
	font-weight: normal;
}
body#sub #container div.two-column .summary table td{
	padding: 5px;
	background: #ffffff;
	border: 2px solid #966565;
}
body#sub #container div.two-column .summary dt{
	float: left;
	width: 135px;
	line-height: 15px;
	background: url(../img/back_list.png) no-repeat left center;
	padding: 0 0 0 20px;
	margin-right: 5px;
	clear: both;
}
body#sub #container div.two-column .summary ul.disclosure li{
	display: block;
	background: url(../summary/img/pdficon_large.png) no-repeat left center;
	height: 32px;
	line-height: 30px;
	padding: 6px 0 0 36px;
	margin-bottom: 10px;
}
body#sub #container div.two-column #article dl.found-history{ /* 沿革 */
	margin: 15px 0;
}
body#sub #container div.two-column #article dl.found-history dt{
	width: 175px;
	float: left;
	clear: both;
	color: #114184;
	font-weight: bold;
}
body#sub #container div.two-column #article dl.found-history dd{
	padding-left: 180px;
	margin-bottom: 15px;
	border-bottom: 1px solid #510505
}
body#sub #container div.two-column #article dl.found-history dd dl dt{
	float: none;
	width: auto;
	line-height: 15px;
	margin-bottom: 5px;
	background: url(../img/back_list.png) no-repeat left center;
	padding: 0 0 0 20px;
	font-weight: normal;
	color: #000000;
}
body#sub #container div.two-column #article dl.found-history dd dl dd{
	padding: 0;
	border: none;
}
body#sub #container div.two-column #article dl.found-history dd dl dd ol{
	list-style-position: inside;
}
body#sub #container div.two-column #article dl.tabular{
	border-left: 1px solid #510505;
	border-right: 1px solid #510505;
	border-bottom: 1px solid #510505;
	background: url(../summary/img/index-back_tabular.png);

}
body#sub #container div.two-column #article dl.tabular dt{
	float: left;
	width: 150px;
	padding: 12px 10px 0 10px;
}
body#sub #container div.two-column #article dl.tabular dd{
	padding: 0 0 1px 170px;
	border-top: 1px solid #510505;
}
/* 催し物のご案内 */
body#sub #container .event div#poster iframe.alignright{
	display: block;
	width: 500px;
	float: right;
	margin-left: 10px;
}
body#sub #container .event div#poster h4{
	width: 360px;
	padding: 2px 10px;
	color: #f9edba;
	background: url(../img/back-event-h3.png);
	font-weight: normal;
	font-size: 18px;
	letter-spacing: 2px;
	margin: 10px 0;
}
body#sub #container .event div#poster dl dt{
	float: left;
	clear: left;
	width: 80px;
	display: list-item;
	list-style: square inside;
	padding-left: 10px;
	color: #702f2f;
	font-weight: bold;
}
body#sub #container .event div#poster dl dd{
	padding-left: 90px;
	margin-bottom: 10px;
}
body#sub #container .event div#poster dl dd ul{
	list-style: none;
}
body#sub #container .event div#poster dl dd p{
	padding: 0;
	margin: 0;
}
body#sub #container .event div#poster{
	background-image: url(../img/back_event.png);
	padding: 10px 10px 2px 10px;
	margin-top: 10px;
	box-shadow: 2px 1px 8px rgba(119,70,6,0.32);
}
body#sub #container .event div#poster h3{
	margin: 0px;
}
body#sub #container .event .introduce h4{
	font-weight: normal;
	font-size: 18px;
	color: #1d3573;
	text-indent: 18px;
	background: url(../img/back_list.png) no-repeat left center;
	vertical-align: middle;
	clear: both;	
}
/* 個人情報保護 */
body#sub #container .privacy h4{
	display: list-item;
	list-style: decimal inside;
	font-size: 100%;
	font-weight: bold;
	color: #811212;
}
/* サイトマップ */
body#sub #container .sitemap a{
	color: #1d3573;
	font-weight: normal;
}
body#sub #container .sitemap a:hover{
	color: #a22323;
}
body#sub #container .sitemap ul{
	list-style: square inside;
	color: #a22323;
	padding-left: 22px;
}
body#sub #container .sitemap ul li{
	margin-bottom: 10px;
}
/* お散歩マップ */
#mountain{ /* 全体を入れるコンテナ */
	width: 945px;
	margin: 0 auto;
	background: #fff9ec url(../img/back_sikkui.png);
	clear: both;
}
#main{/* コンテンツ部分 */
	width: 935px;
	padding: 5px;
	position: relative;
}
#mountain{
    height:1000px;
	background-color:none;
}
/* グローバルナビゲーション */
body#sub #mountain #head ul#global-nav{
	list-style: none;
	width: 940px;
	height: 40px;
	margin-left: 5px;
	float: none;
	clear: both;
}
body#sub #mountain #head ul#global-nav li{
	display: inline-block;
}
/* パンくずリスト */
body#sub #mountain #head ul#breadcrumb{
	font-size: 69%;
	line-height: 126%;
	width: 940px;
	height: 30px;
	background: url(../img/back_sub-breadcrumb.png) left bottom no-repeat;
	margin-left: 5px;
	padding-left: 5px;
	line-height: 30px;
	list-style: none;
	float: left;
}
body#sub #mountain #head ul#breadcrumb li{
	display: inline-block;
	text-indent: 12px;
	margin-left: 5px;
	background: url(../img/back_sub-breadcrumb_arrow.png) left center no-repeat;
}
body#sub #mountain #head ul#breadcrumb li a{
	font-weight: normal;
	color: #044b80;
	background: none;
}
body#sub #mountain #head ul#breadcrumb li a:hover{
	color: #bf2f2f;
	background: none;
}
#main{
    display: grid;
    grid-template-columns: 300px 400px 230px ;
    grid-template-rows: 80px 80px 170px 300px;
    margin: 0;    
    height:1000px;
	background-color:#e0ebaf;
}	
#article_c{
  grid-column:1/3;
  grid-row:1;
  background-color: #c5c56a;
  font-size: 80%;
 }   
 #spotThumb{
  grid-column:1/3;
  grid-row:2;
  background-color: #3eb370;  
  display:flex;
  flex-flow:row wrap;
  justify-content:space-around;
  list-style-type: none:
}
#spotInfo{
 grid-column:1;
 grid-row:3;
 background-color: #a6c8b2;
 }
#spotPhoto{
 grid-column:1;
 grid-row:4;
 background-color:#bed2c3;
 } 
#googlemap{
 grid-column:2;
 grid-row:3/5;
 background-color: #a59564;
 } 
#aside{
 grid-column:3;
 grid-row:1/4;
 background-color: #3b7960;
 list-style-type: none; 
 }