/* CSS Document */
section{
	padding-bottom:20px;
	margin-bottom:40px;
	border-bottom:1px solid #DDDDDD;
}


h2{
	background-color:#fff !important;
	border:none;
	border-bottom:3px solid #718CC8 !important;
	font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
   color:#333;
   font-size:14px;
   line-height:140%;
}

h2 strong{
	font-size:24px;
	font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
}


div.dataArea{
	float:right;
	width:73%;
}

div.dataArea ul.jyuten ul{
	margin:5px 0 0 20px !important;
	padding:0 !important;
}

div.dataArea ul.jyuten li{
	float:left;
	list-style-type:none;
	padding:3px 10px;
	margin-right:5px !important;
	margin-bottom:2px !important;
	font-weight:bold;
	background-color:#E5E5E5;
	border-radius: 8px;         /* CSS3 */
	-moz-border-radius: 8px;    /* Firefox */
	-webkit-border-radius: 8px; /* Safari,Chrome */
	border:1px solid #BCBCBC;     /* 枠線の装飾 */
}



div.dataArea th{
	white-space:nowrap;
}

div.dataArea .keireki{
	font-size:14px;
	line-height:130%;
}

div.dataArea p.gaku{
	margin-left:20px !important;
}

div.dataArea table.nenhyo{
	margin:10px 20px 0 20px;
	width:90%;
}

div.dataArea table.nenhyo th{
	padding:3px;
	width:25%;
}

div.dataArea table.nenhyo td{
	padding:3px;
	width:75%;
}


a.keisai{
	display:block;
	margin:0 8px 8px 0;
	padding:10px 10px;
	width:160px;
	
	border:1px solid #AFD2E5;
	
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	
	background-color:#E8F0F7;
	
	background:-webkit-gradient(linear, left top, left bottom, from(#E8F0F7), to(#C0D3E6));
 background: -webkit-linear-gradient(top, #E8F0F7, #C0D3E6);
 background:    -moz-linear-gradient(top, #E8F0F7, #C0D3E6);       /* -moz-liner-gradient(to bottom, #000, #fff); */
 background:      -o-linear-gradient(top, #E8F0F7, #C0D3E6);       /*   -o-liner-gradient(to bottom, #000, #fff); */
 background:        linear-gradient(to bottom, #E8F0F7, #C0D3E6);	
	
	-webkit-box-shadow: 2px 2px 2px #C0C0C0;
	-moz-box-shadow: 2px 2px 2px #C0C0C0;
	box-shadow: 2px 2px 2px #C0C0C0;
	
}



div.imgArea{
	float:left;
	width:25%;
}

div.imgArea img{
	width:100%;
}

ul.kouen{
	margin-left:40px;
}

ul.kouen li{
	list-style-type:square;
	margin-bottom:5px;
}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
div.dataArea{
	float:none;
	width:100%;
}

div.imgArea{
	float:none;
	width:100%;
	text-align:center;
}

div.imgArea img{
	width:90%;
}

}