@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

/*///////////////////////   ここまでがCSSリセット   ///////////////////////*/


*{margin:0; padding:0; outline:0;}
.clearfix:after{
    content:"";
    clear:both;
    display: block;
}
.flo_l{float:left;}
.flo_r{float:right;}


body{
/*	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	word-break:break-all;
	-webkit-font-smoothing: subpixel-antialiased;
	background-color:#fff;
}
html,body{
	min-height:100%;
	height:100%;
}
#frame{position:relative;min-height:100%; width:100%;}
.check{border:solid 2px #0099FF; box-sizing:border-box;}

@media(min-width:769px){

#container{
	margin:0 auto;
	width:1000px;
	min-height:100%;
	padding:0 0 150px;
	margin-top:103px;
	position:relative;
}
p{
	font-size:17px;
	line-height:1.8;
	text-align:justify;
}
.btm70{margin-bottom:70px;}

/*//////////////////////////////////////////////   topヘッダー   //////////////////////////////////////////////*/

header{
	width:1000px;
	height:37px;
	margin:0 auto;
	position:relative;
	margin-top:40px;
}
header img{
	width:290px;
	height:auto;
	float:left;
}
header h1{position:absolute;top:32px; z-index:1000;}
#gnv{width:100%; background-color:#fff;}
#gnvin{width:1000px; margin:0 auto;}
#gnv ul{float:right; padding-top:20px;}
#gnv ul li{
	float:left;
	border-right:solid 1px #797777;
	}
#gnv ul a{
	text-decoration:none;
	display:block;
	height:20px;
	line-height:20px;
	font-size:12px;
	padding:0 20px;
	color:#666;
}
#gnv ul a:hover{color:#000;background-color:#eaeae9;}
.sty{background-color:#eaeae9;}

.fixed {
    position:fixed;
    top:0;
	height:40px;
    z-index:900;
	box-shadow:rgba(0,0,0,0.5) 0 5px 10px;
}
#nvlg{float:left; padding-top:10px;}
#nvlg img{ height:20px; width:auto;}
#topnav, #mv_logo{display: none;}


/*//////////////////////////////////////////////   topセクション   //////////////////////////////////////////////*/

.sldara{width:840px; margin-bottom:48px;}
.slidebox{
	float:left;
	width:695px;
}
.bx-pager{
	float:left;
	width:125px;
	margin-left:20px;
}
.bx-pager a{display:block;margin-bottom:10px; width:125px; height:80px; overflow:hidden;border:solid 1px #fff; box-sizing:border-box;}
.bx-pager a img {
/*	border:solid 1px #fff;
	box-sizing:border-box;*/
	width:125px;
	margin-top:-20px;
}
.bx-pager a:last-child{margin-bottom:0;}
.bx-pager a.active {
	border:solid 1px #69F;
	box-sizing:border-box;
}

#sidebx{
	width:125px;
	position:absolute;
	right:0;
	z-index:890;
}
#sidenv{width:125px;}
#sidenv a{display:block;margin-bottom:10px; width:125px; height:80px; overflow:hidden;}
#sidenv a img {
	border:solid 1px #fff;
	box-sizing:border-box;
	width:125px;
	opacity:0.5;
	margin-top:-20px;
}
#sidenv a:hover img{opacity:1;}
.sdnv_fixed {
position:fixed;
top:63px;
}

.topimg{width:840px;}
.topimgtxt{
}
.topimgtxt h2{
	font-size:21px;
	line-height:1.8;
	margin:0 0 38px;
}
h3.ttl{
	font-size:18px;
	border-bottom:solid 1px #666;
	padding-bottom:10px;
	color:#666;
	line-height:1.4;
}


section{width:1000px; margin-bottom:50px;}

.cncpttxt{width:695px; margin-bottom:0;}
.cncpttxt h2{
	font-size:21px;
	line-height:1.8;
	margin:48px 0 38px;
}
.cncpttxt p{
	text-align:justify;
	width:695px;
}
.t103{padding-top:63px;}


.institution,.cncptbox{padding-top:63px;width:840px; margin-bottom:0;}
.institution h2{
	font-size:20px;
}
.insttt{margin-top:55px;}
.insttt img{
	float:left;
	margin-right:45px;
}
.insttt p{
	float:left;
	width:371px;
	padding-left:1.7em;
	text-indent:-1.7em;
}

/*//////////////////////////////////////////////   フッタ   //////////////////////////////////////////////*/

