@charset "UTF-8";
/* CSS Document */

/*
font-family:'Helvetica Neue', Helvetica, Arial, Verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
*/

/* --- 基本設定　--- */
body {
    width:100%;
    margin:0;
    padding:0;
    color:#666;
    line-height: 26px;
    background: #BAE3F9;
	font-size: 14px;
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	
    }
p {
	margin: 0;
	}
img {
	margin: 0;
	padding: 0;
	border-style:none;
}
a {
	text-decoration: none;
}
a:link { color: #005590; }
a:visited { color: #005590; }
a:hover { color: #F90; }
a:active { color: #005590; }

ul {
	list-style: none;
	margin-top: 0;
}
.c-both {
    clear: both;
}	

h1,h2,h3,h4 {
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}
h2 {
	width: 706px;
	border-top: 1px solid #666;
	border-bottom: 2px dotted #666;
	padding: 3px 10px;
	margin: 15px 0;
	background-color: #99CCFF;
	font-weight: bold;
	}
h3 {	
	color: #005590;
	font-size: 16px;
	font-weight: bold;
	}
h4 {	
	color: #005590;
	font-size: 16px;
	}
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

/* --- スマホの文字調整　--- */	
body {
    -webkit-text-size-adjust: 100%;
}

body#sp wrapper,body#sp content,
body#sp sidebarLeft,body#sp sidebarRight{
  width:100%;
}
body#sp {
}

	
/* --- top用　--- */	
div#top_container {
	width:1000px;
	margin: 0 auto;
	}	
	
/* --- top以外用　--- */	
div#container {
	width:980px;
	margin: 0 auto;
	}
	
header p {
		margin-bottom: 0px;
		}
	
/* --- topのヘッダー　--- */		
header.top_header {
	height: 580px;
	z-index: 0;
	}
div.top_title_koshin {
	height: 300px;
}
	
/* --- top以外のヘッダー　--- */		
header.kaso_header {
	height: 160px;
	}
/* --- topの背景　--- */	
div.bg_ph {
			width: 1000px;
			background: #BAE3F9 url(../images/top_main_bg.png) no-repeat;
			margin: auto;
			background-position: center 130px;/* --- TOPメインパネル背景の位置　--- */
			}	




	
/* --- topのサイトタイトル　--- */
section#title {
	float: left;
	padding: 5px 0 0 0px;
}
section#title p{
	position:relative;
	top: 10px;
	margin: 0 0 0 100px;
	}
section#title img#title_img{
	position: relative;
	margin-bottom: 15px;
	}
	
	
	
	
/* --- topの更新　--- */
section#koushin {
	float: right;
	border-radius: 6px;
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px; /* Firefox用 */  
	border: 1px solid #666;
	padding: 2px 10px 4px 10px;
	max-width: 400px;
	line-height: 18px;
	margin-top: 25px;
	margin-right: 20px;
	background-color: #fff;
	}
section#koushin h1 {
	font-size: 14px;
	}
#koushin p {
		font-size: 12px;
		}
		
#koushin div.wn dl{
width: 100%; /* 更新情報の幅 */
margin: 0;
height: 80px;/* --- 更新情報の高さ　--- */
border-top: 1px #c0c0c0 dotted; /* 更新情報の上境界線 */
overflow:auto;
font-size: 0.75em;
}




		
/* --- TOPメインパネル　--- */
nav.main-p {
			background: url(../images/top_main.png) no-repeat;
			margin: auto;
			background-position: center 0px;
			position: absolute;
			top: 130px;/* --- TOPメインパネル 上からの位置　--- */
			margin: auto;
}


/* --- TOP　メイン画面　設置　--- */
nav.main-p img {
	position: relative;
	top: 0px;
	z-index: 1;
	}
	
	
	
/* --- TOPサブメニュー　--- */
div.sab_nav {
	position: relative;
	top: 16px;
	left: 10px;
	text-align:left;
	}
div.sab_nav ul{
	color: #005590;
	margin-top: -160px;
	}
div.sab_nav ul li{
	margin-top: 160px;
	float: left;
	position: relative;
	z-index: 2;
	left: -30px;
}


