@charset "utf-8";
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
* {margin:0;padding:0;font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','ＭＳ Ｐゴシック', sans-serif}
html {height:100%; margin-bottom:1px}
html * {padding:0;margin:0}
body{color:#666;}
a:link{color:#f30;}
a:visited{color:#f60;}
a:hover{color:#f90;}
#header{
width:900px;
margin:0 auto;
}
#menu{
width:100%;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:3px 0;
z-index:10000;
}
#menu ul{
width:900px;
height:30px;
margin:0 auto;
border-left:1px solid #ccc;
border-right:1px solid #fff;
}
#menu ul>li {width:148px;float:left;list-style:none;border-left:1px solid #fff;border-right:1px solid #ccc;font-size:10pt;text-align:center;color:#fff;}
#menu ul>li a:link{display:block;width:148px;height:30px;color:#666;text-decoration:none;line-height:2.4;}
#menu ul>li a:visited{color:#666;text-decoration:none;}
#menu ul>li:hover{
background: #ededed; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ededed 0%, #f6f6f6 47%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(47%,#f6f6f6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ededed 0%,#f6f6f6 47%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ededed 0%,#f6f6f6 47%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ededed 0%,#f6f6f6 47%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ededed 0%,#f6f6f6 47%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
#menu i{color:#000;font-size:11pt;}

.header-page{height:260px;}
#header-index{background:#111 url(../images/head-index.jpg) no-repeat scroll center center;}
#header-lab{background:#111 url(../images/head-lab.jpg) no-repeat scroll center center;}
#header-download{background:#111 url(../images/head-download.jpg) no-repeat scroll center center;}
#header-contact{background:#111 url(../images/head-contact.jpg) no-repeat scroll center center;}
#header-top{background:#111 url(../images/head-top.jpg) no-repeat scroll center center;}
.header-page h2{width:900px;margin:0 auto;padding-top:20px;text-indent:20px;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-size:36px; font-weight:bold; text-align:left;letter-spacing: -0.06em;color:#fff;text-shadow: 0 0 8px rgba(0,0,0,0.8), 0 0 1em rgba(0,0,0,0.9);}
h3{width:900px;margin:0 auto;text-indent:20px;color:#fff;text-shadow: 0 0 8px rgba(0,0,0,0.8), 0 0 1em rgba(0,0,0,0.9);}

#container{
width:900px;
margin:0 auto;
margin-top:20px;
margin-bottom:20px;
}
#container h3{
position:relative;
top:3px;
color:#fff;
line-height:2.4;
text-indent:1em;
z-index:100;
background: #7d7e7d;
}
#container h4{
	margin-top:50px;
	font-size:x-large;
}
#container h4:first-child{
	margin-top:0px;
}
#container p{
	margin-bottom:1em;
}

#contact table {}
#contact th, td { padding:3px; }
#contact input[type="text"]{ width:250px; }
#contact textarea{ width:500px; height:300px; }

.box-main { width:900px; margin:0 auto; }

#policy p { margin:5px 0; }

.box li {
	width:298px;
	height:298px;
	border:1px dotted #ccc;
	float:left;
	margin-top:-1px;
	margin-left:-1px;
}
.box li:nth-child(3n+1) {
	margin-left:1px;
}
.b01 {
	padding: 20px;
}

a:link.btn_s {
	display:block;
	margin:0 auto;
	width:200px;
	background:#333;
	padding:10px 20px;
	text-align:center;
	font-size:21px;
	text-decoration:none;
	color:#fff;
}
a:visited.btn_s {
	color:#fff;
}
.small{font-size:small;}