footer{width:100%;background-color:#fff; position:absolute; bottom:0;}
#foot{width:1000px; margin:0 auto; padding-top:55px;}
.ftbox .ft_flo:first-child{margin-right:100px;}
.ftbox{margin-bottom:60px;}
.ft_flo{width:450px;float:left;}
.ft_flo h3{
	font-size:18px;
	border-bottom:solid 1px #666;
	padding-bottom:10px;
	margin-bottom:15px;
	color:#666;
}
.ft_flo h4{
	font-size:24px;
	font-weight:bold;
	padding-bottom:20px;
	color:#666;
}
.come{
	font-size:14px;
	line-height:2;
	text-align:justify;
	text-indent:-1em;
	padding-left:2em;
	padding-top:10px;
	color:#666;
}
.pay{margin:20px 0 0 14px;}
.cprt{
	width:1000px;
	margin:0 auto;
	text-align:center;
	border-top:solid 1px #666;
	padding:13px 0 40px;
	font-size:14px;
	color:#666;
}


/*//////////////////////////////////////////////   プロダクト   //////////////////////////////////////////////*/

.prdctbx{padding-top:50px; width:100%;}
.prdctbx h2{font-size:20px;}

.prd_lst{width:100%; margin-top:55px; font-size:20px;}
.prd_lst li{float:left; width:315px; margin-bottom:80px; margin-right:27px;}
.prd_lst li:nth-of-type(3n){margin-right:0;}
.prd_lst span{font-size:14px;}
.prd_lst img{margin-bottom:10px;}



/*//////////////////////////////////////////////   about us   //////////////////////////////////////////////*/


.abutttxt{width:420px;float:left;}
.abutttxt p{width:395px;margin-top:20px;}

.abuttop{float:left; margin-left:50px; width:530px;}
.abuttimg{width:530px; height:330px; margin-bottom:25px;
	background-color:#ccc; text-align:center; color:#fff; line-height:330px;
}
.psn1{
	width:245px;
	margin-right:40px;
	float:left;
	font-size:18px;
	padding-bottom:10px;
	color:#666;
}
.psn2{
	width:245px;
	float:left;
	font-size:18px;
	padding-bottom:10px;
	color:#666;
}
.psn1 span, .psn2 span{font-size:14px;}
.psn1 p, .psn2 p{margin-top:15px;}
.top15{margin-top:15px;}

.abuttab{text-align:left; color:#666; margin-top:30px; line-height:1.4;}
.abuttab th{width:120px; padding:20px 0; font-size:16px; font-weight:bold;white-space: nowrap; vertical-align:middle; padding-right:15px;}
.abuttab td{ padding:20px 0;font-size:14px; vertical-align:middle;}

h3.prv{
	font-size:16px;
	font-weight:bold;
	color:#666;
	margin:40px 0 15px;
}
p.sage{text-indent:-1em;padding-left:2em;}
p.comp{
	font-size:14px;
	line-height:2;
	text-align:justify;
	color:#666;
}

nav{margin-bottom:105px;}
nav ul{
	height:40px;
	border:solid 1px #797777;
	width:100%;
	box-sizing:border-box;
	display:table;
	table-layout:fixed;
	text-align:center;
}
nav ul li{
	border-right:solid 1px #797777;
	display: table-cell;
	vertical-align: middle;
}
nav ul li:last-child{border-right:none;}
nav a{text-decoration:none;color:#666; display:block; font-size:16px; line-height:40px;}
nav li:hover{background-color:#eaeae9;}
.this{background: #eaeae9;}

/*//////////////////////////////////////////////   モバイル   //////////////////////////////////////////////*/


}

@media only screen and (max-width: 768px) {

#container{
	margin:0 auto;
	width:90%;
	min-height:100%;
	padding:70px 0 100px;
}
p{
	font-size:14px;
	line-height:2;
	text-align:justify;
	color:#666;
}
img{width:100%;}

/*//////////////////////////////////////////////   topヘッダー   //////////////////////////////////////////////*/

header{display: none;}
#gnv{display: none;}

#topnav{position:fixed;top:0; width:100%; z-index:1000;}
#topnav ul{
    display: none;
  }
  #topnav li{
    width: 100%;
	background-color:#fff;
	text-align:center;
	border-bottom: 1px solid #ccc;
	font-size:15px;
	line-height:2.8;
  }
  #topnav li a{display: block;text-decoration:none;color:#666;}

  #toggle{
    display: block;
    position: relative;
    width: 100%;
    background: #222;
	border-bottom: 1px solid #fff;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 15px 0 15px;
    border-bottom: 1px solid #444;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 60%;
    right: 12px;
    width: 13px;
    height: 10px;
    margin-top: -9px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 60%;
    right: 12px;
    width: 13px;
    height: 2px;
    background: #222;
  }
  #toggle a:before{
    margin-top: -7px;
  }
  #toggle a:after{
    margin-top: -3px;
  }
  
