@charset "UTF-8";
body {
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	text-align: left;
	text-decoration: none;
}


/*WRAPEER*/

#wrapper {
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
}


/*CONTENTS INNER*/

.contents_inner {
	position: relative;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.contents_inner {
		position: relative;
		padding: 0 30px 0 30px;
		text-align: justify;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

#main {
	position: relative;
	width: 100%;
	padding-top: 20px;
	margin-bottom: 50px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#main {
	padding-top: 0px;
	padding-bottom: 0;
	}
}

.alpha a:hover img {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
}

.pagetop {
	position: absolute;
	margin: -30px 0 0 0;
	right: 0px;
	z-index: 8500;
	cursor: pointer;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	
}

	/*CLEAR FIX*/
	
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	
	.clearfix {
		min-height: 1px;
	}
	
	* html .clearfix {
		height: 1px;
		/*¥*/
		/*/
  height: auto;
  overflow: hidden;
  /**/
	}

.wdt100 {
	width: 100%;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.rspsv {
		width: 100%;
	}
}


/*FADE LOADER*/

#fade {
	background-color: #fff;
	z-index: 18000;
	background-position: center;
	width: 100%;
	height: 100%;
	position: absolute;
	display: none;
}

#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	right: 50%;
	height: 79px;
	width: 99px;
	margin-top: -33px;
	margin-left: -23px;
	z-index: 18010;
}


.glovalmenu {
	float: right;
	margin-top: 15px;
}
.glovalmenu li{
	float: left;
}


/*HEADER*/

#header {
	position: fixed;
	margin-top: 0px;
	padding-top: 20px;
	width: 100%;
	height: 80px;
	background-color: #fff;
	z-index: 7000;
}

#header,
#header:after,
.glovalmenu ul li,
.glovalmenu ul li a {
	display:block;
	padding:8px;
	background-color:#dddddd;
}


/* Fixed */

#header.fixed {
	padding-top: 15px;
	height: 60px;
	background: #fff;
}

#header.fixed:after {
	width: 100%;
	margin-top: 20px;
}

#header.fixed .glovalmenu {
	margin-top: 5px;
}

#header.fixed .mailcontact {
	margin-top: -6px;
}

#header.fixed .twicon {
	margin-top: -0px;
}

#header.fixed .fbicon {
	margin-top: -0px;
}

#header.fixed .logo {
	margin-top: -9px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#header.fixed {
		display: none;
	}
	#header.fixed .logo {
		display: none;
	}
}


.logo {
	float: left;
}

.expert {
	position: relative;
	float: left;
}

.topextext {
	float: left;
	width: 385px;
	font-size: 11pt;
	text-align: justify;
	margin-left: 30px;
	line-height: 1.7em;
}

.highquality {
	float: right;
	margin-top: -188px;
}
@media screen and (min-width:320px) and ( max-width:768px) {
.expert {
	position: relative;
	float: none;
	padding: 20px;
}
.topextext {
	float: none;
	width: 100%;
	font-size: 11pt;
	text-align: justify;
	margin-top: 5px;
	margin-left: 0;
	line-height: 1.7em;
}
.highquality {
	text-align: center;
	float: none;
	margin-top: 20px;
}
}

#topslidewrap {
 width: 100%;
	height: 240px;
	margin-top: 80px;
 background-color: #004393;
}

.topcopy {
	position: absolute;
	margin: 30px 0 0 0;
	z-index: 100;
}

.topcatbtn {
	margin-top: 30px;
	margin-right: -250px;
	margin-left: -55px;
}
.topcatbtn li{
	float: left;
	margin-left: 55px;
	border:1px solid #808080;
	padding:10px;
}

#topcontents {
 margin-top: 30px;
	margin-bottom: 100px;
}
#network,#message,#company {
	position: relative;
	margin-top: -80px;
	padding-top: 80px;
	margin-bottom: 100px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
#topcontents {
 margin-top: 0px;
	margin-bottom: 70px;
}
#network,#message,#company {
	position: relative;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 50px;
}
}

#grouptop {
	margin-top: 50px;
	border:1px solid #808080;
	padding:10px;
	text-align: center;
}
@media screen and (min-width:320px) and ( max-width:768px) {
#grouptop {
	margin-top: 20px;
	border:1px solid #808080;
	padding:15px;
	text-align: center;
}
}

.textarea {
	margin-top: 30px;
	font-size: 12pt;
	line-height: 1.8em;
	text-align: justify;
}

.catimg {
	background-color: #004393;
	text-align: center;
	height: 176px;
}
@media screen and (min-width:320px) and ( max-width:768px) {
.catimg {
	background-color: #004393;
	text-align: center;
	height: auto;
 width: 165%;
 margin-left:-32%;
}
}

.cattit {
	margin-top: 50px;
	border-bottom: 1px solid #666666;
 font-size: 11pt;
 line-height: 1.7em;
}
.cattit br{
	display: none;
}
@media screen and (min-width:320px) and ( max-width:768px) {
.cattit {
	margin-top: 20px;
	border-bottom: 1px solid #666666;
 padding-bottom:20px;
 font-size: 11pt;
 line-height: 1.7em;
 text-align: center;
}
	.cattit br{
	display: block;
}
}

.leftbox {
	margin-top: 40px;
	float: left;
}

.rightbox {
	margin-top: 40px;
	float: right;
}
@media screen and (min-width:320px) and ( max-width:768px) {
.leftbox {
	margin-top: 20px;
	float: left;
}

.rightbox {
	margin-top: 20px;
	float: right;
}
}


.networkl {
	width: 340px;
}

