@charset "UTF-8";
/* CSS Document */
*{
	margin: 0px;
	padding: 0px;
}

body{
	font-size:85%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3 メイリオ" ;
	}

* html body{	/*IE6対策*/		
	text-align:center;
	}

p, li ,td,h3{
	line-height:1.73;
	letter-spacing: 0.1em;
	}


img{
	border:0;
	}
	
ul li{
	list-style:none;
}


/*　画像
------------------------------------------------*/	
.img{
	text-align:center;
	}

.img_right{
	float:right;
	padding:0 0 5px 10px;
	}
/*clearfix
------------------------------------------------*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
	}
	
.clearfix {
	display:inline-block;
	}
	
/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
	}
	
.clearfix {
	display:block;
	}
/* End hides from IE-mac */


/* 基本テキストリンク -------------------- */


nav a:link {
		color:#FFFFFF;
	text-decoration: none;
}
nav a:visited {
		color:#FFFFFF;
	text-decoration: none;
}
nav a:hover {
	color: #0E8A4E;
}
nav a:active {
	color: #ffc6cd;
}






/* --------------------------------------------------------------------------------------
 float解除
--------------------------------------------------------------------------------------- */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/

.clr {
	line-height: 0%;
	font-size: 0px;
	clear: both;
}



div#contener{
		width:100%;
		margin:0 auto;}




/* --------------------------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------------------------- */


header{
		background: url(../img/top_bg.jpg) no-repeat top ;
		background-size:cover;
		width: 100%;
		min-width:1500px;
		min-height:601px;
		height: auto;	
		text-align:left;
 }
 
 .hd_in{
	 	background:url(../img/nav_bg.png) no-repeat;
		width:481px;
		height:384px;
		position: absolute;  
		top: 100px;  
		left: 250px;
		padding:50px;}
	
	
 .hd_in h1{
	 	color:#FFFFFF;
		font-weight:normal;
		font-size:90%;
		margin: 0 0 20px 0;
	 }
	  .hd_in p{
	 float:left;
	 text-align:left;
	 width:381px;
	 color:#FFFFFF;
	 }

	 
/* --------------------------------------------------------------------------------------
ナビ
--------------------------------------------------------------------------------------- */

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

nav{
    width: 100%;
	height:35px;
	background: rgb(125,126,125); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2U3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NDQ0NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(125,126,125,1) 0%, rgba(68,68,68,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(68,68,68,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(68,68,68,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(68,68,68,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(68,68,68,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(125,126,125,1) 0%,rgba(68,68,68,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#444444',GradientType=0 ); /* IE6-8 */

	 }

nav ul {
		 width:1000px;
		 margin:0 auto;
		 padding: 0 0 0 30%;
	 }

nav ul li{
		 height:30px;
	 	width: 200px;
		float:left;
		margin: 0 0 0 0px;
		padding:5px 0 0 0px;
		text-align:center;
	 }

ul li.top{
		margin: 0 0 0 0px;
		padding:5px 0 0 0px;
		border-right: 1px dotted #000000; 
	 }
	 
ul li.end{
		margin: 0 0 0 0px;
		padding:5px 0 0 0px;
		border-left: 1px dotted #000000; 
	 }	 
/* --------------------------------------------------------------------------------------
バナー
--------------------------------------------------------------------------------------- */

div.bnr{
		width:100%;
		min-width:1500px;
		background: url(../img/bnr_bg.jpg) ;
		height:203px;
		clear:both;
	 }

section{
		width:1000px;
		margin:0 auto;
	 }

div.bnr section h3{
		width:200px;
		float:left;
		margin: 50px 0px 0 30px;
		padding: 30px 0;
		font-weight:normal;
	 }

div.bnr section ul {
		width:1000px;
		padding: 30px 0;
		text-align:left;
		margin:0 auto;
	 }

div.bnr section ul li{
		width:210px;
		text-align: center;
		float:left;
		margin: 0 0 0 30px;
	 }

div.bnr section ul li span{
		width:210px;
	 }
	 
	 
div.messege{
		width:1000px;
		margin:20px auto;
		height:auto;
	}

div.messege  p{
		width:1000px;
		margin:20px auto 60px auto;
		height:auto;
		padding: 0 0 0 60px;
	}
	 
/* --------------------------------------------------------------------------------------
アクセス
--------------------------------------------------------------------------------------- */


div.access{
		width:1000px;
		margin:20px auto;
		height:auto;
	 }

div.access section{
		width:1000px;
		margin:0 auto;
		height:auto;
	 }

section h2{
		width:1000px;
		font-size:90%;
		font-weight:normal;
		margin:40px 0 20px 50px;
	 }

section iframe{
		width:600px;
		float:left;
		margin:40px 0 120px 50px;
	 }

section p{
		width:300px;
		float:left;
		margin:40px 0 20px 50px;
		border-collapse:collapse;
	 }

section p.service{
		width:900px;
		float:left;
		margin:40px 0 20px 50px;
		border-collapse:collapse;
	 }


section table{
		width:300px;
		float:left;
		margin:40px 0 20px 50px;
		border-collapse:collapse;
	 }

section table th,td{
		padding:10px;
		border-bottom: 1px dotted  #636363;
	 }
section table td{
		padding:10px;
		border-left: 1px dotted  #636363;
	 }
	 
/* --------------------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------------------- */


div.footer{
		width:100%;
		clear:both;
		padding: 50px 0 80px 0;
		background:#474747;}
	 
footer{
		margin:0 auto;
		width:1000px;
	 }


footer p{
		font-size:90%;
		color:#FFFFFF;
		margin: 0 0 10px 0;
	 }

footer nav{
	 	color:#FFFFFF;
		margin: 0 0 10px 0;
	 }

footer nav ul {
	 width:381px;
		float:left;
		clear:both;
		margin: 10px 0;
	 }

footer nav ul li{
	 	width: auto;
		float:left;
		margin: 0 0 0 20px;
	 }

footer nav ul li.top{
		margin: 0 0 0 0px;
	 }
	 
	 
	 
	 	 
/* --------------------------------------------------------------------------------------
会社概要
--------------------------------------------------------------------------------------- */

	 
	 
	 
 section table.cp{
		width:80%;
		margin:40px 0 20px 50px;
		border-collapse:collapse;
	 }

section table	 th,td{
		padding:10px;
		text-align:left;
		border-bottom: 1px dotted  #636363;
	 }
section table	 td{
		padding:10px;
		border-left: 1px dotted  #636363;
	 }



div.bnr2{
		width:100%;
		background: url(../img/bnr_bg.jpg) ;
		height: auto;
		min-height:203px;
		clear:both;
	 }

div.bnr2 section h3{
		width:100%;
		margin: 50px 0px 0 10px;
		padding: 10px 0 0 30px;
		font-weight:normal;
	 }

div.bnr2 section ul {
		width:80%;
		padding: 0px 0 0 60px;
	 }

div.bnr2 section ul li{
		width:210px;
		text-align: center;
		float:left;
		margin: 0 0 0 30px;
	 }

div.bnr2 section ul li span{
		width:210px;
	 }

div.item{
		width:1000px;
		margin:20px auto;
		height:auto;
	 }

div.item h3{
		width:1000px;
		float:left;
		margin: 20px 0 10px 50px;
		padding: 0 0 10px 0;
		font-size:120%;
		border-bottom: 1px dotted #636363;
	 }

div.item p{
		width:90%;
		float:left;
		margin: 0 0 30px 50px;
	 }