.sns_button{
	display:block;
	width:160px;
	height:36px;
	text-align:center;
	font-size:14px;
	line-height:38px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.bookmark_button{
	display:block;
	width:250px;
	height:36px;
	text-align:center;
	font-size:14px;
	line-height:38px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
a:link.bookmark_button{
	text-decoration:none;
	color:#fff;
}
a:visited.bookmark_button{
	text-decoration:none;
	color:#fff;
}
a:link.sns_button{
	text-decoration:none;
	color:#fff;
}
a:visited.sns_button{
	text-decoration:none;
	color:#fff;
}
.share_twitter{
	background:#55acee;
}
.share_facebook{
	background:#3b5998;
}
.share_gplus{
	background:#dd4b39;
}
.share_hatena{
	background:#008fde;
}
.share_pocket{
	background:#ee4056;
}
.arrow_box {
	position: relative;
	margin-left:5px;
	padding:0 5px;
	background: #ffffff;
	border: 1px solid #ffffff;
	font-size:11px;
	color:#333;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 3px;
	margin-top: -3px;
}
.arrow_box:before {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 4px;
	margin-top: -4px;
}
.fa-hatena:before {
	content: "B!";
	font-family: Verdana;
	font-weight: bold
}
.sns_box li{
	margin-right:8px;
	float:left;
}





.entry-content h4{
margin-top:2em;margin-bottom:5px;font-size:14pt;text-indent:1em;
border:solid 1px #ddd;
padding: 5px;
border-radius: 5px;
background: #eee;
-moz-border-radius: 5px; /* FF */
background: -moz-linear-gradient(top,  #fff,  #eee); /* FF */
-webkit-border-radius: 5px;/* Webkit */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));/* Webkit */
-pie-background:linear-gradient(top,  #fff,  #eee); /* ie */
behavior: url(../images/PIE.htc);
}
.entry-content ul>li{
text-indent:1em;
font-weight:bold;
text-decoration:underline;
}
#main{
width:600px;
float:left;
}
#sidebar{
width:280px;
float:right;
}
a:link.download{
width:280px;
height:40px;
text-align:center;
display:block;
font-size:21px;
line-height:42px;
text-decoration:none;
background:#91ab55;
color:#fff;
}
a:hover.download{
background:#748d3b;
}
a:visited.download{
color:#fff;
}

.sideBox{
width:280px;
float:right;
margin-bottom:20px;
}
.box-border{
border:1px solid #ccc;
background:#fcfcfc;
}
#blog-category h4{
top:0;
margin:0;
height:40px;
background:#f0f0f0;
border-bottom:1px solid #ccc;
color:#333;
line-height:32pt;
text-indent:1em;
}
#blog-category li{
height:40px;
background:#fff;
border-bottom:1px solid #ccc;
font-size:10pt;
line-height:32pt;
}
#blog-category li:last-child{
border:none;
}
#blog-category a:link{
display:block;
width:280px;
height:40px;
text-decoration:none;
text-indent:2em;
color:#333;
}
#blog-category a:visited{
color:#333;
}
#blog-category a:hover{
background:#f0f0f0;
}

#blog-new h3{
top:0;
margin:0;
height:40px;
background:#f0f0f0;
border-bottom:1px solid #ccc;
color:#333;
line-height:32pt;
}
#blog-new li{
height:40px;
background:#fff;
border-bottom:1px solid #ccc;
font-size:10pt;
line-height:32pt;
}
#blog-new li:last-child{
border:none;
}
#blog-new a:link{
display:block;
width:280px;
height:40px;
text-decoration:none;
text-indent:1em;
color:#333;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#blog-new a:visited{
color:#333;
}
#blog-new a:hover{
background:#f0f0f0;
}


#loginForm{
width:260px;
margin:0 10px 20px 10px;
font-size:10pt;
background:#fff;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;

/* box-shadow */
box-shadow:rgb(113, 135, 164) 0px 0px 7px 0px inset;
-webkit-box-shadow:rgb(113, 135, 164) 0px 0px 7px 0px inset;
-moz-box-shadow:rgb(113, 135, 164) 0px 0px 7px 0px inset;
}

#loginForm input[type="text"]{
	width:220px;
	height:25px;
	font-size:10pt;
	margin-bottom:5px;
	border:1px solid #ccc;
	box-shadow:0 0 25px 0 rgba(0, 0, 17, 0.2) inset;
}
#loginForm input[type="password"]{
	width:170px;
	height:25px;
	font-size:10pt;
	margin-bottom:5px;
	border:1px solid #ccc;
	box-shadow:0 0 25px 0 rgba(0, 0, 17, 0.2) inset;
}
#loginForm button{
	width:50px;
	height:27px;
	border:0;
	background:#000;
}
#loginForm button>i{color:#fff;font-size:11pt;}

#loginForm form p { position:relative; font-size:10pt; color:#666;}
#loginForm form p label { position:absolute; top:5px; left:8px;}
#loginForm form p br {display: none;}

#loginBox{
margin:0 8px;
padding:8px 0;
}

#app-labo {width:282px;background-color:#000;color:#fff;font-size:10pt;}
#app-labo a:link{text-decoration:none;}

