@charset "UTF-8";

/* -------------------------------------------------- */
/* sp-mayor（共通部分のCSSのみを書きます） */
/* -------------------------------------------------- */

body {
	/*background: url(../img/top/bg_band.png) repeat-x center top;*/
	background: url(../img/top/bg.jpg) repeat-x center top;
}
#Main {
	width: 100%;
    margin: 0px auto; padding: 0px;
	/*background: #EBF1F1;*/
}
#Contents {
	width: 1100px;
    margin: 0 auto; 
	/*padding: 60px 0 0 0;*/
	padding: 0 0 0 0;
}
@media only screen and (max-width: 767px) {
	#Contents { width: 100%; }
}

.align_center {
	text-align: center;
	margin: auto !important;
}
.align_right {
	text-align: right;
}
.align_left {
	text-align: left;
}

.float_left {
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.float_right {
	float:right;
	margin-left: 10px;
	margin-bottom: 10px;
}


/* -------------------------------------------------- */
/* グローバルナビ */
/* -------------------------------------------------- */

nav {
	width: 100%;
	margin: 0 0 75px 0; padding: 0;
	/*border: 1px solid #000;*/
}
nav ul {
	display: -ms-flexbox; display: -webkit-flex; display: flex;
	-ms-flex-wrap: wrap; -webkit-flex-flow: wrap; flex-flow: wrap;
	width: 1020px;
	margin: 0px auto;
	padding-top: 10px;
	justify-content: center;
	/*border: 1px solid #000;*/
}
nav li {
	/*margin-right: 15px; padding: 0;*/
	margin-right: 0; padding: 0;
	text-indent: -10000px;
	background: url(../img/top/nav_border.png) no-repeat left top;
}
nav li:last-child { margin-right: 0; }
nav li a {
	display: block;
	height: 20px;
}

nav #nav_00 { background: url(../img/top/nav_00.png) no-repeat center top; width: 55px; }
nav #nav_01 { background: url(../img/top/nav_01.png) no-repeat center top; width: 113px; }
nav #nav_02 { background: url(../img/top/nav_02.png) no-repeat center top; width: 78px; }
nav #nav_03 { background: url(../img/top/nav_03.png) no-repeat center top; width: 88px; }
nav #nav_04 { background: url(../img/top/nav_04.png) no-repeat center top; width: 124px; }
nav #nav_05 { background: url(../img/top/nav_05.png) no-repeat center top; width: 106px; }
nav #nav_06 { background: url(../img/top/nav_06.png) no-repeat center top; width: 128px; }
nav #nav_07 { background: url(../img/top/nav_07.png) no-repeat center top; width: 114px; }
nav #nav_08 { background: url(../img/top/nav_08.png) no-repeat center top; width: 103px; }
nav #nav_09 { background: url(../img/top/nav_09.png) no-repeat center top; width: 111px; }

nav #nav_00:hover { background: url(../img/top/nav_00.png) no-repeat center bottom; }
nav #nav_01:hover { background: url(../img/top/nav_01.png) no-repeat center bottom; }
nav #nav_02:hover { background: url(../img/top/nav_02.png) no-repeat center bottom; }
nav #nav_03:hover { background: url(../img/top/nav_03.png) no-repeat center bottom; }
nav #nav_04:hover { background: url(../img/top/nav_04.png) no-repeat center bottom; }
nav #nav_05:hover { background: url(../img/top/nav_05.png) no-repeat center bottom; }
nav #nav_06:hover { background: url(../img/top/nav_06.png) no-repeat center bottom; }
nav #nav_07:hover { background: url(../img/top/nav_07.png) no-repeat center bottom; }
nav #nav_08:hover { background: url(../img/top/nav_08.png) no-repeat center bottom; }
nav #nav_09:hover { background: url(../img/top/nav_09.png) no-repeat center bottom; }

@media only screen and (max-width: 767px) {
	nav { display: none; }
	
	nav ul {
		width: auto;
		display: block;
	}
	nav li {
		margin-right: 0px; padding: 0;
		text-indent: 0px;
		/*border: 1px solid #FF0000;*/
	}
	nav li a {
		display: block;
		height: 10px;
	}
	
	nav #nav_00, nav #nav_01, nav #nav_02, nav #nav_03, nav #nav_04, 
	nav #nav_05, nav #nav_06, nav #nav_07, nav #nav_08, 
	nav #nav_09, nav #nav_10, nav #nav_11, nav #nav_12 { background: none; } 
	
	nav #nav_00:hover, nav #nav_01:hover, nav #nav_02:hover, nav #nav_03:hover, nav #nav_04:hover, 
	nav #nav_05:hover, nav #nav_06:hover, nav #nav_07:hover, nav #nav_08:hover, 
	nav #nav_09:hover, nav #nav_10:hover, nav #nav_11:hover, nav #nav_12:hover { background: none; }
}

/* -------------------------------------------------- */
/* 区切り線 */
/* -------------------------------------------------- */

hr {
	height: 42px;
	margin: 0 0 30px 0; padding: 0;
	/*background: url(../img/top/bg_hr.png) no-repeat center top;*/
	border: 0;
}
@media only screen and (max-width: 767px) {
	hr {
		display: none;
		height: 8px;
		margin: 0 0 30px 0; padding: 0;
		/*background: url(../img/top/bg_hr.png) no-repeat center top;*/
		border: 0;
	}
}

/* -------------------------------------------------- */
/* 特設サイトへのリンク */
/* -------------------------------------------------- */

#sp {
	width: 1058px;
	margin: 0px auto 30px auto;
}
#sp li {
	margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px;
	float: left;
}
#sp img {
    width: 350px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	float: left;
}
@media only screen and (max-width: 767px) {
#sp {
	width: 100%;
	margin: 0px 0px 50px 0px;
}
#sp li {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	float: none;
}
#sp li img {
	width: 100%;
	margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px;
}
}

