@charset "utf-8";

/*============================================================================
	SP非表示
==============================================================================*/

.hiddenSp{
visibility: hidden;
display: none;
width: 0;
height: 0;
}

/*============================================================================
	頭の話header#globalHeader
==============================================================================*/

h1#logo{
	width:150px;
	height:22px;
	margin: 10px 0 0px 8px;
	float: left;
}
h1#logo a{
    display:block;
	width:150px;
	height:22px;
	background: url(../img/logo.png) no-repeat;
	background-size: 150px 22px;
	text-decoration:none;
	text-indent:-1000px;
	font-size:8px;
    overflow:hidden;
}
h1#logo a:hover { text-decoration:none;}

/*
.loginBox{
	float: right;
	text-align: center;
	width: 202px;
	margin-left: 40px;
	margin-top: 0;
}
.loginBox span.loginBoxText{
	font-size: 100%;
	font-weight: bold;
	color: #483503;
	display: block;
	margin-bottom: 3px;	
}
.loginBox a.loginBtn{
	display: block;
	width: 190px;
	background:#fdd000 url(../img/bg_mail.png) no-repeat 20px center;
	background-size: 37px 20px;
	color: #483503;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	padding: 10px 0px 10px 10px;
	margin-bottom: 5px;
	border: 1px solid #c19200;
	border-radius: 5px;
}
.loginBox a.loginBtn:hover{
	text-decoration: none;
	background:#fbb000 url(../img/bg_mail.png) no-repeat 20px center;
	background-size: 37px 20px;
	border: 1px solid #c19200;
}
*/

nav {
display: block;
width: 1000px;
clear: both;
margin: 25px auto 0 auto;
}
#menu{
list-style-type: none;
text-align: center;
width: 1000px;
margin: 0 auto;
padding: 0;
}
#menu li{
width: 13.5%;
border-left: #111e6c solid 1px;
list-style-type: none;
display: inline-block;
margin: 0;
box-sizing: border-box;
text-align: center;
}
#menu li:first-child{
border-left: none;
}
#menu li a{
display: block;
text-align: center;
margin: 0 auto;
padding: 0 0 0 6px;
font-size: 100%;
color: #000;
font-weight: bold;
text-decoration: none;
}
#menu li:hover > a{
color: #999;
}
#menu > li:hover > a{
}

/*
#menu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 10;
}
#menu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
}
#menu li ul li a{
  padding: 14px 15px;
  color: #FFF;
  background-color: #53a10f;
  text-align: center;
  font-size: 97%;
  font-weight: normal;
}
#menu li:hover ul li{
  overflow: hidden;
  height: 40px;
  margin-bottom: -4px;
  border-bottom: 1px solid #448a08;
}
#menu li:hover ul li:last-child a{}
*/

/*============================================================================
	mainImg
==============================================================================*/

#mainImg{
	width: 100%;
	height: 80px;
}
#mainImg.aboutMainBg{
	background: url(../img/bg_about_index01.jpg) center center repeat-x;
}
#mainImg.strengthMainBg{
	background: url(../img/bg_strength.jpg) center center repeat-x;
}
#mainImg.bisMainBg{
	background: url(../img/bg_about_index03.jpg) center center repeat-x;
}
#mainImg.performanceMainBg{
	background: url(../img/bg_performance.jpg) center center repeat-x;
}
#mainImg.companyMainBg{
	background: url(../img/bg_about_index02.jpg) repeat-x;
	background-position: center 81%;
}
#mainImg.contactMainBg{
	background: url(../img/bg_about_index01.jpg) repeat-x;
	background-position: 68% 41%;
}
#mainImg.prMainBg{
	background: url(../img/bg_pr.jpg) center center repeat-x;
}
#mainImg h2{
	width: 200px;
	font-size: 14px;
	text-align: center;
	margin: 0 auto 0 auto;
	padding-top: 32px;
}

/*============================================================================
	bg
==============================================================================*/
#aboutIndex{
	width: 100%;
	height: 300px;
	position: relative;
}
.about0{
	width: 100%;
	background: #FFF;
	padding-bottom: 20px;
}
.about00{
	width: 100%;
	background: #f8f8f8;
	padding-bottom: 20px;
}
#about100{
	width: 100%;
	background: url(../img/bg_about_100.gif) center center;
	padding-bottom: 10px;
}