#mv_logo img{
	width:60%;
	margin-bottom:20px;
}

/*//////////////////////////////////////////////   topセクション   //////////////////////////////////////////////*/


#sidebx{display:none;}

.slidebox{
	float:none;
	width:100%;
}
.bx-pager{
	width:100%;
	margin-left:-2.5%;
	margin-bottom:38px;
}
.bx-pager a{display:block;margin-left:5%; margin-top:10px; width:20%; float:left;}
.bx-pager a img {
	border:solid 1px #fff;
	box-sizing:border-box;
}
.bx-pager a.active img {  
	border:solid 1px #69F;
	box-sizing:border-box;
}


.topimg{width:100%;}
.topimgtxt{
}
.topimgtxt h2{
	font-size:21px;
	line-height:1.8;
	margin:0 0 28px;
}
h3.ttl{
	font-size:18px;
	border-bottom:solid 1px #666;
	padding-bottom:10px;
	color:#666;
	line-height:1.4;
}


section{width:100%;margin:0 auto 50px;}

.cncpttxt{width:100%; margin-bottom:50px;}
.cncpttxt h2{
	font-size:21px;
	line-height:1.8;
	margin:38px 0 28px;
}
.cncpttxt p{
	text-align:justify;
	width:100%;
}
.t100{margin-top:100px;}
.t180{margin-top:180px;}
.l26{padding-left:26px;}
.l50{padding-left:50px;}


.institution h2{
	font-size:20px;
	padding-top:50px;
}
.insttt{margin-top:55px;}
.insttt p{
	margin-top:10px;
	padding-left:1.7em;
	text-indent:-1.7em;
}


/*//////////////////////////////////////////////   フッタ   //////////////////////////////////////////////*/

footer{width:100%;background-color:#fff; position:absolute; bottom:0;}
#foot{width:100%; margin:0 auto; padding-top:55px;}
.cprt{
	width:100%;
	margin:0 auto;
	text-align:center;
	border-top:solid 1px #666;
	padding:13px 0 40px;
	font-size:12px;
	color:#666;
}


/*//////////////////////////////////////////////   プロダクト   //////////////////////////////////////////////*/


.prd_lst{width:100%; margin-top:55px; font-size:20px;}
.prd_lst li{width:100%; margin-bottom:45px;}
.prd_lst span{font-size:14px;}
.prd_lst img{margin-bottom:10px;}




/*///////////////////////   about us   ///////////////////////*/


.abutttxt{width:100%;float:none;}
.abutttxt p{width:100%;margin-top:20px;}

.abuttop{float:noen; margin-left:0; width:100%;}
.abuttimg{width:100%; max-width:530px; height:auto; margin:10px 0 25px;
	background-color:#ccc; text-align:center; color:#fff; line-height:330px;
}
.psn1{
	width:100%;
	margin-right:0;
	float:left;
	font-size:18px;
	padding-bottom:10px;
	color:#666;
	margin-bottom:20px;
}
.psn2{
	width:100%;
	float:left;
	font-size:18px;
	padding-bottom:10px;
	color:#666;
}
.psn1 span, .psn2 span{font-size:14px;}
.psn1 p, .psn2 p{margin-top:15px;}
.top15{margin-top:15px;}

.abuttab{text-align:left; color:#666; margin-top:30px; line-height:1.4;}
.abuttab th{width:80px; padding:20px 0; font-size:16px; font-weight:bold;white-space: nowrap; vertical-align:middle; padding-right:15px;}
.abuttab td{ padding:20px 0;font-size:14px; vertical-align:middle;}

h3.prv{
	font-size:16px;
	font-weight:bold;
	color:#666;
	margin:40px 0 15px;
}
p.sage{text-indent:-1em;padding-left:2em;}

.mbtp{margin-top:25px;}

nav{margin-bottom:60px;}
nav ul{
	border:solid 1px #797777;
	border-bottom:none;
	width:100%;
	box-sizing:border-box;
	display:table;
	table-layout:fixed;
	text-align:center;
}
nav ul li{
	border-bottom:solid 1px #797777;
	vertical-align: middle;
}
nav ul li:last-child{border-right:none;}
nav a{text-decoration:none;color:#666; display:block; font-size:14px; line-height:35px;}
nav li:hover{background-color:#eaeae9;}
.btm70{margin-bottom:40px;}
.this{background: #eaeae9;}

}