@charset "utf-8";

/* clearfix */
.cf{
	zoom: 1;
}
.cf:before, .cf:after{
	content: "";
	display: table;
}
.cf:after{
	clear: both;
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*==================================================
body
====================================================*/

body{
	width: 100%;
	background-color: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
	font-size: 16px;
}

a{
	color: #000;
	text-decoration: underline;
}

a:hover{
	color: #333;
	text-decoration: underline;
}

img{
	vertical-align: middle;
}

.marker{
	color: #2fa8e1;
}

.bold{
	font-weight: bold;
}

.red{
	color: #ff0000;
}

/*==================================================
header
====================================================*/
header h1, header .logo{
	text-align: center;
	margin: 15px;
}

header h1 img, header .logo img{
	width: 100%;
	max-width: 273px;
}

header p.forpc{
	display: none;
}

/*==================================================
nav
====================================================*/
nav#nav ul#menu{
	display: none;
}

nav#nav ul#menu li{
	width: 100%;
	background-color: #d7ecf6;
	text-align: center;
	border-bottom: solid 1px #2fa8e1;
	line-height: 1.5;
}

nav#nav ul#menu li a{
	display: block;
	width: 100%;
	padding: 7px 0 3px 0;
	color: #2fa8e1;
	text-decoration: none;
}

nav#nav div#toggle{
	display: block;
	position: relative;
	width: 100%;
}

nav#nav div#toggle a{
	display: block;
	position: relative;
	padding: 10px 0 10px;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	text-align: center;
	text-decoration: none;
	background: url(../img/menu_icon.png) center left no-repeat;
}

/*==================================================
topimg
====================================================*/
#topimgbx{
	background-color: #efefef;
	border-bottom: solid 1px #2fa8e1;
}

#topimg{
	width: 100%;
	overflow: hidden;
}


/*==================================================
topcopy
====================================================*/
#topcopy{
	text-align: center;
}

#topcopy img{
	width: 100%;
	max-width: 770px;
	margin: 60px 0;
}

/*==================================================
topnews
====================================================*/

#topnews h2{
	background: #2fa8e1; /* Old browsers */
	background: -moz-linear-gradient(top,  #2fa8e1 0%, #1e5799 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #2fa8e1 0%,#1e5799 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #2fa8e1 0%,#1e5799 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fa8e1', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
	color: #ffffff;
	padding: 10px;
}

#topnews article{
	line-height: 1.5;
}

#topnews article h3{
	background-color: #d7ecf6;
	padding: 5px;
}

#topnews article dl{
	margin-bottom: 30px;
}

#topnews article dl dt{
	border-bottom: dotted 1px #2fa8e1;
	padding: 5px 5px 5px 15px;
	margin: 5px;
	font-weight: bold;
	background: url(../img/news_marker.png) left top no-repeat;
}

#topnews article dl dd{
	padding: 10px;
}

#topnews #history{
	background-color: #2fa8e1;
	color: #ffffff;
	padding: 10px;
	text-align: center;
}

#topnews #history a{
	color: #ffffff;
}

/*==================================================
topbanners
====================================================*/

#topbanners{
	margin: 15px;
}

#topbanners li{
	margin-top: 15px;
	list-style-type: none;
	border: solid 1px #2fa8e1;
}

#topbanners li img{
	width: 100%;
	max-width: 770px;
}

#qrtel li.forpc{
	display: none;
}

#qrtel{
	margin: 30px;
	border-top: dotted 1px #2fa8e1;
	padding-top: 30px;
}

#qrtel li{
	list-style-type: none;
}

#qrtel li img{
	width: 100%;
	max-width: 770px;
}

/*==================================================
footer
====================================================*/
footer nav ul li{
	list-style-type: none;
	margin-left: 15px;
}

footer div{
	border-top: solid 2px #2fa8e1;
	margin-top: 15px;
	background-color: #d7ecf6;
	padding: 15px;
}

footer div p{
	line-height: 1.5;
}

footer div p#footlogo{
	margin-bottom: 15px;
	text-align: center;
}

footer div #footlogo img{
	width: 100%;
	max-width: 273px;
}