/* about使用 */
#about1{
	width: 100%;
	padding-bottom: 20px;
	background: url(../img/bg_about_01_sp.jpg) no-repeat center center;
	background-size: 800px 600px;
}
#about2{
	width: 100%;
	padding-bottom: 20px;
	background: url(../img/bg_about_02_sp.jpg) no-repeat center center;
	background-size: 800px 600px;
}
/* strength使用 */


/* business使用 */
#about3{
	width: 100%;
	padding-bottom: 20px;
	background: url(../img/bg_about_03_sp.jpg) no-repeat center center;
	background-size: 800px 600px;
}

/* performance使用 */


/* company使用 */


/*============================================================================
	Index
==============================================================================*/
.contIndex{
	position: absolute;
	top:100px;
	width: 100%;
	background: url(../img/bg_index.png) center center;
	padding: 20px 0;
}
.contIndexImg{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #304c9d;
}

/*============================================================================
	中の話#mainCont
==============================================================================*/

/* Main部分バナー */
.mainBn{ width:100%; margin: 0 auto; padding:0 0 10px 0; text-align:center; clear: both;}
.mainBn780{ width:100%; margin: 0 auto; padding:0 0 10px 0; text-align:center; clear: both;}
.mainBn710{ width:300px; margin: 0 auto; padding:0 0 10px 0; text-align:center; clear: both;}
.mainBn230{ width:230px; margin: 0 auto; padding:10px 0 0 0; text-align:center; clear: both;}
.mainBnTel{ width:230px; margin: 0 auto; padding:10px 0 0 0; text-align:center; clear: both;}
.mainBnAbout{ width:150px; margin: 0 auto; padding:10px 0 0 0; text-align:center; clear: both;}
.mainBnJuno{ width:115px; margin: 0 auto; padding:20px 0 0 0; text-align:center; clear: both;}

h3{
	clear: both;
	font-size: 18px;
	color: #304c9d;
	font-weight: bold;
	text-align: center;
	padding: 30px 0 0px 0;
/*	background: url(../img/h3_line.png) no-repeat center bottom;*/
	margin:5px auto 0 auto;
}
.h3Read{
	font-size: 12px;
	color: #304c9d;
	text-align: center;
	font-family:Helvetica, Arial,;
	margin:5px auto 40px auto;
	font-weight: bold;
}

h5{
	clear: both;
	margin:15px auto 10px auto;
	text-align: center;
	font-size:14px;
	color:#304c9d;
	font-weight:bold;
}

p{
	width: 90%;
	margin:20px auto;
	color: #333;
	font-size: 14px;
	line-height:160%;
	margin-bottom: 20px;
}

ol.subList{padding:5px 10px; list-style-type:none;} 
ol.subList li{
font-size:100%;
color: #333;
padding: 0px 0 0px 15px;
margin-bottom: 5px;
list-style-position:outside;
background: url(../img/list_icon.png) no-repeat 0px 6px;
background-size: 7px 7px;
}

.centerText{
	text-align: center;
}
.textRight{
	width: 95%;
	margin:20px auto;
	text-align: right;
	font-size: 14px;
}

.floatBox{
	width: 710px;
	margin:20px auto;
}
.floatBoxLeft{
	width: 350px;
	margin-right: 10px;
	float: left;
	color: #333;
	font-size: 16px;
	line-height:180%;
}
.floatBoxRight{
	width: 350px;
	float: right;
	color: #333;
	font-size: 16px;
	line-height:180%;
}

.floatLogoBox{
	width: 90%;
	margin:10px auto 20px auto;
}
.floatLogoBoxLeft{
	width: 100%;
	margin-right: 10px;

	color: #333;
	font-size: 13px;
	line-height:160%;
}
.floatLogoBoxRight{
	width: 160px;
	margin: 20px auto 20px auto;
	color: #333;
	font-size: 16px;
	line-height:160%;
}

.floatStrengthBox{
	width: 100%;
	margin:20px auto 10px auto;
}
.floatStrengthBoxLeft{
	width: 249px;
	margin: 0 auto;
	padding-top: 5px;
	color: #333;
	font-size: 13px;
	line-height:180%;
}
.floatStrengthBoxRight{
	width: 90%;
	margin: 10px auto;
	color: #333;
	font-size: 14px;
	line-height:180%;
}


