@charset "UTF-8";



/*common--------------------------------------------------------------------------------------------------*/

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
ul {
    list-style:none;
}
img {
	border: none;
	vertical-align:bottom;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
address, em, code, cite, dfn, var, optgroup {
  font-style: normal;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
	text-decoration:underline;
	outline:none;
}
a:hover {
	text-decoration:none;
}
a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}
.al:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
input, select {
    vertical-align:middle;
}
input[type="button"],input[type="text"],input[type="submit"],input[type="reset"],textarea {
   -webkit-appearance:none;
   border-radius:0;
}
input[type="checkbox"] {
	margin-right:10px;
	
	}
.clearfix:after {
    content: "."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}

/*  common  */
.clear {
	font-size: 1px;
	height: 1px;
	clear: both;
}
.left{
	float:left;
	display:inline;
}

.right{
	float:right;
	display:inline;
}
.alignCenter {text-align:center;}
.alignLeft {text-align:left;}
.alignRight {text-align:right;}
.valignTop {vertical-align:top;}
.valignMiddle {vertical-align:middle;}
.valignBottom {vertical-align:bottom;}

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%;
    vertical-align:baseline;
    background:transparent;
}
/* html  */
html {
	overflow-y:scroll;
}

/*  body  */
body {
	font-family:"メイリオ","Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size:14px;
	line-height:1.5;
	color:#000;
	-webkit-text-size-adjust:100%;
}

/* #wrapper --------------------------------------------------------------------------------------------------*/
#wrapper {
	width:100%;
	border-top:4px solid #000;
}

/*  #header  */
#header{
	width:1000px;
	clear:both;
	margin:0 auto 8px auto;
	padding-top:12px;
	overflow: hidden;
}

#header h1{
float:left;
}
#header p.telNo{
display: block;
overflow: hidden;
width:406px;
float:right;
line-height:50%;
font-size: 13px;
}
#header p.telNo img.telTtl{
float:left;
}
nav#navi{
width:100%;
height:45px;
background-color: #003ca3;
overflow: hidden;
}
nav#navi ul{
width:1000px;
height:45px;
color: #fff;
text-align: center;
font-size: 12px;
margin: 0 auto 0 auto;
font-size:14px;
}
#navi ul li a{
float: left;
width:195px;
height:45px;
color: #fff;
text-decoration: none;
}
#navi ul li a:hover{
background-color: #356ab7;
}
#navi ul li a span{
display: block;
width:195px;
height:15px;
padding:5px 0 8px 0;
margin-top:10px;
border-right:1px solid #fff;
}
#navi ul li.n1 a span{
border-left:1px solid #fff;
}
#navi ul li.n1,
#navi ul li.n2,
#navi ul li.n3{
letter-spacing:8px;
}


/*  section  --------------------------------------------------------------------------------------------------*/
section {
	width:100%;
	clear:both;
}

/* #mainImg --------------------------------------------------------------------------------------------------*/

section#mainImg {
	width:100%;
	height:355px;
	clear:both;
	background:url(../images/main_bg.jpg) repeat-x center top;
	text-align: center;
	padding-top:90px;
	margin-bottom: 500px;
	position:absolute;
}
section#mainImg p.for_staff{
	position:relative;
	top:98px;
	left:0;
}
/* #mainCopy--------------------------------------------------------------------------------------------------*/

section#mainCopy{
text-align: center;
line-height: 1.4;
font-size: 16px;
padding-top:500px;
}
section#mainCopy p:first-child{
margin:0 auto 20px auto;
font-size: 26px;
letter-spacing: 3px;
}
section#mainCopy p:last-child{
margin:0 auto 40px auto;
font-size: 16px;
}
.catch{
	font-size: 26px;
	
	
}
/* h2共通--------------------------------------------------------------------------------------------------*/

section#company h2,
section#greeting h2,
section#access h2,
section#staff h2,
section#form h2{
font-size:18px;
color:#fff;
font-weight: bold;
text-align: center;
margin-bottom:40px;
height:30px;
padding-top:5px;
}

/* #works--------------------------------------------------------------------------------------------------*/