footer p#cor{
	margin: 0;
	padding: 5px;
	background-color: #2fa8e1;
	color: #ffffff;
	line-height: 1.5;
}

/****************************************
page-top
*****************************************/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 20px;
}
#page-top a {
	background: #2fa8e1;
	border: solid 1px #ffffff;
	text-decoration: none;
	color: #ffffff;
	width:40px;
	height:40px;
    line-height: 40px;
	text-align: center;
	display: block;
    border-radius: 50%;
	filter:alpha(opacity=4);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity:0.5;
}
#page-top a:hover {
	text-decoration: none;
	background: #2fa8e1;
}


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
メディアクエリによる切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～1280px */
@media only screen and (min-width: 769px){
	
	/* header */
	header h1, header .logo{
		width: 273px;
		float: left;
	}
	
	header p.forpc{
		display: block;
	}
	
	header p.forpc{
		width: 276px;
		float: right;
		margin: 15px;
	}
	
	/* nav */
	nav#nav{
		background: url(../img/nav_bg.png) left top repeat-x;
		border-top: solid 1px #2fa8e1;
		border-bottom: solid 1px #2fa8e1;
	}
	
	nav#nav div#toggle{
		display: none;
	}
	
	nav#nav ul#menu{
		display: block;		
	}
	
	nav#nav ul#menu li{
		background: none;
		width: 16.66%;
		height: 50px;
		float: left;
		border-bottom: none;
		line-height: 2.5;
	}
	
	nav#nav ul#menu li a:hover{
		/* box-shadow */
		box-shadow:0px 0px 5px 3px #d5effb inset;
		-moz-box-shadow:0px 0px 5px 3px #d5effb inset;
		-webkit-box-shadow:0px 0px 5px 3px #d5effb inset;
		background-color: #ffffff;
	}
	
	/* topnews */
	#topnews{
		width: 80%;
		margin: 0 auto;
		border: dotted 1px #2fa8e1;
		padding: 2%;
	}
	
	#topnews article{
		background-color: #d7ecf6;
		border-bottom: solid 1px #2fa8e1;
	}
	
	#topnews article h3{
		width: 20%;
		float: left;
		text-align: center;
	}
	
	#topnews article dl{
		width: 77%;
		float: right;
		background-color: #ffffff;
		margin-bottom: 0;
	}
	
	/* topbanners */
	#topbanners{
		width: 84%;
		margin: 15px auto 0 auto;
	}

	#topbanners li{
		width: 48%;
		float: left;
	}
	
	#topbanners li.fast{
		margin-right: 3%;
	}
	
	#qrtel li.forpc{
		display: block;
	}
	
	#qrtel{
		width: 84%;
		margin: 30px auto 0 auto;
	}
	
	#qrtel li{
		width: 48%;
		float: left;
	}
	
	#qrtel li.forpc{
		margin-right: 3%;
	}
	
	/* footer */
	footer nav{
		margin-top: 30px;
	}
	
	footer div{
		text-align: center;
	}
	
	footer p#cor{
		text-align: center;
	}


	
	
	
}

/* PC向けレイアウトの指定：1281px以上では固定レイアウト */
@media only screen and (min-width: 1281px){
	
	body{
		font-size: 14px;
	}
	
	header{
		width: 1280px;
		margin: 0 auto;
	}
	
	/* nav */
	nav#nav ul#menu{
		width: 1280px;
		margin: 0 auto;
	}
	
	nav#nav ul#menu li{
		line-height: 2.8;
	}
	
	/* topimg */
	
	#topimg{
		width: 1280px;
		margin: 0 auto;
		overflow: hidden;
	}
	
	/* topnews */
	#topnews{
		width: 1190px;
		padding: 15px;
	}
	
	/* topbanners */
	#topbanners{
		width: 1220px;
		margin-top: 60px;
	}
	
	#topbanners li{
		width: 600px;
		float: left;
	}
	
	#topbanners li.fast{
		margin-right: 15px;
	}
	
	#qrtel{
		width: 1220px;
		margin-top: 60px;
	}
	
	#qrtel li{
		width: 600px;
		float: left;
	}
	
	#qrtel li.forpc{
		margin-right: 15px;
	}


	

}