@charset "utf-8";


/*
---------------------------------------------------------------------*/

html {
    font-size: 100%; /* 1 */
    overflow-y: scroll; /* 2 */
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* 3 */
    -webkit-text-size-adjust: 100%; /* 4 */
    -ms-text-size-adjust: 100%; /* 4 */
	-webkit-print-color-adjust: exact; /* print-chrome */
}


body{
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  sans-serif;*/
}

a {
/*	color:#36F;*/
	color:#F30;
}

p {
	margin-top:0;
	line-height:1.5;
}

img {
	border:none;
	vertical-align:bottom;
}



/* h
-----------------------------------------------------------------------------------*/
@media print, screen and (min-width: 480px) {
h1 {
/*
	text-align:center;
	color:#cc3300;
*/
	width:100%;
	min-width:960px;
	font-weight:normal;
	font-size:32px;
	background:#333;
	color:#fff;
/*
	border-bottom:5px solid #F63;
*/
	letter-spacing:3px;
	margin:0px 0px 40px 0px;
	padding:40px 0px 20px 0px;
}

h1 span {
	display:block;
	margin:0 auto;
	width:960px;
}
}


@media only screen and (max-width: 480px) {
h1 {
/*
	color:#cc3300;
*/
	font-weight:normal;
	font-size:24px;
	text-align:center;
	background:#333;
	color:#fff;
/*
	border-bottom:5px solid #F63;
*/
	letter-spacing:3px;
	margin:0px 0px 40px 0px;
	padding:20px 0px 20px 0px;
}
h1 span {
	display:block;
	margin:0 auto;
}
}




/*
h2{
	font-size:20px;
	font-weight:normal;
	color:#36F;
	border-bottom:2px solid #36F;
	margin-top:0px;
	margin-bottom:30px;
	padding-bottom:10px;
}
*/
h2{
	font-size:24px;
	font-weight:normal;
	color:#cc3300;
	border-bottom:2px solid #F63;
	margin-top:0px;
	margin-bottom:30px;
	padding-bottom:10px;
}

h2 span{
	float:right;
	font-size:0.7em;
	font-weight:normal;
	padding-left:20px;
	padding-top:7px;
}




/* dl
---------------------------------------------------------------*/
dl {
}

dt {
}

dd {
	margin-bottom:20px;
}

/* 回込解除
---------------------------------------------------------------*/
.b-end {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}



/* 文字サイズ色
---------------------------------------------------------------*/
@media print, screen and (min-width: 480px) {
.big {
	font-size:1.5em;
	font-weight:bold;
}
}

@media only screen and (max-width: 480px) {
.big {
	font-size:1.2em;
	font-weight:bold;
}
}

.red {
	color:#F00;
}

.blue {
	color:#0033CC;
}

.orange {
	color:#FF9900;
}

.green {
	color:#99cc33;
}


/* 画像などの簡単な位置制御 r=右 l=左
---------------------------------------------------------------*/
@media print, screen and (min-width: 480px) {
.i-r {
	float:right;
	margin-left:10px;
}

.i-l {
	float:left;
	margin-right:10px;
}


.harf {
	width:47%;
}
}

@media only screen and (max-width: 480px) {
.i-r {
	display:block;
}

.i-l {
	display:block;
}

.harf {
	width:100%;
}
}



/* 外部サイトリンク
---------------------------------------------------------------*/
.out-site {
	background: url("../img/out-site.gif") right center no-repeat;
	padding-right:25px;
}


/*table
---------------------------------------------------------------------*/
table {
	letter-spacing:1px;
	margin-bottom:40px;
}

th, td {
	padding: 10px;
	border: 1px solid #ddd;
}

th {
	background: #f4f4f4;
}




/* button
-----------------------------------------------------------------------------------*/
.btn {
	display:block;
	width:70%;
	margin:auto;
	background-color:#F63;
	padding:10px;
	border-radius:6px;
	font-size:0.9em;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
/*--アニメーション--*/
	transition: background-color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
}

.btn:hover {
	background-color:#F90;
}


/* clearfix
-----------------------------------------------------------------------------------*/
.clearfix:before, .clearfix:after{ content:""; display:table;}
.clearfix:after { clear:both;}
.clearfix{ zoom:1;}/* for IE 6/7 */


/* header
-----------------------------------------------------------------------------------*/
#header {
	/*background:#FFFF00;*/
	background:#f8b500;
	border-bottom:1px solid #cc9933;
}



@media print, screen and (min-width: 480px) {
#header {
	min-width:960px;
	/*padding:20px 0px 0px 0px;*/
}

#header-in {
	width:960px;
	margin:0 auto 0 auto;
}

#logo {
	padding-top:10px;
	float:left;
}

#logo span {
	font-size:0.9em;
}

#logo img {
	width:320px;
}
}

@media only screen and (max-width: 480px) {
#header {
	min-width:100%;
}

