@charset "UTF-8";
/* CSS Document */
a:link{
	color: #22a02b;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #22a02b;
}
#wrapper {
	position:relative;
	z-index:1;
	width:100% ;
	overflow:hidden;
}


/*--------------------------------------------------------------*/
h1{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:4px 0px 5px 0px;
text-align:center;
	color:#E60011;
	font-size:12px;
	line-height:14px;
}


h2.top {
	background:#F60014;
	text-align:center;
	color:#FFFFFF;
	font-size:16px;
	line-height:20px;
	padding:10px;
}
h2.top span{
	font-size:11px;
}
h3.top {
	text-align:center;
	color:#F60014;
	font-size:16px;
	line-height:20px;
	padding:5px;
}

/*----------------------------------------------------------*/
/*header
----------------------------------------------------------*/
header{
	width:100%;
	overflow:hidden;
	text-align:center;
	background:#E60011;
	border-bottom:1px solid #FFFFFF;
	}
header .menu{
	overflow:hidden;
	border-bottom:1px solid #D5D5D5;
	background:#004780;
}

header .left{
	padding:4px 0px 0px 5px;
	width:75%;
	float:left;
	text-align:left;
	color:#FFFFFF;
}
header .right a{
	width:18%;
	padding:6px 10px 0px 0px;
	float:right;
	overflow: hidden;
	font-size:14px;
	color:#FFFFFF;
}
/*------------------------------------------------------------
TOPナビゲーション
------------------------------------------------------------*/
nav{
	width:100%;
	overflow:hidden;
	background:#F60014;
	text-align:center;
	clear:both;
	margin:0px auto 0px auto;
}
nav ul{
margin:0px auto;
width:95%;
text-align:center;
}
nav ul li {
	float:left;
	width:33%;
	display:block;
	padding:10px 0px 5px 0px;
	text-align:center;
}
nav ul li.now{
		background:#333;

}

nav ul li:first-child{
	border-left:none;
}
/*-------------------------*/
/*INFO
-----------------------------------------------------------------*/
.info{
	width:100%;
	margin:0px auto 0px auto;
	padding:10px 0px 10px 0px;
	background:#FFBF02;
}
.info h4{
	margin:0px auto;
	padding:1%  3%;
	width:84%;
	border:4px solid #F60014;
	
	font-size:16px;
	color:#FFFFFF;
	background:	#F60014;
    -webkit-border-top-left-radius: 8px;  
    -moz-border-radius-topleft: 8px;  
	-webkit-border-top-right-radius: 8px;  
    -moz-border-radius-topright: 8px;  
}
.info div{
margin:0px auto;
width:89.7%;
border:4px solid #F60014;
    -webkit-border-bottom-left-radius: 8px;  
    -moz-border-radius-bottomleft: 8px;  
	-webkit-border-bottom-right-radius: 8px;  
    -moz-border-radius-bottomright: 8px;  
background:#FFFFFF;
padding:px;
}
.info dl dt,.info dl dd{
	font-size:14px;
	line-height:18px;
}
.info dl{
	padding:5px;
	border-bottom:1px dotted #CCC;
}
.info dl dd{
	margin:0px 0px 5px 0px;
}


/*------------------------------------------------------------
	baseBtn
------------------------------------------------------------*/
.baseBtn a {
	margin: 0px auto 10px auto ;
	width:80%;
	font-size: 19px;
	color: #444444;
	padding: 13px;
	background: -moz-linear-gradient(top,
	#ffffff 0%,
		#eeeeee 50%,
		#ffffff);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #eeeeee),
		to(#ffffff));
	border-radius: 8px;
	border: 1px solid #bbbbbb;
	display:block;
	text-align:center;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
.demo1 button {
	width:90%;
   border-top: 1px solid #ccc;  
    border-right: 1px solid #999;  
    border-bottom: 1px solid #999;  
    border-left: 1px solid #ccc;  
    padding: 5px 20px;  
    font-weight: bold;  
    cursor: pointer;  
    color: #666;  
} 

#gFooter {
}

footer p.copyright {
	background: #F00;
	padding: 5px 10px;
	color: #FFF;
	font-size: 10px;
	text-align: center;
}
/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/

/*------------------------------------------------------*/
/*＜リストメニュー部分＞*/
/*メニューを画面いっぱいではなく、ちょっと余白付きに*/
#footer_list{
list-style:none;
display:block;
margin-bottom:10px;
padding:10px 10px;
	background:#F60014;
}
/*リストの基本的なCSS*/
#footer_list li{
margin:0;
float:none;
clear:both;
width:100%;
text-align:left;
border:1px #FF3300 solid;
border-bottom:0px;
display:block;
/*1行ごとのグラデーション*/
background: -webkit-gradient(linear, left top, left bottom,from(#ffffff),to(#DDD));
-webkit-box-shadow: /*リスト一行ごとにドロップシャドウ。ULにつければ良さそうだが、ULは角丸してないので*/
0px 3px 3px rgba(000,000,000,0.1);
font-size:13px;
}
#footer_list li.now{
	background:#FFD900;
	
}
/*一番上の行を、左上と右上の角だけ丸くする*/
#footer_list>li>a{
	display:block;
	padding:10px;
	line-height:1;
	text-decoration:none;
	color:#333;
}
#footer_list li:first-child{
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
}
/*一番下の行を、左下と右下の角だけ丸くする*/
#footer_list li:last-child{
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
border:1px #FF3300 solid;
}
/*矢印*/
#footer_list>li>a:after{
	content:">";
	float:right;
}
#footer-img{
background:rgba(255,255,255,0.8);
}

#footer-img a{
	border:none;
	padding:3px 0px 0px 0px;
	margin:0px 0px 0px 0px;
background:rgba(0,0,0,0.0);
}

#footer-img img{
z-index:10;
}
/*-------------------------------------------------------*/
.bnr{
	text-align:center;
	margin:15px auto;
}
.column{
		margin-bottom:10px;
}
section.column{
	padding:0px 10px;
		margin-bottom:10px;
}
.center{
	text-align:center;
}