.inlineBlock{
	margin: 20px auto 10px auto;
	text-align: center;
}
.inlineBlock .inlineBlockOne{
	display: block;
	text-align: center;
	vertical-align: top;
	width: 90%;
	margin: 0 auto;
}
.inlineBlock .inlineBlockOne h4.inlineBlockTitle{
	text-align: center;
	font-size: 16px;
	color: #007ebd;
	font-weight: normal;
	margin-bottom: 10px;
}
.inlineBlock .inlineBlockOne .inlineBlockImg{
	text-align: center;
	margin: 10px auto;
	width: 180px;
}
.inlineBlock .inlineBlockOne .inlineBlockText{
	text-align: left;
	font-size: 14px;
	color: #333;
	line-height: 160%;
	margin-bottom: 15px;
}

/* マージン */
.mb50{margin-bottom: 10px;}
.mt50{margin-top: 10px;}
.mtM10{margin-top: 10px;}
.mtM20{margin-top: -20px;}



/*============================================================================
	lightBox周り
==============================================================================*/

.photoBox{
	width: 320px;
	margin: 0px auto 0px auto;
	text-align: center;
}
.photoBox a.photoBoxOne{
	width: 150px;
	padding: 0px 0px 5px 5px;
	text-align: center;
	float: left;
}
.lightBoxText{
	font-size: 90%;
}

/*============================================================================
	TAB
==============================================================================*/

ul#tab {
	zoom: 1;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}
ul#tab:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
ul#tab li {
	float: left;
	text-align: center;
	width: 50%;
	height: 45px;
	box-sizing: border-box;
	border-bottom: 5px solid #007ebd;
}
ul#tab li a {
	display: block;
	height: 45px;
	padding: 20px 0 20px 0;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	font-size: 100%;
	text-shadow: 0px 1px 0px #FFF;
	box-sizing: border-box;
}
ul#tab li a:last-child{
	border-right: none;
}
ul#tab li a:hover {
	background-position: center top;
	color: #333;
	border-bottom: 5px solid #edc300;
}

ul#tab li.active a,
ul#tab li.active a:hover {
	background-position: center top;
	color: #333;
	border-bottom: 5px solid #edc300;
}
#detail {
	clear: both;
	width: 95%;
	overflow: auto;
	padding: 20px 5px;
}
.tabbox {
	display: none;
}


.logBoxSp {
	clear: both;
	width: 95%;
	overflow: auto;
	padding: 20px 5px;
}

/*============================================================================
	ボタン関係
==============================================================================*/

a.dlBtn{
	display: block;
	width: 300px;
	background:#FFF url(../img/icon_pdf.png) no-repeat 60px center;
	background-size: 21px 25px;
	color: #007ebd;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	padding: 15px 0px 15px 10px;
	margin: 0 auto 5px auto;
	border: 1px solid #007ebd;
}
a.dlBtn:hover{
	text-decoration: none;
	background:#eee url(../img/icon_pdf.png) no-repeat 60px center;
	background-size: 21px 25px;
	border: 1px solid #007ebd;
}

a.mailBtn{
	display: block;
	width: 300px;
	background:#FFF url(../img/icon_mail.png) no-repeat 35px center;
	background-size: 27px 18px;
	color: #007ebd;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	padding: 15px 0px 15px 5px;
	margin: 0 auto 5px auto;
	border: 1px solid #007ebd;
}
a.mailBtn:hover{
	text-decoration: none;
	background:#eee url(../img/icon_mail.png) no-repeat 35px center;
	background-size: 27px 18px;
	border: 1px solid #007ebd;
}

.mailMainText{
	font-size: 100%;
	font-weight: bold;
	color: #333;
	display: block;
	margin: -10px auto 8px auto;
	text-align: center;
}
.btnInput {
	display: block;
	width:300px;
	background:#FFF;
	color: #007ebd;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	padding: 15px 0px 15px 0px;
	margin: 5px auto 20px auto;
	border: 1px solid #007ebd;
}
.btnInput:hover{
	background:#007ebd;
	color: #FFF;
}
.hisu{
	float: right;
	display: block;
	text-align: center;
	width: 30px;
	margin: 0 2px;
	padding:2px; 1px;
	font-size: 60%;
	font-weight: normal;
	line-height: 130%;
	background-color: #CC0000;
	color: #FFF;
	border-radius: 3px;
	border: 1px solid #990000;
}

