@charset "UTF-8";
/* ==================================================
ヘッダー
=====================================================*/
.bd_template1 #header {
	background: url(../img/bg_header.jpg) 50% 158px no-repeat;
}
#header h1,#site_id {
	text-align: center;
	padding: 51px 0 33px 0;
}
/* ========== グローバルナビ =============*/
.nav_global {
	
}
.nav_global ul {
	width: 400px;
	height: 14px;
	margin: 0 auto 25px auto;
}
.bd_template1 .nav_global ul {
	padding-bottom: 157px;
	margin-bottom: 0;
}
.nav_global li {
	float: left;
	margin-left: 60px;
	position: relative;	/* ドロップダウンメニュー：位置基準 */
}
.nav_global li:first-child {
	margin-left: 0;
}
/* level2：ドロップダウンメニュー */
.nav_global li ul {
	/*display: none;*/
	position: absolute;
	top: 14px;
	left: -28px;
	
	height: 33px;
	padding-top: 26px;
}
.nav_global li li {
	float: none;
	margin: 0;
	position: static;
	display: inline;
}
.nav_global li .dropdown_gn_about {
	width: 513px;
	background: url(../img/bg_dropdown_gn_about.gif) no-repeat;
}
.nav_global li .dropdown_gn_info {
	width: 250px;
	background: url(../img/bg_dropdown_gn_info.gif) no-repeat;
}
/*.nav_global li:hover > [class^="dropdown"] {
	display: block;
}*/
/* ==================================================
フッター
=====================================================*/
#copyright {
	text-align: center;
	margin-bottom: 10px;
}
.bd_template1 #footer {
	background: url(../img/bg_footer.gif) center top no-repeat;
	padding-top: 18px;
}
#footer p.address {
	margin:: auto;
	padding: 5px 0 15px;
	text-align: center;
}

/* ==================================================
ホーム
=====================================================*/
#visual_home {
	background: url(../img/img_home01.jpg) center top no-repeat;
	height: 633px;
	margin-bottom: 20px;
}