/* -------------------------------------------------- */
/* フッター */
/* -------------------------------------------------- */

footer {
	width: 100%;
	margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px;
	text-align: center;
}
footer #submenu {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	text-align: center;
}
footer #submenu li {
	display: inline-block;
	margin: 0px 20px 10px 0px; padding: 0px 0px 0px 25px;
	line-height: 1;
}
footer #author strong {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	color: #000; font-size: 1.5em; font-weight: bold; line-height: 1.5em;
}
footer #author p {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	color: #000; line-height: 1.5em;
}

footer #author p br {
	display: none;
}

footer a:link      { color: #000; text-decoration: underline; }
footer a:hover     { color: #000; text-decoration: none; }
footer a:active    { color: #000; text-decoration: none; }
footer a:visited   { color: #000; text-decoration: underline; }

@media only screen and (max-width: 767px) {
	footer {
		width: 100%;
		margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
		text-align: center;
		background: none;
	}
	footer #submenu {
		margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px;
		text-align: center;
		border-top: 1px solid #D5D5D5;
	}
	footer #submenu li {
		margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
		display: block;
		border-bottom: 1px solid #D5D5D5;
	}
	footer #submenu li a {
		margin: 0px 0px 1px 0px; padding: 20px 0px;
		display: block;
	}
	footer #author {
		margin: 0px 0px 0px 0px; padding: 14px 0px 14px 0px;
		/*background: #009081;*/
	}
	footer #author p    { margin: 0px 15px; padding: 0px 0px 0px 0px; line-height: 1.5em; }
	footer #author p br { display: block; }
}

/* -------------------------------------------------- */
/* ページスクロール */
/* -------------------------------------------------- */

#Top_Pager {
	display: none;
    position: fixed; bottom: 20px; right: 20px;
    font-size: 100%;
}
#Top_Pager a {
    display: block;
    /*width: 50px; height: 50px;*/
	padding: 5px 15px;
	color: #FFF; text-align: center; text-decoration: none; line-height: 10px;
	border-radius: 25px;
    background: #009080; /*background: #006BB9;*/
	border: 1px solid #FFF;
}
#Top_Pager span {
	/*display: block;*/
	/*text-indent: -9999px;*/
}

/* -------------------------------------------------- */
/* 表示・非表示の設定 */
/* -------------------------------------------------- */

.pc { display: block; }
@media only screen and (max-width: 767px) {
.pc { display: none; }
}
.sp { display: none; }
@media only screen and (max-width: 767px) {
.sp { display: block; }
}

/* -------------------------------------------------- */
/* お知らせ（ブラウザの右側に配置） */
/* -------------------------------------------------- */

#position_news {
	position: fixed;
	right: 0;
	top: 360px;
	z-index: 1000;
}
@media only screen and (max-width: 767px) {
	#position_news {
		position: fixed;
		right: 0;
		top: 28vh;
		z-index: 1000;
	}
}