@charset "utf-8";
@media screen and (min-width: 640px){

body{
	font-size	:	13px;
	color	:	#333;
}
a{
	color	:	#333;
}
a:link,a:active,a:visited,a:focus{
	color	:	#333;
}

.hide {
	display : none;
}

.pcH{
	display : none;
}
#build-menu{
	display : none;
}


/* margin */
/*------------------------------------------------------*/
.mb20{
	margin-bottom:20px;
}





/* box */
/*------------------------------------------------------*/
.inner{
	width	:	1150px;
	margin-left	:	auto;
	margin-right	:	auto;
}
.left{
	float	:	left;
}
.right{
	float	:	right;
}
.spVisible{
	display	:	none;
}



/* header */
/*------------------------------------------------------*/
#header_area{
	position: fixed;
	width: 100%;
	height: 154px;
	z-index: 1000;
}
#header_area_after{
	height: 154px;
}
#headWrap{
	width	:	100%;
	background-color	:	#fff;
}
#header{
	padding	:	5px 0px;
}
#header #logo{
	width	:	455px;
}
/*#header #logo a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	/*-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	/*-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	/*-khtml-opacity: 0.7;              /* Safari 1.x */
	/*zoom:1;
}*/

#header #headNav{
	width	:	680px;
	font-size:12px;
}
#header #headNav ul li{
	margin-left	:	20px;
	float	:	left;
	padding-top : 40px;
}
#header #headNav ul li:first-child{
	margin-left	:	0px;
}
#header #headNav ul li.last{
	padding-top : 15px;
}

#header #headNav ul li .arrow{
	color	:	#73b0f4;
}
#header #headNav ul li a{
	font-weight	:	bold;
}
#header #headNav ul li a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}
#header #headNav ul li a.contactBtn{
	padding	:	10px;
	text-align	:	center;
	background-color	:	#1c81c6;
	color	:	#fff;
	font-size	:	14px;
	font-weight	:	bold;
	display	:	block;
	border-radius	:	5px;
	-moz-border-radius	:	5px;
	-webkit-border-radius	:	5px;
	-ms-border-radius	:	5px;
	text-decoration:none;
}
#header #headNav ul li a.contactBtn:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}



/* globalNav */
/*------------------------------------------------------*/
#globalNavWrap{
	width	:	100%;
	padding	:	20px 0px;
	background-color	:	#fff;
}
#globalNav li{
	border-right	:	1px solid #1c81c6;
	float	:	left;
}
#globalNav li:first-child{
	border-left	:	1px solid #1c81c6;
}
#globalNav li a{
	padding	:	0px 30px;
	display	:	block;
	text-align	:	center;
	color	:	#333;
	font-size : 18px;
}

#globalNav li a:active{
	padding	:	0px 30px;
	display	:	block;
	text-align	:	center;
	color	:	#1c81c6;
	font-size : 18px;
}

/*#globalNav li a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	/*-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	/*-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	/*-khtml-opacity: 0.7;              /* Safari 1.x */
	/*zoom:1;
}*/

#globalNav li a:hover{
	color: #1c81c6;
}

#globalNav #menu01{
	width : 212px;
}
#globalNav #menu02{
	width : 156px;
}
#globalNav #menu03{
	width : 156px;
}
#globalNav #menu04{
	width : 210px;
}
#globalNav #menu05{
	width : 174px;
}
#globalNav #menu06{
	width : 233px;
}

/* グローバルナビのリンク設定 */
#passion #message,#productIntro #products,#product_validate #products,
#product_vet #products,#product_micro #products,#tech_index #lesson,
#lesson_index #lesson,#matsunami #lesson,#shikoku_L #lesson,
#hitomi #lesson,#sanyo #lesson,#auth_index #installation,
#inst_index #installation,#chayagasaka #installation,#harley #installation,
#yakan #installation,#kubo #installation,#shikoku_I #installation,
#higashirinkan #installation,#kanbayashi #installation,#taka #installation,
#nakayama #installation,#abuyama #installation,#taisho #installation,
#takizawa #installation,#kameido #installation,#oji #installation,
#zephyr #installation,#tendo #installation,#casestudy_index #casestudy,
#case_index #casestudy,#specialty #casestudy,#user_index #user,#files #user,
#about #user{
	color: #1c81c6;
}

