@charset "utf-8";
/* ===================================================================
 style info : リセット及びフォントサイズ
=================================================================== */

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, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

body {
	line-height: 1;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

nav ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
	color: #20aee5;
}
 a:hover{
	color: #71d2f8;
}


del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}
address{
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}


/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}



/*----------------------------------------------------
	共通
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
	color: #3d3734;
}

body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

input, textarea {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}


/*----------------------------------------------------
	#page（ページ全体）
----------------------------------------------------*/
#page {
	font-size: 100%;
}



/*----------------------------------------------------
	header#globalHeader
----------------------------------------------------*/
#globalHeader {
	width:960px;
	margin:0 auto;
}
#globalHeader h1{
	padding-bottom:25px;
}
.headerBox{
	width:220px;
	padding-top:30px;
	background: #fff;
	text-align:center;
	line-height:1;
	border-right: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	position:fixed;
	height: 100%;
}
.headerContact{
	margin-top: 27px;
	list-style:none;
}
.headerContact img{
	margin-bottom:20px;
}


/* グローバルナビゲーション
----------------------------------------------------*/
#globalHeader nav {
	width: 180px;
	margin:0 auto;
	padding-top:19px;
	padding-bottom:11px;
	border-bottom: 2px solid #b7b8b8;
	border-top: 2px solid #b7b8b8;
}

#globalHeader nav ul {
	/zoom: 1;
}

#globalHeader nav ul:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#globalHeader nav ul li{
	margin-bottom:6px;
}
#globalHeader nav ul li span{
	width:180px;
}
#globalHeader nav ul li a{
	position:relative;
	display: block;
	height: 40px;
	width:180px;
	overflow:hidden;
	text-indent: -9999px;
	background:url(../images/navi.png) no-repeat 4px 12px;
}
#globalHeader nav ul li.navi02 a,
#globalHeader nav ul li.navi02 span{background-position:4px -34px;}
#globalHeader nav ul li.navi03 a,
#globalHeader nav ul li.navi03 span{background-position:4px -80px;}
#globalHeader nav ul li.navi04 a,
#globalHeader nav ul li.navi04 span{background-position:4px -126px;}
#globalHeader nav ul li.navi05 a,
#globalHeader nav ul li.navi05 span{background-position:4px -172px;}
#globalHeader nav ul li.navi06 a,
#globalHeader nav ul li.navi06 span{background-position:4px -218px;}
#globalHeader nav ul li.navi07 a,
#globalHeader nav ul li.navi07 span{background-position:4px -264px;}

#globalHeader nav ul li span{
	position: absolute;
	top:0;
	display: block;
	height: 40px;
	background:url(../images/navi_h.png) no-repeat 4px 12px;
}

.mainImg{
	height:300px;
	text-align:right;
}
.pan{
	background: #d3d3d3;
	padding:12px 0;
	margin-bottom:60px;
}
.pan li {
	display: inline;
	list-style-type: none;
}
.pan li:after {
	/* liの後に記号追加 */
	content:" > ";
}
.pan li:last-child:after {
        /* 最初のliだけcontentを消す */
        content:"";
}



/*----------------------------------------------------
	footer#globalFooter
----------------------------------------------------*/
.pageTop{
	text-align: right;
}
.pageTop a:hover{
	opacity:0.8;
}
#globalFooter {
	overflow: hidden;
	background: url(../images/bg_footer.png) repeat-x;
	
}

#globalFooter .footerNavi{
	padding:16px 0 35px;
}

#globalFooter ul {
	list-style: none;
	text-align:right;
}

#globalFooter ul li {
	display: inline-block;
	padding:0 10px;
	border-right: 1px solid #fff;
}
#globalFooter ul li a{
	color: #fff;
	text-decoration:none;
}
#globalFooter ul li a:hover{
	text-decoration:underline;
}

.copyright{
	padding-bottom: 10px;
	color:#fff;
	text-align:right;
}

address{
	padding:20px 0 30px;
}
address .footerAdd{
	padding-top:15px;
	color:#fff;
	text-align: center;
}


