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


/******** common *********/
body{
	background-color:#FFFFFF;
	font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:120%;
}

.f_left{
	float:left;
}

.f_right{
	float:right;
}
.c_both{
	clear:both;
}

.clearfix:after{
	content: ".";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0.1px;
	visibility: hidden;
	clear: both;
}

.clearfix{
	min-height: 1%;
	_height: 1%;
}

#container{
	width:94%;
/*
	text-align: justify;
	text-justify: auto;
*/
	margin:0 auto;
}

#search{
	width:99%;
	border:2px solid #d3d3d3;
	margin:4% auto;
}

#field{
	width:90%;
	height:100%;
	float:left;
	margin:0;
	padding:0;
}


/* スマートフォン（縦長）*/
@media only screen and (min-device-width : 320px){
	#field input{
		width:100%;
		height:100%;
		font-size:100%;
		border:none;
		padding-top:2%;
		/*color:#bbbbbb;*/
	}

	#search_btn{
		width:10%;
		float:right;
	}
}

/* スマートフォン（横長） */
@media only screen and (min-width : 321px) {
	#field input{
		width:100%;
		height:100%;
		font-size:100%;
		border:none;
		padding-top:2%;
		/*color:#bbbbbb;*/
	}

	#search_btn{
		width:8%;
		float:right;
	}
}


#navi{
	clear:both;
	margin:0;
	padding:0;
}

#navi ul{
	margin:0;
	padding:0;
}

#navi ul li{
	list-style-type: none;
	font-size:0;
	line-height:0;
}

/*** news ***/
#news{
	padding-top:5%;
}

#news ul{
	border:1px solid #cecece;
}

#news ul li{
	padding:2%;
	border-top:1px solid #cecece;
}

#news ul li:first-child{
	padding:2%;
	border-top:1px solid #cecece;
}

#news ul li p{
	font-size:80%;
	padding:0;
	margin:0;
}

#news ul li span{
	font-size:90%;
	display:block;
	padding:0;
	margin:0;
	color:#98c0ed;
}

#news ul li span a{
	color:#488fdf;
	text-decoration:none;
}

#news_list{
	float:right;
	padding-top:2%;
	padding-bottom:5%;
	font-size:90%;
}

#news dl{
	width:100%;
	font-size:90%;
	margin-top:2%;
}

#news dl dt{
	float:left;
	clear:left;
	margin-bottom:2%;
}

#news dl dd{
	float:left;
	margin-bottom:2%;
}

#news a{
	color:#488fdf;
	text-decoration:none;
}

@media screen and (orientation: portrait) {
	#news dl dt{
		width:30%;
	}
	#news dl dd{
		width:70%;
	}
}

@media screen and (orientation: landscape) {
	#news dl dt{
		width:20%;
	}
	#news dl dd{
		width:80%;
	}
}



/*** special ***/
#special{
	padding-top:5%;
	padding-bottom:3%;
}

#special ul{
	width:100%;
	padding-top:2%;
	margin:0;
}

#special ul li{
	float:left;
	width:30%;
	padding-left:5%;
	padding-bottom:3%;
	list-style-type:none;
	text-decoration:none;
	font-size:0%;
	line-height:0%;
}

#special ul li:first-child{
	padding-left:0%;
}


/*** footer ***/
#footer{
	width:100%;
	clear:both;
	margin-top:5%;
	background-color:#f0f0f0;
}

#footer_navi a{
	color:#333333;
}

#footer_logo{
	width:22%;
	margin:0 auto;
}



/* スマートフォン（縦長）*/
@media only screen and (min-device-width : 320px){
	#footer_navi{
		padding:3% 0 1% 0;
		text-align:center;
		color:#333333;
		font-size:70%;
		line-height:220%;
	}

	#copyright{
		color:#333333;
		text-align:center;
		font-size:60%;
		padding:2% 0 1% 0;
	}
}

/* スマートフォン（横長） */
@media only screen and (min-width : 321px) {
	#footer_navi{
		padding:3% 0 1% 0;
		text-align:center;
		color:#333333;
		font-size:60%;
		line-height:200%;
	}

	#copyright{
		color:#333333;
		text-align:center;
		font-size:70%;
		padding:2% 0 1% 0;
	}
}