@charset "UTF-8";

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; margin: 0; padding:0;}
body,div,p,h1,h2,h3,h4,h5,h6,small,dl,dt,dd,ul,ol,li,img,a,blockquote,address{
	color: #000000;
}
table,tr,th,td{
	color: #000000;
}
a:link {
	color:#0000ff;
}
a:active {
	color:#0000ff;
}
a:visited {
	color:#0000ff;
}
a:hover {
	color:#ff0000;
}
.btn{
	display:inline-block;
	padding:0.5em 1em;
	background:#0957b5;
	color:#ffffff !important;
	text-decoration:none;
	border-radius:0.3em;
	font-weight:bold;
	border:none;
	cursor:pointer;
}
.btn:hover{
	opacity:0.7;
}
body{
	background:url(../img/common/bg.jpg) repeat #ffffff;
}
#header{
	width:1000px;
	margin:0px auto;
	background:#ffffff;	
}
#header .header_contents{
	width:1000px;
	margin:0px auto;
	padding:1em 0px 0px;
	position:relative;
}
.header_contents h1{
	float:left;
	margin-right:2em;
}
.header_contents h1 img{
	display:block;
	margin-bottom:0.2em;
}
.header_contents h2{
	position:absolute;
	left:460px;
	bottom:0em;
}
@media (max-width: 769px) {
.header_contents h1{
	float:left;
	margin-right:2em;
}
.header_contents h1 img{
	width:100%;
	max-width:440px;
	min-width:320px;
}
.header_contents h2{
	width:100%;
	max-width:440px;
}
}
.header_contents p{
	position:absolute;
	top:0.2em;
	right:0.5em;
}

#global_navi{
	background:#0957b5;	
}
#global_navi ul{
	width:100%;
	margin:0px auto;
	border-top:2px solid #0890ca;
}
#global_navi ul li{
}
#global_navi ul li a{
	display:block;
	padding:1em;
	line-height:1;
	letter-spacing:0.1em;
	text-decoration:none;
	border-bottom:2px solid #0890ca;
	font-weight:bold;
	color:#ffffff;
}
#global_navi ul li a:hover{
	color:#ffffff;
	background:#0190df;
}
@media (max-width: 769px) {
#global_navi ul li a{
background-color:#0957b5;
background:-ms-linear-gradient(top, #006fbf, #00529b);
background:-moz-linear-gradient(top, #006fbf, #00529b);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #006fbf), color-stop(100%, #00529b));
	background:linear-gradient(top, #006fbf, #00529b);
	color:#ffffff;
}
#menubtn,#closebtn a{
background-color:#00529b;
background:-ms-linear-gradient(top, #006fbf, #00529b);
background:-moz-linear-gradient(top, #006fbf, #00529b);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #006fbf), color-stop(100%, #00529b));
	background:linear-gradient(top, #006fbf, #00529b);
	color:#ffffff;
}
}

#contents{
	width:1000px;
	margin:0px auto;
	padding:2em 0px;
	background:#ffffff;
}
#main{
	width:640px;
	float:right;
}
#side{
	width:320px;
	float:left;
}
#contact a{
	display:block;
	background:#0957b5;
	padding:1em 1em 1em;
	text-align:center;
	text-decoration:none;
}
#contact a:hover{
	opacity:0.7;
}
#contact h4{
	color:#ffffff;
	border-bottom:1px solid #ffffff;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
}
#contact h4 img{
	display:inline-block;
	margin-bottom:0.5em;
}
#contact h4 b{
	font-size:110%;
	letter-spacing:0.1em;
}
#contact p{
	width:80%;
	margin:0px auto;
	text-align:left;
	color:#ffffff;
	margin-bottom:1em;
}
#contact p.support{
	text-align:center;
	padding:0.5em 1em;
	box-sizing:border-box;
	background:#ffffff;
	color:#0957b5;
	margin-bottom:0px;
}

#banner li{
	margin-bottom:1em;
}
#footer{
	background:#0957b5;
	text-align:center;
	padding:0.5em 0px;
}
#footer small{
	color:#ffffff;
}

.youtube{
	background:#0957b5;
}
.youtube a{
	color:#ffffff;
}

h3.page_ttl{
	font-size:120%;
	border-bottom:2px solid #003b82;
	color:#0957b5;
	font-weight:bold;
	letter-spacing:0.1em;
	margin-bottom:1em;
	font-size:200%;
}
h3.page_ttl small{
	color:#999999;
	display:block;
	padding:0px 0px 1em;
	font-size:50%;
}

h4.title1{
	padding:1em 0.5em;
	font-size:120%;
	border-bottom:2px solid #003b82;
	color:#ffffff;
	background:#0957b5;
	font-weight:bold;
	letter-spacing:0.1em;
	position:relative;
	margin-bottom:1em;
}
h4.title1 small{
	color:#999999;
	font-size:80%;
	display:inline-block;
	padding:0px 1em;
}
h4.title1 a.btn_more{
	color:#ffffff;
	padding:0.5em 1em 0.5em 2em;
	border-radius:0.5em;
	background:url(../img/common/icon_more.png) no-repeat 0.5em center #0957b5;
	text-decoration:none;
	line-height:1;
	font-size:80%;
	position:absolute;
	right:0px;
	bottom:0.5em;
}

h4.title2{
	border-bottom:1px solid #003b82;
	margin-bottom:1em;
	padding-bottom:0.5em;
}
h4.title2 b{
	border-left:4px solid #0957b5;
	padding-left:1em;
	display:block;
}
h4.title2 .date{
	font-size:80%;
}
h4.title2 .cat{
	font-size:80%;
}
h4.title2 .ttl{
	font-size:120%;
	display:block;
}
h6{
	font-weight:bold;
}
h6 + p{
	margin-bottom:1em;
}