#header-in {
	width:100%;
	margin:0 auto 0 auto;
}

#logo {
	display:block;
	text-align:center;
	width:95%;
	margin:0 auto;
	padding-top:10px;
}

#logo span {
	font-size:0.9em;
}

#logo img {
	width:320px;
}
}


/* navi
-----------------------------------------------------------------------------------*/
@media print, screen and (min-width: 480px) {
#navi{
	width:440px;
	float:right;
	/*background:#ff9900;*/
}


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

#navi li{
	width:25%;
	float:left;
/*--アニメーション--*/
	transition: background-color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;

}
}


@media only screen and (max-width: 480px) {
#navi{
	width:100%;
	margin-top:20px;
}


#navi ul{
	font-size:0.9em;
	list-style:none;
	margin:0;
	padding:0;
}

#navi li{
	width:25%;
	float:left;
/*--アニメーション--*/
	transition: background-color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
}
}



#navi li a{
	color:#000;
	border-left:1px solid #cc9933;
	padding:50px 0px 15px 0px;
	display:block;
	text-align:center;
	text-decoration:none;
}


.navi-icon01 {
	background:url("../img/navi-icon01.png") no-repeat;
	background:url("../img/navi-icon01-mini.png") no-repeat\9;
	background-position:center 20%;
	background-size:35px 35px;
}

.navi-icon01:hover {
	background:#e9f10d url("../img/navi-icon01.png") no-repeat;
	background:#e9f10d url("../img/navi-icon01-mini.png") no-repeat\9;
	background-position:center 20%;
	background-size:35px 35px;
}


.navi-icon02 {
	background:url("../img/navi-icon02.png") no-repeat;
	background:url("../img/navi-icon02-mini.png") no-repeat\9;
	background-position:center 20%;
	background-size:35px 35px;
}

.navi-icon02:hover {
	background:#e9f10d url("../img/navi-icon02.png") no-repeat;
	background:#e9f10d url("../img/navi-icon02-mini.png") no-repeat\9;
	background-position:center 20%;
	background-size:35px 35px;
}


.navi-icon03 {
	background:url("../img/navi-icon03.png") no-repeat;
	background:url("../img/navi-icon03-mini.png") no-repeat\9;
	background-position:center 20%;
	background-size:35px 35px;
}


.navi-icon03:hover {
	background:#e9f10d url("../img/navi-icon03.png") no-repeat;
	background:#e9f10d url("../img/navi-icon03-mini.png") no-repeat\9;
	background-position:center 20%;
	background-size:35px 35px;
}


.navi-icon04 {
	background:url("../img/navi-icon04.png") no-repeat;
	background:url("../img/navi-icon04-mini.png") no-repeat\9;
	background-position:center 20%;
	background-size:35px 35px;
}


.navi-icon04:hover {
	background:#e9f10d url("../img/navi-icon04.png") no-repeat;
	background:#e9f10d url("../img/navi-icon04-mini.png") no-repeat\9;
	background-position:center 20%;
	background-size:35px 35px;
}



/* slider
-----------------------------------------------------------------------------------*/
@media print, screen and (min-width: 480px) {
#slider{
	position:relative;
	width:100%;
	height: 480px;
	overflow: hidden;
	background: url("../img/loading.gif") no-repeat center center;
}

#slider ul{
	list-style:none;
	margin:0;
	padding:0;
	position: absolute;
	top: 0;
	left: 0;
}
#slider li{
	float: left;
}
#slider #prev,
#slider #next{
	position: absolute;
	top:220px;
	cursor: pointer;
}
#slider #prev{ left:20px;}
#slider #next{ right:20px;}
 
/* for script */
#slider ul,
#slider #next,
#slider #prev{
	visibility: hidden;
}
#slider .layer{
	width: 960px;
	height: 480px;
	position: absolute;
	top: 0;
	left: 0;
	background: url("../img/dot.gif") repeat 0 0 #666;
	opacity: 0.5;
	filter: alpha(opacity=50);
}


.s01 {
	background:url("../img/slide/s01.jpg") no-repeat;
}

.s02 {
	background:url("../img/slide/s02.jpg") no-repeat;
}

.s03 {
	background:url("../img/slide/s03.jpg") no-repeat;
}

.s04 {
	background:url("../img/slide/s04.jpg") no-repeat;
}
}

@media only screen and (max-width: 480px) {
#slider{
	position:relative;
	width:100%;
	height: 290px;
	overflow: hidden;
	background: url("../img/loading.gif") no-repeat center center;
}

#slider ul{
	list-style:none;
	margin:0;
	padding:0;
	position: absolute;
	top: 0;
	left: 0;
}
#slider li{
	float: left;
}

#slider li img{
	height:290px;
	width:auto;
}

#slider #prev,
#slider #next{
	position: absolute;
	top:220px;
	cursor: pointer;
}
#slider #prev{ left:20px;}
#slider #next{ right:20px;}
 