/* KV */
/*------------------------------------------------------*/

#kvWrap{
	width : 100%;
}

#kv{
	background-color : #ccc;
	height : 480px;
}



/* subNav */
/*------------------------------------------------------*/










/* footer */
/*------------------------------------------------------*/
#footerWrap{
	width : 100%;
	padding : 20px 0;
	background-color	:	#fff;
	display	:	none;
}
#footNavWrap{
	width : 100%;
	background-color	:	#ECECEC;
	padding : 0 0 40px;
}

#footNavWrap #footNav{
	margin-bottom : 20px;
}
#footNavWrap #footNav ul li{
	margin-left	:	20px;
	float	:	left;
	padding-top : 25px;
	font-size : 14px;
}
#footNavWrap #footNav ul li:first-child{
	margin-left	:	0px;
	margin-right: 15px;
}

#footNavWrap #footNav ul li .arrow{
	color	:	#73b0f4;
}
#footNavWrap #footNav ul li a{
	font-weight	:	bold;
}
#footNavWrap #footNav ul li a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}
#footNavWrap .footNavInner{
	width : 150px;
	float : left;
}
#footNavWrap .footNavInner a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}

#footNavWrap .footNavInner h4{
	margin-bottom : 10px;
	font-size : 14px;
}
#footNavWrap .footNavInner h4 a{
	font-weight	:	bold;
}
#footNavWrap .footNavInner h4 .arrow{
	color	:	#73b0f4;
}
#footNavWrap .footNavInner ul{
	padding-left : 14px;
	width : 155px;
	
}
#footNavWrap .footNavInner ul li{
	font-size : 12px;
	margin-bottom : 10px;
}
#footNavWrap #pageTop{
/*	margin-top : -26px;*/
	text-align : right;
	position : fixed;
	bottom:50px;
	right:50px;
	width : 53px;
}
#footNavInnerWrap{
	margin-bottom : 20px;
}

#bnr{
/*	width : 475px;
	height : 79px;
	background-color : #ccc;*/
	float : right;
}
/*#bnr a :hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	/*-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	/*-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	/*-khtml-opacity: 0.7;              /* Safari 1.x */
	/*zoom:1;
}*/

#copyWrap{
	background-color	:	#333333;
	color : #fff;
	text-align : right;
	padding : 5px 0;
	font-size : 10px;
}
#flogoL{
	padding-top : 5px;
}




/* index */


/* pcMain */
/*------------------------------------------------------*/
#pcMain{
	width : 1150px;
	margin : 0 auto 30px;
}
#pcMain #sliderArea{
	width	:	100%;
	overflow	:	hidden;
}
#pcMain #sliderArea .sliderNav{
	width	:	100%;
	overflow	:	hidden;
}
#pcMain #sliderArea .sliderNav li{
	width	:	92px;
	height	:	92px;
	float	:	left;
}
#pcMain #sliderArea .sliderNav li.noPhoto{
	background-color	:	#62B3EA;
}
#pcMain #sliderArea .sliderNav li a{
	display	:	block;
}


#pcMain #sliderArea #sliderTop{
	width	:	100%;
	height	:	92px;
	margin-bottom	:	4px;
}
#pcMain #sliderArea #sliderTop .sliderNav li{
	margin-left	:	4px;
}
#pcMain #sliderArea #sliderTop .sliderNav li:first-child{
	margin-left	:	0px;
}


#pcMain #sliderArea #sliderMiddle{
	width	:	100%;
	margin-bottom	:	4px;
}
#pcMain #sliderArea #sliderLeft{
	width	:	92px;
	padding-right	:	4px;
	float	:	left;
}
#pcMain #sliderArea #sliderLeft .sliderNav li{
	margin-top	:	4px;
}
#pcMain #sliderArea #sliderLeft .sliderNav li:first-child{
	margin-top	:	0px;
}
#pcMain #sliderArea #slider{
	width	:	956px;
	height	:	284px;
	float	:	left;
}
#pcMain #sliderArea #slider li{
	display	:	none;
}
#pcMain #sliderArea #slider li.active{
	display	:	block;
}
#pcMain #sliderArea #sliderRight{
	width	:	92px;
	padding-left	:	4px;
	float	:	left;
}
#pcMain #sliderArea #sliderRight .sliderNav li{
	margin-top	:	4px;
}
#pcMain #sliderArea #sliderRight .sliderNav li:first-child{
	margin-top	:	0px;
}