/*============================================================================
	下の話footer#globalFooter
==============================================================================*/

/* page-top */
#pageTop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 100;
}
#pageTop a {
	display: block;
	background: url(../img/gotop.png);
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
}
#pageTop a:hover {
	background: url(../img/gotop.png);
	background-size: 20px 20px;
}

/* footLeft */
#footLeft {
	margin: 0 auto;
	width: 100%;
	text-align: left;
}
.footList{
	width: 48%;
	min-height: 120px;
	float: left;
	vertical-align: top;
	text-align: center;
	margin: 0 0px 0 5px;
	text-align: left;
}
.footList li.footMenu{
	list-style: none;
	padding: 3px 0 3px 0;
}
.footList li.footMenu:first-child{
	font-weight: bold;
	font-size: 116%;
	color: #FFF;
}
.footList li.footMenu a{
	font-size: 90%;
	color: #FFF;
}
.footList li.footMenu a:hover{
	color: #FFF;
	text-decoration: underline;
}

/* footCenter */
#footCenter {}
#footCenter a{
	display: block;
	text-indent: -9999px;
	margin: -20px auto 10px auto;
	width: 202px;
	height: 30px;
	background: url(../img/logo_foot_sp.png) no-repeat left center;
	background-size: 202px 30px;
}
#footCenter p.copyright {
	font-size: 80%;
	text-align: center;
	margin:10px auto;
	color: #FFF;
}

/* footClip */
#footClip {
	display: block;
	margin: 30px auto 80px auto;
	background-color: #fff;
	border-radius: 3px;
	padding: 10px;
}

#footClip a {
	text-decoration: none;
}

#footClip .section-img {
	text-align: center;
}

#footClip .section-content {
	margin-top: -5px;
	text-align: center;
}

#footClip .section-content p {
}

/*============================================================================
	レスポテーブル
==============================================================================*/

section table	{ width: 710; margin: 10px auto;}
section th, section td	{ padding: 10px 0; border-bottom: 1px solid #007ebd; font-size: 110%; color: #333;}
section th	{ vertical-align: top; }
section th.borNone, section td.borNone {
	border-bottom: none;
}
section th.borOn, section td.borOn {
	border-top: 1px solid #007ebd;
}

	
/*----------------------------------------------------
	.demo01
----------------------------------------------------*/
.demo01 th	{ width: 250px; text-align: left; line-height: 160%; }
.demo01 td	{ width: 460px; text-align: left; line-height: 160%;}
@media only screen and (max-width:1024px){
	.demo01	{ margin: 20px auto; width: 95%;}
    .demo01 th,
    .demo01 td{
		width: 100%;
		margin: 0 auto;
        display: block;
		border-top: none;
    }

	.demo01 tr:last-child th	{  }
}

input.wL{
	padding: 5px;
	border: 1px solid #e7e7e7;
	width: 80%;
	margin: 0 auto;
}
input.wM{
	padding: 5px;
	border: 1px solid #e7e7e7;
	width: 120px;
	margin: 0 auto;
}
input.wS{
	padding: 5px;
	border: 1px solid #e7e7e7;
	width: 60px;
	margin: 0 auto;
}
textarea.wArea{
	padding: 5px;
	border: 1px solid #e7e7e7;
	width:280px;
	height:150px;
	display: block;
	margin: 0 auto;

}

/*============================================================================
	デフォルト テーブル
==============================================================================*/

.defTable table {
	width: 958px;
	border-collapse: collapse;
	margin: 10px auto 30px auto;
}

.defTable th, .defTable td {
	font-size: 100%;
	padding: 10px 20px;
	border-bottom: 1px solid #007ebd;
	vertical-align: middle;
	color: #666;
}

.defTable th {
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	color: #333;
}

.defTable td.bigTd{
	font-size: 140%;
	vertical-align: middle;
}

.defTable th.borNone, .defTable td.borNone {
	border-bottom: none;
}

/* 偶・奇数
---------------------------------*/

.defTable table tr.odd td {
	background: #efefef;
}

.defTable table tr.even td {
	background: #999999;
}