/* ==================================================
錦天満宮について：歴史
=====================================================*/
#sec_history {
	padding-left: 140px;
	width: 820px;
}
.note {
	font-size: 85%;
	line-height: 1.5;
	margin-top: 5px;
}
/* ブロック1 --------------------------------------*/
.his_block01 {
	background: url(../img/bg_his_block01.jpg) no-repeat 100% 0;
	padding: 50px 330px 0 0;
}
.his_block01 h2 {
	font-size: 124%;
	line-height: 1;
	margin-bottom: 20px;
}
.his_block01 p {
	line-height: 1.7;
	margin-top: 10px;
}
/* ブロック2 --------------------------------------*/
.his_block02 {
	margin: 30px 0 0;
	background: url(../img/bg_his_block02.jpg) no-repeat;
	padding: 50px  0 0 350px;
	height: 207px;
}
.his_block02 p {
	line-height: 1.7;
}
/* ブロック3 --------------------------------------*/
.his_block03 {
	background: url(../img/bg_his_block03.jpg) no-repeat 100% 0;
	padding: 0 300px 0 0;
	height: 223px;
}
.his_block03 dl {
	line-height: 1.7;
}
.his_block03 dl dt {
	float: left;
	width: 6em;
	padding: 5px 0;
}
.his_block03 dl dd {
	padding: 5px 0 5px 6em;
}
.his_block03 dl dd table th {
	font-weight: normal;
	text-align: left;
	width: 7em;
}
/* ブロック4 --------------------------------------*/
.his_block04 {
	background: url(../img/bg_his_block04.jpg) no-repeat;
	padding: 70px  0 0 350px;
	height: 155px;
}
.his_block02 p {
	line-height: 1.7;
}
/* ==================================================
錦天満宮について：境内
=====================================================*/
.bg_content_rt {
	position: relative;
}
/* ブロック1 --------------------------------------*/
.grd_block01 {
	position: relative;
	margin-bottom: 60px;
}
.grd_block01 h2 {
	font-size: 124%;
	line-height: 1;
	margin-bottom: 15px;
}
.grd_block01 p {
	line-height: 1.7;
}
.grd_block01_a {
	width: 622px;
	background: url(../img/bg_grd_block01_a.jpg) no-repeat;
	padding-top: 448px;
}
.grd_block01_b {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 240px;
	background: url(../img/bg_grd_block01_b.jpg) left bottom no-repeat;
	padding: 0 58px 318px 0;
}
/* ブロック2 --------------------------------------*/
.grd_block02 {
	padding: 0 0 500px 30px;
	background: url(../img/bg_grd_block02.gif) no-repeat 0 100%;
}
.grd_block02 section {
	float: left;
	width: 210px;
	margin-right: 20px;
}
.grd_block02 h2 {
	font-size: 124%;
	line-height: 1;
	margin-bottom: 20px;
}
.grd_block02 h2 span {
	font-size: 61%;
	display: block;
	margin-top: 3px;
}
.grd_block02 p {
	line-height: 1.7;
}
.grd_block02 .img {
	line-height: 1;
	margin-bottom: 20px;
}
.grd_block02 table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}
.grd_block02 table tr {
	vertical-align: top;
}
.grd_block02 table th {
	padding: 0 10px 10px 0;
	line-height: 1;
	width: 1%;
	white-space: nowrap;
	text-align: left;
	font-weight: normal;
}
.grd_block02 table td {
	line-height: 1;
	padding: 0 0 10px 0;
}
.grd_block02 table td span {
	font-size: 77%;
	line-height: 1;
}
/* ブロック3 --------------------------------------*/
.grd_block03 {
	background: url(../img/bg_grd_block03.jpg) no-repeat;
	height: 240px;
	padding-left: 290px;
	display: table;
}
.grd_block03 section {
	line-height: 1.7;
	width: 360px;
	display: table-cell;
	vertical-align: middle;
}
.grd_block03 h2 {
	font-size: 124%;
	line-height: 1;
	margin-bottom: 15px;
}
/* ブロック4 */
.grd_block04 {
	position: absolute;
	right: 0px;
	background: url(../img/bg_grd_block04.png) 0 0 no-repeat;
	padding-top: 255px;
	margin-top: -460px;
	width: 230px;
}
.grd_block04 section {
	width: 200px;
}
.grd_block04 h2 {
	font-size: 124%;
	line-height: 1;
	margin-bottom: 15px;
}
.grd_block04 h2 span {
	font-size: 61%;
	display: block;
	margin-top: 3px;
}
/* ==================================================
錦天満宮について：お守り
=====================================================*/
#sec_amulet {
	padding-left: 140px;
	width: 820px;
}
#sec_amulet h2, #sec_amulet .amu_block01 h3 {
	font-size: 124%;
	line-height: 1;
	margin: 0 0 20px;
}
#sec_amulet p {
	line-height: 1.7;
  margin: 10px 0 0;
}
/* ブロック1 --------------------------------------*/
.amu_block01 {
	margin-bottom: 75px;
	padding: 50px 0 0;
}
.amu_block01 ul { margin: 35px 0 0; }
.amu_block01 li {
	width: 260px;
	float: left;
	margin: 0 20px 50px 0;
}
.amu_block01 li:nth-child(3n) { margin-right: 0; }
.amu_block01 li:last-child { margin-bottom: 30px; }
.amu_block01 li img { margin: 0 0 15px; }
.amu_block01 table {
	margin-top: 20px;
	border-left: 1px solid #d54727;
	border-collapse: collapse;
	border-spacing: 0;
}
.amu_block01 table th, .amu_block01 table td { padding: 3px 0; }
.amu_block01 table th {
	width: 4em;
	padding: 0 0 0 15px;
}
/* ブロック2 --------------------------------------*/
.amu_block02 a { color: #fff; }
.amu_block02 ol {
	margin: 30px 0;
	counter-reset: item;
}
.amu_block02 li {
	margin: 0 0 40px;
	padding: 0 0 0 15px;
}
.amu_block02 li h3 {
	font-size: 124%;
	font-weight: normal;
	line-height: 1;
	margin: 0 0 20px -15px;
}
.amu_block02 li h3:before {
	counter-increment: item;
  content: counter(item)'.';
  padding: 3px .5em 3px 15px;
	border-left: 1px solid #d54727;
}
.amu_block02 strong {
	font-size: 124%;
	font-weight: bold;
}
.amu_block02 .amu_btn {
	display: block;
	position: relative;
	background: #d54727;
	color: #fff;
	width: 315px;
	height: 55px;
	margin: 15px 0 0;
	font-size: 124%;
	line-height: 55px;
	text-align: center;
	text-decoration: none;
}
.amu_block02 .amu_btn:before {
	content: "";
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	background: url("../img/amulet_icon.svg") no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.amu_block02 .amu_btn:hover {
	opacity:0.8;
	cursor: pointer;
	text-decoration: none;
}
/* ==================================================
錦天満宮について：からくりおみくじ
=====================================================*/
#sec_other {
	padding-left: 140px;
	width: 820px;
}
.note {
	font-size: 85%;
	line-height: 1.5;
	margin-top: 5px;
}
/* ブロック1 --------------------------------------*/
.other01 {
	background: url(../img/img_about01.jpg) no-repeat 0 0;
	padding: 80px 0 0 400px;
	min-height: 265px;
}
.other01 dt {
	font-size: 124%;
	line-height: 1;
	margin-bottom: 20px;
}
.other01 dd {
	line-height: 1.7;
	margin-top: 10px;
}
/* ブロック2 --------------------------------------*/
.other02 {
	background: url(../img/img_about02.jpg) no-repeat 100% 0;
	margin-top: -80px;
	padding: 130px 400px 0 0;
	min-height: 300px;
}
.other02 dt {
	font-size: 124%;
	line-height: 1;
	margin-bottom: 20px;
}
.other02 dd {
	line-height: 1.7;
	margin-top: 10px;
}
/* ブロック3 --------------------------------------*/
.other03 {
	background: url(../img/img_about03.jpg) no-repeat 100% 100%;
	margin-top: -80px;
	padding: 0 0 100px;
	min-height: 250px;
}
.other03 dt {
	font-size: 124%;
	line-height: 1;
	margin-bottom: 20px;
}
.other03 dd {
	line-height: 1.7;
	margin-top: 10px;
}

/* ==================================================
錦天満宮について：教室
=====================================================*/
#sec_school {
	padding-left: 140px;
	width: 820px;
	position: relative;
}
#sec_school p {
	position: absolute;
	bottom: 20px;
	right: 0px;
}
#sec_school dl {
	padding: 30px 0;
}
#sec_school dl dt {
	float: left;
	width: 7em;
	padding: 5px 1em;
	border-left: 1px solid #d00;
}
#sec_school dl dd {
	margin: 0 0 15px;
	padding: 5px 0 15px 7em;
	border-bottom: 1px dotted #999;
}
/* ==================================================
お知らせ・催し：お知らせ
=====================================================*/
.area_news {	/*clearfix*/
	padding-top: 15px;
}
/* ========== メインカラム =============*/
.col_main {
	float: left;
	width: 580px;
}
.col_sub {
	float: right;
	width: 190px;
	padding-right: 140px;
}
.atcl_post {
	border-top: dotted 1px #cccccc;
	padding-top: 25px;
	margin-top: 25px;
}
.atcl_post:first-child {
	border: none;
	padding-top: 0;
	margin-top: 0;
}
.atcl_post .atcl_header {
	border-left: solid 1px #e7370d;
	padding: 0 0 0 10px;
	margin: 0 0 15px;
}
.atcl_post h2 {
	font-size: 124%;
	line-height: 1.5;
}
.atcl_post h2 a {
	color: #221714;
}
.atcl_post h2 a:hover {
	color: #e7370d;
}
.atcl_post p {
	line-height: 1.7;
	margin-bottom: 1em;
}
.atcl_post img {
	background: #eee;
	border: 1px solid #ccc;
	padding: 5px;
}
.atcl_post .atcl_header p {
	line-height: 1.7;
	margin-bottom: 0;
}
.atcl_post + .pager {
	margin-top: 50px;
}
/* ========== サブカラム =============*/
.col_sub h2 {
	font-size: 124%;
	line-height: 1.5;
	margin-bottom: 15px;
	background: url(../img/bg_bullet1.gif) left center no-repeat;
	padding-left: 14px;
	font-weight: normal;
	font-size: 108%;
}
.nav_post {
	margin-bottom: 40px;
}
.nav_post ul {
	line-height: 1.7;
	font-size: 93%;
}
.nav_post li {
	border-bottom: dotted 1px #cccccc;
	padding: 0 10px 5px 10px;
	margin-bottom: 5px;
}
.sec_archive ul {
	font-size: 93%;
	padding-left: 10px;
	line-height: 1.9;
}
/* ==================================================
お知らせ・催し：催事カレンダー
=====================================================*/
#sec_cal {
	margin: 30px 0 0;
	padding-left: 140px;
	width: 820px;
	position: relative;
}
#sec_cal .nav_month h2 {
	color: #c00;
	font-size: 1.2em;
}
#sec_cal .nav_month h2 span {
	font-size: 1.6em;
	margin: 0 0 0 5px;
}
.nav_month {
	position: relative;
	margin-bottom: 15px;
}
.nav_month ul {
	position: absolute;
	left: 191px;
	top: 50%;
	height: 18px;
	margin-top: -9px;
}
.nav_month li {
	float: left;
	margin-right: 10px;
}
/* ========== カレンダー本体 =============*/
.calendar {
	border: 2px solid #d4d4d4;
}
.cal {
	width: 100%;	/*960-4-8-70=878*/
	border-collapse: separate;
	border-spacing: 0;
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	margin: 0 auto;
}
.cal caption {
	display: none;
}
.col_mon,.col_tue,.col_sta,.col_sun {
	width: 112px;
}
.col_wed,.col_thu,.col_fri {
	width: 112px;
}
.sta {
	color: #006EA7;
}
.sun {
	color: #E7370D;
}
.cal th {
	border-top: 1px solid #d4d4d4;
	border-left: 1px solid #d4d4d4;
	background-color: #f3f3f3;
	padding: 10px 0;
	text-align: center;
	font-weight: normal;
	line-height: 1;
}
.cal td div {	/*Firefoxでtr,th,td要素に対してpositionが指定できない仕様のためdivで囲む*/
	border-top: 1px solid #d4d4d4;
	border-left: 1px solid #d4d4d4;
	padding: 0 5px 2em 5px;
	line-height: 1.4;
	position: relative;
	vertical-align: top;
	min-height: 60px;
}
.not {
	background-color: #f5f5f5;
}
.today {
	background-color: #FBE1DB;
}
.cal td span {
	position: absolute;
	right: 6px;
	bottom: 5px;
}
.holiday span {
	color: #E7370D;
}
.cal td li {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 5px 5px 3px 5px;
	font-size: 93%;
	margin-top: 5px;
}
li[class^="event"] {
	color: #ffffff;
}
.monthly {
	color: #ffffff;
	background-color: #E79B57;
}
.other {
	color: #ffffff;
	background-color: #5D907A;
}
.matsuri {
	color: #ffffff;
	background-color: #A971A0;
}
.ikebana {
	color: #ffffff;
	background-color: #73B9FF;
}
.takiage {
	color: #ffffff;
	background-color: #EA6F68;
}