#pcMain #sliderArea #sliderBottom{
	width	:	100%;
	height	:	92px;
}
#pcMain #sliderArea #sliderBottom .sliderNav li{
	margin-left	:	4px;
}
#pcMain #sliderArea #sliderBottom .sliderNav li:first-child{
	margin-left	:	0px;
}






/*------------------------------------------------------*/

#topBnrWrap{
	background-color : #9BBBCA;
	padding : 10px 0;
	margin-bottom:10px;
}
#topBnr{
	width : 1150px;
	margin : 0 auto;
}
#topBnr ul li{
	width : 264px ;
	background-color : #EBF1F4;
	float : left;
	border-radius: 4px;
	margin-left : 4px;
	padding : 10px;
}
#topBnr ul li:first-child{
	margin-left : 0px;
}
.bnrL{
	width : 165px;
	float : left;
}
.bnrL h3{
	font-size : 20px;
}
.bnrL p{
	line-height : 1.4;
	font-size : 14px;
}
.bnrL .bnrBtn{
	margin-top : 10px;
}
.bnrL .mb5{
	margin-bottom : 8px;
}
.bnrR{
	float : right;
}

.w1150{
	width : 1150px;
	margin : 0 auto;
}
#intro{
	width : 572px;
	float : left;
}
#intro ul li{
	width : 264px;
	float : left;
	margin-left : 4px;
	padding : 10px;
	background-color : #FEF1F8;
	border-radius: 5px;
}
#intro ul li:first-child{
	margin-left : 0px;
}
#intro ul li p,
#skill ul li p {
	font-size : 14px;
	line-height : 1.4;
}
#intro ul li h3{
	height : 45px;
	font-size : 16px;
	line-height : 1.2;
	margin-top : 13px;
	margin-bottom : 13px;
}
#intro ul li .alignC{
	text-align: center;
	margin-top : 15px;
}


#skill{
	width : 572px;
	float : right;
}
#skill ul li{
	width : 264px;
	float : left;
	margin-left : 4px;
	padding : 10px;
	background-color : #F1EAF4;
	border-radius: 5px;
}
#skill ul li:first-child{
	margin-left : 0px;
}
#skill ul li .detail{
	font-size : 14px;
	line-height : 1.4;
	height : 57px;
}
#skill ul li h3{
	height : 45px;
	font-size : 18px;
	line-height : 1.2;
	margin-top : 10px;
	margin-bottom : 13px;
	/**color : #009A72;**/
}
#skill ul li .alignC{
	text-align: center;
	margin-top : 18px;
}

#skill h2,#intro h2{
	margin-bottom : 6px;
}


#omoi{
	width : 532px;
	height : 200px;
	padding : 20px;
	background-color: #EAF5FD;
	border-radius: 5px;
	margin-top : 45px;
	float : left;
	margin-bottom : 20px;
}
.omoiCont, .infoCont{
	height: 166px;
}
#omoi1{
	font-size: 20px;
	line-height : 1.2;
	color : #7F6C58;
	margin-bottom : 15px;
}
#omoi1 span{
	font-size: 26px;
}

#omoi2{
	font-size: 14px;
	line-height : 1.6;
	color : #666;
}
#omoi .alignC{
	text-align: center;
	/*margin-top : 32px;
	margin-bottom: 20px\9;*/ /* IE10以下 */
	/**margin-bottom: 20px;*/ /* IE7以下 */
}

#info{
	width : 530px;
	height : 198px;
	padding : 20px;
	background-color: #fff;
	border-radius: 5px;
	margin-top : 45px;
	margin-bottom : 20px;
	border : 1px solid #ccc;
	float : right;
}
#info h3{
	font-size : 26px;
}
#info dl dt,#info dl dd{
	float : left;
	padding: 6px 5px 6px 0;
	font-size : 14px;
	line-height: 1.3;
}
#info .alignC{
	text-align: center;
	/*margin-top : 20px;*/
}

#info dl dd a:hover {
    color: #36F;
    text-decoration: underline;
}

