@charset "utf-8";

body {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", 'Helvetica', sans-serif;
	font-size:100%;
	color: #4D4D4D; 
}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}    
ul {list-style:none; padding: 0; margin: 0;}
table{border-collapse:collapse;border-spacing:0;}  
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}


/* ===================
clearfix 
===================*/ 
.clearfix:after {  
visibility:hidden;
height:0;
display: block;/
font-size: 0;  
content: " ";  
clear: both;  

}  
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }  



/* ===================
画像の余白をクリア
===================*/
img{
	font-size:0;
	line-height:0;
	vertical-align:top;
}


/* ===================
フォントサイズ
===================*/
h4,h5,h6,p,li,dt,dl,dd,pre,th,td {
	font-weight: normal;
}
h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
  line-height: 1;
}
h1,h2,h3,h4,h5{
  line-height: 1;
}
p{
  line-height: 1.8;
	font-size: 81%; 
}

ul,ol{
	font-size: 81%; 
}
dl {
	font-size: 81%; 
}
table {
	font-size: 81%; 
}
address{
	font-size: 81%; 
		line-height:1.8;
}


/* ===================
リンク
===================*/
a { 
	outline: none; 
}
a:link {
	text-decoration: none;
	color: #4D4D4D;  
}
a:visited {
	text-decoration: none;
	color: #4D4D4D;  
}
a:hover {
	text-decoration: underline;
	color: #808080;
}
a:active {
	text-decoration: none;
	color: #4D4D4D;  
}
#main a {
	text-decoration: underline;
}
#sider a:hover {
	text-decoration: none;
}
a:hover img{
  opacity: 0.7;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}




/* =======================
body
======================= */
body{
}


/* =======================
Wrapp
======================= */
#Wrapp {
	min-width: 980px;
}


/* =======================
header
======================= */
header {
	min-width: 980px;
	clear: both;
	overflow:hidden;
}
#header_inner {
	width: 960px;
	margin: 20px auto 0;
}

/* #header_inner fLeft */
#header_inner .fLeft {
	float: left;
	margin-bottom: 30px;
}
#header_inner .fLeft #logo {
		float:left;
}

/* #header_inner fRight */
#header_inner .fRight {
		float:right;
}
#header_inner .fRight ul#hNav {
		margin-top:10px;
	clear: both;
}
#header_inner .fRight ul#hNav li {
	float: left;
	margin-left: 3px;
	letter-spacing: 0.07em;
}
#header_inner .fRight ul#hNav li  a{
	text-decoration: none;
	color: #B5B3B4;
}
#header_inner .fRight ul#hNav li#jp a{
	margin-right:0.2em;
}
#header_inner .fRight ul#hNav a:hover {
	color: #666;
}
#header_inner .fRight ul#hNav li.h-self a {
	font-weight: bold;
	color: #666;
}

/* #header_inner gNav */
#header_inner nav#gNav {
	clear: both;
}
#header_inner nav#gNav:after {
	content: " ";
	border-right: 1px solid #4C4C4C;
}
#header_inner nav#gNav:last-child {
	border-right: 1px solid #4C4C4C;
}
#header_inner nav#gNav ul li {
	float: left;
	border-left: 1px solid #4C4C4C;
}


/* =======================
content
======================= */
#content {
	width: 960px;
	margin:30px auto;
}
	
/* topicPath */
#content ul.topicPath {
	overflow: hidden;
	margin-bottom: 5px;
	text-align: right;
}
#content ul.topicPath li {
	display: inline;
	font-size:92%;
}
#content ul.topicPath li span {
	margin-right: 0.5em;
	margin-left: 0.5em;
}

body#top #content #content_inner #slideshow {
	width:961px;
	height:401px;
	margin-bottom:54px;
	overflow:hidden;
}
body#top #content #content_inner #slideshow li {
	margin:0;
	padding:0;
}



