@charset "utf-8";

/*
Theme Name: XXXX
*/

/* RESET */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

li {list-style:none;}



/* IMAGE */
img {border:none;max-width:100%;height:auto;}
img.alignright {float:right;margin:0 0 20px 20px;}
img.alignleft {float:left;margin:0 20px 20px 0;}

/* Clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1 } /* IE6 */
*:first-child+html .clearfix { zoom: 1 } /* IE7 */



/* TYPOGRAPHY */
body {
	color: #000;
	font: 13px "ƒqƒ‰ƒMƒm–¾’© ProN W6", "HiraMinProN-W6", "HG–¾’©E", "‚l‚r ‚o–¾’©", "MS PMincho", "MS –¾’©", serif;
	text-align: justify;
	line-height:150%;
	text-align:center;
}

strong {font-weight: bold;}
.bold {font-weight: bold!important;}

a { color: #000;text-decoration:none; }
a:hover { color:#000;text-decoration:underline; }

a.arrow {background:url(images/arrow.jpg) no-repeat left;padding-left:12px;}

/* LAYOUT */

.wrap {
	width:950px;
	margin:0 auto;
}
@media screen and (max-width: 950px){ 
     .wrap{ width:100%; }
}

#main {
	width:100%;
	background:url(images/bgfoot.jpg) repeat-x bottom;
	text-align:left;
}
#contents {
	width:69%;
	float:right;
}
nav#side {
	width:31%;
	float:left;
}

li.grid {float:left;}

/* HEADER */

#tnav {
	text-align:right;
	padding-right:2px;
}
header {text-align:left;padding-top:5px;}
header h1 {
	padding:0 0 40px 15px;
	font-size:12px;
}
header h1 img {
	vertical-align:bottom;
	margin-right:10px;
}
@media screen and (max-width: 950px){ 
     header h1 img {width:200px;}
}

header nav ul#global li {
	display:block;
	float:left;
	width:20%;
	text-align:center;
}
header nav li a {
	display:block;
	padding:10px 0 7px 0;
	font-size:16px;
	border-right:1px #999 solid;
}
header nav li a.first {
	border-left:1px #999 solid;
}
header nav li a span {
	display:block;
	padding:3px;
	font-size:14px;
	color:#274a78;
	font-family: 'Slabo 27px', serif;
}
header nav li a:hover, header nav li.active a {
	border-bottom:5px #274a78 solid;
	padding:10px 0 2px 0;
	text-decoration:none;
}

/* MAIN */

#main #bread {
	padding:40px 0 30px 0;
}
#main #bread li {
	display:inline;
	margin-right:10px;
}

.totop {
	text-align:right;
	padding:30px 0;
}
#mainf {
	padding:170px 0 20px 0;
	text-align:left;
	color:#fff;
	font-size:14px;
	line-height:180%;
}
#mainf dt {
	width:48%;
	display:inline-block;
	vertical-align:middle;
}
#mainf dt img {
	max-width:90%;
}
#mainf dd {
	width:52%;
	display:inline-block;
	vertical-align:middle;
	word-break:keep-all;
}

/* FOOTER */

footer {
	background:url(images/bgf.jpg);
	color:#fff;
	font-family:'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','ƒ�ƒCƒŠƒI',Meiryo,'‚l‚r ‚oƒSƒVƒbƒN','MS PGothic',sans-serif;
	border-top:1px #fff solid;
}
footer ul.wrap {
	text-align:left;
	padding:30px 0;
	position:relative;
}
footer ul.wrap li#address {
	position:absolute;
	top:30px;
	right:0px;
	width:287px;
	border-left:1px #fff solid;
	line-height:180%;
}
footer ul.wrap li#address dl {
	margin-left:22px;
}
footer ul.wrap li#address dt {
	font-size:14px;
	margin-bottom:5px;
}
footer ul.wrap li#address dd {
	font-size:10px;
	margin-bottom:8px;
}
footer ul.wrap li#address dd span {
	font-size:20px;
	display:block;
}
footer ul.wrap li#address dd dl {margin:0;line-height:100%;}
footer ul.wrap li#address dd dt, footer ul.wrap li#address dd dd {
	font-size:10px;
	display:inline-block;
	margin-bottom:3px;
}
footer ul.wrap li#address dd dt {
	background:#fff;
	color:#26416e;
	font-weight:bold;
	padding:1px 7px;
	line-height:100%;
	margin-right:5px;
}