.networkr {
	width: 572px;
}
@media screen and (min-width:320px) and ( max-width:768px) {
.topcatbtn {
	margin-top: 30px;
	margin-right: 0;
	margin-left: 0;
}
.topcatbtn li{
	width: 100%;
	float: none;
	margin-left: 0;
	border:1px solid #808080;
	padding:10px;
	margin-bottom: 20px;
	text-align: center;
}
	
.networkr {
	width: 100%;
}
	.networkl {
	width: 100%;
}
}

.pict {
	margin-top: 2px;
	background-color: #000;
	padding:1px 20px;
	text-align: center;
	color:#fff;
	font-size: 6pt;
	border-radius: 3px;
	margin-right: 10px;
}

.brdata {
	color:#000;
	font-size: 12pt;
}

.brwrap {
position: relative;
margin-bottom: 20px;
	height: auto;
	padding-bottom:10px;
	border-bottom:1px dotted #666666;
}
.brinfowrap {
	position: relative;
	float: left;
	width: 290px;
}

.mapwrap {
	width: 140px;
	height: 140px;
	overflow: hidden;
}

.branchimg {
	float: left;
	margin-right: -10px;
}
.branchimg li{
	float: left;
	margin-left: 10px;
}
.branchimg li:first-child{
 padding-right:20px;
 width: 43%;

}
@media screen and (min-width:320px) and ( max-width:768px) {
	.brwrap {
position: relative;
margin-bottom: 20px;
	height: auto;
	padding-bottom:30px;
	border-bottom:1px dotted #666666;
}
	.branchimg {
	float: left;
	margin-right: 0px;
}
	.branchimg li{
		margin-left: 0px;
		width:50%;
		padding:10px;
	}
		.branchimg li:first-child{
			margin-top: 20px;
			margin-left: 0px;
		width:100%;
	}
 		.branchimg li:last-child{
			margin-top: 0px;
			margin-left: 0px;
		width:100%;
	}
}


.messagel {
width: 625px;		
}

.messager {
	width: 230px;
}
@media screen and (min-width:320px) and ( max-width:768px) {
.messagel {
width: 100%;	
float: none;
}

.messager {
	width: 100%;
	float: none;
}
}

.prdprof {
color:#004393;
	font-size: 10pt;
	line-height: 1.6em;
	margin-top: -7px;

}

.pred {
		text-align: center;
}

.midcopy {
	font-size: 17pt;
	font-weight: 600;
	line-height: 1.5em;
		
}
.midcopys {
	font-size: 15pt;
	font-weight: 600;
	line-height: 1.5em;
}

.headcopy {
	font-size: 24pt;
	font-weight: 600;
	line-height: 1.5em;
}


#companyprofile {
	margin: 10px 0 0 0;
	margin-left: auto;
	margin-right: auto;
}
.kaisya {
	font-size: 20px;
	position: relative;
	margin: 0 0 10px 80px;
}

table {
	position: relative;
	width: 100%;
	border-collapse: collapse;
}
@media screen and (min-width: 320px) and ( max-width: 600px) {
table {
	position: relative;
	width: 100%;
	border-collapse: collapse;
}
 .kaisya {
	font-size: 20px;
	position: relative;
text-align: center;
margin: 0 0 10px 0px;
}
}

th.t_top {
	border-top: #b3b3b3 4px solid;
}
th {
	border-bottom: #e3e3e3 1px dashed;
	text-align: left;
	background: none;
	padding: 10px;
	font-weight: normal;
}
td.t_top {
	border-top: #0071BC  4px solid;
}
td {
	border-bottom: #e3e3e3 1px dashed;
	text-align: left;
	padding: 10px;
}
.compimg {
	margin-top: 50px;
}

#contactinfobox {
	position: relative;
	width: 100%;
	height: auto;
	border-top: solid 1px #b6b6b6;
	padding-top: 50px;
}
.contactinfowrap {
	position: relative;
	margin-top: 0;
}

.ftelinfo {
	position: relative;
	width: 300px;
}

.ftelmail {
	margin-top: 0;
	width: 300px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#snscontents {
		padding-top: 60px;
		padding-bottom: 70px;
		height: auto;
		margin-bottom: 0;
	}
	.ftelinfo {
		position: relative;
		width: 100%;
	}
	.ftelmail {
		margin-top: 0;
		width: 100%;
	}
}

.pagetoppc_u {
	position: absolute;
	right: 0;
	margin-top: -179px;
	z-index: 2000;
}

.fcaution {
	position: absolute;
	font-size: 10pt;
	width: 470px;
	margin: -135px 0 0 350px;
}

.topimgsp {
	margin-top: 0;
}
@media screen and (min-width:320px) and ( max-width:768px) {
.fcaution {
	position: relative;
	font-size: 10pt;
	width: 100%;
	margin: 0px 0 0 0;
	height: auto;
	margin-bottom: 50px;
}
}
.pagetopsp {
	position: fixed;
	right: 20px;
		z-index: 8500;
	cursor: pointer;
	background-color: rgba(255,255,255,0.8);
	border-radius: 3px;
	padding: 5px;
}

.gmapcap {
	margin-top: 0px;
	font-size: 12pt;
}

#messageimg li{
 margin-bottom: 20px;
}
@media screen and (min-width:320px) and ( max-width:768px) {
.gmapcap {
	margin-top: 0px;
	font-size: 12pt;
}
 #messageimg {
 margin-right: -5%;
}
#messageimg li{
 float: left;
 width: 47%;
 margin-right: 10px;
 margin-bottom: 20px;
}
}

footer {
	background-color: #000;
	height: auto;
	padding-bottom: 50px;

}



.textarea-s {
	color:#fff;
}

.flogo {
	margin-top: 40px;
	color:#fff;
		text-align: center;
}

.coprright {
	font-size: 10pt;
	color:#fff;
		text-align: center;
}

.bn {
	border-bottom:none;
}