section#works{
width: 960px;
height:300px;
overflow:hidden;
background:url(../images/works_bg.jpg) no-repeat center 15px;
overflow: hidden;
margin: 0 auto 50px auto;
}
section#works h2{
margin:0 0 0 25px;
float:left;
}
section#works p{
margin:60px 0 20px 255px;
line-height: 1.2;
}
section#works ul{
margin:0 0 20px 255px;
width: 500px;
overflow: hidden;
}
section#works li{
width:200px;
float: left;
background:url(../images/works_icon.jpg) no-repeat left top;
padding:0 0 10px 25px;
line-height: 1;
font-weight:bold;
}

/* #greeting--------------------------------------------------------------------------------------------------*/

section#greeting  {
width: 960px;
margin: 0 auto 60px auto;
}
section#greeting h2{
background:url(../images/h2_bg.jpg) no-repeat center top;
font-size:18px;
color:#fff;
font-weight: bold;
text-align: center;
margin-bottom:50px;
height:30px;
padding-top:5px;
}
section#greeting p.img{
float: left;
margin-left:80px;
}
section#greeting p.copy{
padding-left:295px;
margin-bottom:50px;
}
section#greeting p span{
font-size:18px;
font-weight:bold;
line-height: 3;
}

/* #company--------------------------------------------------------------------------------------------------*/

section#company  {
width: 960px;
margin: 0 auto 60px auto;
}
section#company h2{
background:url(../images/h2_bg.jpg) no-repeat center top;
}
section#company p{
float: right;
margin-right:80px;
}
section#company dl{
	width: 480px;
	overflow: hidden;
	border-bottom: 1px solid #333;
	background: #eee;
	margin-left:80px;
}
section#company dt{
	width: 90px;
	float: left;
	padding: 7px 10px;
	border-top: 1px solid #999;
}
section#company dd{
	width: 350px;
	float: left;
	margin: 0;
	padding: 7px 10px;
	border-top: 1px solid #999;
	background: #fff;
}
section#company dd:after{
	clear: both;
}

/* #access--------------------------------------------------------------------------------------------------*/

section#access  {
width: 960px;
margin: 0 auto 60px auto;
text-align: center;
}
section#access h2{
background:url(../images/h2_bg.jpg) no-repeat center top;
}

section#access dl.info{
font-size:16px;
margin-bottom:30px;
}
section#access dl.info dt{
display: inline;
color:#fff;
background-color: #000;
padding:3px 20px;
}
section#access dl.info dd{
display: inline;
padding:5px 10px 5px 5px;
}
section#access iframe{
margin-bottom: 20px;
}
section#access a.google img{
clear: both;
margin:0 auto 30px auto;
}

section#access div.info{
display: block;
margin:0 80px 50px 80px;
text-align: left;
overflow: hidden;
}
section#access dl.car,
section#access dl.train{
width:370px;
}
section#access dl.car{
float: left;
}
section#access dl.train{
float:right;
}
section#access dl.train02{
	width: 450px;
	text-align: center;
	margin: 0 auto;
}
section#access dl.car dt,
section#access dl.train dt,
section#access dl.train02 dt{
height:20px;
padding:10px 35px;
border-top:1px solid #ccc;
border-bottom:2px solid #000;
margin-bottom:10px;
font-weight: bold;
font-size: 16px;
}
section#access dl.car dt{background:url(../images/access_car.jpg) no-repeat left center;}
section#access dl.train dt,
section#access dl.train dt{background:url(../images/access_train.jpg) no-repeat left center;}
section#access dl dd{
padding:5px 0;
}
h5{
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	width: 800px;
	margin: 40px auto;
}
h5 span{
	font-size: 18px;
	line-height: 2.0;
	margin-top: 10px;
}



/* #staff--------------------------------------------------------------------------------------------------*/