footer ul.wrap li#navi {padding-right:287px;}

footer ul.wrap li#navi li.grid {
	min-width:90px;
	padding:0 23px 0 2px;
	font-size:13px;
	min-height:120px;
}
footer ul.wrap li#navi li.grid li, footer ul.wrap li#navi li.grid dt {
	margin-bottom:5px;
}
footer ul.wrap li#navi li.grid dd ul li {
	margin-bottom:0;
}

footer ul.wrap li#navi li.grid dd {
	font-size:10px;
}

footer a, footer a:hover {color:#fff;}

/* TOP */

.home #content section {
	padding:60px 7% 0 7%;
}
.home #content section h2 {
	padding:10px 20px;
	font-size:20px;
}
.home #content section h2 span {
	font-family: 'Slabo 27px', serif;
	font-size:14px;
	font-weight:normal;
	color:#274a78;
	margin-left:35px;
}
.home #content section h2 a {
	font-size:14px;
	float:right;
}
.home #content section ul#news {
	padding:0 20px;
}
.home #content section ul#news {
	padding-left:20px;
}
.home #content section ul#news li {
	margin-bottom:6px;
}
.home #content section ul#news li span {
	width:15%;
	display:inline-block;
	vertical-align:top;
}
.home #content section ul#news li a {
	display:inline-block;
	width:85%;
}
.home #content section li.grid img {
	margin-left:19px;
	margin-bottom:15px;
}
.home .totop {
	padding:50px 90px 30px 0;
}

/* SIDE */

#side dl {
	width:85%;
	margin-bottom:30px;
}
#side dt {
	background:#054b7c;
	padding:18px 20px;
	color:#fff;
	font-size:16px;
	border-bottom:1px #053f6f solid;
}
#side dt a, #side dt span {
	color:#fff;
	background:url(images/close.jpg) no-repeat left;
	padding-left:28px;
	cursor:pointer;
}
#side dt.open a, #side dt.open span {
	background:url(images/open.jpg) no-repeat left;
}

#side dd li {
	padding:15px 5px 15px 30px;
	font-size:14px;
	border-bottom:1px #ebebeb solid;
}
#side dd li a {background:url(images/arrow.jpg) no-repeat left;padding-left:18px;}

#side #news {width:85%;}

#side #news h2 {
	font-size:16px;
	padding:10px 5%;
	border-bottom:1px #000 solid;
}
#side #news ul {
	padding:10px 5%;
}
#side #news ul li {
	margin-bottom:10px;
}
#side #news ul li a {
	display:block;
}
#side #news ul li.arc {
	padding-top:10px;
}
#side #news ul li.arc ul li {
	margin-bottom:3px;
}
#side #news ul li.arc ul li a {
	background:url(images/arrow.jpg) no-repeat left;
	padding-left:18px;
	display:inline;
}

/* ARTICLE */

article h2 {
	text-align:center;
	font-size:28px;
	padding:0 0 50px 0;
}
article h3 {
	text-align:center;
	font-size:20px;
	padding:0 0 30px 0;
}
article h3.aleft {
	text-align:left;
}
article dl.block {
	margin-bottom:30px;
}
article dl.block dt {
	font-size:20px;
	padding:15px 0;
}
article dl.tabular {
	margin-bottom:15px;
}
article dl.tabular dt, article dl.tabular dd {
	display:inline-block;
	vertical-align:top;
}
article dl.tabular dt {
	width:17%;
}
.post article h2 {text-align:left;}
.post article h2 span {display:block;font-size:18px;padding-bottom:10px;}