/* =======================
main
======================= */
body#top #top-main {
	width: 514px;
	float: left;
}
#main {
	width: 681px;
	float: right;
	margin-top:88px;
}
#main section .sesBox {
	margin-bottom: 0px;
}

/* title */
.subTitle-i {
			margin-bottom:25px;
}


/* title */
#main .pageTitle {
}
#main .readTitle {
	margin-top:30px;
	font-size: 115%;
	margin-bottom: 16px;
	line-height: 1.8;
	font-weight: normal;	/*text-align: center;*/
}
.indexTitle-i {
	margin-top: 35px;
	margin-bottom:26px;
}
.indexTitle {
	margin-bottom: 20px;
	line-height: 1;
	border-left: 5px solid #4c4b4c;
	padding-top:2px;
	padding-left:8px;
	font-weight:normal;
	font-size:1em;
}
.indexTitle02 {
	margin-top:30px;
	font-size: 115%;
	margin-bottom: 16px;
	line-height: 1.8;
	font-weight: normal;	/*text-align: center;*/
}

.namaTitle {
		font-size: 1.07em;
}



/* table */
table.defTable {
	width: 100%;
	border-top: 1px solid #4D4D4D;
	margin-bottom: 50px;
}
table.defTable th, 
table.defTable td{
	padding: 10px 16px;
	text-align: left;
	border-bottom: 1px solid #CCC;
	vertical-align: top;
	line-height:1.6;
}
Table tr:last-child th{
	border-bottom: 1px solid #4D4D4D;
}
table.defTable tr:last-child td{
	border-bottom: 1px solid #4D4D4D;
}

/* txt */
.readTxt {
		margin-bottom:40px;
}

.defDL dt {
	font-weight: bold;
	margin-bottom:6px;
	margin-top:6px;
}

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


/* list */
.ckList {
	border-left: 1px solid #B4B4B4;
	border-right: 1px solid #B4B4B4;
	border-bottom: 1px solid #B4B4B4;
	padding-left: 0;
	margin-bottom: 20px;
}
.ckList li{
	background: url(../img/common/icon01.png) no-repeat 12px 0.7em;
	list-style: none;
	border-top: 1px solid #B4B4B4;
	padding: 10px 10px 10px 3em;
}


/* line */
.line{
	border-bottom: 1px dotted #4D4D4D;
	clear: both;
	margin-top:40px;
	margin-bottom:40px;
}
.line hr {
	display: none;
}



/* top --------------------------------------*/
/* newsList */
#top-main .newsList {
	width: 514px;
	overflow: hidden;
	border-top: 1px solid #4D4D4D;
	border-bottom: 1px solid #4D4D4D;
}
#top-main .news-Title {
	padding-left: 15px;
	border-left: 5px solid #4D4D4D;
	margin-bottom:20px;
	padding-top:5px;
	line-height:1.3;
}
#top-main .newsT  {
	position: relative;
}
#top-main .newsT span {
	float: right;
	font-size: 72%;
	position: absolute;
	top: 8px;
	right: 0px;
}

/**
#top-main .newsList dl {
	margin-top: -1px;
}
#top-main .newsList dt{
	display: inline;
	float: left;
	width: 120px;
	border-top:1px dotted #CCCCCC;
	padding: 5px 0 0 10px;
}
#top-main .newsList dd{
	width: 534px;
	margin-bottom: 5px;
	margin-left:120px;
	padding-top:5px;
	padding-bottom:0px;
	border-top:1px dotted #CCCCCC;
	line-height: 1.6;
	padding-left: 1em;
}
#top-main .newsList dd a{
	line-height: 1.6;
}
**/

.newsList-top {
	margin-top: -1px;
}
.newsList-top p{
	display: inline;
	float: left;
	width: 100px;
	border-top:1px dotted #CCCCCC;
	padding: 5px 0 0 10px;
	font-size: 14px;
}
.newsList-top h3{
	width: 560px;
	margin-bottom: 5px;
	margin-left:110px;
	padding-top:5px;
	padding-bottom:0px;
	border-top:1px dotted #CCCCCC;
	line-height: 1.6;
	padding-left: 1em;
	font-weight: normal;
	font-size: 14px;
}
.newsList-top h3 a{
	line-height: 1.6;
}