/* for script */
#slider ul,
#slider #next,
#slider #prev{
	visibility: hidden;
}
#slider .layer{
	width: 100%px;
	height: 290px;
	position: absolute;
	top: 0;
	left: 0;
	background: url("../img/dot.gif") repeat 0 0 #666;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.s01 {
	background:url("../img/slide/s01.jpg") no-repeat;
	background-size:60%;
	background-position:center top;
}

.s02 {
	background:url("../img/slide/s02.jpg") no-repeat;
	background-size:60%;
	background-position:center top;
}

.s03 {
	background:url("../img/slide/s03.jpg") no-repeat;
	background-size:60%;
	background-position:center top;
}

.s04 {
	background:url("../img/slide/s04.jpg") no-repeat;
	background-size:60%;
	background-position:center top;
}
}

.slider-block {
	display:block;
	width:960px;
	height:480px;
}



/* rss
-----------------------------------------------------------------------------------*/
.rss h2{
	margin-bottom:20px !important;
}

.rss-outer-box{
	margin-bottom:40px;
}


.rss-outer-box ul{
	margin:0; 
	padding:0;
	list-style:none; 
}


.rss-outer-box ul li{
	line-height:130%;
	padding:15px 5px;
	/*margin-bottom:0.4em;*/
	border-bottom:dotted 1px #666666;
/*--アニメーション--*/
	transition: background-color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
}

.rss-outer-box ul li:hover{
	background:#FFFF99;
}


@media print, screen and (min-width: 480px) {
.rss-outer-box ul li span.date{
	font-weight:bold;
	display:inline-block;
	float:left;
	width:9em;
	clear:both;
}

.rss-outer-box ul li a {
	display:block;
	margin:0px 0px 0px 9.5em;
/*
	margin:0px 0px 0px 10px;
*/
}
}

@media only screen and (max-width: 480px) {
.rss-outer-box ul li span.date{
	font-weight:bold;
	display:block;
}
}


/*rss
---------------------------------------------------------------------*/
.rss dl {
	margin:0px 0px 20px 0px;
}

.rss dt {
	display:inline-block;
	float:left;
	width:7em;
	clear:both;
}

.rss dd {
	margin:10px 0px 10px 7em;
	padding-bottom:10px;
	border-bottom:dotted 1px #666666;
}


/* container
-----------------------------------------------------------------------------------*/

#container{
	zoom:1;
}




/* main
-----------------------------------------------------------------------------------*/
@media print, screen and (min-width: 480px) {
#main {
	width:960px;
	background:#FFF;
	margin:0px auto;
	padding:0px 0px 0px 0px;
}
}

@media only screen and (max-width: 480px) {
#main {
	width:90%;
	background:#FFF;
	margin:0px auto;
	padding:0px 0px 0px 0px;
}

#main img {
	width:100%;
}
}







/*table sp-mode
---------------------------------------------------------------------*/
.table-sp {
	width: 100%;
}

.table-sp th, .table-sp td {
	text-align: left;
}


@media only screen and (min-width: 480px) { 
.table-sp th {
	width: 20%;
	padding-left:4%;
}
.table-sp td {
}
}

@media only screen and (max-width: 480px) { 
	.table-sp {
		margin: 0 -10px;
	}
	.table-sp tr {
		display:block;
		margin-bottom: 10px;
	}
	.table-sp th {
		display:block;
		width: 100%;
	}
	.table-sp td {
		display: list-item;
		list-style:none;
		width: 90%;
		margin-left: 10%;
		border:none;
	}
}



/* map_canvas
-----------------------------------------------------------------------------------*/
#map_canvas {
	width:100%;
	height:500px;
	border:#666 1px solid;
	box-sizing: border-box;
}


/* footer
-----------------------------------------------------------------------------------*/
#footer{
	width:100%;
	margin-top:40px;
	padding:20px 0px;
	background:#666666;
	text-align:center;
}


#footer .copyright{
	display:block;
	color:#FFFFFF;
	margin-top:30px;
}


#footer li a:hover {
	color:#FFFF00;
}

@media print, screen and (min-width: 480px) {
#footer ul {
	list-style:none;
	width:660px;
	margin:0px auto;
	padding:0px;
}

#footer li{
	width:19%;
	float:left;
}

#footer li a {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	padding:2px 10px;
	display:block;
	color:#fff;
	text-align:center;
}
}



@media only screen and (max-width: 480px) {
#footer ul {
	list-style:none;
	margin:0;
	padding:0;
	border-top:1px dashed #fff;
}

#footer li{
	border-bottom:1px dashed #fff;
}

#footer li a {
	padding:15px 0px;
	display:block;
	color:#fff;
	text-align:center;
}
}

/* pegeTOP案内 ウィンドの右下
---------------------------------------------------------------*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
	margin-right:20px;
	font-size:small;
	text-align:right;
}


#page-top a {
    display: block;
}

#page-top a:hover {
    text-decoration: none;
}