/* --- TOP　サブナビより下部分をセンターにする　--- */
div#main_contents {
	width: 960px;
		}



/* --- サイドとメインのフロート　--- */
aside.l_side {
	width: 250px;
	padding-top: 20px;
	padding-left: 20px;
	float: left;
	}
	
/* --- 一覧のサイドとメインのフロート　--- */
div#left_nav{
	width: 250px;
	float: left;
	}
div#main{
	float: right;
	width: 730px;
	}
	
#top_main {
	width: 710px;
	float: left;
	margin-top: 15px;
	}
	
/* --- サイドカラム　--- */
aside.l_side p{
	margin-top: 6px;
	}
aside.l_side h3 {
	margin-top: 14px;
	}
	
	
#counter {
	margin-top: 15px;
	}

#top_main #youkoso p {
	font-size: 1em;
	line-height: 32px;
	}
	
	
/* --- 　トップページ　一覧ページの　一覧部分　--- */	
img.ichiran_i {
	float: left;
	width: 100px;
}
div.ichiran_mo {
	float: left;
	width: 580px;
	margin-left:20px;
	}
	
section.ichiran-1 {
	height: 75px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: dotted 2px #666;
	}



/* フッター	 */	
footer address {
	font-size: 12px;
	}
footer {
	position: relative;
	top: 60px;
	text-align: center;
	}
	
	



/* CSS ギャラリーのスクリプト用	 */	
    img {  border: none; }  
    div.caption {  
        position: relative;  
    }  
    div.caption p {  
        margin: 0;  
        font-size: .9em;  
        position: absolute;  
        bottom: 0;  
        left: 0;  
        background: #FFF;   
        color: #333;  
        opacity: .7;  
    }  

#demo1 div.caption p	{
	padding: 5px 10px;
}

/* トップ以外の背景	 */	
body.bg {
			background: #BAE3F9;
			margin: auto;
			padding: 20px 0;
			background-position: center 35px;
			}	
	
/* トップ以外のメニュー	 */	
nav.nav_s {
	position: relative;
    top: -30px;
	}
nav.nav_s img {
	float: left;
	width: 105px;
	height: 126px;
	}
	
	
/* 一覧のサイドメニュー	 */	
div#left_nav {
	float: left;
	width: 220px;
	letter-spacing: 2px;
	margin-right: 30px;
	padding-top: 10px;
	color: #005590;
	overflow: auto;
	}

div#left_nav ul li{
	border-bottom: 1px dotted #666; 
	padding: 1px 0;
	}
	
div#left_nav ul li a:link { color: #005590; }
div#left_nav ul li a:visited { color: #005590; }
div#left_nav ul li a:hover { color: #F90; }
div#left_nav ul li a:active { color: #005590; }

/* 一覧のサイドメニュー	 */	
/* サイドメニューをジャバスクで固定			 */	
#sideWrap{
	width:220px;
	}
 #side{
	width:220px;
	}
div#contents {
	width: 980px;
	margin:0 auto 30px; 
	}



/* 一覧のメニュータイトル	 */	
section#kaku_title {
	float: right;
	}
h2.kaku_title {
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	border-style: none;
	padding: 8px 12px;
	margin: 0 0 10px 0;
	background-color:  #005590; 
	letter-spacing: 4px;
	}
	
	
/* 一覧ページの個別タイトル	 */	
section#syosai_main {
	float: right;
	width: 730px;
	}
	
/* 一覧ページのメイン上へ重ねる	 */	
section#syosai_main {
	position: relative;
	z-index: 100000;
	}


/* --- ページャー --- */						
div.f-left {clear: both;
			float: left;
			margin-bottom: 30px;}
			
div.f-right {float: right;
			margin-bottom: 30px;}