.news{
	background-color: #85e5cb;
	color: #FFF;
	width: 80px;
	padding:0 5px;
	text-align: center;
	font-size: 11px;
}

.seminar{
	background-color: #f9c459;
	color: #FFF;
	width: 80px;
	padding:0 5px;
	text-align: center;
	font-size: 11px;
}

.society{
	background-color: #87C3F5;
	color: #FFF;
	width: 80px;
	padding:0 5px;
	text-align: center;
	font-size: 11px;
}

.other{
	background-color: #feb8dd;
	color: #FFF;
	width: 80px;
	padding:0 5px;
	text-align: center;
	font-size: 11px;
}



/* content */
#contentWrap{
	width : 100%;
	background-color: #f3f8fc;
	padding : 25px 0 ;
}
#contentWrap.index{
	background-color: #fff;
	padding : 0px 0 25px ;
}
#content{
	width : 1150px;
	margin : 0 auto;
}
#main{
	width : 900px;
	float : left;
}
#mainInner{
	width : 840px;
	padding : 30px;
	background-color : #fff;
}
#side{
	width : 230px;
	float : right;
}
#sideMenu{
	width : 210px;
	padding : 10px;
	background-color : #fff;
	margin-bottom : 20px;
}
#sideMenu h3{
	color : #fff;
	font-size : 130%;
	padding : 5px 10px;
}
#sideMenu.pink h3{
	background-color : #f8b4cd;
}
#sideMenu.green h3{
	background-color : #019972;
}
#sideMenu.orange h3{
	background-color : #FFA466;
}
#sideMenu.gray h3{
	background-color : #666;
}
#sideMenu.purple h3{
	background-color : #744B86;
}
#sideMenu .icon-arrow{
	font-size : 65%;
	vertical-align: middle;
}
#sideMenu.pink .icon-arrow{
	color : #f8b4cd;
}
#sideMenu.green .icon-arrow{
	color : #019972;
}
#sideMenu.orange .icon-arrow{
	color : #feb13d;
}
#sideMenu.gray .icon-arrow{
	color : #666;
}
#sideMenu.purple .icon-arrow{
	color : #744B86;
}
#sideMenu ul li{
	border-top : 1px solid #e8e8e8;
}
#sideMenu ul li:first-child{
	border-top : none;
}
#sideMenu ul li a{
	padding : 20px 0;
	display: block;
	text-decoration:underline;
}
#sideMenu ul li a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}
.sideSection{
	border-radius: 6px;
	margin-bottom : 10px;
}
.sideSection a{
	padding : 13px;
	display: block;
}
.sideSection:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}
.sideSection.purple{
	background-color : #a2c3ee;/*#70aced*/
}
.sideSection.pink{
	background-color : #f8b4cd;
}
.sideSection.blue{
	background-color : #1A80C5;/*#87c3f5*/
}
.sideSection.green{
	background-color : #8CD98C;
}
.sideSection.violet{
	background-color : #875CC6;
}
.sideSection.orange{
	background-color : #FFAF78; 
}
.sideSection.mosgreen{
	background-color : #009972; /* #5E8E5E */
}

.sideSection h4{
	font-size : 140%;
	color : #fff;
}
.sideSection div p{
	font-size : 110%;
	width : 120px;
	float : left;
	color : #fff;
	line-height : 1.2;
}
.sideSection div img{
	width : 75px;
	float : right;
}

.small{
	font-size : 11px;
}
.semiImg{
	vertical-align:-3px;
	width : 100px;
}






/* sideArrow */
	@font-face {
		font-family: 'icomoon';
		src:url('/fonts/icomoon.eot?-e7ize5');
		src:url('/fonts/icomoon.eot?#iefix-e7ize5') format('embedded-opentype'),
			url('/fonts/icomoon.woff?-e7ize5') format('woff'),
			url('/fonts/icomoon.ttf?-e7ize5') format('truetype'),
			url('/fonts/icomoon.svg?-e7ize5#icomoon') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	[class^="icon-"], [class*=" icon-"] {
		font-family: 'icomoon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
	
		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	.icon-arrow:before {
		content: "\61";
	}


}


.gatelink-video{
	margin: 50px 0 !important; 
	border: solid 1px #333333;
}

.tac{
	margin: 10px auto;
	text-align: center;
}

.mt30{
	margin-top:30px; 
}