@charset "utf-8";
body {
	font-size:14px;
	line-height:150%;
}

/* maintenance */
#maintenance {
    border: 1px solid #999999;
	margin: 0px 4px 4px 4px;
    padding: 4px;
	font-size:11px;
	line-height:130%;
}

/*font*/
.stxt {
	font-size:12px;
	line-height:130%;
}
.sstxt {
	font-size:11px;
	line-height:130%;
}
.orange {
	color:#FF9900;
}

h3.pagettl {
	background-color: #e4f4ff;
	padding:6px 10px;
	font-size:14px;
	font-weight:bold;
}
h3.itemttl {
	clear:both;
}
h3.itemttl span.ttl{
/*	float:left;*/
}
h3.itemttl span.update {
	font-weight:normal;
	font-size:12px;
	float:right;
	padding-top:6px;
}

.list01 ul{
 border-bottom: 1px solid #ccc;
 }
 
 
 .list01 ul li{
	 clear:both;
 /*background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));*/
 background: linear-gradient(#fff, #f0f0f0);
 border-bottom: 1px solid white;
 border-top: 1px solid #ccc;
 height: 100%;
 margin: 0;
 -webkit-text-size-adjust: none;
 min-width:300px;
 }
 
 .list01 ul li a{
 color: #333;
 display: block;
 height: 100%;
 margin: 0;
 padding:10px 30px 10px 10px;
 overflow: hidden;
 text-overflow: ellipsis;
 text-decoration: none;
 font-weight: bold;
 }
 

 .list01 ul li a{
	background: url(/sp/img/common/icon_arrow_cyan.png) no-repeat 100% 50%;
	background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
 }
 
 
.boxL {
	float:left;
	margin:0 10px 5px 0;
}
/* actionArea */
#actionArea {
	clear:both;
	width:100%;
	text-align:center;
	margin-bottom:10px;
}
#actionArea li a{
	height:40px;;
	line-height:38px;
	color:#FFFFFF;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff8400), color-stop(0.84, #ff8400), color-stop(0.00, #ffbf6d));
	background: -webkit-linear-gradient(top, #ffbf6d 0%, #ff8400 84%, #ff8400 100%);
	background: -moz-linear-gradient(top, #ffbf6d 0%, #ff8400 84%, #ff8400 100%);
	background: -o-linear-gradient(top, #ffbf6d 0%, #ff8400 84%, #ff8400 100%);
	background: -ms-linear-gradient(top, #ffbf6d 0%, #ff8400 84%, #ff8400 100%);
	background: linear-gradient(top, #ffbf6d 0%, #ff8400 84%, #ff8400 100%);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	border:1px solid #ffc577;
	text-shadow: 1px 1px 2px #ff8400;
	text-align:center;
	font-weight:bold;
	display:block;
	text-decoration:none;
	letter-spacing:5px;
}
/*2分割の場合*/
/*#actionArea li a{
	float:left;
	height:38px;
	width:48.4%;
	line-height:38px;
	color:#FFFFFF;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff8400), color-stop(0.84, #ff8400), color-stop(0.00, #ffbf6d));
	background: -webkit-linear-gradient(top, #ffbf6d 0%, #ff8400 84%, #ff8400 100%);
	background: -moz-linear-gradient(top, #ffbf6d 0%, #ff8400 84%, #ff8400 100%);
	background: -o-linear-gradient(top, #ffbf6d 0%, #ff8400 84%, #ff8400 100%);
	background: -ms-linear-gradient(top, #ffbf6d 0%, #ff8400 84%, #ff8400 100%);
	background: linear-gradient(top, #ffbf6d 0%, #ff8400 84%, #ff8400 100%);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	border:1px solid #ffc577;
	text-shadow: 1px 1px 2px #ff8400;
	text-align:center;
	font-weight:bold;
	display:block;
	text-decoration:none;
}
#actionArea li a.lines2  {
	float:right;
	font-size:11px;	
	line-height:13px;
	display:table-cell;
	vertical-align: middle;
	margin-right:0px;
	height:32px;
	padding-top:6px;
}*/
/* menuArea */
#menuArea {
	clear:both;
	background-color:#e2f3ff;
	padding:6px 10px;
	margin-bottom:4px;
}
#menuArea nav {
	width:100%;
	background-color:#FFFFFF;
	border:1px solid #dfdfdf;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	margin:0 auto;
}
#menuArea li {
	float:left;
	width:49.8%;
}
#menuArea li span {
	padding-left:30px;
}
#menuArea li.hLine {
	border-right:1px solid #dfdfdf;
}
#menuArea li.uLine {
	border-bottom:1px solid #dfdfdf;
}
#menuArea li a{
	color: #333;
	display:block;
	height:40px;
	line-height:40px;
	background:url(/sp/img/common/arrow_menu.png) no-repeat 10px center;
	background-size:12px 12px;
	text-decoration:none;
}