/*----------------------------------------------------
	#contents（メインとサイド）
----------------------------------------------------*/
#contents {
}
.inBox{
	padding:20px 30px;
	margin-bottom:30px;
	background: #fff;
}
.block01{
	width:960px;
	margin: 0 auto 0;
	overflow:hidden;
}
.block02{
	margin-left:250px;
}

section{
	margin-bottom: 80px;
}
section h1{
	margin-bottom: 25px;
}
section h2{
	padding:15px 10px 10px 50px;
	margin-bottom:20px;
	font-size:1.1rem;
	color: #fff;
	background: url(../images/bg_subtitle.png) no-repeat 15px 20px #004ea2;
}
table{
	width: 100%;
}
tr{
	border: 1px solid #c9caca;
}
th{
	padding: 15px;
	width: 130px;
	background: #dcdddd;
	text-align:left;
}
td{
	padding: 15px;
	line-height:1.5;
}

/*----------------------------------------------------
	#index
----------------------------------------------------*/
#index #page{
	background:url(../images/bg.png);
}
#index .mainImg{
	height:450px;
	background:url(../images/bg_index.jpg) no-repeat #FFF center 0;
	text-indent: -9999px;
	margin-bottom:60px;
	text-align:left;
}
#index section h1{
	margin-bottom:2px;
}
.newsBox .inBox div{
	padding-bottom: 9px;
	border-bottom:1px solid #c9c9ca;
}
.newsBox .inBox li{
	list-style: none;
	padding-top:30px;
}
.newsBox .inBox li:first-child{
	padding-top:25px;
}
.newsBox .inBox li time{
	font-weight: bold;
}
.newsBox .inBox li p{
	padding-top:3px;
}
.picup a{
	color: #3d3734;
}
.picup a:hover{
	color: #20aee5;
}
.picup a:hover .inBox img{
	opacity:0.7;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}
.indexL{
	float: left;
	width: 340px;
}
.indexR{
	float: right;
	width: 340px;
}
.indexL .inBox,.indexR .inBox{
	margin-top: 2px;
	margin-bottom:55px;
}
.indexL p,.indexR p{
	padding: 15px 0;
}
.indexBox{
	padding:60px 0 80px;
	background: #fff;
}
.indexBox .com01{
	margin-bottom:40px;
}

/*----------------------------------------------------
	company
----------------------------------------------------*/
#company #page{
	background: url(../images/bg_company.jpg) no-repeat center top;
}
#company .mainImg img{
	margin-top:208px;
	margin-right:104px;
}
.companyBox dt{
	width: 100px;
	padding:12px 0 8px;
	text-align:center;
	color: #fff;
	font-weight:bold;
	font-size: 1rem;
	letter-spacing:3px;
	background: #313131;
}
.companyBox dd{
	margin-bottom:40px;
}
.companyBox dd p{
	padding: 15px 0;
}
.companyBox dd .trainBox{
	padding: 25px 0 25px 75px;
	margin-top: 15px;
	background:url(../images/icon_train.png) no-repeat;
}


/*----------------------------------------------------
	business
----------------------------------------------------*/
#business #page{
	background: url(../images/bg_business.jpg) no-repeat center top;
}
#business .mainImg img{
	margin-top:208px;
	margin-right:104px;
}
.businessBox{
	overflow:hidden;
}
.businessBox p{
	padding-bottom:25px;
}
.businessBox li{
	float:left;
	list-style:none;
	margin-right:40px;
}
.businessBox li:last-child{
	margin-right:0;
}

/*----------------------------------------------------
	construction
----------------------------------------------------*/
#construction #page{
	background: url(../images/bg_const.jpg) no-repeat center top;
}
#construction .mainImg img{
	margin-top:208px;
	margin-right:60px;
}
.constList{
	margin-bottom:20px;
	overflow:hidden;
}
.constList li{
	float:left;
	list-style:none;
	margin-right:40px;
	margin-bottom:40px;
	line-height:0;
}
.constList li.ui-tabs-selected a{
	display:block;
	height:130px;
	width:210px;
	overflow:hidden;
}
.constList li.ui-tabs-selected .rollover{
	top:-9999px;
}
.constList li.listR{
	margin-right:0;
}
.constBox p{
	padding-bottom:30px;
}
.constBox tr{
	border:none;
}
.constBox th{
	border-bottom:1px solid #c9c9ca; 
	background: none;
	color: #004ea2;
	font-weight:normal;
	font-size:0.9rem;
}
.constBox td{
	border-bottom:1px solid #c9c9ca;
}
.constBox .const01{
	border-right:30px solid #fff;
}

