/* RESET STYLES  - */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd, form, fieldset, table, tr, td, th, caption, div, img, iframe {
margin: 0; padding: 0; }
img {border:none; 	display:block;}
ul, ol {list-style-type: none;}
table {border-collapse: collapse; border-spacing: 0; } 
.clear {clear: both;}

/* リンク色（文字） */
a:link { color: #017BB8; text-decoration: none}
a:visited { color: #017BB8; text-decoration: none} 
a:active { color:#000000; text-decoration: none} 
a:hover { color: #B12872; text-decoration: underline} 
/* リンク色（画像） */
a:link img {
	border-color:#017BB8;
}
a:visited img {
	border-color:#017BB8;
}
a:hover img {
	border-color:#B12872;
}

body {
	background-color: #f5f8f9;
	color : #434343;
	font-size:14px;
	line-height: 140%;
	font-family: メイリオ,"Meiryo UI","ＭＳ Ｐゴシック";
	text-align: center;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

/* head-------------------------------------------------------------- */

.header_area{
}

.head {	
	margin-left: auto;
	margin-right: auto;
	width:100%;max-width: 1080px;
	background:linear-gradient(#2745C1, #0D1E63);
}

div.h_head_ber {
	width:100%;max-width:1080px;
	height:80px;
	color:#f0f0f0;
	background-image : url(../img/g_area.jpg);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.head_upper{
	width:50%;
	height:20px;
	font-size:14px;
	font-weight:bold;
	color: #017BB8;
	display: flex;
	flex-direction: column;
	justify-content: center;
}


/* head-------------------------------------------------------------- */

.head_downer{
	width:50%;
	height:54px;
	text-align:left;

	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 18px;
	background:linear-gradient(#0D1E61, #1F3AA5);
}

.sougo_area{
}

.sougo {	
	margin-left: auto;
	margin-right: auto;
	width:100%;max-width: 1080px;
}


div.h_sougo_menu_ber {
	font-size:18px;
	font-weight:bold;
	margin : 0; 
	width:100%;
	display:flex;
	flex-wrap: wrap;
}

div.h_sougo_menu { 
	height:55px;
	flex-basis:24.7%;
	margin-top : 20px; 
	margin-bottom : 20px; 
	border-right: 1px #dcdcdc solid;
}

div.h_sougo_name{
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	width:100%;max-width: 1080px;
	border-left: 1px #dcdcdc solid;
	border-right: 1px #dcdcdc solid;
	border-bottom: 1px #dcdcdc solid;
/* 	box-shadow: 2px 2px 4px rgba(0,0,0,0.2); */

}

.h_sougo_name ul { list-style: none; margin-top: 0px;padding-top: 30px; padding-left: 30px;}
.h_sougo_name ul div{height:50px;	text-align:left;}



span.eng{
	font-size:14px;
	color : #444444;

}

a:hover div {
	background-color: #f6f6f6;
	color : #017BB8;
}

a:hover span.eng {
	font-size:16px;
	color : #dd0000;
}


/* head-------------------------------------------------------------- */
/* member-------------------------- start ------------------------------ */




/* member-------------------------- end -------------------------------- */


h2{
	margin-left: auto;
	margin-right: auto;
	width:100%;max-width:1080px;
	color : #424242;
	font-size:18px;
	font-weight:bold;

	height:60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align:left;
	padding: 0px 0px 0px 0px;
	border: 1px #C4C4C4 solid;
	border-radius: 4px;
	background:linear-gradient(#F8F8F8, #E7E7E7);
	position: relative;
}

h3{
	width:300px;
	height:20px;
	color : #424242;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	background-color: #f5f8f9;
	margin-left:10px;
	padding: 8px 0px 2px 10px;
	border-top: 1px #C4C4C4 solid;
	border-bottom: 1px #C4C4C4 solid;
	border-left: 8px #C4C4ff solid;
	border-right: 1px #C4C4C4 solid;
	-pie-background:linear-gradient(top, #F8F8F8, #E7E7E7);
	background: -moz-linear-gradient(top,  #F8F8F8,  #E7E7E7);
	background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#E7E7E7));
	behavior: url("/img/PIE.htc");
	position: relative;

}

p.p1{
	font-size:16px;
	font-weight:bold; 
	line-height:22px;
	padding: 20px 0px 8px 24px;
}
p{
	font-size:16px;
/*	font-weight:bold; */
	line-height:26px;
	padding: 4px 20px 14px 20px;
}

.pickup{
	font-weight:bold; 
	color:#ff0000;
}
.sub_titleo{
	color : #333333;
	font-size:14px;
	font-weight:normal;
	padding: 8px 0px 2px 30px;

}


/* contents-------------------------------------------------------------- */


.contents_area{
}

.contents {	
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	width:100%;max-width: 1080px;
	border-top: 0px;
	border-left : 1px #dcdcdc solid;
	border-bottom : 1px #dcdcdc solid;
	border-right : 1px #dcdcdc solid;
}



.contents_m {	
	margin-left: auto;
	margin-right: auto;
	width:100%;max-width: 1080px;
	text-align:left;
	background-color: #ededed;
	border-top: 0px;
	border-left : 1px #dcdcdc solid;
	border-bottom : 1px #dcdcdc solid;
	border-right : 1px #dcdcdc solid;
}

.hd6m{
	color : #ffffff;
	background-color: #FB5454;
}

.hd2m{
	color : #ffffff;
	background-color: #2F428E;
/*	background-color: #4AAAEE; */

}

.no5k{
	font-size:14px;
	font-weight:normal;
	color : #f5f8f9;
}

.mp4{
	color : #ffffff;
/*	background-color: #6AF477; */
	background-color: orange;

}


div.space{
	width:100%; 
	height:15px;
}




/* footer -------------------------------------------------------------- */


.footer_area{
}

.footer {
	background-color: #f8f8ff;
	margin-left: auto;
	margin-right: auto;
	width:100%;max-width: 1080px;
/* 	border: 1px #dddddd solid; */
}