.listlink03 ul{
	margin-bottom:10px;
}
.listlink03 li{
		overflow:hidden;
		margin:0;
		width:100%;
		text-align:left;
		padding:0;
		border:1px #ccc solid;
		border-bottom:2px #CCC solid;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F0F0F0));
   		display:block;
		-webkit-box-shadow:0px 3px 3px rgba(000,000,000,0.1);}
.listlink03 li:first-child{
		-webkit-border-top-left-radius: 2px;
		-webkit-border-top-right-radius: 2px;}
.listlink03 li:last-child{
		-webkit-border-bottom-left-radius: 2px;
		-webkit-border-bottom-right-radius: 2px;
		border-bottom:3px #CCC solid;}
.listlink03 ul li a{
		background: url(/sp/img/common/icon_link_arrow_b.png)  no-repeat 100% 50%;
		-webkit-background-size: 20px 13px;
		color: #333;
		display: block;
		height: 44px;
		margin: 0px;
		overflow: hidden;
		padding: 0px 20px 0px 10px;
		white-space: nowrap;
		line-height: 44px;
		text-overflow: ellipsis;
		text-decoration: none;
		font-weight:bold;
}
.listlink04 ul{
	margin-bottom:10px;
}
.listlink04 li{
		overflow:hidden;
		margin:0;
		width:100%;
		text-align:left;
		padding:0;
		border:1px #ccc solid;
		border-bottom:2px #CCC solid;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F0F0F0));
   		display:block;
		-webkit-box-shadow:0px 3px 3px rgba(000,000,000,0.1);}
.listlink04 li:first-child{
		-webkit-border-top-left-radius: 2px;
		-webkit-border-top-right-radius: 2px;}
.listlink04 li:last-child{
		-webkit-border-bottom-left-radius: 2px;
		-webkit-border-bottom-right-radius: 2px;
		border-bottom:3px #CCC solid;}
.kinkyu_pu li{text-decoration:none;}
.kinkyu_pu li img{float:left;margin:5px;}
.kinkyu_pu li p{padding:5px;}
.kinkyu_pu li span{color:#FF0000;font-weight:bold;}
.kinkyu_pu a{text-decoration:none;height:80px;color:#000;}
.listlink05 ul{
	margin-bottom:10px;
}
.listlink05 li{
		overflow:hidden;
		margin:0;
		text-align:left;
		padding:0;
		border:1px #ccc solid;
		border-bottom:2px #CCC solid;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F0F0F0));
   		display:block;
		-webkit-box-shadow:0px 3px 3px rgba(000,000,000,0.1);
		font-size:11px;
}
.listlink05 ul li:nth-child(odd) {
 float: left;
 width: 50%;
 }
.listlink05 li:first-child{
		-webkit-border-top-left-radius: 2px;
		-webkit-border-top-right-radius: 2px;}
.listlink05 li:last-child{
		-webkit-border-bottom-left-radius: 2px;
		-webkit-border-bottom-right-radius: 2px;
		border-bottom:3px #CCC solid;}
.listlink05 ul li a{
		background: url(/sp/img/common/icon_link_arrow_b.png)  no-repeat 100% 50%;
		-webkit-background-size: 20px 13px;
		color: #333;
		display: block;
		height: 44px;
		margin: 0px;
		overflow: hidden;
		padding: 0px 20px 0px 10px;
		white-space: nowrap;
		line-height: 44px;
		text-overflow: ellipsis;
		text-decoration: none;
		font-weight:bold;
}
.newsPh {
	float:left;
	width:70px;
	height:70px;
	margin-right:10px;
	border:1px solid #CCC;
}
.pagetop {
	font-size:12px;
}
.list04 {
 margin: 10px;
 min-width:300px;
 }
 .list04:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }
 .list04 ul{
 border-top: 3px solid #c7e9ff;
 }
 .list04 ul li{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c7e9ff), color-stop(0.00, #e1f3ff));
background: -webkit-linear-gradient(top, #e1f3ff 0%, #c7e9ff 100%);
background: -moz-linear-gradient(top, #e1f3ff 0%, #c7e9ff 100%);
background: -o-linear-gradient(top, #e1f3ff 0%, #c7e9ff 100%);
background: -ms-linear-gradient(top, #e1f3ff 0%, #c7e9ff 100%);
background: linear-gradient(to bottom, #e1f3ff 0%, #c7e9ff 100%);
 /*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
 background: linear-gradient(#fff, #f0f0f0);*/
 border-top: none;
 border-bottom: 3px solid #c7e9ff;
 border-left: 3px solid #c7e9ff;
 border-right: 3px solid #c7e9ff;
 margin: 0px;
 }
 .list04 ul li:nth-child(odd) {
 float: left;
 width: 50%;
 }
 .list04 ul li a{
 color: #000;
 display: block;
 height: 40px;
 margin: 0px;
 padding: 0 0px 0 0;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 text-decoration: none;
 line-height:40px;
 }
 .list04 ul li a strong{
 color: #000;
 display: block;
 font-weight: bold;
 padding-top: 5px;
 }
 .list04 ul li img.thumb{
 float: left;
 height: 40px;
 width: 40px;
 margin-right: 4px;
 }
 
.space {
	letter-spacing:0.1px;
}
.action02 ul{
	margin-bottom:10px;
}
.action02 li{
		overflow:hidden;
		margin:0;
		width:100%;
		text-align:left;
		padding:0;
		border:1px #ccc solid;
		border-bottom:0px;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.98, #ffe2b8), color-stop(0.00, #ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%, #ffe2b8 98%);
background: -moz-linear-gradient(top, #ffffff 0%, #ffe2b8 98%);
background: -o-linear-gradient(top, #ffffff 0%, #ffe2b8 98%);
background: -ms-linear-gradient(top, #ffffff 0%, #ffe2b8 98%);
background: linear-gradient(to bottom, #ffffff 0%, #ffe2b8 98%);
   		display:block;
		-webkit-box-shadow:0px 3px 3px rgba(000,000,000,0.1);}
.action02 li:first-child{
		-webkit-border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;}
.action02 li:last-child{
		-webkit-border-bottom-left-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
		border-bottom:1px #ccc solid;
}
.action02 ul li a{
		background: url(/sp/img/common/icon_link_arrow_b.png)  no-repeat 100% 50%;
		-webkit-background-size: 20px 13px;
		color: #333;
		display: block;
		height: 44px;
		margin: 0px;
		overflow: hidden;
		padding: 0px 20px 0px 10px;
		white-space: nowrap;
		line-height: 44px;
		text-overflow: ellipsis;
		text-decoration: none;
		font-weight:bold;
}
/*table*/
.tbl-cyan {
    border-left: solid #ccc 1px;
	border-top: solid #ccc 1px;
	border-collapse:separate;
	margin-bottom:10px;
	width:100%; 
}
    
.tbl-cyan td, .tbl-cyan th {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    text-align: left;    
}
.tbl-cyan th {
    background-color: #e4f4ff;
    border-top: none;
	border-left: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
	white-space: nowrap;
}

/*donationSample*/
.donationSample ul{
	margin:10px;
}
p.donationttl {
	background-color:#e4f4ff;
	padding:2px 0 0 10px;
	color:#0099FF;
	margin-bottom:4px;
}

.donationSample p.icon {
	margin-bottom:0px;
	line-height:140%;
}

.donationSample .icon img{	
	margin-right:4px;
	float:left;
}
ul.boderU li:after, .donationSample li:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/* bnr */
ul.bnr img {
	width:100%;
}


/*tohome*/
.tohome {
	font-size:12px;
	margin-bottom:10px;
	background:url(/sp/img/common/icon_arrow_link.png) no-repeat left center;
	-webkit-background-size: 8px 8px;
	padding-left:10px;
}

.mode_change_btn_area{
text-align:center;
min-width:300px;
margin-bottom:10px;
}
.minw210{
min-width:210px;
}

/*  */
.top_bokin_btn{
margin:0 10px 0 10px;
}
.top_bokin_btn a{
height:35px !important;
}

/* 20170228 SPトップCMS化対応に伴う追記 */
.top_newsarea {
	padding:0 4%;
}
.sp_top_news {
	background-color:#fff;
	border-bottom: 1px solid white;
	border-top: 1px solid #ccc;
	padding:10px 35px 10px 5px;
	position:relative;
	background-image:url(/sp/img/common/icon_arrow_cyan.png);
	background-position:100% 50%;
	background-repeat:no-repeat;
}
.sp_top_news > a > img {
	width:95px;
	height:auto;
	float:left;
	margin-right:5px;
	clear:both;
}
.sp_top_news p {
	line-height:1.1em;
}
.sp_top_news p.date {
	color:#09f;
}
.sp_top_news p > a {
	color:#003366;
	text-decoration:none;
}
.top_news_btn {
	margin-top:15px;
}
#newsArea > h3.itemttl {
	padding:10px;
}
.top_news_btn a {
	background-color:#fff;
}

/* トップページぐるぐる */
#loading {
	width: 100%;
	height:100%;
	margin:0;
	background: #fff;/*グルグルの背景を白に*/
	opacity: 1.0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999; /*とりあえず一番前面に出るように*/
}
#loading img {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}