/*----------------------------------------------------
	careers
----------------------------------------------------*/
#careers #page{
	background: url(../images/bg_careers.jpg) no-repeat center top;
}
#careers .mainImg img{
	margin-top:208px;
	margin-right:104px;
}
.careersBox{
	margin-bottom:60px;
}


/*----------------------------------------------------
	blog
----------------------------------------------------*/
#blog #page{
	background: url(../images/bg_blog.jpg) no-repeat center top;
}
#blog .mainImg img{
	margin-top:207px;
	margin-right:152px;
}
.blogBox {
	text-align:center;
	overflow:hidden;
	margin-bottom:50px;
}
.blogBox .time{
	color: #7d7d7d;
	font-size:1.1rem;
}
.blogBox .title{
	display: inline-block;
	font-size:1.4rem;
	padding-bottom:10px;
}
.blogBox .title p{
	padding:10px 38px 5px;
	background: url(../images/icon_blog.png) no-repeat center left;
}
.blogBox .com{
	border-top: 1px solid #9bd9f1;
	padding-top:30px;
	text-align:left;
	line-height:1.5;
}
.blogBox .com img{
	float: right;
	max-width:280px;
	height:auto;
	margin-left:50px;
	margin-bottom:20px;
}



/*----------------------------------------------------
	contact
----------------------------------------------------*/
#contact #page{
	background: url(../images/bg_contact.jpg) no-repeat center top;
}
#contact .mainImg img{
	margin-top:208px;
	margin-right:16px;
}
.contactBox p{
	padding: 10px 0 30px;
}
.contactBox table.submitTable{
	margin-top:20px;
}
.contactBox table th,
.contactBox table td{
	text-align:left;
	padding:15px;
}
.contactBox table th span{
	padding: 5px;
	background: #004ea0;
	color:#fff;
	font-size: 0.8rem;
	float:right;
	margin-top: -4px;
}
.contactBox table th span.necessary{
	background: #c51623;
}

.contactBox .mailForm td .caution {
	color: #c00;
	margin:0;
	font-size:0.7rem;
	padding:5px 0 0;
}


.contactBox .mailForm td input {
	padding-left: 10px;
	width: 357px;
	height: 26px;
	line-height: 2;
	border: 1px solid #e1e1e1;
}

.contactBox .mailForm select {
	margin-bottom: 5px;
	padding-left: 10px;
	width: 100px;
	height: 30px;
	display: block;
	border: 1px solid #e1e1e1;
}

.contactBox .mailForm #fMunicipalities {
	margin-bottom: 5px;
	width: 487px;
}

.contactBox .mailForm #fMunicipalities {
	margin-bottom: 5px;
	width: 470px;
}

.contactBox .mailForm #fApartment,
.contactBox .mailForm #fEmail,
.contactBox .mailForm #fEmailConfirm {
	width: 470px;
}

.contactBox .mailForm #fContent {
	padding: 5px 10px;
	width: 470px;
	height: 200px;
	border: 1px solid #e1e1e1;
}
.contactBox .mailForm #fZip,
.contactBox .mailForm #fZip02 {
	width: 150px;
}
.contactBox .mailForm .submit {
	text-align: center;
	margin-top:40px;
}

.contactBox .mailForm .submit li {
	display: inline;
}

.contactBox .mailForm .submit li input {
	cursor: pointer;
	border: none;
	width: 100px;
	height: 50px;
	margin:0 10px;
	background: #21ade5;
	color: #fff;
	font-size: 1rem;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}

.contactBox .mailForm .submit li input:hover {
	opacity:0.5;
}

.contactBox .mailForm .submit li.back input {background: #313131;}

.contactBox .mailForm .submit li.send input {background: #21ade5;}