div.f-left a,div.f-right a {color: #1F2C5C;}




/* ご朱印一覧 */	
table.goshuin_ichiran {
	width: 730px;
	border-spacing: 1px;
	text-align: center;
	}
table.goshuin_ichiran td.goshuin_ichiran_ph{	
	padding-top: 10px;
	width: 180px;

	}
	

td.goshuin_ichiran_moji{
	line-height: 18px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: dotted 2px #666;
	width: 180px;
	}
	
/* ご朱印一覧　見出し */
h3 {
	
}
h4.tera {
	letter-spacing: 4px;
	font-size: 21px;
	margin: 10px 0 10px 0;
	}

h4.jinja {
	letter-spacing: 4px;
	font-size: 21px;
	margin: 20px 0 10px 0;
	}
h3.shi {
	color: #FFF;
	background-color:#005590 ;
	padding: 5px 10px;
	letter-spacing: 4px;
	font-size: 25px;
	}
h3.shi_1 {
	margin-top: 10px;
	}
/* ご朱印一覧　リンクの色 */
td.goshuin_ichiran_moji a:link { color: #666; }
td.goshuin_ichiran_moji a:visited { color: #666; }
td.goshuin_ichiran_moji a:hover { color: #C00; }
td.goshuin_ichiran_moji a:active { color: #666; }

/* ご朱印県別　県名の色 */
h2.goshuin_title {
	font-size: 32px;
	color: #005590;
	background-color: #bae3f9;
	border-style: none;
	padding: 0;
}

.goshuin_kazu{
font-size: 16px;
}

/* マンホール　一覧　見出し */

table.manhole_ichiran {
	width: 730px;
	border-spacing: 1px;
	text-align: center;
	}
table.manhole_ichiran td.manhole_ichiran_ph{	
	width: 240px;
	heigh: 180px;
	padding: 10px 0;
	}
	
td.manhole_ichiran_moji{
	line-height: 15px;
	margin-bottom: 10px;
	width: 240px;
	text-align: left;
	border-bottom: 2px dotted #666666;
	padding: 0 20px 10px 20px;
	}

p.manhole_title {
	font-weight: bold;
	font-size: 14px;
    border-bottom: 3px double #666666;
    color: #1f2c5c;
    padding: 10px 0px;
    text-align: center;
}

p.manhole_dezain {
	font-size: 14px;
	margin-top: 6px;
	padding: 0 10px;
    color: #666666;
    font-size: 13px;
    line-height: 18px;
    padding: 10px 0;
    text-align: center;
}
	
h3.ken {
	color: #FFF;
	background-color:#005590;
	padding: 5px 10px;
	letter-spacing: 4px;
	font-size: 25px;
	margin-bottom: 5px;
	}


/* ページトップへ戻る　追従 */

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: none;
    text-decoration: none;
    color: none;
    width: 100px;
    padding: 0px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: none;
}


/* 日本神話 */


.shinwa_title{
background-color: #3983c5;
    border-style: none;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 4px;
    margin: 60px 0 10px;
    padding: 6px 8px;
}

.shinwa_sub {
	padding: 3px 0px;
	margin: 15px 0 10px 0;
	font-weight: bold;
	}
	
#shinwa_top p{
	 line-height: 22px;
	clear: both;
}



/*ナビゲーション*/

#globalnavi{
  margin: 0 0 30px 0;
  padding: 0;
  width: 980px;
}

#globalnavi ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#globalnavi li{
  float: left;
  width: 20%;
  margin: 0;
  padding: 0;
}

#globalnavi a{
  text-align: center;
  display:block;
  padding: 0.5em 0;
  width: 100%;
  background-color: #95ceee;
  color: #3983c5;
}

#globalnavi a:hover{
  background-color: #3983c5;
  color: white;
}
#globalnavi li.active a {
    background: #3983c5;
}




/*アコーディオン*/
/*ボックス全体*/
.accbox {
    margin: 4em 0;
    padding: 0;
    max-width: 980px;/*最大幅*/
 　clear: both;
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #FFF;
    font-weight: bold;
    background: #3983c5;
    cursor :pointer;
    transition: all 0.5s;
}

/*アイコンを表示*/
.accbox label:before {
    content: '\f054';
    font-family: 'FontAwesome';
    padding-right: 8px;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#3983c5;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    background: #bae3f9;
    opacity: 1;
}

.accbox .accshow p {
    margin: 15px 10px}

/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    content: '\f078';
}