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

/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea,{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.both{
	clear:both;
}

.inline_block {  
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}

/* よく使うCSS start

img {
	max-width:100%;
}

table {
	width:100%;
}

a,a:hover {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

よく使うCSS end -----
時々使うCSS3 start ---

テキストシャドウ {
	text-shadow: 1px 1px 3px #000;
}

テキストシャドウ {
	text-shadow: 1px 1px 3px #000;
}

ボックスシャドウ {
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

ボックスシャドウ内側 {
	-moz-box-shadow: inset 1px 1px 3px #000;
	-webkit-box-shadow: inset 1px 1px 3px #000;
	box-shadow: inset 1px 1px 3px #000;
}

角丸 {
	border-radius: 8px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px; 
}

トランジション {
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
}

透明 {
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}

背景のみ透明 {
	background-color:rgba(255,255,255,0.2);
}

グラデーション {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
	background-image: -moz-linear-gradient(top, #ffffff, #000000);
	background-image: -ms-linear-gradient(top, #ffffff, #000000);
	background-image: -o-linear-gradient(top, #ffffff, #000000);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
	background-image: -webkit-linear-gradient(top, #ffffff, #000000);
	background-image: linear-gradient(top, #ffffff, #000000);
}

スマホ対応
@media screen and (max-width: 480px){
	
}
@media screen and (max-width: 320px){
	
}

時々使うCSS3 end */

/* header */

body{
	border-top:7px #3eb0eb solid;
}
header{
	background:url(../img/bg_header.jpg) center top repeat-x;
	background-size:100% 100%;
}
.headerIn{
	max-width:960px;
	margin:0 auto;
	border-bottom: #000b15 1px solid;
	position: relative;
}
header h1{
	padding:7px 10px;
}
header h1 img{
	width:50%;
	height:auto;
	vertical-align: -webkit-baseline-middle;
	padding:0.6em 0;
}
@media screen and (min-width: 900px) {
	header h1 img{
		width:286px;
	}
}

header p{
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
}
header p img{
	width: 50%;
	height: auto;
}
@media screen and (min-width: 900px) {
	header p img{
		width:146px;
	}
}

/* ticker */

.marqueeOut {
	width:100%;
	background:url(../img/bg_ticker.png) center bottom no-repeat;
	border-top: #1d4365 1px solid;
}
.marquee {
	max-width:960px;
	margin:0 auto;
	padding:0.6em 0;
	overflow:hidden;
	position:relative;
}

.marquee p:after {
	content:"";
	white-space:nowrap;
	padding-right:50px;
}

.marquee p {
	margin:0;
	padding-left:50%;
	color:#fff;
	display:inline-block;
	white-space:nowrap;
		-webkit-animation-name:marquee;
		-webkit-animation-timing-function:linear;
		-webkit-animation-duration:30s;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-name:marquee;
		-moz-animation-timing-function:linear;
		-moz-animation-duration:30s;
		-moz-animation-iteration-count:infinite;
		-ms-animation-name:marquee;
		-ms-animation-timing-function:linear;
		-ms-animation-duration:30s;
		-ms-animation-iteration-count:infinite;
		-o-animation-name:marquee;
		-o-animation-timing-function:linear;
		-o-animation-duration:30s;
		-o-animation-iteration-count:infinite;
		animation-name:marquee;
		animation-timing-function:linear;
		animation-duration:30s;
		animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}

/* body */
body{
	background:#0a243d;
}
.wrap{
	background:url(../img/bg_body.jpg) center 0 repeat-x;
}
.wrapIn{
	max-width:960px;
	margin:0 auto;
	padding-bottom:10px;
}
.sectionOne{
	width:97.5%;
	margin:0 auto;
	overflow:hidden;
	padding:20px 0;
}
.sectionOne dl{
	border:#1473a2 1px solid;
	background:#13324d;
	overflow:hidden;
	width:67%;
	float:left;
	padding:3px 1% 3px 3px;
	font-size:75%;
	margin-bottom:4px;
}
@media screen and (min-width: 550px) {
	.sectionOne dl{
		font-size:100%;
	}
}
.sectionOne dl dt{
	float:left;
	width:36%;
	background:#1679ab;
	font-weight:bold;
	color:#fff;
	text-align:center;
	padding:12px 2%;
	text-shadow: 0 2px 1px #000;
}
.sectionOne dl dd.narea{
	float:left;
	width:60%;
	text-align:center;
	padding:12px 0;
	font-weight:bold;
	color:#a4ff00;
}
.sectionOne p{
	float:right;
	width:29%;
	text-align:center;
}
.sectionOne p a{
	display:block;
	padding:14px 0;
	color:#003d71;
	font-weight:bold;
	font-size:75%;
	text-decoration:none;
	border-radius:2px;
	box-shadow:0 4px 0 #275585;
	text-shadow:1px 1px 1px #fff;
	background: #63d6fe; /* Old browsers */
	background: -moz-linear-gradient(top, #63d6fe 0%, #0493e1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63d6fe), color-stop(100%,#0493e1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #63d6fe 0%,#0493e1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #63d6fe 0%,#0493e1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #63d6fe 0%,#0493e1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #63d6fe 0%,#0493e1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63d6fe', endColorstr='#0493e1',GradientType=0 ); /* IE6-9 */
}
.sectionOne p a:hover{
	background: #63d6fe; /* Old browsers */
	background: -moz-linear-gradient(top, #0493e1 0%, #63d6fe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63d6fe), color-stop(100%,#63d6fe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0493e1 0%,#63d6fe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0493e1 0%,#63d6fe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0493e1 0%,#63d6fe 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0493e1 0%,#63d6fe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63d6fe', endColorstr='#0493e1',GradientType=0 ); /* IE6-9 */
}

@media screen and (min-width: 550px) {
	.sectionOne p a{
		font-size:100%;
	}
	.sectionMap p a{
		font-size:100%;
	}
}


.sectionTwo{
	width:97%;
	margin:0 auto;
	border:#1576a6 1px solid;
}
.sectionTwo ul{
	overflow:hidden;
	padding:10px 1.3%;
}
.sectionTwo ul li{
	float:left;
	display:block;
	width:32.5%;
	margin-right:0.8%;
	text-align:center;
	color:#fff;
	font-weight:bold;
	text-shadow: 0 2px 1px #000;
}
.sectionTwo ul li img{
	width:100%;
	margin-right:0.8%;
}
.sectionTwo ul li.off{
	line-height:33px;
}
.sectionTwo ul li span{
	display:block;
}
.sectionTwo ul li.off span{
	display:none;
}
.sectionTwo ul li span img{
	width:17px;
}

@media screen and (min-width: 400px) {
	.sectionTwo ul li span{
		display:inline;
	}
	.sectionTwo ul li.off{
		line-height:normal;
	}	
}
.sectionTwo p{
	background:#274056;
	color:#fff;
	text-shadow:0 2px 1px #000;
	padding:10px 1.3%;
}
@media screen and (min-width: 550px) {
	.sectionTwo p{
		line-height:1.5;
}
}

@media screen and (max-width: 549px) {
.sectionTwo ul li{
	float:left;
	display:block;
	width:100%;
	margin-right:1%;
	text-shadow: 0 2px 1px #000;
}
.sectionTwo ul li img{
	width:100%;
	margin-right:0.8%;
}
}
p.reLoad,
p.toTop{
	width:80%;
	text-align:center;
	margin:10px auto 20px;
	text-shadow:1px 1px 1px #fff;
}
.sectionOne p a,
p.reLoad a,
p.toTop a{
	padding:10px;
	display:block;
	font-size:80%;
	color:#003d71;
	font-weight:bold;
	text-decoration:none;
	border-radius:2px;
	box-shadow:0 4px 0 #275585;
	background: #63d6fe; /* Old browsers */
	background: -moz-linear-gradient(top, #63d6fe 0%, #0493e1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63d6fe), color-stop(100%,#0493e1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #63d6fe 0%,#0493e1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #63d6fe 0%,#0493e1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #63d6fe 0%,#0493e1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #63d6fe 0%,#0493e1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63d6fe', endColorstr='#0493e1',GradientType=0 ); /* IE6-9 */	
	line-height: 24px;
}
p.reLoad a:hover,
p.toTop a:hover{
	background: #63d6fe; /* Old browsers */
	background: -moz-linear-gradient(top, #0493e1 0%, #63d6fe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63d6fe), color-stop(100%,#63d6fe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0493e1 0%,#63d6fe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0493e1 0%,#63d6fe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0493e1 0%,#63d6fe 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0493e1 0%,#63d6fe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63d6fe', endColorstr='#0493e1',GradientType=0 ); /* IE6-9 */
}

.sectionMap p a img,
.sectionOne p a img,
p.reLoad a img,
p.toTop a img{
	padding-left:12px;
	vertical-align: top;
}

.sectionMap{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	padding:0px 0px 4px 0px;
}
.sectionMap div{
	padding-left: 3%;
	float:left;
	width:47%;
	text-align:center;
	font-weight: bold;
	line-height: 44px;
}
.sectionMap p{
	float:right;
	width:50%;
	text-align:center;
}

.sectionMap p a{
	padding:10px;
	display:block;
	font-size:80%;
	color:#003d71;
	font-weight:bold;
	text-decoration:none;
	border-radius:2px;
	box-shadow:0 4px 0 #275585;
	background: #63d6fe; /* Old browsers */
	background: -moz-linear-gradient(top, #63d6fe 0%, #0493e1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63d6fe), color-stop(100%,#0493e1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #63d6fe 0%,#0493e1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #63d6fe 0%,#0493e1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #63d6fe 0%,#0493e1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #63d6fe 0%,#0493e1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63d6fe', endColorstr='#0493e1',GradientType=0 ); /* IE6-9 */	
	line-height: 24px;
}

.sectionMap p a:hover{
	background: #63d6fe; /* Old browsers */
	background: -moz-linear-gradient(top, #0493e1 0%, #63d6fe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63d6fe), color-stop(100%,#63d6fe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0493e1 0%,#63d6fe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0493e1 0%,#63d6fe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0493e1 0%,#63d6fe 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0493e1 0%,#63d6fe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63d6fe', endColorstr='#0493e1',GradientType=0 ); /* IE6-9 */
}
@media screen and (min-width: 550px) {
	p.reLoad a,
	p.toTop a{
		font-size:100%;
	}
}

@media screen and (max-width: 549px) {
.sectionOne p a img {
vertical-align: top;
width: 22%;
padding: 0px;
padding-left: 1px;
padding-top: 2px;
	}

}

/* tab */

ul#tab {
	float: left;
	zoom: 1;
	width:80.8%;
	margin: 0 0 0 1.5%;
	padding: 0;
	display:table;
}
ul#tab:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
ul#tab li {
	width:20%;
	text-align: center;
	display:table-cell;
	vertical-align:middle;
	border-radius:8px 8px 0 0 ;
}

ul#tabL {
	float: right;
	zoom: 1;
	width:15.2%;
	margin: 0 1.5% 0 1%;
	padding: 0;
	display:table;
}

ul#tabL:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
ul#tabL li {
	width:100%;
	text-align: center;
	display:table-cell;
	vertical-align:middle;
	border-radius:8px;
}
ul#tab li:last-child {
	background: none;
}
ul#tab li a {
	display: block;
	width:100%;
	padding: 14px 0;
	text-shadow:0 0px 2px #555,0 0px 2px #555,0 0px 2px #555;
	color: #fff;
	font-weight:bold;
	text-decoration:none;
}
ul#tabL li a {
	display: block;
	width:100%;
	padding: 11px 0;
	text-shadow:0 0px 2px #555,0 0px 2px #555,0 0px 2px #555;
	color: #fff;
	font-weight:bold;
	text-decoration:none;
}
ul#tab li.tabOne{ 
	/*background:#00dcfc;*/
	background: #00dcfc; /* Old browsers */
	background: -moz-linear-gradient(top,  #8ff0fe 0%,#00dcfc 60%,#00a7bf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ff0fe), color-stop(30%,#00dcfc), color-stop(100%,#00a7bf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8ff0fe 0%,#00dcfc 60%,#00a7bf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8ff0fe 0%,#00dcfc 60%,#00a7bf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8ff0fe 0%,#00dcfc 60%,#00a7bf 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8ff0fe 0%,#00dcfc 60%,#00a7bf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dcfc', endColorstr='#00a7bf',GradientType=0 ); /* IE6-9 */
}
ul#tab li:nth-child(2){ 
	/* background:#b7f645; */
	background: #b7f645; /* Old browsers */
	background: -moz-linear-gradient(top,  #dffbad 0%,#b7f645 60%,#8bba34 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dffbad), color-stop(60%,#b7f645), color-stop(100%,#8bba34)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dffbad 0%,#b7f645 60%,#8bba34 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dffbad 0%,#b7f645 60%,#8bba34 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dffbad 0%,#b7f645 60%,#8bba34 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #dffbad 0%,#b7f645 60%,#8bba34 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7f645', endColorstr='#8bba34',GradientType=0 ); /* IE6-9 */
}
ul#tab li.tabThree{ 
	/* background:#f0657a; */
	background: #f0657a; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9c1ca 0%, #f0657a 60%, #b64c5c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9c1ca),color-stop(60%,#f0657a), color-stop(100%,#b64c5c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9c1ca 0%,#f0657a 60%,#b64c5c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9c1ca 0%,#f0657a 60%,#b64c5c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9c1ca 0%,#f0657a 60%,#b64c5c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9c1ca 0%,#f0657a 60%,#b64c5c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c1ca', endColorstr='#b64c5c',GradientType=0 ); /* IE6-9 */
}
ul#tab li.tabFour{ 
	/* background:#05fba8; */
	background: #05fba8; /* Old browsers */
	background: -moz-linear-gradient(top,  #91fdd9 0%,#05fba8 60%,#04be7f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91fdd9), color-stop(60%,#05fba8), color-stop(100%,#04be7f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #91fdd9 0%,#05fba8 60%,#04be7f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #91fdd9 0%,#05fba8 60%,#04be7f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #91fdd9 0%,#05fba8 60%,#04be7f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #91fdd9 0%,#05fba8 60%,#04be7f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91fdd9', endColorstr='#05fba8',GradientType=0 ); /* IE6-9 */
}
ul#tab li.tabFive{ 
	/* background:#ff3ae7; */
	background: #ff3ae7f; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffb0f5 0%,#ff3ae7 60%,#c02cae 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb0f5), color-stop(60%,#ff3ae7), color-stop(100%,#c02cae)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffb0f5 0%,#ff3ae7 60%,#c02cae 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffb0f5 0%,#ff3ae7 60%,#c02cae 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffb0f5 0%,#ff3ae7 60%,#c02cae 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffb0f5 0%,#ff3ae7 60%,#c02cae 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb0f5', endColorstr='#c02cae',GradientType=0 ); /* IE6-9 */
}