.post article p, .page p, article ul, article dl {
	clear:both;
	line-height:180%;
	margin-bottom:20px;
	font-family:'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','ƒ�ƒCƒŠƒI',Meiryo,'‚l‚r ‚oƒSƒVƒbƒN','MS PGothic',sans-serif;
}
.post article p img {
	border:1px #ebebeb solid;
}

ul.list {
	padding:30px 0;
}
ul.list li {
	margin-bottom:10px;
	font-size:14px;
}
p.catch {
	text-align:center;
	font-size:20px;
	line-height:180%;
	font-family: "ƒqƒ‰ƒMƒm–¾’© ProN W6", "HiraMinProN-W6", "HG–¾’©E", "‚l‚r ‚o–¾’©", "MS PMincho", "MS –¾’©", serif;
}
.work ul {
	padding:20px 0;
	text-align:left;
}
ul.threec li.grid {
	width:31%;
	margin:0 1% 15px 1%;
}
ul.threec li.grid dt {
	font-size:16px;
	padding-bottom:20px;
}
ul.twoc li.grid {
	width:50%;
	margin:0 0 15px 0;
}
ul.twoc li.grid .first {margin-right:10px;}
ul.twoc li.grid .second {margin-left:10px;}
.work ul li.grid img {
	border:1px #ebebeb solid;
}
.work ul li.grid a {
	display:block;
}

a.btn {
	font-size:16px;
	background:#8fbbda;
	display:inline-block;
	padding:6px 15px;
	margin-bottom:20px;
}
a.btn:hover {
	background:#054b7c;
	color:#fff;
	text-decoration:none;
}
.pager, .pagenavi {
	text-align:center;
	padding:20px 0;
}

/* ‰ïŽÐ�î•ñ */

#gmap {
	width:100%;
	height:300px;
}
.access ul {
	padding:30px 0;
}
.access ul li span, recruit ul li span {
	display:inline-block;
	min-width:60px;
}
.companygrid li span{
	display:block;
	font-size:20px;
	padding-bottom:15px;
}
.companygrid li img, .message img {
	width:40%;
	height:auto;
}
.imgpos {
	position:relative;
}
.imgpos img {
	position:absolute;
	right:0px;
	top:0px;
	width:38%;
}
@media screen and (max-width: 900px){ 
     .imgpos img{ width:35%; }
}
@media screen and (max-width: 820px){ 
     .imgpos img{ width:30%; }
}

/* FORM */

@media screen and (max-width: 950px){ 
     .contact{ padding:0 5px; }
}

.contact ul li {
	display:inline-block;
	min-width:17%;
	margin-right:3%
}
.contact form {
	padding:60px 0 30px 0;
}
.contact dl {
	margin-bottom:15px;
}
.contact form dt, .contact form dd {
	display:inline-block;
	vertical-align:top;
}
.contact form dt {
	width:25%;
	font-size:14px;
}
.contact form dt span {
	color:red;
}
.contact form dd {
	width:72%;
}
.contact input {
	width:100%;
	padding:6px!important;
	border:1px #ccc solid;
	background:#fff;
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
}
.contact input.im {
	width:50%;
}
.contact textarea {
	width:100%!important;
	height:100px!important;
	border:1px #ccc solid;
	background:#fff;
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	padding:6px!important;
}
.contact .send {
	text-align:center;
	padding-top:20px;
}
.contact .send button {
	padding:8px 12px;
	border:1px #888 solid;
	background:#ddd;
	font-size:16px;
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	cursor:pointer;
}


/* SLIDER */
.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
	text-align:center;
	background:none;
	width:auto;
	height:auto;
}
.bx-wrapper img {
	display: block;
	margin: 0 auto;
	max-width:100%;
}
.bx-wrapper .bx-pager {
	padding-top:20px;
	z-index:100;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #FFF;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #bbb;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #f09540;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 20px;
	background: url(images/slideLeft.png) no-repeat;
}

.bx-wrapper .bx-next {
	right: 20px;
	background: url(images/slideRight.png) no-repeat;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -40px;
	outline: 0;
	width: 42px;
	height: 80px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}