.box-shadow{
box-shadow:rgba(219, 219, 219, 0.65098) 0px 0px 5px 2px;
-webkit-box-shadow:rgba(219, 219, 219, 0.65098) 0px 0px 5px 2px;
-moz-box-shadow:rgba(219, 219, 219, 0.65098) 0px 0px 5px 2px;
}
.fix_box{
}
.nav-fixed{
position:fixed;
top:0px;
}
.slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 250px;
	margin-bottom:20px;
}
.slides {
  height: 100%;
  overflow: hidden;
  *zoom: 1;
}
.slide {
  height: 100%;
  float: left;
  clear: none;
}
.slide img {
　width: 100%;
}
.slider-nav {
  position: absolute;
  bottom: 0px;
}
.slider-nav__item {
  width: 10px;
  height: 10px;
  float: left;
  clear: none;
  display: block;
  margin: 0 5px;
  border: 1px solid #333;
  border-radius: 8px;
}
.slider-nav__item:hover {
  background: #fff;
}
.slider-nav__item--current {
  background: #333;
}

#blog-news{
	padding: 20px 0 0 0;
	border:1px solid #ccc;
}
#footer{
	width:900px;
	height:100px;
	margin:0 auto;
	margin-top:5px;
	font-size:10pt;
}
.clearfix:after {display:block;clear:both;height:0px;visibility:hidden;content:".";}
.clearfix {min-height:1px;}
* html .clearfix {height:1px;height:auto;overflow:hidden;}

.list-icon{float:left;width:140px;}
.list-data{float:left;width:450px;font-size:10pt;}
.list-data h4{font-size:14pt;}
.list-data h4>a{text-decoration:none;color:#f60;}
.post{margin-bottom:10px;}
.contact_form{display: block;}
.contact_left{float: left;width: 230px;}
.contact_right{float: right;}
.wpcf7-text{margin: 0 0 10px;width: 230px;font-size:10pt;padding:3px;border:1px dotted #999;box-shadow:0 0 25px 0 rgba(0, 0, 17, 0.2) inset;}
.wpcf7-textarea{margin: 0 0 10px;width:340px;height:300px;font-size:10pt;padding:3px;border:1px dotted #999;box-shadow:0 0 25px 0 rgba(0, 0, 17, 0.2) inset;}
.wpcf7-form-control.wpcf7-submit{display:block;width:64px;height:64px;border:none;text-indent:-9999px;background: url(images/email.png) no-repeat;}
h2.title-single{font-size:18pt;line-height:21pt;border-bottom:1px dotted #000;margin-bottom:10px;}
.comment-form-url,.form-allowed-tags {display: none;}
#reply-title{background:#ccc;text-indent:.5em;}
#author, #email{width:220px;}
#comment{width:440px;height:70px;}
#comment-form-left{float:left;width:260px;}
#comment-form-right{float:left;width:440px;}
.comment-avatar{width:70px;float:left;}
.comment-box{width:500px;float:left;background:#f0f0f0;padding:7px;margin-bottom:10px;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;behavior: url(./PIE.htc);position:relative;}
.comment-box:after {
border:10px solid transparent;
border-right-color:#f0f0f0;
border-left-width:0;
left:-10px;
content:"";
display:block;
top:20px;
position:absolute;
width:0;
}
.reply{text-align:right;}

h2.entry-title{font-size:16pt;line-height:21pt;border-bottom:1px dotted #000;}
.entry-content{margin:10px 0 20px;font-size:11pt;line-height:2;}
.social4i{margin-top:30px;}
#entry-tag{margin-top:20px;padding:5px;background-color:#f0f0f0;font-size:10pt;border:1px dotted #ccc;}
#catChild{border-bottom:1px dotted #000;padding:5px 0;}
#catChild li{display:block;float:left;margin-right:10px;}
#blogList{margin-top:10px;}
#lit-list{font-size:10pt;}
#lit-list table{width:100%;border-collapse:collapse;border:1px solid #ccc;}
#lit-list thead,#lit-list tfoot{background:#e0e0e0;}
#lit-list th,#lit-list td{padding:3px;border:1px solid #666;}
.fb-like{margin-top:5px;}
#sns_share{
width:100%;
min-height:35px;
padding:5px 0;
}
.grad1{
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.1);
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
}
#footer-copy{width:50%;float:left;padding-top:.3em;}
#footer-other{width:50%;float:left;text-align:right;padding-top:.3em;}
.grad3{
background: #f2f6f8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjZmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q4ZTFlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2I1YzZkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGVmZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-8 */
}