@charset "utf-8";

/* basic common css */

body { background:url(../images/header-grd.jpg) repeat-x left top; }

img {
	width: 100%;
	height:auto;
	vertical-align: top;
}

.pc { display: none !important; }

#wapper {
	width:100%;
	background:url(../images/bodyback.jpg) repeat-x left top;
}

.udn10 { margin:0 0 10px; }
.udn20 { margin:0 0 20px; }
.txtctr { text-align:center; }
a { color:#223a70; }
a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

/* header */
#header { background:#223a70; }
#header .inner {
	text-align:center;
	padding: 12px;
}
#toplogo h1,
#twitter,
#toptel {
	display: none;
}
#toplogo img {
	height: 42px;
	width: auto;
	margin: 0 10px 0 0;
}
#toplogo a {
	display: inline-block;
	font-size: 32px;
	color: #fff;
	margin: 0 4px;
}
#twitter { width: 110px; }
#toptel { width: 180px; text-align: right;}
#twitter img, #toptel img {
	height: 62px;
	width: auto;
}

/* container */
#container {
	width:100%;
}
#container .inner {
	padding: 0;
	margin: 0  auto;
}

/* visual */
#visual {
	width:100%;
	background:url(../images/main-s.jpg) no-repeat center top;
	background-size: cover;
}
#visual .inner{
	padding: 32px 16px;
}

/* gnv */
#gnv {
	background:#fff  url(../images/iconback-s.jpg) no-repeat center top;
	background-size: cover;
	padding: 20px;
	margin: 0  0 32px;
}
#gnv ul {
	width:100%;
	letter-spacing: -0.4em;
	text-align: center;
	margin: 20px 0 0;
}
#gnv li {
	display: inline-block;
	width: 130px;
	letter-spacing: normal;
	padding:5px; 
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#gnv li a { display: block; }
#gnv li img { width:100%; height:auto; }


.toku {
	background:#fff  url(../images/tokuback.jpg) no-repeat center bottom;
	background-size: contain;
	border: 4px #223a70 solid;
	padding:20px 24px 30%;
	margin:0 12px 32px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}
.toku h2 {
	font-size: 120%;
	font-weight: bold;
	line-height: 1.5;
	text-align:center;
	margin: 0 0 12px;
}
.toku  .txtarea {
	line-height:1.8;
}

.case {
	position: relative;
	background:#fff;
	border: 4px #ccc solid;
	padding:40px 24px 20px;
	margin:0 12px 24px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}
.case h2 {
	color: #ef5c5c;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.5;
	text-align:center;
	margin: 0 0 12px;
}
.case .casemk{
		position:absolute;
		width:60px;
		height:auto;
		left:-10px;
		top:-20px;
}
.case .fwrapp {
	width:100%;
}
.case  .imgarea {
	margin: 0 0 16px;
}
.case  .imgarea img {
	width:100%;
	height:auto;
	-moz-box-shadow: 1px 2px 3px 0px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 2px 3px 0px rgba(000,000,000,0.3);
	box-shadow: 1px 2px 3px 0px rgba(000,000,000,0.3);
}
.case  .txtarea {
	display:table-cell;
	line-height:1.8;
	vertical-align:top;
}

#officiallink {
	border-bottom: 4px #ccc solid;
	text-align:center;
	padding:0 12px 32px;
	margin:0 0 32px;
}
#officiallink table {
	width:100%;
	font-size:120%;
	color:#223a70;
	font-weight:bold;
}


.kaigai {
	border-bottom: 4px #ccc solid;
	padding: 0 0 16px;
	margin:0 12px 32px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.kaigai a { display: block; }
.kaigai .txtinner { padding:16px 0 0; }
.kaigai .txtinner h2{ 
	font-size:120%;
	color:#223a70;
	font-weight:bold;
	margin:0 0 12px;
}
.kaigai .txtinner h3{ 
	font-size: 100%;
	color:#fff;
	background:#223a70;
	font-weight:bold;
	line-height:1.8;
	margin:0 0 12px;
	padding:12px 20px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#223a70', endColorstr = '#0c1c3b');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#223a70', endColorstr = '#0c1c3b')";
background-image: -moz-linear-gradient(top, #223a70, #0c1c3b);
background-image: -ms-linear-gradient(top, #223a70, #0c1c3b);
background-image: -o-linear-gradient(top, #223a70, #0c1c3b);
background-image: -webkit-gradient(linear, center top, center bottom, from(#223a70), to(#0c1c3b));
background-image: -webkit-linear-gradient(top, #223a70, #0c1c3b);
background-image: linear-gradient(top, #223a70, #0c1c3b);

}
.kaigai .txtinner p{ 
	font-size: 93%;
	line-height:1.8;
}

#about {
	background: #027abc url(../images/about-s.jpg) no-repeat center top;
	background-size: contain;
	padding: 45% 12px 20px;
}
#greeting {
	background-color:  rgba(255,255,255,0.8);
	padding: 20px;
}
#greeting table { width:100%; }
#greeting th, #greeting td {
	display: block;
}
#greeting th { font-size: 123.1%; padding: 20px 0 0; }
#greetingph {  vertical-align:bottom; margin: 0 0 16px; }
#greeting img { line-height: 1;	 vertical-align:top; }
#greetingcoment {
	font-size:93%;
	line-height:2;
}

#mblink {
	width:100%;
	padding:30px 0 0;
}
#mblink table {
	margin:12px 12px 0;
}
#mblink table th,
#mblink table td{
	padding: 5px;
}

#foot-contact {
	margin: 0 16px;
}
#foot-contact p{
	margin: 0 0 10px;
}

#footer {
	width: 100%;
	background:#223a70;
	color:#fff;
	text-align:center;
	padding:24px 12px 32px;
	margin:32px  auto 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#footer .inner {
	font-size:12px;
	padding:10px 0;
	margin: 0  auto;
}

#footer p{ margin:0 0 20px; }
#footer a{ color:#fff; }