ul#tabL li:first-child{ 
	/* background:#fcd937; */
	background: #fcd937; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #fcd937 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fcd937)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#fcd937 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#fcd937 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#fcd937 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#fcd937 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b7f645',GradientType=0 ); /* IE6-9 */
}

ul#tab li a:hover {
	color: #fff;
}
ul#tab li.active,
ul#tab li.active a,
ul#tab li.active a:hover {
	color: #fff;
}

ul#tab li.active.tabOne{ 
	/*background:#00dcfc;*/
	background: #00dcfc; /* Old browsers */
	background: -moz-linear-gradient(top,  #8ff0fe 0%,#00dcfc 60%,#00a7bf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ff0fe), color-stop(30%,#00dcfc), color-stop(100%,#00a7bf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8ff0fe 0%,#00dcfc 60%,#00a7bf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8ff0fe 0%,#00dcfc 60%,#00a7bf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8ff0fe 0%,#00dcfc 60%,#00a7bf 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8ff0fe 0%,#00dcfc 60%,#00dcfc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dcfc', endColorstr='#00a7bf',GradientType=0 ); /* IE6-9 */
}
ul#tab li.active.tabTwo{ 
	/* background:#b7f645; */
	background: #b7f645; /* Old browsers */
	background: -moz-linear-gradient(top,  #dffbad 0%,#b7f645 60%,#b7f645 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dffbad), color-stop(60%,#b7f645), color-stop(100%,#b7f645)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dffbad 0%,#b7f645 60%,#b7f645 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dffbad 0%,#b7f645 60%,#b7f645 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dffbad 0%,#b7f645 60%,#b7f645 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #dffbad 0%,#b7f645 60%,#b7f645 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7f645', endColorstr='#8bba34',GradientType=0 ); /* IE6-9 */
}
ul#tab li.active.tabThree{ 
	/* background:#f0657a; */
	background: #f0657a; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9c1ca 0%, #f0657a 60%, #f0657a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9c1ca),color-stop(60%,#f0657a), color-stop(100%,#f0657a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9c1ca 0%,#f0657a 60%,#f0657a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9c1ca 0%,#f0657a 60%,#f0657a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9c1ca 0%,#f0657a 60%,#f0657a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9c1ca 0%,#f0657a 60%,#f0657a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c1ca', endColorstr='#b64c5c',GradientType=0 ); /* IE6-9 */
}
ul#tab li.active.tabFour{ 
	/* background:#05fba8; */
	background: #05fba8; /* Old browsers */
	background: -moz-linear-gradient(top,  #91fdd9 0%,#05fba8 60%,#05fba8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91fdd9), color-stop(60%,#05fba8), color-stop(100%,#05fba8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #91fdd9 0%,#05fba8 60%,#05fba8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #91fdd9 0%,#05fba8 60%,#05fba8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #91fdd9 0%,#05fba8 60%,#05fba8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #91fdd9 0%,#05fba8 60%,#05fba8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91fdd9', endColorstr='#05fba8',GradientType=0 ); /* IE6-9 */
}
ul#tab li.active.tabFive{ 
	/* background:#ff3ae7; */
	background: #ff3ae7f; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffb0f5 0%,#ff3ae7 60%,#ff3ae7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb0f5), color-stop(60%,#ff3ae7), color-stop(100%,#ff3ae7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffb0f5 0%,#ff3ae7 60%,#ff3ae7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffb0f5 0%,#ff3ae7 60%,#ff3ae7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffb0f5 0%,#ff3ae7 60%,#ff3ae7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffb0f5 0%,#ff3ae7 60%,#ff3ae7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb0f5', endColorstr='#ff3ae7',GradientType=0 ); /* IE6-9 */
}
#detail {
	clear: both;
	overflow: hidden;
	background: #f7f7f7;
	width: 97%;
	margin:0 auto;
	border-radius:0 0 5px 5px;
}
.tabbox {
	display: none;
}
.legend{
	background:#3eb0eb;
	padding:7px 3.5% 5px;
	box-shadow:0 1px 2px #000;
	line-height:1.5;
	position:relative;
	z-index:50;
}
.legend p{
	background:#102c3b;
	padding:5px 0;
	text-align:center;
	box-shadow:0 0 0 1px #00dcfc, 0 0 0 2px #102c3b;
	color:#fff;
	text-shadow: 0 2px 1px #000;
}
.tabbox .legend p span.level1{ color:#00dcfc;}
.tabbox .legend p span.level2{ color:#05fba8;}
.tabbox .legend p span.level3{ color:#ff0000;}
.tabbox .legend p span.level4{ color:#9b45dc;}
.tabbox .legend p span.level5{ color:#e7007b;}
.tabContaints{
	padding:10px 3.5%;
	color:#fff;
	text-shadow: 0 2px 1px #000;
}

.tabContaints p{
line-height: 1.5;
}

#tab1{
	background:#0e2a42;
	border-bottom:#00dcfc 13px solid;
	border-radius:0 0 5px 5px;
}
#tab1 .noMean{
	width:100%;
	height:10px;
	background:#00dcfc;
	box-shadow:0 1px 2px #222;
	position:relative;
	z-index:100;
}
#tab1 .tabContaints{
}
#tab2{
	background:#0e2a42;
	border-bottom:#b7f645 13px solid;


	border-radius:0 0 5px 5px;
}
#tab2 .noMean{
	width:100%;
	height:10px;
	background:#b7f645;
	box-shadow:0 1px 2px #222;
	position:relative;
	z-index:100;
}
#tab2 .tabContaints{
}
#tab3{
	background:#0e2a42;
	border-bottom:#f0657a 13px solid;
	border-radius:0 0 5px 5px;
}
#tab3 .noMean{
	width:100%;
	height:10px;
	background:#f0657a;
	box-shadow:0 1px 2px #222;
	position:relative;
	z-index:100;
}
#tab3 .tabContaints{
}
#tab4{
	background:#0e2a42;
	border-bottom:#05fba8 13px solid;
	border-radius:0 0 5px 5px;
}
#tab4 .noMean{
	width:100%;
	height:10px;
	background:#05fba8;
	box-shadow:0 1px 2px #222;
	position:relative;
	z-index:100;
}
#tab4 .tabContaints{
}
#tab5{
	background:#0e2a42;
	border-bottom:#ff3ae7 13px solid;
	border-radius:0 0 5px 5px;
}
#tab5 .noMean{
	width:100%;
	height:10px;
	background:#ff3ae7;
	box-shadow:0 1px 2px #222;
	position:relative;
	z-index:100;
}
#tab5 .tabContaints{
}
#tab6{
	background:#0e2a42;
	border-bottom:#fcd937 13px solid;
	border-radius:0 0 5px 5px;
}
#tab6 .noMean{
	width:100%;
	height:10px;
	background:#fcd937;
	box-shadow:0 1px 2px #222;
	position:relative;
	z-index:100;
}
#tab6 .tabContaints{
}

/* マップ */

.mapWrap{
	position:relative;
	width: 418px;
	margin: 0 auto;
}

.mapImg{
	position:relative;
	width:418px;
	height:587px;
	background:url(../img/map/base.png) 0 0 no-repeat;
}
.mapImg li{
	position:absolute;
	top:0;
	left:0;
}
.mapImg li a:hover img{
	opacity:0.5;
}

.mapLinks{
	position:absolute;
	top:0;
	left:0;
}

.mapWrap .hyogo{
	position: absolute;
	top: 70px;
	right: 30px;
	z-index: 9999;
}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}


#map_body {
    color: #fff;
    background: #008cd9;
}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

#test_button{
	display:block;
	width:100px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}

#map_popup {
	width: 418px;
	padding: 0px;

	display:none;
	background: #FFF;
	
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}

#m_map021 area {
  border:none;
  outline:none;
}