section#staff  {
width: 100%;
background-color: #eef1f8;
padding:50px 0 0 0;
margin: 0 auto 60px auto;
text-align: center;
overflow: hidden;
}
section#staff h2{
width:960px;
background:url(../images/h2_bg_.jpg) no-repeat center top;
margin:0 auto 40px auto;
}
section#staff div.staff{
width: 850px;
text-align: left;
margin:0 auto 50px auto;
overflow: hidden;
}
section#staff div.staff p.copy{
font-size:20px;
font-weight: bold;
text-align: center;
margin:0 auto 40px auto;
}
section#staff div.staff p.img{
float:left;
}
section#staff div.staff div.staffInner{
width:550px;
float:right;
}
section#staff div.staff div.staffInner h3{
height:20px;
background-color: #003d9c;
padding:8px 20px;
font-size:18px;
color:#fff;
border-bottom:2px solid #000;
margin-bottom:20px;
}
section#staff div.staff div.staffInner p{margin-bottom:30px;}
section#staff div.staff div.staffInner ul.meritsOK{
width:300px;
float:left;
}
section#staff div.staff div.staffInner ul.meritsAri{
width:200px;
float:left;
margin-bottom:20px;
}
section#staff div.staff div.staffInner li{
background:url(../images/staff_icon.png) no-repeat left 3px;
padding:0 0 5px 25px;
font-size:18px;
font-weight:bold;
margin-left:10px;
}
section#staff div.staff h3.info{
clear: both;
background-color: #666;
text-align: center;
font-size:18px;
padding:6px;
margin-bottom:30px;
color:#fff;
font-weight:normal;
}

section#staff div.staff dl.info {
	width:660px;
	overflow: hidden;
	border-bottom: 1px solid #333;
	margin-left:80px;
}
section#staff div.staff dl.info  dt{
	width: 100px;
	float: left;
	padding:10px 20px;
	border-top: 1px solid #666;
}
section#staff div.staff dl.info  dd{
	width: 479px;
	float: left;
	margin: 0;
	padding:10px 20px;
	border-top: 1px solid #666;
	border-left:1px dotted #666;
}
section#staff div.staff dl.info  dd:after{
	clear: both;
}


/*form--------------------------------------------------------------------------------------------------*/
section#form  {
width: 960px;
margin: 0 auto 40px auto;
}
section#form h2{
background:url(../images/h2_bg.jpg) no-repeat center top;
margin-top:50px;
}
section#form p.copy{
font-size:20px;
font-weight: bold;
text-align: center;
margin-bottom:20px;
}
section#form p.copy img{
margin-top:20px;
}
section#form div.formTel{	
width:565px;
color:#fff;
background-color: #c00018;	
font-size:13px;	 
margin: 0 auto 40px auto; 
padding:10px 15px 0 15px;	 
border-radius:5px / 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
overflow: hidden;
}
section#form div.formTel p{
float: left;
font-size:13px;
padding:0 15px;
line-height: 1.5;
}


/*priovacy--------------------------------------------------------------------------------------------------*/
section#privacy{
width: 680px;
margin: 0 auto 40px auto;
}
section#privacy h3{font-weight: normal;}
section#privacy div.privacy{
width: 660px;
height:120px;
 overflow-y: scroll;
 padding:10px;
 border: 1px solid #999;
}
section#privacy div.privacy dt{
margin-top:10px;
font-weight:bold;
}

/*foot--------------------------------------------------------------------------------------------------*/

p.gotop{
width:1000px;
margin:0 auto;
text-align: right;
line-height: 0;
}
footer#footer{
width:100%;
background-color: #000;
padding:30px 0 20px 0;
overflow: hidden;
color: #fff;
}
footer#footer div.footer{
width:1000px;
margin:0 auto;
}
footer#footer p.logo{
float:left;
border-right: 1px solid #fff;
margin-right:20px;
}
footer#footer p.copyright{
font-size:12px;
color:#afafaf;
padding:5px 0;
}

/*  contact  */
.red {
	color:#C9251E;
}
div.box {
	width: 800px;
	font-size: 14px;
	margin: 0 auto;
}
div.box ul {
	width:450px;
	text-align:center;
	margin:0 auto;
}
div.box li {
	padding:5px;
	float:left;
}
div.box_regist {
	clear:both;
	font-size: 14px;
	margin: 30px auto;
	padding:50px;
}
div.box table {
	width: 800px;
	margin: 5px auto 20px auto;
	border: 1px #000 solid;
}
div.box table th {
	text-align:left;
	width:200px;
	font-weight:normal;
	border: 1px #ccc solid;
	padding:10px 20px;
}
div.box table th.th01 {
	vertical-align:top;
}
div.box table td {
	padding:10px 20px;
	border: 1px #ccc solid;
}
input[type="text"]{
	width: 400px;	
	height: 24px;
	border:1px solid #bab9b7;
}
textarea{
	width: 100%;
	height: 100px;		
	border:1px solid #bab9b7;	
}