/* CSS Document */
@charset "UTF-8";
@media screen and (min-width: 960px) { /*ウィンドウ幅が960px以上の場合に適用*/

/* ボディ */
body {
	margin: 0px;
	padding: 0px;
	background-color: #ede7d9 ;
	background-image: url("../image/sekibutsu_bg.jpg");
	background-position: left top;
	background-attachment: fixed;
	font-family: "游明朝" , "ヒラギノ明朝 ProN W3" , serif;
}

/* ブロック要素 */
/* ベース */
.base {
	width: 1000px;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 0;
}

/* 上タイトル */
.title_index {
	height:450px;
	width: auto;
	margin: 0;
	padding: 0;
	background-image: url("../image/title_index.png");
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
}

.title {
	height:225px;
	width: auto;
	margin: 0;
	padding: 0;
	background-image: url("../image/bg_title.png");
	background-repeat: repeat-x;
	background-size:800px 225px;
	background-position: left top;
	text-align: center;
}

.area {
	width: 950px;
	margin: 0 0 0 25px;
	text-align: center;
	float: left;
}

.sekibutsu {
	width:950px;	/* 横幅のサイズを指定    */
	height:100px; 
	background-image: url("../image/s_top.png");
	background-size:100% auto;
	background-repeat: no-repeat;
	margin: 0 0 0 25px;
}

.sekibutsu2 {
	width:950px;	/* 横幅のサイズを指定    */
	background-image: url("../image/s_inside.png");
	background-size:100% auto;
	background-repeat: repeat-y;
	margin: 0 0 0 25px;
	padding: 0px 0 10px 0 ;
}


.comment {
	width: 950px;
	height: auto;
	background-image: url("../image/s_inside.png");
	width:950px;	/* 横幅のサイズを指定    */
	background-repeat: repeat-y;
	background-size:100% auto;
	margin: 0 0 0 25px;
	padding: 0 0 10px 0 ;
}

.s_para {
	width: 800px;
	height: auto;
	margin: 0 0 0 75px;
	padding: 0 ;
}

.h_para {
	width: 900px;
	height: auto;
	margin: 0 0 0 25px;
	padding: 0 ;
}

.sekibutsu_bottom {
	width: 950px;
	height: auto;
	background-image: url("../image/s_bottom.png");
	background-size:contain;
	width:950px;	/* 横幅のサイズを指定    */
	height:25px; 
	background-repeat: no-repeat;
	margin: 0 0 0 25px;
}
/* 上部ナビ */
.g_menu {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
}

.g_menu a {
	color: #000;
	text-decoration: none;
}

.g_menu ul li {
	text-align: center;
	font-size: 18px;
	font-family: "游明朝" , "ヒラギノ明朝 ProN W3" , serif;
	width: 200px;
	height: 50px;
	display: inline-block;
	padding:5px ;
}

/* フッタ */
.footer {
	width:auto;
	height:166px;
	margin: 0;
	padding: 0;
	background-image: url("../image/bg_footer.png");
	background-repeat: repeat-x;
	background-size:800px 167px;
	background-position: left top;
}

/* クリア */
.clear {
	clear: both;
	height: 0px;
	font-size:0px;
}

/* クリア_5px*/
.clear_5 {
	clear: both;
	height: 5px;
	font-size:0px;
}

/* クリア_10px*/
.clear_10 {
	clear: both;
	height: 10px;
	font-size:0px;
}

/* クリア_30px*/
.clear_30 {
	clear: both;
	height: 30px;
	font-size:0px;
}

.clear_30b {
	clear: both;
	height: 30px;
	font-size:0px;
	width:950px;	/* 横幅のサイズを指定    */
	background-image: url("../image/s_inside.png");
	background-size:100% auto;
	background-repeat: repeat-y;
	margin: 0 0 0 25px;
}

.number li {
	list-style: decimal;
	text-align: right;
	margin: 0;
	padding:0px 5px 0px 0px;
	display: inline;
}

/* 整数番号付きリスト */
ol {
	text-align: left;
	padding:0px 0px 0px 2em;
	list-style-type:decimal;
	font-size:13px;
	inline: block;
}

/* ツイッター等リンク*/
.t-bottan ul {
	display: flex;
}

.t-bottan li{
	width: calc(100% / 3);
	text-align: center;
}


/* IE6 */
ul.center li {
	_display: inline;
	list-style-type: none; 
}
 
/* IE7 */
*:first-child+html ul.center li {
	display: inline;
}

/* H1 */
h1 {
	font-size: 24px;
	color: #000000;
	display: none;
	text-align: left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

/* H2 */
h2 {
	font-size: 24px;
	color: #000;/*文字色*/
	font-family: "游ゴシック" , "游ゴシック体" , sans-serif;
	padding: 12px;/*文字周りの余白*/
	display: inline-block;/*おまじない*/
	line-height: 1.0;/*行高*/
	text-align: center;
	vertical-align: middle;
}

h2.s_map {
	color: #fff;/*文字色*/
	background: #888;/*背景色*/
	text-align: left;
	vertical-align: middle;
	border-radius: 25px 25px 25px 25px;/*左側の角を丸く*/
	width: 876px;
}

h2.s_map:before {
	content: "●";
	color: #ccc;
	margin-right: 8px;
}

h2.hiwada {
	color: #fff;/*文字色*/
	background: #6bb82d;/*背景色*/
	text-align: left;
	vertical-align: middle;
	border-radius: 25px 25px 25px 25px;/*左側の角を丸く*/
	width: 876px;
}

h2.hiwada:before {
	content: "●";
	color: #a2db74;
	margin-right: 8px;
}

h2.maki {
	color: #fff;/*文字色*/
	background: #00b6ee;/*背景色*/
	text-align: left;
	vertical-align: middle;
	border-radius: 25px 25px 25px 25px;/*左側の角を丸く*/
	width: 876px;
}

h2.maki:before {
	content: "●";
	color: #89dffa;
	margin-right: 8px;
}

h2.maesaka {
	color: #fff;/*文字色*/
	background: #eb6336;/*背景色*/
	text-align: left;
	vertical-align: middle;
	border-radius: 25px 25px 25px 25px;/*左側の角を丸く*/
	width: 876px;
}

h2.maesaka:before {
	content: "●";
	color: #f6b49e;
	margin-right: 8px;
}

h2.kohiwada {
	color: #fff;/*文字色*/
	background: #eb70a6;/*背景色*/
	text-align: left;
	vertical-align: middle;
	border-radius: 25px 25px 25px 25px;/*左側の角を丸く*/
	width: 876px;
}

h2.kohiwada:before {
	content: "●";
	color: #f4b3cf;
	margin-right: 8px;
}

h2.tomenohara {
	color: #fff;/*文字色*/
	background: #a795c6;/*背景色*/
	text-align: left;
	vertical-align: middle;
	border-radius: 25px 25px 25px 25px;/*左側の角を丸く*/
	width: 876px;
}

h2.tomenohara:before {
	content: "●";
	color: #cbc4d7;
	margin-right: 8px;
}

h2.kyukamakura {
	color: #fff;/*文字色*/
	background: #c9865d;/*背景色*/
	text-align: left;
	vertical-align: middle;
	border-radius: 25px 25px 25px 25px;/*左側の角を丸く*/
	width: 876px;
}

h2.kyukamakura:before {
	content: "●";
	color: #dcb69f;
	margin-right: 8px;
}


/* H3 */
h3 {
	font-size: 21px;
	font-weight: bold;
	font-family: "游ゴシック" , "游ゴシック体" , sans-serif;
	line-height: 1.5em;
	color: #000;
	margin: 0px;
	text-align: left;
}

h3.s_num {
	color: #fff;
	margin: 0;
	padding: 1.5em 0 0 1em;
	text-align: left;
}

h3.s_name {
	color: #673b0c;
	margin: 0em 0em 0em 0em;
	padding: 0;
	text-align: center;
}

h3.s_name2 {
	color: #673b0c;
	margin: 0em 0em 0em 0em;
	padding: 0;
	text-align: center;
}


/* H4 */
h4 {
	font-size: 18px;
	font-family: "游ゴシック" , "游ゴシック体" , sans-serif;
	color: #000000;
	margin: 0em 0em 0em 0em;
	padding: 10px 0;
	text-align: center;
}

/* 本文 */
p {
	font-size: 16px;
	color: #000000;
	line-height: 1.5em;
	margin: 0.5em 0em 0.5em 0em;
	text-align: left;
	text-indent: 1em;
}

p.center {
	font-size: 16px;
	font-family: "游ゴシック" , "游ゴシック体" , sans-serif;
	line-height: 1.5em;
	margin: 0.5em 0em 0.5em 0em;
	text-align: center;
	text-indent: 0em;
}

p.caption {
	font-size: 12px;
	line-height: 1.5em;
	text-align: center;
	text-indent: 0em;
}

/* （）内 */
.kakko {
	font-size: 18px;
	font-weight: normal;
}

/* 画像 */
img {
	border: 0px;
	width: 100%;
	height: auto;
}

img.menu {
	border: 0px;
	width: 200px;
	height: 50px;
	box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.25);
}

img.map-title{
	text-align: center;
	width: 500px;
	height: auto;
	margin: 20px 0 20px 0px;
	padding: 0;
	height: auto;
}

img.map-title2{
	text-align: center;
	width: 800px;
	height: auto;
	margin: 20px 0 20px 0px;
	padding: 0;
	height: auto;
}

img.area_map{
	text-align: center;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0;
}

img.img_sekibutsu{
	text-align: center;
	width: 800px;
	height: 535px;
	margin: 0;
	padding: 0;
}

img.small {
	float: right;
	width: 50%;
	height: 50%;
	margin: 3px 0 0 10px ;
	padding: 0;
}


img.img_50{
	text-align: center;
	width: 50%;
	height: 50%;
	margin: 0;
	padding: 0;
}

img.img_30{
	text-align: center;
	width: 30%;
	height:30%;
	margin: 0;
	padding: 0;
}


/* スクロールアップ */
#scrollUp {
	bottom:100px;
	right: 30px;
	height: 60px;  /* Height of image */
	width: 60px; /* Width of image */
	background: url(../image/to_top.png) no-repeat;
}

/* 動画 */

video {
	width: 100%;
}

/* リンク */
a {
	text-decoration:none; 
}

a:hover{color: #9e3333; text-decoration: none;}
a.black:link{color: #000000 ;text-decoration: none;font-weight: normal; font-size: 11px;}
a.black:visited {color: #000000 ;text-decoration: none;font-weight: normal; font-size: 11px;}
a.black:hover {color: #aa0000; text-decoration: none ;font-size: 11px;}
a.mark:link{color: #3c8899 ;text-decoration: none;font-weight: normal; font-size: 11px;}
a.mark:visited {color: #3c8899 ;text-decoration: none;font-weight: normal; font-size: 11px;}
a.mark:hover {color: #FF1493 ;font-size: 11px;}

/* コピーライト */
.copyright {
	font-size: 10px;
	color: #000000;
	margin: 10px 10px 10px 10px;
	text-align: center;
}