/* ==================================================
交通アクセス
=====================================================*/

body.access .nav_global li.current a {
	padding-bottom: 28px;
	background: url(../img/arrow_access.png) no-repeat 50% 100%;
}
#access {
	position: relatvie;
	padding-left: 140px;
	width: 820px;
	height: 665px;
	margin-bottom: -50px;
}
#access ul#tabs {
	position: absolute;
	z-index: 9999;
	top: 0px;
}
#access ul#tabs li {
	float: left;
}
#map_canvas  {
	position: relatvie;
	top: 75px;
	z-index: 88;
	display: block;
	width: 765px;
	height: 500px;
	border: 1px solid #c00;
	border-width: 0 1px 1px 1px;
}
.disnon {
    display: none;
}


/* ==================================================
index2
=====================================================*/
body.index #wrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
body.index2 #header {
	position: relative;
	width: 100%;
	background: #fff;
	z-index: 999;
	padding-bottom: 5px;
}
body.index2 #img {
	position: relative;
	width: 100%;
	height: 653px;
	background: url(../img/img_index2.jpg) no-repeat 50% 0;
}



/* ==================================================
index
=====================================================*/

body.index #wrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
body.index #contents {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 200px;
	margin: -150px 0 0 -350px;
	text-align: center;
}
body.index #contents h1 {
	margin-bottom: 50px;
}
body.index #contents .nav_global ul {
	width: auto;
	height: auto;
	margin: 0 auto 80px;
}
body.index #contents .nav_global li {
	display: block;
	float: none;
	margin: 0 0 15px;
}
#mycanvas {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 100;
}
.canvasframe {
	position: relative;
	width: 631px;
	height: 500px;
}