@charset "UTF-8";
/* CSS Document */
/*===============================================
style.css 画面の横幅が769px以上
===============================================*/
html { height:100%; width:100%; }
* {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic Pro W3","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	font-weight: normal;
	list-style: none;
	text-align: left;
	color:#000;
}
body {
	/*height:100%;*/
	font-size: 100%;
    background: url("../img/homeBGsp.png") repeat-x;
	background-attachment: scroll;
	overflow-x: hidden;
	-webkit-print-color-adjust: exact;
        -webkit-text-size-adjust: 100%; /*縦横文字サイズ固定*/

}
img { border: none;}
a { color: #000; text-decoration: none;}
a:visited { color: #000;}
a:hover { color:#888;}
a.hover:hover img { opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; filter: alpha(opacity=70);}

h1{ font-size:20px; font-weight:bold; }
h2{ font-size:30px; font-weight:bold; }
h3{ font-size:20px; font-weight:bold; }
p{ font-size:14px; }
.spNo{ display:none; }

#container{ width:100%; }


/*---------------------------------------------------------
ヘッダー
---------------------------------------------------------*/
#header {
	top:0;
	margin: 0 auto;
	width:100%;
	position:fixed;
	z-index:100;
	background: url("../img/bgHeader.png") repeat-x;
    -moz-box-shadow: 0px 0px 8px #888;
    -webkit-box-shadow: 0px 0px 8px #888;
	z-index:1000;
}
#header img { width:75px; margin:5px 0 3px 5px; }
#headerRight {
	float:right;
	position: relative;
	font-size:10px;
	padding-top:15px;
}
#headerRight p{ font-size:11px; padding-top:5px; }
.search li{ float:left; }
.search p{ margin-top:-5px; margin-left:11px; font-size:10px; }

#gnaviBase{ margin: 0 auto; margin-top:0; width:100%; height:240px; margin-bottom:5px;}
.gnavi{ margin: 0 auto; width:100%; height:100px; }
.gnavi li a{ 
	float:left;
	width:100%;
	height:40px;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	line-height:38px;
	font-seize:15px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	background-color:#333;
}
.gnavi li a:hover{ color:#ccc; background-color:#444; }
.gnavi li a.on{ color:#fff; background-color:#666; }
.gnavi li a.end{ border-right:solid 1px #ccc; }

#pankuzuBase{
margin: 0 auto;
width:100%;
padding-bottom:7px;
background-color:#fff;
background-color:#f8f8f8;
border-top:solid 1px #ddd;
}
#pankuzu{ margin: 0 auto; margin-left:2%; width:100%; color:#358d35; padding-top:7px; font-size:10px; line-height:22px; }
#pankuzu a{
	font-size:10px;
	padding:5px 15px 5px 0px;
	margin-right:10px;
	color:#000;
	background: url("../img/arrow7.png") no-repeat right; 
}
#pankuzu a:hover{ color:#888; }

#flow{
	/*position:fixed !important;*/
	position:top;
	margin-top:0px;
	width:100%;
}
#spMenu {
	background: #333;
	width:100%;
	display: none;
	clear:both;
}
.slide {
	float:right;
	margin: 0;
	padding: 0;
}
.btSlide {
	position: relative;
	text-align: center;
	width:20px;
	height:20px;
	padding:6px 15px 6px 14px;
	margin: 0 auto;
	margin:-41px 10px 0 0;
	display: block;
	text-decoration: none;
	border:solid 1px #ccc;
    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    border-radius : 5px;
	font-size:33px;
	line-height:12px;
	background-color:#efefef;
}
.slide a { color:#333; }
.slide a:hover { color:#fff; background-color:#ccc; }
#headerSerch { float:right; margin:10px 80px 0 0; }
#headerSerch img {
	width:22px;
}



/*---------------------------------------------------------
ホーム
---------------------------------------------------------*/
#homeBase{
	width:100%;
	margin-top:-40px;
}
#home{
	margin:0 auto;
	padding-bottom: 10px;
	width:100%;
	text-align:center;
}
#contentsBase{
	width:100%;
	clear:both;
}
#contentsMado{
	margin:0 auto;
	padding:15px 0;
	width:96%;
}
.contents{
	margin:0 auto;
	margin-top:5px;
	padding: 0 0;
	width:100%;
}
.contents a {
	width:28%;
	height:100px;
	margin:6px 1.8%;
	float:left;
	text-align:center;
	font-weight:bold;
	font-size:11px;
	/* border */
	border:1px solid #fff;
	/* border-radius */
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	/* box-shadow */
	box-shadow:#ccc 0px 0px 3px 1px;
	-webkit-box-shadow:#ccc 0px 0px 3px 1px;
	-moz-box-shadow:#ccc 0px 0px 3px 1px;
	background:-moz-linear-gradient( center top, #ffffff 50%, #efefef 80% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(80%, #efefef) );
}
.contents h3{ font-size:13px; text-align:center; }
.contents img{ width:90%; }
.contents a:hover{ 
	background:-moz-linear-gradient( center top, #ff7200 50%, #ff7200 80% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7200', endColorstr='#ff7200');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(50%, #ff7200), color-stop(80%, #ff7200) );
	color:#fff;
	background-color:#ff7200;
}



.case{
	margin:0 auto;
	margin-top:-20px;
	padding-top: 5px ;
	padding-bottom:20px;
	margin-bottom:20px;
	width:100%;
}
.case li{
	float:left;
	width:96%;
	margin:0 2%;
	font-size:12px;
	margin-top:20px;
}
.case p{
    background: url("../img/arrow1.png") no-repeat left;
	padding-left:15px;
}
.case div{
	float:left;
	width:32.3%;
    background-color:#333;
	text-align:center;
	font-size:10px;
	padding:2px 0;
	color:#fff;
	margin:5px 1% 10px 0;
    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    border-radius : 5px;
}
.case div:hover{
    background-color:#ccc;
	color:#fff;
}
.case li img{ width:100%; margin-bottom:10px;
    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    border-radius : 5px; }
.case li img:hover{ opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(opacity=50); }
.case.no{
	border-bottom: none;
}

.case2{
	margin:0 auto;
	margin-top:-20px;
	padding-top: 5px ;
	padding-bottom:20px;
	margin-bottom:20px;
	width:100%;
}
.case2 li{
	float:left;
	width:96%;
	margin:0 2%;
	font-size:12px;
	margin-top:20px;
}
.case2 p{
    background: url("../img/arrow1.png") no-repeat left;
	padding-left:15px;
}
.case2 div{
	float:left;
	width:50%;
    background-color:#ff0000;
	text-align:center;
	font-size:13px;
	padding:2px 0;
	color:#fff;
	margin:5px 1% 10px 0;
    -webkit-border-radius : 30px;
    -moz-border-radius : 30px;
    border-radius : 30px;
}
.case2 div:hover{
    background-color:#ccc;
	color:#fff;
}
.case2 li img{ width:100%; margin-bottom:10px;
    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    border-radius : 5px; }
.case2 li img:hover{ opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(opacity=50); }
.case2.no{
	border-bottom: none;
}


.caseHome{
	margin:0 auto;
	padding-top: 5px ;
	margin-bottom:20px;
	width:100%;
	border-bottom:solid 1px #ccc;
}
.caseHome li a{
	float:left;
	width:100%;
	margin:10px 1.6%;
	font-size:13px;
	margin-top:10px;
}
.caseHome li span{ font-size:15px;
}
.caseHome p{
    background: url("../img/arrow1.png") no-repeat left top 5px;
	padding-left:15px;
}
.caseHome li img{ width:100%; margin-bottom:10px;
    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    border-radius : 5px; }
.caseHome li img:hover{ opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(opacity=50); }
.caseHome.no{
	border-bottom: none;
}

#contact{
	width:94%;
	padding:3%;
	color:#000;
	font-size:11px;
	margin-top:50px;
	border:solid 1px #ccc;
    background: url("../img/arrowTel.png") no-repeat;
	background-position:left 8px top 8px;
	background-color:#f8f8f8;
    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    border-radius : 5px;
}
#contact h5{ margin-left:25px; }
#contact p{ font-size:20px; font-weight:bold; }
#contactEN{
	width:94%;
	padding:3%;
	color:#000;
	font-size:11px;
	margin-top:20px;
	border:solid 1px #ccc;
	background-color:#f8f8f8;
    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    border-radius : 5px;
}
#contactEN h5{  }
#contactEN p{  }