/* profile--------------------------------------*/
#main .prf-photoBox {
}
#main .prf-photoBox .txtBox {
	float: left;
	width: 470px;
}
#main .prf-photoBox .txtBox p {
		margin-bottom:10px;
}
#main .prf-photoBox .imgBox{
	float:right;
}
#main .prf-photoBox .imgBox .preImg {
	font-size: 85%;
	text-align: center;
}
#main .prf-photoBox .imgBox .preImg img {
	margin-bottom:6px;
}
#main .prf-photoBox .imgBox .preImg  span {
	font-size: 115%;
}
.mainAdd{
	margin-bottom:10px;
}
.gMap {
		margin-bottom:30px;
}



/* contact--------------------------------------*/
.contactTel {
		margin-left:26px;
}




/*  product
----------------------------------------------------------------*/
.w_pdcBox {
		margin-left:-13px;
		margin-top:40px;
}
.pdcBox {
	float: left;
	height: 200px;
	width: 218px;
	margin-left: 13px;
	margin-bottom: 50px;
}
.pdcreadImg{
	text-align:center;
	margin-bottom:40px;
}
.pdcBox h3{
		text-align:center;
	font-weight: normal;
}
.pdcBox .pdcImg{
		margin-bottom:8px;
}



/*  tech
----------------------------------------------------------------*/
.tech01Box  {
		margin-bottom:40px;
	clear:both;
}
.techImg {
	float:left;
	margin-right:20px;
}
.techImg01 {
	clear:both;
	margin-bottom:30px;
}

.w_tech02Box  {
	margin-bottom:30px;
	margin-left:-20px;
}
.tech02Box  {
	margin-bottom:30px;
	margin-left:20px;
	float:left;
}
.tech02Img {
	clear:both;
	margin-bottom:6px;
}

table.tech02Table{
		margin-top:20px;
	width:100%;
	border-bottom: 1px solid #4D4D4D;
}
table.tech02Table th, 
table.tech02Table td{
	padding: 6px 10px;
	text-align: left;
	border-bottom: 1px solid #CCC;
	vertical-align: top;
	line-height:1.6;
}
table.tech02Table tr:last-child td{
	border-bottom: 1px solid #4D4D4D;
}
table.tech02Table th{
	border-top: 1px solid #4D4D4D;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #4D4D4D;
	vertical-align: top;
	line-height:1.6;
}
table.tech02Table th:nth-child(4){
	border-right-style: none;
}
table.tech02Table td{
	border-right: 1px solid #CCC;
}
table.tech02Table td:nth-child(4){
	border-right-style: none;
}

table.techTable {
	width:100%;
	border-bottom: 1px solid #4D4D4D;
	margin-top:20px;
		border-top: 1px solid #4D4D4D;
}
table.techTable th, 
table.techTable td{
	padding: 6px 10px;
	text-align: left;
	border-bottom: 1px solid #CCC;
	vertical-align: top;
	line-height:1.6;
}
table.techTable th{
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	vertical-align: top;
	line-height:1.6;
}
table.techTable th.techTableline {
	border-bottom: 1px solid #4D4D4D;
}
table.techTable td{
	border-bottom: 1px solid #CCC;
}
table.techTable td.techTableline {
		border-right: 1px solid #CCC;
}
table.techTable tr:last-child th{
	border-bottom: 1px solid #4D4D4D;
}
table.techTable tr:last-child td{
	border-bottom: 1px solid #4D4D4D;
}

