@charset "utf-8";

/* basic common css */

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

.sd { 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 {
	display: table;
	width: 900px;
	padding: 12px 0 8px;
	margin: 0  auto;
}
#toplogo,  #twitter, #toptel {
	display: table-cell;
	vertical-align:top;
}
#toplogo h1 {
	font-size:12px;
	color:#fff;
	margin: 0 0 8px;
}
#toplogo { height: 62px; }
#toplogo img {
	height: 42px;
	width: auto;
}
#twitter { width: 110px; }
#toptel { width: 180px; text-align: right;}
#twitter img, #toptel img {
	height: 62px;
	width: auto;
}

/* container */
#container {
	width:100%;
	background:url(../images/main.jpg) no-repeat center top;
}
#container .inner {
	width: 900px;
	padding: 0;
	margin: 0  auto;
}

/* visual */
#visual {
	width:100%;
}
#visual .inner{
	width: 900px;
	margin:0 auto 24px;
}

/* gnv */
#gnv {
	background:#fff  url(../images/iconback.jpg) no-repeat center top;
	padding: 180px 20px 20px;
	margin: 0  0 32px;
}
#gnv ul {
	width:100%;
	letter-spacing: -0.4em;
	text-align: center;
}
#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 {
	border: 4px #223a70 solid;
	padding:20px 24px 220px;
	margin:0 0 32px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}

.toku.item01 { background:#fff  url(../images/tokuback01.jpg) no-repeat center bottom; background-size: contain; }
.toku.item02 { background:#fff  url(../images/tokuback02.jpg) no-repeat center bottom; background-size: contain; }
.toku.item03 { background:#fff  url(../images/tokuback03.jpg) no-repeat center bottom; background-size: contain; }
.toku.item04 { background:#fff  url(../images/tokuback.jpg) no-repeat center bottom; background-size: contain; }


.toku h2 {
	text-align:center;
	margin: 0 0 12px;
}
.toku  .txtarea {
	line-height:1.8;
}

.case {
	position: relative;
	background:#fff;
	border: 4px #ccc solid;
	padding:20px 24px;
	margin:0 0 32px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}
.case h2 {
	text-align:right;
}
.case .casemk{
		position:absolute;
		width:160px;
		height:auto;
		left:-20px;
		top:-20px;
}
.case .fwrapp {
	display:table;
	width:100%;
}
.case  .imgarea {
	display:table-cell;
	width:320px;
}
.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;
	padding:0 0 0 24px;
	vertical-align:top;
}

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


.kaigai {
	width:100%;
	border-bottom: 4px #ccc solid;
	padding: 0 0 16px;
	margin:0 0 32px;
}
.kaigai .txtinner { padding:16px 0 0; }
.kaigai .txtinner h2{ 
	font-size:138%;
	color:#223a70;
	font-weight:bold;
	margin:0 0 12px;
}
.kaigai .txtinner h3{ 
	font-size: 108%;
	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;
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.jpg) no-repeat center top;
	padding: 400px 20px 20px;
}
#greeting {
	background-color:  rgba(255,255,255,0.8);
	padding: 20px 0 0 32px;
}
#greeting table { width:100%; }
#greeting th { font-size: 123.1%; padding: 20px 0 0; }
#greetingph { width:400px; vertical-align:bottom; }
#greeting img { line-height: 1;	 vertical-align:top; }
#greetingcoment {
	font-size:93%;
	line-height:2;
	padding: 0 32px 0 0;
}

#mblink {
	width:100%;
	height:250px;
	background:url(../images/contact.jpg) no-repeat left top;
	padding:30px 0 0;
}
#mblink table {
	width:900px;
	margin:0 auto;
}
#mblink table th{
	text-align:right;
	padding:0 12px 0 16px;
}

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

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