#movie a{
	width:130px;
	color:#000;
	font-size:14px;
}
#movie a img{
	width:25%;
	margin-right:2%;
	float:left;
}


#solution {
	width:94%;
	padding:1% 3% 3% 3%;
	color:#000;
	font-size:12px;
	margin-top:20px;
	border:solid 1px #ccc;
	background-color:#f8f8f8;
    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    border-radius : 5px;
}
#solution h5{ font-size:23px; font-weight:bold; color:#F63; }
#solution h6{ font-size:16px; font-weight:bold; }
#solution .img{ border:solid 1px #ccc; margin-right:10px; margin-bottom:5px; width:18%; float:left; }
#solution .bt{ width:78%; margin:5px 0; }


#news{
	margin:0 auto;
	padding:10px 0 30px 0;
	width:100%;
	border-bottom:solid 1px #ccc;
}
.data{ width:100%; margin-bottom:5px; font-size:13px; font-weight:bold; }
.data p.seminer{ background-color:#ff7200; }
.data p.tenjikai{ background-color:#a65b13; }
.data p.press{ background-color:#333; }
.data p.oshirase{ background-color:#607537; }
.data p.jirei{ background-color:#355174; }
.data p.product{ background-color:#888; }
.data p.new{ background-color:#0f6017; }
.data p.campain{ background-color:#00a497; }
.data p{
	font-size:12px;
	width:100%;
	color:#fff;
	text-align:center;
	padding:1px 0 0 0;
    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    border-radius : 3px;
}
.info{ margin-bottom:15px; font-size:13px; }

/*トピックス一覧用*/
.events p.seminer{ background-color:#ff7200; }
.events p.tenjikai{ background-color:#a65b13; }
.events p.press{ background-color:#333; }
.events p.oshirase{ background-color:#607537; }
.events p.jirei{ background-color:#355174; }
.events p.product{ background-color:#888; }
.events p.campain{ background-color:#00a497; }
.events p{
	float:right;
	font-size:12px;
	width:25%;
	color:#fff;
	text-align:center;
	padding:1px 0 0 0;
    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    border-radius : 3px;
}



/*---------------------------------------------------------
メイン
---------------------------------------------------------*/
#mainHome{
	margin:0 auto;
	margin-bottom:30px;
	width:97%;
	margin-left:1.5%;
}
#main{
	margin:0 auto;
	margin-top:120px;
	margin-bottom:30px;
	width:97%;
	clear:both;
	margin-left:1.5%;
}
#mainLeft{
	width:97%;
	margin-left:1.5%;
}
#mainLeft p{ }
#mainRight{
	width:97%;
	margin-left:1.5%;
	margin-top:40px;
}
#mainLeft img,#mainRight img{ width:100%; }



/*----------------------------------------------------
ソリューション
----------------------------------------------------*/
.solution{
	width:100%;
	margin-bottom:15px;
	margin:20px 0;
	border:solid 1px #ccc;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px;
	position:relative;	
	behavior: url("border-radius.htc");/* IE6 7 8 */
}
.solutionList li{
	padding:8px;
	border-bottom:dotted 1px #ccc;
	font-weight:bold;
}
.solutionList li.top{
	background-color:#f8f8f8;
}
.solutionList li.no{
	border:none;
	font-weight:normal;
	font-size:13px;
	background: none;
}
.solutionList a:hover{
	color:#ff7200;
}
.solutionList li.so01{
	background: url("../img/so01.png") no-repeat top 8px left 8px; 
	padding-left:33px;
	background-color:#f8f8f8;
    -webkit-border-top-left-radius : 8px;
    -webkit-border-top-right-radius : 8px;
    -moz-border-top-left-radius : 8px;
    -moz-border-top-right-radius : 8px;
    border-top-left-radius : 8px;
    border-top-right-radius : 8px;
}
.solutionList li.so02{
	background: url("../img/so02.png") no-repeat top 8px left 8px; 
	padding-left:33px;
	background-color:#f8f8f8;
    -webkit-border-top-left-radius : 8px;
    -webkit-border-top-right-radius : 8px;
    -moz-border-top-left-radius : 8px;
    -moz-border-top-right-radius : 8px;
    border-top-left-radius : 8px;
    border-top-right-radius : 8px;
}
.solutionList li.so03{
	background: url("../img/so03.png") no-repeat top 8px left 8px; 
	padding-left:33px;
	background-color:#f8f8f8;
    -webkit-border-top-left-radius : 8px;
    -webkit-border-top-right-radius : 8px;
    -moz-border-top-left-radius : 8px;
    -moz-border-top-right-radius : 8px;
    border-top-left-radius : 8px;
    border-top-right-radius : 8px;
}
.solutionList li.so04{
	background: url("../img/so04.png") no-repeat top 8px left 8px; 
	padding-left:33px;
	background-color:#f8f8f8;
    -webkit-border-top-left-radius : 8px;
    -webkit-border-top-right-radius : 8px;
    -moz-border-top-left-radius : 8px;
    -moz-border-top-right-radius : 8px;
    border-top-left-radius : 8px;
    border-top-right-radius : 8px;
}
.solutionList li.so05{
	background: url("../img/so05.png") no-repeat top 8px left 8px; 
	padding-left:33px;
	background-color:#f8f8f8;
    -webkit-border-top-left-radius : 8px;
    -webkit-border-top-right-radius : 8px;
    -moz-border-top-left-radius : 8px;
    -moz-border-top-right-radius : 8px;
    border-top-left-radius : 8px;
    border-top-right-radius : 8px;
}
.solutionList li.so06{
	background: url("../img/so06.png") no-repeat top 8px left 8px; 
	padding-left:33px;
	background-color:#f8f8f8;
    -webkit-border-top-left-radius : 8px;
    -webkit-border-top-right-radius : 8px;
    -moz-border-top-left-radius : 8px;
    -moz-border-top-right-radius : 8px;
    border-top-left-radius : 8px;
    border-top-right-radius : 8px;
}
.solutionList li.so07{
	background: url("../img/so07.png") no-repeat top 8px left 8px; 
	padding-left:33px;
	background-color:#f8f8f8;
    -webkit-border-top-left-radius : 8px;
    -webkit-border-top-right-radius : 8px;
    -moz-border-top-left-radius : 8px;
    -moz-border-top-right-radius : 8px;
    border-top-left-radius : 8px;
    border-top-right-radius : 8px;
}
.solutionList li.so08{
	background: url("../img/so08.png") no-repeat top 8px left 8px; 
	padding-left:33px;
	background-color:#f8f8f8;
    -webkit-border-top-left-radius : 8px;
    -webkit-border-top-right-radius : 8px;
    -moz-border-top-left-radius : 8px;
    -moz-border-top-right-radius : 8px;
    border-top-left-radius : 8px;
    border-top-right-radius : 8px;
}
.solutionList li.so09{
	background: url("../img/so09.png") no-repeat top 8px left 8px; 
	padding-left:33px;
	background-color:#f8f8f8;
    -webkit-border-top-left-radius : 8px;
    -webkit-border-top-right-radius : 8px;
    -moz-border-top-left-radius : 8px;
    -moz-border-top-right-radius : 8px;
    border-top-left-radius : 8px;
    border-top-right-radius : 8px;
}
.solutionList li.so10{
	background: url("../img/so10.png") no-repeat top 8px left 8px; 
	padding-left:33px;
	background-color:#f8f8f8;
    -webkit-border-top-left-radius : 8px;
    -webkit-border-top-right-radius : 8px;
    -moz-border-top-left-radius : 8px;
    -moz-border-top-right-radius : 8px;
    border-top-left-radius : 8px;
    border-top-right-radius : 8px;
}
.solutionList li.so11{
	background: url("../img/so11.png") no-repeat top 8px left 8px; 
	padding-left:33px;
	background-color:#f8f8f8;
    -webkit-border-top-left-radius : 8px;
    -webkit-border-top-right-radius : 8px;
    -moz-border-top-left-radius : 8px;
    -moz-border-top-right-radius : 8px;
    border-top-left-radius : 8px;
    border-top-right-radius : 8px;
}
.solutionList li.so12{
	background: url("../img/so12.png") no-repeat top 8px left 8px; 
	padding-left:33px;
	background-color:#f8f8f8;
    -webkit-border-top-left-radius : 8px;
    -webkit-border-top-right-radius : 8px;
    -moz-border-top-left-radius : 8px;
    -moz-border-top-right-radius : 8px;
    border-top-left-radius : 8px;
    border-top-right-radius : 8px;
}

.swaku100pr{
	border:solid 1px #ccc;
	width:99%;
	margin-top:15px;
	background-color:#f8f8f8;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px;
	position:relative;
	display:block;
	behavior: url("border-radius.htc");/* IE6 7 8 */
}
.swaku100pr p{ font-size:14px; }
.swaku100pr a{
	padding:5px 2%;
	display:block;
}
.swaku100pr a:hover{
	background-color:#ddd;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px;
	color:#fff;
}
.swaku100prNo{
	border:solid 1px #ccc;
	width:95%;
	margin-top:15px;
	padding:5px 2%;
	display:block;
	background-color:#f8f8f8;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px;
	position:relative;
	display:block;
	behavior: url("border-radius.htc");/* IE6 7 8 */
}

.kanren li { float:left; font-size:12px; }
.kanren { margin-right:10px; }



/*----------------------------------------------------
製品情報
----------------------------------------------------*/
.products{
	float:left;
	width:100%;
	margin-bottom:15px;
	margin-right:1%;
	
}
.productsList li{
	padding:8px;
	border-bottom:dotted 1px #ccc;
	font-weight:bold;
	margin-bottom:20px;
}
.productsList li.no{
	border:none;
	font-weight:normal;
	font-size:10px;
}
.productsList a:hover{
	color:#ff7200;
}
.productsList li.so01{
	background: url("../img/so01.png") no-repeat top 8px left 8px; 
	padding-left:33px;
}
.productsList li.so02{
	background: url("../img/so02.png") no-repeat top 8px left 8px; 
	padding-left:33px;
}
.productsList li.so03{
	background: url("../img/so03.png") no-repeat top 8px left 8px; 
	padding-left:33px;
}
.productsList li.so04{
	background: url("../img/so04.png") no-repeat top 8px left 8px; 
	padding-left:33px;
}
.productsList li.so05{
	background: url("../img/so05.png") no-repeat top 8px left 8px; 
	padding-left:33px;
}
.productsList li.so06{
	background: url("../img/so06.png") no-repeat top 8px left 8px; 
	padding-left:33px;
}
.productsList li.so07{
	background: url("../img/so07.png") no-repeat top 8px left 8px; 
	padding-left:33px;
}
.productsList li.so08{
	background: url("../img/so08.png") no-repeat top 8px left 8px; 
	padding-left:33px;
}
.productsList li.so09{
	background: url("../img/so09.png") no-repeat top 8px left 8px; 
	padding-left:33px;
}
.productsList li.so12{
	background: url("../img/so12.png") no-repeat top 8px left 8px; 
	padding-left:33px;
}


.category{
	float:left;
	width:47%;
	margin:0 1.5%;
	margin-bottom:15px;
	text-align:center;
	font-size:11px;
	z-index:10;
}
.category a,.category{
	font-size:12px;
}
.category ul{
	border:solid 1px #ccc;
	margin-bottom:5px;
}
.category li{
	text-align:center;
	color:#3d722a;
	background-color:#f8f8f8;
	border-bottom:none;
}
.category li.logo{
	width:80%;
	padding:8px 9.7% 8px 9.7%;
}
.category li.txt{
	margin-bottom:5px;
	padding:8px 0;
	background-color:#fff;
	border-top:none;
	font-size:12px;
}
.category li a,.category li{ color:#000; display:block; text-align:center; }
.category li a:hover{ color:#ff7200; }

.category2 a,.category2{
	width:100%;
	text-align:center;
	font-size:12px;
	z-index:10;
	background-color:#f8f8f8;
}
.category2 div,.category2 div{ margin-bottom:10px; background-color:#f8f8f8; padding:8px 15% 0 15%; }
.category2 p{ text-align:center; padding:5px 0; background-color:#fff; font-size:10px; }
.category2 a:hover p{ color:#fff; background-color:#ff7200; }



.productNavi a{
	float:left;
	width:89%;
	height:35px;
	border:solid 1px #ccc;
	margin:5px 0;
	padding:0.5%;
	color:#000;
	padding-left:10%;
}
.productNavi a.so01:hover,.productNavi a.so02:hover,.productNavi a.so03:hover,
.productNavi a.so04:hover,.productNavi a.so05:hover,.productNavi a.so06:hover,
.productNavi a.so07:hover,.productNavi a.so08:hover,.productNavi a.so09:hover,
.productNavi a.so12:hover
{ color:#ccc; background-color:#555; }
.productNavi a.so01{
	background: url("../img/IE8so01.png") no-repeat; 
	background-position:center left;
	line-height:38px;
}
.productNavi a.so02{
	background: url("../img/IE8so02.png") no-repeat; 
	background-position:center left;
	line-height:38px;
}
.productNavi a.so03{
	background: url("../img/IE8so03.png") no-repeat; 
	background-position:center left;
	line-height:38px;
}
.productNavi a.so04{
	background: url("../img/IE8so04.png") no-repeat; 
	background-position:center left;
	line-height:38px;
}
.productNavi a.so05{
	background: url("../img/IE8so05.png") no-repeat; 
	background-position:center left;
	line-height:38px;
}
.productNavi a.so06{
	background: url("../img/IE8so06.png") no-repeat; 
	background-position:center left;
	line-height:38px;
}
.productNavi a.so07{
	background: url("../img/IE8so07.png") no-repeat; 
	background-position:center left;
	line-height:38px;
}
.productNavi a.so08{
	background: url("../img/IE8so08.png") no-repeat; 
	background-position:center left;
	line-height:38px;
}
.productNavi a.so09{
	background: url("../img/IE8so09.png") no-repeat; 
	background-position:center left;
	line-height:38px;
}
.productNavi a.so12{
	background: url("../img/IE8so12.png") no-repeat; 
	background-position:center left;
	line-height:38px;
}

.productNavi2 a{
	float:left;
	width:96%;
	height:35px;
	border:solid 1px #ccc;
	margin:5px 0;
	padding:0.5%;
	padding-left:3%;
	color:#000;
	text-align:left;
	background: url("../img/arrow9.png") no-repeat right bottom;
}
.productNavi2 a.center{ line-height:36px; }
.productNavi2 a.center2L{ line-height:36px; }
.productNavi2 a:hover{ color:#ccc; background-color:#555; }

.productNavi3 a{
	float:left;
	border:solid 1px #ccc;
	margin:5px 1%;
	padding:5px 0;
	width:9.5%;
	color:#000;
	text-align:center;
	background: url("../img/arrow9.png") no-repeat right bottom;
}
.productNavi3 a.center{ line-height:36px; }
.productNavi3 a.center2L{ line-height:18px; }
.productNavi3 a:hover{ color:#ccc; background-color:#555; }


#Search01,#Search02,#Search03,#Search04,#Search05,#Search06,#Search07,#Search08,#Search09
{ margin-top:-100px; padding-top:100px; }

#SearchA,#SearchB,#SearchC,#SearchD,#SearchE,#SearchF,#SearchH,#SearchI,#SearchM,#SearchN,
#SearchO,#SearchP,#SearchR,#SearchS,#SearchT,#SearchV
{ margin-top:-100px; padding-top:100px; }

.productImg{ width:40%; margin-bottom:10px; }
.productImg2{ width:45%; margin-bottom:10px; }
.productImg50{ width:50%; margin-left:10px; margin-bottom:10px; }
.productImg60{ width:60%; margin-left:10px; margin-bottom:10px; }
.productImg70{ width:70%; margin-left:10px; margin-bottom:10px; }
.productImg80{ width:80%; margin-left:10px; margin-bottom:10px; }
.productImg90{ width:90%; margin-left:10px; margin-bottom:10px; }
.productImg100{ width:100%; margin-left:10px; margin-bottom:10px; }
.productP{ margin:0 0 8px 15px; }

.productPh li{
	float:left;
	border:solid 1px #ccc;
	padding:1%;
	margin:1.5%;
	width:43.5%;
	text-align:left;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px;
	position:relative;	
	behavior: url("border-radius.htc");/* IE6 7 8 */
}
.productHyou{
	width:100%;
	margin:10px 0;
	border:solid 1px #ccc;
	border-collapse: collapse;
}
.productHyou th{
	padding:1.5%;
	font-weight:bold;
	background-color:#f8f8f8;
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
	text-align:center;
	font-size:12px;
}
.productHyou td{
	padding:1.5%;
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
	font-size:12px;
}
.productHyou2,.productHyou3,.productHyou4,.productHyou7,.productHyou8,.productHyou9{
	width:100%;
	margin:10px 0;
	border:solid 1px #ccc;
	border-collapse: collapse;
}
.productHyou5{
	width:100%;
	margin:10px 0;
	border:"0";
	border-collapse: collapse;
}
.productHyou6{
	width:100%;
	margin:10px 0;
	border:solid 1px #ccc;
	border-collapse: collapse;
}
.productHyou6 th{
	padding:1.5%;
	font-weight:bold;
	background-color:#80ffff;
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
	font-size:12px;
}
.productHyou2 th,.productHyou3 th{
	padding:1.5%;
	font-weight:bold;
	background-color:#f8f8f8;
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
	font-size:12px;
}
.productHyou4 th,.productHyou7 th{
	padding:1.5%;
	font-weight:bold;
	background-color:#f8f8f8;
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
	text-align:center;
	font-size:12px;
}
.productHyou5 th{
	padding:1.5%;
	font-weight:bold;
	background-color:#f8f8f8;
	border-top:"0";
	border-right:"0";
	font-size:12px;
}
.productHyou8 th,.productHyou9 th{
	padding:1.5%;
	font-weight:bold;
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
	font-size:12px;
}
.productHyou2 td{
	padding:1.5%;
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
	font-size:12px;
}
.productHyou3 td{
	padding:.51%;
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
	font-size:12px;
	text-align:center;
}
.productHyou4 td{
	padding:.51%;
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
	font-size:5px;
	text-align:center;
}
.productHyou5 td{
	padding:.51%;
	border-top:"0";
	border-right:"0";
	font-size:5px;
}
.productHyou6 td{
	padding:1.5%;
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
	font-size:12px;
}
.productHyou7 td{
	padding:.51%;
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
	font-size:12px;
	text-align:center;
}
.productHyou8 td{
	padding:1.5%;
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
	font-size:12px;
	text-align:center;
}
.productHyou9 td{
	padding:1.5%;
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
	font-size:11px;
}
.productHyou th.no,.productHyou td.no,.productHyou2 th.no,.productHyou2 td.no,.productHyou5 th.no,.productHyou5 td.no{
	border-right:none;
}
.productHyou th.tno,.productHyou td.tno,.productHyou2 th.tno,.productHyou2 td.tno,.productHyou5 th.tno,.productHyou5 td.tno{
	border-top:none;
}

.QA a:hover{ color:#ff7200; }

.partner{ margin-top:10px; padding-bottom:20px; border-bottom:dotted 1px #ccc; }
.partner li{ display:table-cell; vertical-align:middle; }
.partner .img{ width:160px; padding-right:35px; }
.partner li a:hover{ color:#ff7200; opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; filter: alpha(opacity=70); }

#Ptopics{
	margin-top:10px;
	background-color:#fff;
	padding:2%;
	clear:both;
	border:solid 1px #ff7200;
	height: 200px;
	overflow: auto;
}
#Ptopics ul{ border-bottom:dotted 1px #ccc; margin-bottom:10px; }



/*----------------------------------------------------
導入事例
----------------------------------------------------*/
.face{
	font-size:12px;
	line-height:15px;
}
.face .w40pr{
	float:left;
	width:30%;
	margin:0 5px 10px 5px;
	clear:both;
	border:solid 1px #ccc;
    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    border-radius : 5px;
}
.caseP01{
	margin:10px 0 0 1%;
	width:98%;
	clear:both;
}
.caseP02{
	border:solid 1px #ccc;
	background-color:#f8f8f8;
	padding:2%;
	width:96%;
	margin-top:10px;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px;
}
.caseP02 table td{
	font-size:12px;
	width:45%;
}
.caseP02 table td img{
	 width:40%; border:solid 1px #fff;
}
.caseMain{ width:100%; margin-bottom:10px; }
.caseImg{ width:75%; margin-left:20px; }
.caseLogo{ width:80%; }

.tanto { width:100%; }
.tanto th{ border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; font-weight:bold; }
.tanto td{ padding:5px; }


/*----------------------------------------------------
イベント情報
----------------------------------------------------*/
.events a{
	float:left;
	border:solid 1px #ccc;
	width:97%;
	margin:15px 1.5%;
	background-color:#f8f8f8;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px;
	position:relative;
}
.events li{
	padding:1.5%;
	border-bottom:dotted 1px #ccc;
	font-size:14px;
	font-weight:bold;
}
.events li.no{
	padding:1.5%;
	border:none;
	font-weight:normal;
	font-size:13px;
	color:#000;
}
.events a:hover{
	background-color:#ddd;
}

#map{
	border: 1px solid #ccc;
	margin-top:10px;
	padding:10px;
	font-size:12px;
	background-color:#f8f8f8;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px;
	
}
.toiawaseWaku{
	margin-top:20px;
	width:95%;
	font-size:13px;
	margin-top:10px;
	border:solid 2px #ccc;
	padding:2%;
    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    border-radius : 5px;
}
.toiawaseWaku p,.toiawaseWaku a{
	font-size:15px;
	font-weight:bold;
}

#syousai { margin:0px 0 30px 0; width:100%; }
#syousai dl{  }
#syousai dt{ width:96%; font-weight:bold; font-size:14px; background-color:#eee; padding:2%; border-top:solid 1px #fff; border-bottom:solid 1px #ccc; }
#syousai dd{ width:96%; font-size:14px; padding:5px 2% 10px 2%; background-color:#f8f8f8;  }


.seminerTitle{
	margin-top:10px;
	padding:0.7% 1%;
	background-color:#333;
	width:98%;
    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    border-radius : 5px;
}
.seminerTitle li{
	text-align:center;
	float:left;
	color:#ccc;
	border-right:solid 1px #666;
	font-size:12px;
}
.seminerTitle li.no{
	border-right:none;
}

.hyouSeminer{
	margin-top:10px;
	width:100%;
}
.hyouSeminer li{
	text-align:left;
	padding:2%;
	clear: none;
	font-size:14px;
}
.hyouSeminer li.no{
	border-right:none;
}
.hyouSeminer li.w12pr,.hyouSeminer li.w30pr,.hyouSeminer li.w50pr{ width:96%; }
.hyouSeminer li.w30pr{ margin-top:-15px; }
.hyouSeminer li.left5 { margin-left:0; }


.eventsBn a{
float:left;
border:solid 1px #ccc;
width:100%;
margin:15px 1.5% 0 1.5%;
background-color:#555;
color:#fff;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px;
position:relative;
}
.eventsBn li{
padding:1%;
font-size:13px;
color:#fff;
text-align:center;
}
.eventsBn li.middle{
background-color:#fff;
color:#000;
font-size:13px;
font-weight:bold;
padding:8px 0;
}
.eventsBn a:hover{
background-color:#888;
}


/*----------------------------------------------------
企業情報
----------------------------------------------------*/
.waku50pr{
	border:solid 1px #ccc;
	width:97%;
	margin:8px 1.5%;
	margin-top:20px;
	background-color:#f8f8f8;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px;
	position:relative;
}
.waku50pr li{
	padding:1.5%;
	border-bottom:dotted 1px #ccc;
	font-size:14px;
	font-weight:bold;
}
.waku50pr li.no{
	padding:1.5%;
	border:none;
	font-weight:normal;
	font-size:13px;
	color:#000;
}
.waku100pr{
	border:solid 1px #ccc;
	width:97%;
	margin:8px 1.5%;
	background-color:#f8f8f8;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px;
	position:relative;
}
.waku100pr li{
	padding:1.5%;
	border-bottom:dotted 1px #ccc;
	font-size:14px;
	font-weight:bold;
}
.waku100pr li.no{
	padding:1.5%;
	border:none;
	font-weight:normal;
	font-size:13px;
	color:#000;
}
.hyou1{ 
	width:100%;
	border:solid 1px #ddd; 
	margin:10px 0 40px 0;   
	background-color:#fff;
    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    border-radius : 5px;
}
.hyou1 td{ border-bottom:solid 1px #ddd; padding:3%; }
.hyou1 td.no{ border-bottom:none; }
.hyou1 .left{ width:96%; font-weight:bold; font-size:13px; }
.hyou1 .right{ width:96%; font-size:13px; }
.hyou2{ 
	width:100%;
	border:solid 1px #ddd; 
	margin:10px 0 40px 0;
    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    border-radius : 5px;
}
.hyou2 td{ border-bottom:solid 1px #ddd; padding:3%; }
.hyou2 td.no{ border-bottom:none; }
.hyou2 .left{ width:96%; font-weight:bold; font-size:13px; }
.hyou2 .right{ width:96%; font-size:13px; }
.hyou3{
	margin-top:20px; 
	width:100%;
	border:solid 1px #ccc;
	border-collapse: collapse;
}
.hyou3 td{ font-size:11px; text-align:right; border-bottom:solid 1px #ccc; border:solid 1px #ccc; padding:1%; }
.hyou3 th{ font-size:11px; text-align:center; font-weight:bold; background-color:#efefef; border:solid 1px #ccc; padding:1%; }
.hyou4{ 
	width:100%;
	border:solid 1px #ddd;
	margin:10px 10px 10px 0; 
	background: url("../img/arrow8.gif") repeat-y left ; 
	background-size:20.5%;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px; }
.hyou4 td{ border-bottom:solid 1px #ddd; }
.hyou4 td.no{ border-bottom:none; }
.hyou4 .left{ float:left; width:18%; padding:1.5%; font-weight:bold; font-size:12px; }
.hyou4 .right{ float:left; width:76%; padding:1.5%; font-size:12px; }
.hyou4 .TitleLeft{ float:left; width:18%; padding:1.5%; font-weight:bold; font-size:13px; }
.hyou4 .TitleRight{ float:left; width:76%; padding:1.5%; font-weight:bold; font-size:13px; text-align:center; }
.hyou5{ 
	width:100%;
	border:solid 1px #ddd;
	margin:10px 10px 40px 0; 
	background: url("../img/arrow8.gif") repeat-y left ; 
	background-size:39%; }
.hyou5 td{ border-bottom:solid 1px #ddd; }
.hyou5 td.no{ border-bottom:none; }
.hyou5 .left a{ float:left; width:36%; padding:1.5%; font-size:13px; }
.hyou5 .right{ float:left; width:57%; padding:1.5%; font-size:12px; }
.hyou5 .right a:hover{ color:#ff7200; text-decoration:underline; }
.hyou6{ 
	width:100%;
	border:solid 1px #ddd;
	margin:10px 10px 40px 0; 
	background: url("../img/arrow8.gif") repeat-y left ; 
	background-size:20%; }
.hyou6 td{ border-bottom:solid 1px #ddd; }
.hyou6 td.no{ border-bottom:none; }
.hyou6 .left a{ float:left; width:18%; padding:1.5%; font-size:13px; -webkit-filter:grayscale(100%); }
.hyou6 .left a:hover{ -webkit-filter:grayscale(0%); }
.hyou6 .right{ float:left; width:72%; padding:1.5%; font-size:12px; }
.hyou6 .right a:hover{ color:#ff7200; text-decoration:underline; }
.hyou6 .linkNo{ float:left; width:18%; padding:1.5%; font-size:13px; -webkit-filter:grayscale(100%); }
.hyou7{ 
	width:100%;
	border:solid 1px #ddd;
	margin:20px 0; 
	background-size:20%; }
.hyou7 th{ border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; padding:2%; width:35%; }
.hyou7 td{ border-bottom:solid 1px #ddd; padding:2%; }
.hyou7 td.no,.hyou7 th.no{ border-bottom:none; }

.hyou8{ 
	width:100%;
	border:solid 1px #ddd;
	margin:10px 10px 10px 0; 
	background: url("../img/arrow8.gif") repeat-y left ; 
	background-size:23%;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px; }
.hyou8 td{ border-bottom:solid 1px #ddd; }
.hyou8 td.no{ border-bottom:none; }
.hyou8 .left{ float:left; width:20%; padding:1.5%; font-weight:bold; font-size:12px; }
.hyou8 .right{ float:left; width:74%; padding:1.5%; font-size:12px; }
.hyou9{
	margin-top:20px; 
	width:100%;
	border:solid 1px #ffffff;
	border-collapse: collapse;
}
.hyou9 td{ font-size:11px; text-align:right; border-bottom:solid 1px #ffffff; border:solid 1px #ffffff; padding:1%; }
.hyou9 th{ font-size:11px; text-align:center; font-weight:bold; background-color:#ffffff; border:solid 1px #ffffff; padding:1%; }

.hyou{ 
	width:100%;
	border:solid 1px #ddd;
	margin:10px 10px 40px 0;
	border-collapse: collapse;
}
.hyou th{ border-bottom:solid 1px #ddd; background:#f8f8f8; width:30%; padding:3%; }
.hyou td{ border-bottom:solid 1px #ddd; font-size:13px; padding:3%; }
.hyou .left a{ -webkit-filter:grayscale(100%); padding:3%; }
.hyou .left a:hover{ -webkit-filter:grayscale(0%); padding:3%; }
.hyou .right a,.hyou .right { width:72%; font-size:13px; padding:3%; }
.hyou .right a:hover{ color:#ff7200; text-decoration:underline; font-size:13px; padding:3%; }
.hyou .linkNo{ -webkit-filter:grayscale(100%); padding:3%; }

#map_tokyo,#map_osaka,#map_kyusyu,#map_kawasaki
{ width:100%; margin:10px 0 0 -0.3%; }
.greeting{ font-size:14px; line-height:24px; }


/*----------------------------------------------------
英語
----------------------------------------------------*/
.waku100pr2{
	border:solid 1px #ccc;
	width:97%;
	margin:8px 1.5%;
	position:relative;
}
.waku100pr2 td{
	padding:1%;
	background-color:#f8f8f8;
}
.waku100pr2 th{
	padding:1%;
}


/*----------------------------------------------------
リクルート
----------------------------------------------------*/
.recruit a{
	float:left;
	border:solid 1px #ccc;
	width:99%;
	margin:8px 0;
	background-color:#f8f8f8;
    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    border-radius : 5px;
	position:relative;
}
.recruit li{
	padding:2%;
	border-bottom:dotted 1px #ccc;
	font-size:14px;
	font-weight:bold;
	color:#ff8100;
}
.recruit li.no{
	padding:2%;
	border:none;
	font-weight:normal;
	font-size:13px;
	color:#000;
}
.recruit a:hover{
	background-color:#efefef;
}
.hyouRecruit{ 
	width:100%;
	margin-top:10px;
	border:solid 1px #ddd;
	margin-bottom:40px;
	backgrund-color:#fff;
    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    border-radius : 5px;
}
.hyouRecruit td{ border-bottom:solid 1px #ddd; padding:3%; }
.hyouRecruit td.no{ border-bottom:none; }
.hyouRecruit .left{ width:96%; font-weight:bold; font-size:13px; }
.hyouRecruit .right{ width:96%;; font-size:13px; }



/*----------------------------------------------------
基本セット
----------------------------------------------------*/	
.bMidashi{ font-size:20px; font-weight:bold; border-bottom:dotted 1px #ccc; margin:40px 0 20px 0; }
.mMidashi{ font-size:16px; font-weight:bold; background: url("../img/arrow3.png") no-repeat left top 8px; padding-left:18px; padding-top:0px; clear:both; }
.mMidashi a{ font-size:16px; font-weight:bold; background: url("../img/arrow3.png") no-repeat left; padding-left:18px; padding-top:5px; clear:both; }
.sMidashi{ font-size:14px; font-weight:bold; background: url("../img/arrow1.png") no-repeat left; padding-left:15px; margin-left:0px; margin-bottom:10px; }
.mMidashiLine{ font-size:16px; font-weight:bold; background: url("../img/arrow3.png") no-repeat left top 5px; padding-left:15px; margin-left:0px; margin-bottom:20px; border-bottom:solid 1px #ff7200; }
.bTitle{ font-size:16px; font-weight:bold; color:#fff; background-color:#ff7200; padding:5px 10px; margin:40px 0 10px 0; -webkit-border-radius :8px; -moz-border-radius :8px;  border-radius :8px; }
.mTitle{ font-size:14px; color:#fff; background-color:#333; padding:3px 10px; margin:10px 0 10px 0; }
.mTitle2{ font-size:14px; color:#fff; background-color:#333; padding:3px 10px; margin:5px 0 10px 0; }
.sTitle{ font-size:13px; font-weight:bold; color:#3d722a; }

.mBold{ font-size:15px; font-weight:bold; margin-left:10px; }
.sBold{ font-size:13px; font-weight:bold; margin-left:10px; }
.fMidashi{ font-size:12px; background: url("../img/arrow6.png") no-repeat left; padding-left:15px; color:#ccc; margin-bottom:5px; }
.smaller{ font-size:11px; }
.attention{ font-size:13px; color:#ff7200; margin-left:10px; }
.blank a{ font-size:13px; color:#ff7200; background: url("../img/arrow4.png") no-repeat left; padding-left:15px; color:#ff7200; margin-top:10px; }
a.pdf{ font-size:13px; background: url("../img/arrow5.png") no-repeat left; padding-left:15px; color:#ff7200; }
.qaQ{ font-size:16px; font-weight:bold; background: url("../img/arrowQ.png") no-repeat left top 2px; padding-left:25px; margin-bottom:15px; border-bottom:dotted 1px #ccc; margin-top:40px; padding-bottom:5px; }
.qaA{ font-size:14px; background: url("../img/arrowA.png") no-repeat left top; padding-left:25px;  }

.kakomi{ border:solid 2px #ccc; }
.kakomi2 a{ background-color:#333; color:#fff; width:30%; text-align:center; padding:1%; float:left; margin:0 1.3% 8px 0; font-size:12px; }
.kakomi2 a:hover{ background-color:#888; color:#fff; }
.kakomi3{ border:solid 2px #ccc; padding:10px; }
#seminer{ background-color:#fff; margin-left:0px; margin-top:10px; clear:both; }
#topics{ background-color:#fff; margin-left:0px; margin-top:10px; clear:both; }
.seminer{ background-color:#fff;}
.seminer img{ width:100%; }
.seminer p img{ width:30%; float:left; margin-right:3%; }
.seminer p a{ border-bottom: dotted 1px #ccc; margin:8px; font-size:12px; display:block; }
.seminer p a:hover{ color:#000; background:#efefef; }
.seminerFrame{ width:100%; height:280px; border:solid 2px #ff7200;}
.attentionSeminer{ width:100%; display:; }

#catalog {
	width:94%;
	padding:1% 3% 3% 3%;
	color:#000;
	font-size:12px;
	border:solid 0px #f8f8f8;
	background-color:#f8f8f8;

}
#catalog h5{ font-size:23px; font-weight:bold; color:#F63; }
#catalog h6{ font-size:16px; font-weight:bold; }
#catalog .img{ border:solid 1px #ccc; margin-right:10px; margin-bottom:5px; width:30%; float:left; }
#catalog .bt{ width:60%; margin-top:10px; }

.catalogFrame{ width:80%; height:168px; border:solid 1px #ccc; }
.attentionCatalog{ width:100%; display:none; }


.title1{ font-size:18px; font-weight:bold; background: url("../img/arrow2.png") no-repeat left top; padding-left:15px; }
.olignRight{ float:right; }
.center{ text-align:center; width:100%; }

.imgLeft{ float:left; margin-right:2%;  }
.imgRight{ float:right; margin-left:2%;  }

.more { /*color:#ff7200;*/ padding-left:15px; background: url("../img/arrow1.png") no-repeat left; }
.more:hover { color:#888; }
.imgR{
    -webkit-border-radius : 100px;
    -moz-border-radius : 100px;
    border-radius : 100px;
	behavior: url("border-radius.htc");/* IE6 7 8 */
}
.mail a{ background: url("../img/arrowMail.png") no-repeat top left; padding-left:20px; }
.uketsuke { float:right; margin-left:2%; background-color:#ff7200; padding:0 25px; color:#fff; clear:both; font-size:13px;
    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    border-radius : 5px; }



/*----------------------------------------------------
サブナビボタン
----------------------------------------------------*/
.subNavi{
	width:107%;
	margin-left:-3%;
	background-color:#fff;
	margin-bottom:20px;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);
    -moz-box-shadow:0 0 5px rgba(0,0,0,0.3);
    box-shadow:0 0 5px rgba(0,0,0,0.3);
}
.subNavi li a{
	border-bottom:solid 1px #ccc;
	padding:8px 0;
	padding-left:3%;
	display:block;
	font-size:16px;
}
.subNavi li a.on{
	background-color:#358d35;
	color:#fff;
}
.subNavi li a.on:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 114, 0, 0);
	border-right-color: #ff7200;
	border-width: 20px;
	margin-top: -20px;
}
.subNavi li a:hover{
	background-color:#358d35;
	color:#fff;
}
.sub li a{
	padding-left:12%;
	background-color:#f3f3f3;
}
.sub li a.son{
	color:#fff;
	background-color:#333;
}
.sub li a:hover{
	color:#fff;
	background-color:#333;
}

.subNavi li a.on-top{
	/*background-color:#ff7200;*/
	background-color:#358d35;
	color:#fff;
}
.subNavi li a.on-bottom{
	/*background-color:#ff7200;*/
	background-color:#358d35;
	color:#fff;
}
.subNavi li a.bottom,.sub li a.bottom{
	border-bottom: none;
}


/*----------------------------------------------------
アコーディオン
----------------------------------------------------*/
#accordion h5{ font-size:15px; font-weight:bold; margin:20px 0 0 0; }
#accordion h3 {
    background: url('../img/qaTitle.png') top left no-repeat #888;
	font-size:15px;
	padding:5px 0 5px 35px;
	margin-top:15px;
	color:#fff;
	cursor: pointer;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px;
}
#accordion h3:hover   {
    background: url('../img/qaTitle2.png') top left no-repeat #000;
	padding:5px 0 5px 35px;
	color:#fff;
}
#accordion h3.active   {
    background: url('../img/qaTitle2.png') top left no-repeat #000;
	padding:5px 0 5px 35px;
	color:#fff;
}
#accordion h4 {
	margin:10px 0 20px 0;
	padding:3%;
	display: none;
	background: url('../img/arrow.png') top center no-repeat #efefef;
	border-bottom:solid 1px #ccc;
}
#accordion p{ margin:10px 0 0 0; font-size:14px; }


/*----------------------------------------------------
HOME NEWS
----------------------------------------------------*/	
dl.list {
}

dl.list dt {       
  padding-top : 10px;    
  padding-bottom : 10px;
  padding-left : 10px;
  width : 150px;
  float : left;/* 左に寄せる */
  clear : both;/* フロートの解除 */
  border-top:dotted 1px #ccc;
}

dl.list dd {
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  margin-left : 160px;/* DTの幅分の設定 */
  border-top:dotted 1px #ccc;
}	


/*----------------------------------------------------
スワイプ
----------------------------------------------------*/
.device {
  width: 95%;
  height:auto;
  margin: 5px auto;
  position: relative;
  margin-top:120px;
  text-align:center;
}
.device img {
  width: 100%;
}
.device .arrow-left {
  background: url("../img/arrows.png") no-repeat left top;
  opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; filter: alpha(opacity=30); 
  position: absolute;
  left: 0px;
  top: 58%;
  margin-top: -15px;
  width: 18px;
  height: 100px;
}
.device .arrow-right {
  background: url("../img/arrows.png") no-repeat left bottom;
  opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; filter: alpha(opacity=30); 
  position: absolute;
  right: 0px;
  top: 58%;
  margin-top: -15px;
  width: 18px;
  height: 100px;
}
.device .arrow-left:hover,.device .arrow-right:hover {
  opacity: 1.0; -moz-opacity: 1.0; -khtml-opacity: 1.0; filter: alpha(opacity=100); 
}
.device1 {
  width: 95%;
  height:auto;
  margin: 5px auto;
  position: relative;
  margin-top:120px;
  text-align:center;
}
.device1 img {
  width: 100%;
}
.device1 .arrow-left {
  background: url("../img/arrows.png") no-repeat left top;
  opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; filter: alpha(opacity=30); 
  position: absolute;
  left: 0px;
  top: 58%;
  margin-top: -15px;
  width: 18px;
  height: 100px;
}
.device1 .arrow-right {
  background: url("../img/arrows.png") no-repeat left bottom;
  opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; filter: alpha(opacity=30); 
  position: absolute;
  right: 0px;
  top: 58%;
  margin-top: -15px;
  width: 18px;
  height: 100px;
}
.device1 .arrow-left:hover,.device .arrow-right:hover {
  opacity: 1.0; -moz-opacity: 1.0; -khtml-opacity: 1.0; filter: alpha(opacity=100); 
}
.swiper-container {
  width: 100%;
  padding-top:110px;
}
.content-slide {
  padding: 20px;
  color: #fff;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:-25px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}

.slides h2{ font-size:28px; font-weight:bold; }
.slides h3{ display:none; font-size:15px; font-weight:bold; margin-top:10px; }
/*.slides h4{ font-size:14px; font-weight:bold; background: url("../img/arrow3.png") no-repeat left; padding-left:18px; padding-top:5px; }*/
.slides h4{ font-size:14px; font-weight:bold; color:#F60; padding-left:18px; padding-top:5px;  }
.slides p{ display:none; }
.homeSeminar{
	padding:0;
	/*background:url("../img/arrowSeminar.png") no-repeat right top;*/
	background-size:20%;
}
.homeSeminar img{ float:left; width:35%;  margin-top:0px; margin-right:10px; }


/*---------------------------------------------------------
ページトップ
---------------------------------------------------------*/
#top{ float:right; margin-right:1%; margin-top:10px; margin-bottom:0px; clear:both; }
#top a{ background:#333; color:#888; padding:15px 10px; font-size:10px;
    -webkit-border-top-left-radius : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-top-left-radius : 5px;
    -moz-border-top-right-radius : 5px;
    border-top-left-radius : 5px;
    border-top-right-radius : 5px;
}


/*---------------------------------------------------------
フッター
---------------------------------------------------------*/
#footerBase{
	width:100%;
	text-align:center;
	background-color:#333;
	font-size:12px;
}
#footer{
	margin: 0 auto;
	width:96%;
	font-size:13px;
	text-align:center;
	color:#ccc;
	background-color:#333;
	padding:20px 0;
}
.fList li{ display:none;
}
#footer p { font-size:11px; color:#bbb; text-align:center; }
#footer p a{ font-size:12px; color:#bbb; }
#footer p a:hover{ font-size:12px; }
#footer a{ color:#bbb; font-size:12px; text-align:center; }
#footer a:hover{ color:#ccc; font-size:12px; }


/*---------------------------------------------------------
googleサーチ
---------------------------------------------------------*/
#cse-search-box { display:none;
    width: 230px !important;
}
#cse-search-box div {
    padding: 0 !important;
}
#cse-search-box input[type="text"] {
    font-size: 13px;
    width: 150px;
    height: 23px;
	margin:-5px 0 0 10px;
    background: #fff;
	border:solid 1px #ccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#cse-search-box input[type="submit"] {
    background: url("../img/search.png") no-repeat ;
    border: 0 none;
    color: #ccc;
    height: 20px;
    margin: 0 0 -10px -27px;
    overflow: hidden;
    text-indent: -9999px;
    width: 20px;
    -webkit-appearance: none;
}

/*---------------------------------------------------------
ボタン
---------------------------------------------------------*/
.btMail{
	background:#000;
	margin-top:5px;
	padding:5px 25px;
	color:#fff;
	font:13px bold;
	text-align:center;
    -webkit-border-radius : 5px; /* Saf3-4 + */ 
    -moz-border-radius : 5px; /* FF1+ */ 
    border-radius : 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
}
.btMail:hover{
	background:#888;
}
.btForm{
	background:#ff8100;
	margin-top:5px;
	padding:2px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	border:solid 2px #888;
	text-align:center;
    -webkit-border-radius : 5px; /* Saf3-4 + */ 
    -moz-border-radius : 5px; /* FF1+ */ 
    border-radius : 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
	behavior: url("border-radius.htc");/* IE6 7 8 */
}
.btForm:hover{
	color:#ccc;
	background:#333;
}
.btEntry {
	background:#333;
	margin-top:5px;
	padding:5px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	border:solid 2px #ccc;
	text-align:center;
    -webkit-border-radius : 8px; /* Saf3-4 + */ 
    -moz-border-radius : 8px; /* FF1+ */ 
    border-radius : 8px; /* Opera 10.5, IE 9, Saf5, Chrome */
	behavior: url("border-radius.htc");/* IE6 7 8 */
}
.btEntry:hover{
	background:#888;
	color:#fff;
}
.btEntryOff{
	background:#ccc;
	margin-top:5px;
	padding:5px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	border:solid 2px #888;
	text-align:center;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px;
	behavior: url("border-radius.htc");/* IE6 7 8 */
}


.bt01{
	font-size:15px;
	font-weight:bold;
	text-align:center;
	color:#ff7200;
	background-color:#fff;
	padding:5px;
	margin:10px 0; 
	border:solid 2px #ff7200;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px;
	behavior: url("border-radius.htc");/* IE6 7 8 */
	}
.bt01:hover{
	border:solid 2px #ff7200;
	background-color:#ff7200;
	color:#fff;
	}
.bt01_left{
	font-size:25px;
	font-weight:bold;
	text-align:left;
	color:#ff7200;
	background-color:#fff;
	padding:5px;
	margin:10px 0; 
	border:solid 2px #ff7200;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px;
	behavior: url("border-radius.htc");/* IE6 7 8 */
	}
.bt01_left:hover{
	border:solid 2px #ff7200;
	background-color:#ff7200;
	color:#fff;
	}


.bt02{
	font-size:13px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	padding:5px;
	margin:10px 15%;
	width:70%; 
    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    border-radius : 5px;
	background:#888;
	behavior: url("border-radius.htc");/* IE6 7 8 */
	}
.bt02:hover{
	background:#ccc;
	}
.bt03{
	font-size:15px;
	font-weight:bold;
	text-align:center;
	color:#045FB4;
	background-color:#fff;
	padding:5px;
	margin:10px 0; 
	border:solid 2px #045FB4;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px;
	behavior: url("border-radius.htc");/* IE6 7 8 */
	}
.bt03:hover{
	border:solid 2px #045FB4;
	background-color:#045FB4;
	color:#fff;
	}

.bt03_left{
	font-size:25px;
	font-weight:bold;
	text-align:left;
	color:#045FB4;
	background-color:#fff;
	padding:5px;
	margin:10px 0; 
	border:solid 2px #045FB4;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px;
	behavior: url("border-radius.htc");/* IE6 7 8 */
	}
.bt03_left:hover{
	border:solid 2px #045FB4;
	background-color:#045FB4;
	color:#fff;
	}

.bt04{
	font-size:15px;
	font-weight:bold;
	text-align:center;
	color:#4584d3;
	background-color:#fff;
	padding:5px;
	margin:10px 0; 
	border:solid 2px #4584d3;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px;
	behavior: url("border-radius.htc");/* IE6 7 8 */
	}
.bt04:hover{
	border:solid 2px #4584d3;
	background-color:#4584d3;
	color:#fff;
	}

.bt05{
	font-size:15px;
	font-weight:bold;
	text-align:center;
	color:#31b6fd;
	background-color:#fff;
	padding:5px;
	margin:10px 0; 
	border:solid 2px #31b6fd;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px;
	behavior: url("border-radius.htc");/* IE6 7 8 */
	}
.bt05:hover{
	border:solid 2px #31b6fd;
	background-color:#31b6fd;
	color:#fff;
	}

.bt06{
	font-size:15px;
	font-weight:bold;
	text-align:center;
	color:#5bd078;
	background-color:#fff;
	padding:5px;
	margin:10px 0; 
	border:solid 2px #5bd078;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px;
	behavior: url("border-radius.htc");/* IE6 7 8 */
	}
.bt06:hover{
	border:solid 2px #5bd078;
	background-color:#5bd078;
	color:#fff;
	}

.bt07{
	font-size:15px;
	font-weight:bold;
	text-align:center;
	color:#a5d028;
	background-color:#fff;
	padding:5px;
	margin:10px 0; 
	border:solid 2px #a5d028;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px;
	behavior: url("border-radius.htc");/* IE6 7 8 */
	}
.bt07:hover{
	border:solid 2px #a5d028;
	background-color:#a5d028;
	color:#fff;
	}

.bt08{
	font-size:15px;
	font-weight:bold;
	text-align:center;
	color:#f5c040;
	background-color:#fff;
	padding:5px;
	margin:10px 0; 
	border:solid 2px #f5c040;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px;
	behavior: url("border-radius.htc");/* IE6 7 8 */
	}
.bt08:hover{
	border:solid 2px #f5c040;
	background-color:#f5c040;
	color:#fff;
	}

.bt09{
	font-size:15px;
	font-weight:bold;
	text-align:center;
	color:#05e0db;
	background-color:#fff;
	padding:5px;
	margin:10px 0; 
	border:solid 2px #05e0db;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px;
	behavior: url("border-radius.htc");/* IE6 7 8 */
	}
.bt09:hover{
	border:solid 2px #05e0db;
	background-color:#05e0db;
	color:#fff;
	}


/*---------------------------------------------------------
タブ切替え
---------------------------------------------------------*/
#tab {
	padding:0;
	background-color:#fff;
	float:left;
	width:100%;
	border-bottom:solid 1px #ccc;
}
#tab li {
	margin:0;
	padding:5px 0;
	margin-bottom:-1px;
	text-align:center;
	border:1px solid #ccc;
	background-color:#333;
	color:#fff;
	border-bottom:none;
	float:left;
	width:48%;
}
#tab li a { color:#fff; display:block; text-align:center; }
#tab li a:hover { color:#ccc; }
#tab li.selected { background-color:#fff; }
#tab li.selected a { color:#000; display:block; }


/*---------------------------------------------------------
ページ内リンク調整
---------------------------------------------------------*/
#CaSearch01,#CaSearch02,#CaSearch03,#CaSearch04,#CaSearch05,#CaSearch06,#CaSearch07,#CaSearch08,#CaSearch09,#CaSearch10,
#CaSearch11,#CaSearch12,#CaSearch13,#CaSearch14,#CaSearch15,#CaSearch16,#CaSearch17,#CaSearch18,#CaSearch19,#CaSearch20
{ margin-top:-110px; padding-top:110px;}

#QaSearch01,#QaSearch02,#QaSearch03,#QaSearch04,#QaSearch05,#QaSearch06,#QaSearch07,#QaSearch08,#QaSearch09,#QaSearch10,
#QaSearch11,#QaSearch12,#QaSearch13,#QaSearch14,#QaSearch15,#QaSearch16,#QaSearch17,#QaSearch18,#QaSearch19,#QaSearch20,
#QaSearch21,#QaSearch22,#QaSearch23,#QaSearch24,#QaSearch25,#QaSearch26,#QaSearch27,#QaSearch28,#QaSearch29,#QaSearch30,
#QaSearch31,#QaSearch32,#QaSearch33,#QaSearch34,#QaSearch35,#QaSearch36,#QaSearch37,#QaSearch38,#QaSearch39,#QaSearch40
{ margin-top:-80px; padding-top:80px;}


/*---------------------------------------------------------
カラー
---------------------------------------------------------*/
.orange{ color:#ff7200; }
.green{ color:#3d722a; }
.blue{ color:#69F; }
.red{ color:#f39; font-weight:bold; }
.close{ color:#C00; font-weight:bold; }
.redNormal{ color:#f39; }
.BGblack { background-color:#000; }
.BGgrayW { background-color:#888; }
.BGgray { background-color:#efefef; }
.white { color:#fff; }
.black { color:#000; }
.glay{ color:#888; }
.bgRed{ background-color:#f39; color:#fff; padding:3px; }
.flash{ color:#C00; font-weight:bold; font-size:10px}

/*---------------------------------------------------------
画像
---------------------------------------------------------*/
.border{ border:solid 1px #ccc; }


/*---------------------------------------------------------
マージン
---------------------------------------------------------*/
.bold { font-weight:bold; }
.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font15 {font-size:15px;}
.font18 {font-size:18px;}
.font20 {font-size:20px;}
.font24 {font-size:24px;}
.font40 {font-size:40px;}
/*---------------------------------------------------------*/
.top-50 { margin-top: -50px; }
.top-40 { margin-top: -40px; }
.top-30 { margin-top: -30px; }
.top-25 { margin-top: -25px; }
.top-20 { margin-top: -20px; }
.top-10 { margin-top: -10px; }
.top-5 { margin-top: -4px; }
.top5 { margin-top: 5px; }
.top10 { margin-top: 10px; }
.top20 { margin-top: 20px; }
.top30 { margin-top: 30px; }
.top35 { margin-top: 35px; }
.top40 { margin-top: 40px; }
.top50 { margin-top: 50px; }
.top60 { margin-top: 60px; }
.top70 { margin-top: 70px; }
.top90 { margin-top: 90px; }
.top100 { margin-top: 100px; }
.top110 { margin-top: 110px; }
.top120 { margin-top: 120px; }
.top150 { margin-top: 150px; }
/*---------------------------------------------------------*/
.left-10 { margin-left: -10px; }
.left5 { margin-left: 5px; }
.left10 { margin-left: 10px; }
.left15 { margin-left: 15px; }
.left20 { margin-left: 20px; }
.left25 { margin-left: 25px; }
.left30 { margin-left: 30px; }
.left40 { margin-left: 40px; }
.left50 { margin-left: 50px; }
.left60 { margin-left: 60px; }
.left70 { margin-left: 70px; }
.left80 { margin-left: 80px; }
.left90 { margin-left: 90px; }
.left100 { margin-left: 100px; }
.left150 { margin-left: 150px; }

.right5 { margin-right: 5px; }
.right10 { margin-right: 10px; }
.right15 { margin-right: 15px; }
.right20 { margin-right: 20px; }
.right25 { margin-right: 25px; }
.right30 { margin-right: 30px; }

.left5pr { margin-left: 5%; }
.left7pr { margin-left: 7%; }
.left10pr { margin-left: 10%; }
.left15pr { margin-left: 15%; }
.left20pr { margin-left: 20%; }
/*---------------------------------------------------------*/
.lineH18 { line-height:18px; }
.lineH20 { line-height:20px; }
.lineH23 { line-height:23px; }
.lineH25 { line-height:25px; }

.wbanner{ width:130px; }
.bottom5{ margin-bottom:5px; }
.bottom10{ margin-bottom:10px; }
.bottom20{ margin-bottom:20px; }
.bottom30{ margin-bottom:30px; }
.bottom40{ margin-bottom:40px; }
.bottom50{ margin-bottom:50px; }

.w5pr{ width:5%; }
.w6pr{ width:6%; }
.w7pr{ width:7%; }
.w8pr{ width:8%; }
.w9pr{ width:9%; }
.w10pr{ width:10%; }
.w11pr{ width:11%; }
.w12pr{ width:12%; }
.w13pr{ width:13%; }
.w14pr{ width:14%; }
.w15pr{ width:15%; }
.w20pr{ width:20%; }
.w25pr{ width:25%; }
.w30pr{ width:30%; }
.w40pr{ width:40%; }
.w50pr{ width:50%; }
.w55pr{ width:55%; }
.w60pr{ width:60%; }
.w70pr{ width:70%; }
.w75pr{ width:75%; }
.w80pr{ width:80%; }
.w85pr{ width:85%; }
.w90pr{ width:90%; }
.w95pr{ width:95%; }

.imgCenter10{ width:100%; }
.imgCenter20{ width:100%; }
.imgCenter30{ width:100%; }
.imgCenter40{ width:100%; }
.imgCenter50{ width:100%; }
.imgCenter60{ width:100%; }
.imgCenter70{ width:100%; }
.imgCenter80{ width:100%; }
.imgCenter90{ width:100%; }

.imgCenter30pr{
	 width:30%;
	 text-align:center;
	 margin-right:auto;
	 margin-left:auto;
 }

.imgCenter50pr{
	 width:50%;
	 text-align:center;
	 margin-right:auto;
	 margin-left:auto;
 }


.r150px{
    -webkit-border-radius : 150px;
    -moz-border-radius : 150px;
    border-radius : 150px;
}
.r10px{
    -webkit-border-radius : 10px;
    -moz-border-radius : 10px;
    border-radius : 10px;
}



z-index1{ z-index:1; }
z-index5{ z-index:5; }
z-index10{ z-index:10; }
z-index15{ z-index:15; }
z-index20{ z-index:20; }

.flash{ color:#d30000; padding-left:5px;}