table.tech04Table{
		margin-top:20px;
	width:100%;
	border-bottom: 1px solid #4D4D4D;
}
table.tech04Table th, 
table.tech04Table td{
	padding: 6px 10px;
	text-align: left;
	border-bottom: 1px solid #CCC;
	vertical-align: top;
	line-height:1.6;
}
table.tech04Table tr:last-child td{
	border-bottom: 1px solid #4D4D4D;
}
table.tech04Table th{
	border-top: 1px solid #4D4D4D;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #4D4D4D;
	vertical-align: top;
	line-height:1.6;
}
table.tech04Table th:nth-child(2){
	border-right-style: none;
	text-align:center;
}
table.tech04Table td{
	border-right: 1px solid #CCC;
}
table.tech04Table td:nth-child(2){
	border-right-style: none;
	text-align:center;
}



/*recruit --------------------------------------*/
.btn_entry {
	text-align: center;
}

.rct02Box  {
		margin-bottom:40px;
	clear:both;
}
.rct02Box  .indexTitle span{
	margin-right:1em;
}
.rctImg {
	float:left;
	margin-right:20px;
}

.rct03Box  {
		margin-bottom:40px;
	clear:both;
}
.rct03Box  .indexTitleImg {
			margin-bottom:20px;
}
.rct03Txt{
	width:510px;
		float:left;
	margin-right:20px;
}
.rct03Img {
	float:right;
}


#main .rec-photoBox .txtBox {
	float: left;
	width: 470px;
}
#main .rec-photoBox .txtBox p {
		margin-bottom:10px;
}
#main .rec-photoBox .imgBox{
	float:right;
}

#main .rec-photoBox .imgBox .preImg {
	font-size: 85%;
	text-align: center;
}
#main .rec-photoBox .imgBox .preImg img {
	margin-bottom:6px;
}
#main .rec-photoBox .imgBox .preImg  span {
	font-size: 142%;
}




/*  sitemap
----------------------------------------------------------------*/
.sitemapList li {
	margin-bottom: 30px;
	list-style: disc;
}

.nest  {
	border-left-style: none;
}

.sitemapList li ul.nestList {
	margin-top: 10px;
	margin-bottom: 30px;
	font-size: 100%;
	border-left-style: none;
}
.sitemapList li ul.nestList li {
	margin-bottom: 10px;
	margin-left: 1em;
	padding-left: 0;
	list-style: none;
	border-left-style: none;
}
.sitemapList li ul.nestList li  a {
	margin-left:0.5em;
}





/* =======================
sider
======================= */
body#top #top-sider {
	width: 356x;
	float: right;
}
#sider {
	width: 250px;
	float: left;
	margin-top:20px;
}

/* category */
#sider .category h1.CategoryTitle {
	margin-bottom:30px;
}
#sider .category ul.categoryNav {
}
#sider .category ul.categoryNav li {
	display: block;
	padding-left: 20px;
	margin-bottom:20px;
}
#sider .category ul.categoryNav li  a {
		display: block;
}
#sider .category ul.categoryNav li  a:hover {
	padding-left: 15px;
	margin-left:-20px;
	display: block;
	border-left: 5px solid #4D4D4D;
}

#sider .category ul.categoryNav li.self  {
	padding-left: 15px;
	display: block;
	border-left: 5px solid #4D4D4D;
}

/* banaBox */
.banaBox .banaList li {
	margin-bottom:8px;
}



/* =======================
footer
======================= */
footer {
	min-width: 960px;
	clear: both;
}
#footer_inner {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
	border-top: 1px solid #4D4D4D;
	padding-top:20px;
}

/* fLeft */
#footer_inner .fLeft {
	float: left;
}

#fNavBox {
	margin-right:214px;
}
#fNavBox ul.fNav {
		margin-left:30px;
}
#fNavBox ul.fNav li{
display:inline; 
	margin-right: 2em;
}

#logoBox {
	margin-right:30px;
}
#logoBox #f-logo {
	clear:both;
}
#footer_inner .fLeft address {
	font-size: 81%;
}

.copy {
	color: #FFF;
	background: #4C4C4C;
	text-align: center;
	padding-top: 16px;
	padding-bottom: 16px;
}