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

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 HOMEレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*==========================================
 ヘッダー
===========================================*/
header {
  text-align:center;
  position:relative;
  overflow:hidden;
}
header h1 {
  margin:0 auto;
  padding:15px 0;
  width:85%;
}
header h1 img {
  width:100%;
  max-width:640px;
}
header #top {
  margin:0 auto;
  width:90%;
}
header #top img {
  width:100%;
  height:auto;
  max-width:900px;
}
header h2 {
  margin:0 auto;
  padding:0 0 15px;
  width:90%;
  font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size:100%;
  font-weight:bold;
}

/*==========================================
 コンテンツエリア全体
===========================================*/
#contents {
  background:#D8E4F2;
  padding: 20px 0;
}
#contents #innner {
  width:90%;
  max-width: 960px;
  margin:0 auto;
}

/*==========================================
 コンテンツエリア ->banner
===========================================*/
#contents #boshu {
	width:90%;
	max-width:380px;
	margin:0 auto 10px;
	background: #FFF;
	display:block;
	text-align:center;
	padding:10px;
}


/*==========================================
 コンテンツエリア -> News,blog
===========================================*/
#contents #news {
	width:100%;	
	max-width:700px;
	margin:0 auto 10px;
}
#contents #news h3 {
	font-size:120%;
	font-weight:bold;
	color:#001966;
  margin: 0 0 15px 0;
  background: url(../top_img/news_icon.gif) no-repeat 0 1px;
  padding: 0 0 3px 20px;
  border-bottom: dashed 1px #238C00;
}
#contents #news h3 a {
	color:#001966;
}
#contents #news ul li {
  padding-left:20px;
  padding-bottom:5px;
}
#contents #news ul li a {
  color: #001966;
  text-decoration:underline;
}



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


/* PC向け・大型タブレット向けレイアウト：769px～960px */
@media print, screen and (min-width: 580px) {
	header h2 {
	font-size:115%;
}
}

@media print, screen and (min-width: 768px) {
header h1 {
  width:70%;
}
header h2 {
	font-size:120%;
}
#contents #boshu {
    width: 38%;
    float: left;
  }
#contents #news {
    width: 56%;
    float: right;
  }
	
	}
	
/* PC向けレイアウト：961px以上固定レイアウト */
@media print, screen and (min-width: 930px) {
header h2 {
	font-size:140%;
}
	
	}