@charset "utf-8";body{color:#333;margin:0px;padding:0px;font:17px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";background-color:#fff;}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{margin:0px;padding:0px;}
ul{list-style-type:none;}
img{border:none;vertical-align:bottom;}
input,textarea,select{font-size:1em;}
form{margin:0px;}
table{border-collapse:collapse;font-size:100%;border-spacing:0;}
a{color:#008a87;}
a:hover{color:#00ceca;text-decoration:none;}
body > h1{width:100%;font-size:10px;color:#FFF;background:#009F9C;text-align:left;margin-right:auto;margin-left:auto;}
body > h1 a, body > h1 a:hover{color:#FFF;text-decoration:none;}
#container{width:100%;margin-right:auto;margin-left:auto;background:#FFF;}
.inner {
	position:relative;
	width:980px;
	margin:0 auto;
}

header {
	box-sizing:border-box;
	position:relative;
	width:100%;
	background:url(https://www.note-pc.biz/images/topnewbanner00.jpg) repeat-x 0% 0%;
	height: 135px;
}
header logoimg{position:absolute;left:10px;top:0px;}
header address{position:absolute;top:10px;left:750px;}
header title_count{position:absolute;left:420px;top:20px;width:320px;}
header .access,
header .mail,
header .box{display: none;}
nav {
	width:100%;
	background:#fff;
	box-shadow:0 1px 2px #d0d8dc;
	?zoom:1;
	margin-bottom:20px;
}
nav:after {
	content:'';
	display:block;
	clear:both;
}
@media screen and (max-width:979px) {.inner {width:100%;}}

@media print, screen and (min-width:801px) {
	nav {
		background:#009F9C;
		border-bottom:5px solid #0b4948;
		box-shadow:0 1px 3px #999;
		z-index:3;
	}

	/* 共通 */
	nav ul {
		margin:0;
		padding:0;
	}

	nav ul li {
		position:relative;
		margin:0;
		padding:0;
		list-style:none;
	}

	nav ul li a {
		display:block;
		margin:0;
		padding:16px 0;
		background:#009F9C;
		color:#fff;
		font-size:14px;
		line-height:1;
		text-decoration:none;
	}

	nav ul li:hover > a {
		color:#fff;
		background:#0b4948;
	}

	/* 1段目 */
	nav ul.gnav > li {
		position:relative;
		width:14%;
		float:left;
		margin:0;
		padding:0;
		text-align:center;
		list-style:none;
		border-right: 1px solid #d4d4d4;
	}

	nav ul.gnav > li:first-child {
		width:14%;
		border-left: 1px solid #d4d4d4;
	}

	nav ul.gnav > li.subnav a {
		padding-right:20px;
	}

	nav ul.gnav > li.subnav > a:after {
		position:absolute;
		content:"";
		top:20px;
		width:0;
		height:0;
		margin-left:10px;
		border:5px solid transparent;
		border-top-color:#fff;
	}

	/* 2段目 */
	nav ul li ul {
		position:absolute;
		z-index:3;
		top:100%;
		left:0;
		width:100%;
		margin:0;
		padding:0;
	}

	nav ul li ul li {
		overflow:hidden;
		width:150%;
		height:0;
		color:#fff;
		transition:.2s;
	}

	nav ul li ul li a {
		padding:13px 15px;
		text-align:left;
		background:#0b4948;
		font-weight:normal;
	}
	
	nav ul li ul li:hover > a {background:#009F9C;}

	nav ul li:hover > ul > li {
		overflow:visible;
		height:40px;
		border-bottom:1px solid #fff;
	}

	nav ul li:hover ul li:last-child {
		border-bottom:none;
	}

	nav ul.gnav > li:last-child > ul {
		left:-50%;
	}

	nav ul li ul li ul:before {
		position:absolute;
		content:"";
		top:13px;
		left:-20px;
		width:0;
		height:0;
		border:5px solid transparent;
		border-left-color:#fff;
	}

	nav ul.gnav > li:last-child ul li ul:before {
		position:absolute;
		content:"";
		top:13px;
		left:200%;
		margin-left:-20px;
		border:5px solid transparent;
		border-right-color:#fff;
	}

	.gnav {
		display:block !important;
	}

	#spMenu {
		display:none;
	}

	.fixed {
		position:fixed;
		top:0;
		left:0;
	}
}
@media screen and (max-width:800px) {
	header {
		z-index:2;
		box-sizing:border-box;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		padding:3px 10px 10px;
		height: 60px;
		background: #fff;
		border-bottom:1px solid #009F9C;
	}
	header logoimg{position:absolute;width:300px;margin: 0 auto;left:30%;top:0px;margin-bottom: 5px;}
	header address,
    header title_count{display: none;}
	header .access{display:block;position:absolute;right:0px;top: 5px;}
	header .mail{display:block;position:absolute;right:45px;top: 5px;}
	header .box{display:inline-block;position:relative;width:37px;height:37px;border:1px solid #009F9C;border-radius:5%;background:#009F9C;}
	span i{position: absolute;top:35%;left: 20%;}
	nav {
		background:#009F9C;
	}
	nav ul {
		margin:0;
		padding:0;
		}

	nav .inner > ul {
		z-index:2;
		overflow:auto;
		position:fixed;
		top:53px;
		right:0;
		width:100%;
		height:88%;
		height:-webkit-calc(100% - 53px);
		height:calc(100% - 53px);
	}
	nav li {
		position:relative;
		width:100%;
		float:none;
		margin:0;
		text-align:left;
		list-style:none;
		border-bottom:1px solid #d4d4d4;
		background:#009F9C;
	}

	nav li:first-child {
		border-top:0;
	}
	nav li:last-child {
		border-bottom:0;
	}

	nav li a {
		display:block;
		padding:10px 30px;
		color:#fff;
		text-decoration:none;
		background:#009F9C;
	}
	nav li a:hover {
		color:#fff;
		background:#0b4948;
	}
	nav ul ul {
		display:none;
		position:relative;
	}
	nav li li a {
		box-sizing:border-box;
		width:100%;
		padding:10px 30px 10px 50px;
		text-align:left;
	}

	nav li li li a {
		padding:10px 30px 10px 70px;
	}

	.subnav > a:before {
		display:block;
		content:"";
		position:absolute;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		top:20px;
		right:30px;
		width:10px;
		height:10px;
		margin-top:-5px;
		background:#f1f1f1;
	}
	.subnav > a:after {
		display:block;
		content:"";
		position:absolute;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		top:20px;
		right:30px;
		width:10px;
		height:10px;
		margin-top:-10px;
		background:#009F9C;
	}
	.subnav a:hover:after {
	  background:#0b4948;
	}

	.active > a:before {
		margin-top:0;
	}
	.active > a:after {
		margin-top:5px;
	}

	.gnav {
		display:none;
	}

	#spMenu {
		display:block;
		z-index:2;
		position:fixed;
		top:10px;
		reft:10px;
	}
	#spMenu:hover {
		cursor:pointer;
	}

	#navBtn {
		display:inline-block;
		position:relative;
		width:35px;
		height:35px;
		border-radius:5%;
		background:#009F9C;
	}
	#navBtnIcon {
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		width:14px;
		height:2px;
		margin:-1px 0 0 -7px;
		background:#f1f1f1;
		transition:.2s;
	}
	#navBtnIcon:before,
	#navBtnIcon:after {
		display:block;
		content:'';
		position:absolute;
		top:50%;
		left:0;
		width:14px;
		height:2px;
		background:#f1f1f1;
		transition:0.3s;
	}
	#navBtnIcon:before {
		margin-top:-6px;
	}
	#navBtnIcon:after {
		margin-top:4px;
	}
	#navBtn .close {
		background:transparent;
	}
	#navBtn .close:before,
	#navBtn .close:after {
		margin-top:0;
	}
	#navBtn .close:before {
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
	}
	#navBtn .close:after {
		transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
	}
}
#contents{width:990px;margin: 0 auto;}
#main{float:right;width:715px;padding:0px 5px 30px 0px;}
#main2{width:900px;padding:0px 0px 30px 0px;margin: 0 auto;}
#main h2{background-color:#009F9C;-webkit-box-shadow:1px 2px 7px #999;box-shadow:1px 2px 7px #999;font-size:100%;color:#FFF;padding:10px 15px;clear:both;}
#main h3{background-color:#e5e5e5;background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));background-image:-webkit-linear-gradient(#FFF, #e5e5e5);background-image:linear-gradient(#FFF, #e5e5e5);-webkit-box-shadow:1px 2px 7px #ccc;box-shadow:1px 2px 7px #ccc;font-size:100%;padding:4px 15px;clear:both;border:1px solid #999;}
#main h3.type2{background-color:#babad1;background-image:-webkit-gradient(linear, left top, left bottom, from(#d7d7e5), to(#babad1));background-image:-webkit-linear-gradient(#d7d7e5, #babad1);background-image:linear-gradient(#d7d7e5, #babad1);}
#main h4{padding:2px 0px 2px 1px;font-size:100%;border-bottom:1px solid #CCC;margin-bottom:0.5em;color:#000;}
#main p{padding:0.1em 15px 0.1em;}
#main2 h2{background-color:#009F9C;-webkit-box-shadow:1px 2px 7px #999;box-shadow:1px 2px 7px #999;font-size:180%;color:#FFF;padding:10px 15px;clear:both;}
#main2 h3{background-color:#e5e5e5;background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));background-image:-webkit-linear-gradient(#FFF, #e5e5e5);background-image:linear-gradient(#FFF, #e5e5e5);-webkit-box-shadow:1px 2px 7px #ccc;box-shadow:1px 2px 7px #ccc;font-size:100%;padding:4px 15px;clear:both;border:1px solid #999;}
#main2 h3.type2{background-color:#babad1;background-image:-webkit-gradient(linear, left top, left bottom, from(#d7d7e5), to(#babad1));background-image:-webkit-linear-gradient(#d7d7e5, #babad1);background-image:linear-gradient(#d7d7e5, #babad1);}
#main2 h4{padding:2px 0px 2px 1px;font-size:100%;border-bottom:1px solid #CCC;margin-bottom:0.5em;color:#000;}
#main2 p{padding:0.1em 15px 0.1em;}
#sub{float:left;width:230px;padding-bottom:30px;}
#sub h2{font-size:100%;text-align:center;padding:5px 0px;background-color:#009F9C;background-image:-webkit-gradient(linear, left top, left bottom, from(#009999), to(#009F9C));background-image:-webkit-linear-gradient(#009999, #009F9C);background-image:linear-gradient(#009999, #009F9C);margin-bottom:2px;color:#FFF;border:1px solid #009F9C;}
#sub .box1 h2{border:none;}
#sub ul.subme {margin-bottom: 15px;}
#sub ul.subme li a {border-bottom: 1px solid #d2d2d2;text-decoration: none;display: block;padding: 2px 10px;background: #FFF;}
#sub ul.subme li a:hover {background: #5ed4d3;color: #fff;}
#sub ul.submenu li a{text-decoration:none;display:block;padding-left:10px;background-color:#DCF1F1;background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DCF1F1));background-image:-webkit-linear-gradient(#FFF, #DCF1F1);background-image:linear-gradient(#FFF, #DCF1F1);font-size:14px;color:#808080;margin-bottom:1px;-webkit-transition:0.5s;transition:0.5s;}
#sub ul.submenu li a:hover{color:#000;}
#sub ul.subimg li a{background:none!important;}
#sub ul.subimg li a:hover{opacity:0.6;filter:alpha(opacity=60);-ms-filter:"alpha( opacity=60 )";background:none!important;}
#sub ul.subimg li a{background:none!important;}
#sub ul.subimg li a:hover{opacity:0.6;filter:alpha(opacity=60);-ms-filter:"alpha( opacity=60 )";background:none!important;}
#sub .box1{background-color:#FFF;padding:5px;color:#333;margin-bottom:15px;}
#sub .box1 a{color:#FFF;}
#sub .boxa{background-color:#FFF;padding:5px;margin-bottom:15px;}
#sub .boxb{background-color:#FFF;padding:5px;margin-bottom:15px;}
#sub .boxc{background-color:#FFF;padding:5px;margin-bottom:15px;}
#sub .boxx{background-color:#FFE4A6;border:1px solid #fa580b;border-radius: 5px;padding: 5px;margin-bottom: 15px;margin-left:2px;}
footer{clear:both;text-align:center;padding-top:15px;padding-bottom:15px;color:#FFF;background:#009F9C;}
footer .kensaku{display:block;}
@media screen and (min-width:801px){footer .kensaku img{display:none;}
}
footer .pr{display:block;font-size:80%;}
footer a{text-decoration:none;color:#FFF;}
footer a:hover{color:#FFF;}
#main section.list section{border:1px solid #CCC;border-radius:6px;padding:10px;margin-bottom:15px;overflow:hidden;background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e3e3e3));background-image:-webkit-linear-gradient(#FFF, #e3e3e3);background-image:linear-gradient(#FFF, #e3e3e3);-webkit-box-shadow:0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;box-shadow:0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;}
#main section.list section p{padding:0px;margin-left:120px;}
#main section.list section figure img{float:left;background-color:#FFF;padding:5px;border:1px solid #CCC;}
#main p.detail a{text-decoration:none;display:block;background-color:#000;background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));background-image:-webkit-linear-gradient(#1c1c1c, #000);background-image:linear-gradient(#1c1c1c, #000);color:#FFF;width:12em;-webkit-transition:0.5s;transition:0.5s;-webkit-box-shadow:1px 2px 5px #adadad;box-shadow:1px 2px 5px #adadad;text-align:center;}
#main p.detail a:hover{opacity:0.7;}
#main section.list2 section{width:49%;padding:3px;margin-bottom:10px;float:left;}
#main section.list3 section{height:auto;width:47%;border-radius:10px;-webkit-box-shadow:1px 1px 5px #d9dfd7;box-shadow:1px 1px 5px #d9dfd7;border:1px solid #d3d8d1;background-color:#FFF;background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f6f6f6));background-image:-webkit-linear-gradient(#FFF, #f6f6f6);background-image:linear-gradient(#FFF, #f6f6f6);padding:8px;float:left;margin:0px 5px 15px;overflow:hidden;}
#main section.list3 section p{padding:0px;color:#666;font-size:14px;line-height:1.4;}
#main section.list3 section h4{font-size:100%;color:#009F9C;border-bottom:2px dotted #009F9C;margin-bottom:5px;}
#main section.list4 section{width:325px;padding:2px;float:left;margin:0px 5px 15px;overflow:hidden;}
#main2 section.list section{border:1px solid #CCC;border-radius:6px;padding:10px;margin-bottom:15px;overflow:hidden;background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e3e3e3));background-image:-webkit-linear-gradient(#FFF, #e3e3e3);background-image:linear-gradient(#FFF, #e3e3e3);-webkit-box-shadow:0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;box-shadow:0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;}
#main2 section.list section p{padding:0px;margin-left:120px;}
#main2 section.list section figure img{float:left;background-color:#FFF;padding:5px;border:1px solid #CCC;}
#main2 p.detail a{text-decoration:none;display:block;background-color:#000;background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));background-image:-webkit-linear-gradient(#1c1c1c, #000);background-image:linear-gradient(#1c1c1c, #000);color:#FFF;width:12em;-webkit-transition:0.5s;transition:0.5s;-webkit-box-shadow:1px 2px 5px #adadad;box-shadow:1px 2px 5px #adadad;text-align:center;}
#main2 p.detail a:hover{opacity:0.7;}
#main2 section.list2 section{width:49%;padding:3px;margin-bottom:10px;float:left;}
#main2 section.list3 section{height:auto;width:46%;border-radius:10px;-webkit-box-shadow:1px 1px 5px #d9dfd7;box-shadow:1px 1px 5px #d9dfd7;border:1px solid #d3d8d1;background-color:#FFF;background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f6f6f6));background-image:-webkit-linear-gradient(#FFF, #f6f6f6);background-image:linear-gradient(#FFF, #f6f6f6);padding:8px;float:left;margin:0px 5px 15px;overflow:hidden;}
#main2 section.list3 section p{padding:0px;color:#666;font-size:14px;line-height:1.4;}
#main2 section.list3 section h4{font-size:100%;color:#009F9C;border-bottom:2px dotted #009F9C;margin-bottom:5px;}
#main2 section.list3 section img{width:100%;height:auto;}
#main2 section.list4 section{width:325px;padding:2px;float:left;margin:0px 5px 15px;overflow:hidden;}
.ta1{width:100%;}
.ta1, .ta1 td, .ta1 th{border:1px solid #CCC;line-height:2;}
.ta1 td{padding:10px;}
.ta1 th{width:200px;padding:10px;text-align:center;}
.ta1 th.tamidashi{width:auto;text-align:left;background-color:#333;color:#FFF;}
.ta1 caption{padding:10px;border-top:1px solid #CCC;border-right:1px solid #CCC;border-left:1px solid #CCC;text-align:left;background-color:#e9ddae;background-image:-webkit-gradient(linear, left top, left bottom, from(#efe6c5), to(#e9ddae));background-image:-webkit-linear-gradient(#efe6c5, #e9ddae);background-image:linear-gradient(#efe6c5, #e9ddae);font-weight:bold;}
.ta2{width:100%;}
.ta2, .ta2 td, .ta2 th{border:1px solid #999;line-height:2;}
.ta2 td{width:80%;padding:3px;}
.ta2 th{width:20%;padding:3px;text-align:center;background-color:#F6FBF6;}
.ta2 th.tamidashi{width:auto;text-align:left;background-color:#333;color:#FFF;}
.ta2 caption{padding:10px;border-top:1px solid #CCC;border-right:1px solid #CCC;border-left:1px solid #CCC;text-align:left;background-color:#cdf9d3;font-weight:bold;}
.ta3{width:100%;}
.ta3, .ta3 td{border:none;line-height:2;}
.ta3 td{padding:10px;width:25%;vertical-align:top;}
.midashi{font-size:16px;border-bottom:2px dotted #009F9C;margin-bottom:5px;}
.ta4{width:100%;}
.ta4, .ta4 td, .ta4 th{border:1px solid #CCC;line-height:2;}
.ta4 td{width:20%;padding:3px;text-align:center;}
.ta4 th.size{width:10%;padding:3px;text-align:center;background-color:#cdf9d3;}
.ta4 th.bin{width:20%;padding:3px;text-align:center;background-color:#F6FBF6;}
.ta4 td.tamidashi{width:auto;text-align:center;background-color:#ffdd40;font-weight:bold;}
.ta5{width:100%;}
.ta5, .ta5 td{border:1px solid #CCC;line-height:2;}
.ta5 td{width:33%;padding:5px;text-align:center;vertical-align:top;}
.ta5 td img{width:90%;padding:5px;}
.ta5 td p{padding:5px;text-align:center;}
.ta6{width:100%;}
.ta6, .ta6 td, .ta6 th{border:1px solid #CCC;line-height:2;}
.ta6 th{width:30%;padding:5px;vertical-align:top;}
.ta6 td{width:70%;padding:5px;vertical-align:top;}
.ta7{width:100%;}
.ta7 td{width:33%;padding:5px;vertical-align:top;}
.ta7 td p{padding:5px;}
.ta8{width:100%;}
.ta8, .ta8 td, .ta8 th{border:1px solid #999;line-height:2;}
.ta8 td{width:25%;padding:3px;}
.ta8 th{width:25%;padding:3px;text-align:center;background-color:#F6FBF6;}
.ta8 th.tamidashi{width:auto;text-align:left;background-color:#cdf9d3;color:#333;}
.ta9{width:80%;margin-left:auto;margin-right:auto;}
.ta9, .ta9 td, .ta9 th{border:1px solid #CCC;line-height:2;}
.ta9 td{width:35%;padding:5px;text-align:center;}
.ta9 th{width:30%;padding:3px;text-align:center;background-color:#ffffcc;font-weight:normal;}
.ta9 td.tamidashi{width:auto;text-align:center;background-color:#ccffff;font-weight:bold;}
.ta9 td.tagou{width:auto;text-align:center;background-color:#ffff00;}
.ta10{width:98%;margin-left:auto;margin-right:auto;}
.ta10, .ta10 td, .ta10 th{border:1px solid #CCC;line-height:2;}
.ta10 td{width:50%;padding:5px;text-align:center;}
.ta10 th{width:50%;padding:3px;text-align:center;background-color:#f0f8f8;font-weight:normal;}
.ta11{width:100%;}
.ta11 td{border:1px solid #CCC;line-height:2;width:50%;padding:5px;vertical-align:top;}
.ta11 td.tamidashi{width:auto;text-align:center;background-color:#F6FBF6;font-weight:bold;}
.ta13{width:100%;}
.ta13, .ta13 td{border:none;line-height:2;}
.ta13 td{padding:10px;width:50%;vertical-align:top;}
.midashi{font-size:16px;border-bottom:2px dotted #009F9C;margin-bottom:5px;}
.ta14{width:95%;margin-left:auto;margin-right:auto;}
.ta14, .ta14 td, .ta14 th{border:1px solid #CCC;line-height:2;}
.ta14 td{width:40%;padding:5px;text-align:center;}
.ta14 th{width:20%;padding:3px;text-align:center;}
.ta14 td.tamidashi{width:auto;text-align:center;background-color:#ccffff;font-weight:bold;}
.ta14 th.tamidashi{width:auto;text-align:center;background-color:#ccffff;font-weight:bold;}
.ta18{width:100%;}
.ta18, .ta18 td, .ta18 th{border:1px solid #999;line-height:2;}
.ta18 td{width:25%;padding:3px;text-align:center;}
.ta18 th{width:25%;padding:3px;text-align:center;background-color:#ffffcc;}
.ta18 th.tamidashi{width:auto;text-align:center;background-color:#cdf9d3;color:#333;}
.ta19 {width: 100%;}
.ta19 td{width:48%;padding:5px;text-align:center;background-color:#FEFFC3;background-image:-webkit-gradient(linear, left top, left bottom, from(#FFFFEE), to(#FEFFC3));background-image:-webkit-linear-gradient(#FFFFEE, #FEFFC3);background-image:linear-gradient(#FFFFEE, #FEFFC3);font-weight:bold;border:1px solid #009F9C;}
.ta20 {
	width: 100%;
}
.ta20, .ta20 td, .ta20 th{
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
}
/*テーブル内の右側*/
.ta20 td{
	padding: 10px;
}
.ta20 td.zyusyo{
	width: 30%;
	background-color:#F6FBF6;
}
.ta20 td.taio{
	width: 25%;
}
/*テーブル内の左側*/
.ta20 th{
	padding: 10px;
	text-align: center;
	background-color: #cdf9d3;	/*背景色*/
	color: #000;	/*文字色*/
}
.ta21{width:98%;margin-left:auto;margin-right:auto;}
.ta21, .ta21 td, .ta21 th{border:1px solid #CCC;line-height:2;}
.ta21 td{width:20%;padding:5px;text-align:center;}
.ta21 th{width:15%;padding:3px;text-align:center;background-color:#ffffcc;font-weight:normal;}
.ta21 td.tamidashi{width:auto;text-align:center;background-color:#ccffff;font-weight:bold;}
.ta21 td.tagou{width:auto;text-align:center;background-color:#ffff00;}
.ta22{width:100%;}
.ta22, .ta22 td, .ta22 th{border:1px solid #999;line-height:2;}
.ta22 td{width:85%;padding:5px;}
.ta22 td.tami{padding:3px;text-align:center;background-color:#F6FBF6;}
.ta22 th{width:15%;background-color:#F6FBF6;}
#pagetop{clear:both;}
#pagetop a{color:#FFF;font-size:10px;background-color:#009F9C;text-decoration:none;text-align:center;width:12em;display:block;float:right;letter-spacing:0.1em;}
#pagetop a:hover{background-color:#333;color:#FFF;}
#main ul.pagemenu{padding:20px 0px;font-size:16px;}
#main ul.pagemenu li{display:inline;}
#main ul.pagemenu li a{background-image:url(../images/arrow2.png);background-repeat:no-repeat;background-position:left center;padding:0px 10px;}
#main ul.pagemenu li a:hover{background-image:url(../images/arrow2.png);background-repeat:no-repeat;background-position:2px center;}
#main2 ul.pagemenu{padding:20px 0px;font-size:16px;}
#main2 ul.pagemenu li{display:inline;}
#main2 ul.pagemenu li a{background-image:url(../images/arrow2.png);background-repeat:no-repeat;background-position:left center;padding:0px 10px;}
#main2 ul.pagemenu li a:hover{background-image:url(../images/arrow2.png);background-repeat:no-repeat;background-position:2px center;}
.look{background:#dcdcdc;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.clear{clear:both;}
ul.disc{padding:0em 25px 1em;list-style:disc;}
.color1{color:#148ef6;}
.pr{font-size:10px;}
.btn{font-size:13px;}
.wl{width:96%;}
.ws{width:50%;}
.c{text-align:center;}
.r{text-align:right;}
.red{color:#FF0000;font-weight:bold}
figcaption{font-size:11px;}
#menubar_hdr{display:none;}
img.fr{float:right;margin:0px 0px 15px 10px;}
img.fl{float:left;margin:0px 10px 15px 0px;}
a img.linkimg{background:none!important;}
a:hover img.linkimg{opacity:0.6;filter:alpha(opacity=60);-ms-filter:"alpha( opacity=60 )";background:none!important;}
.share{margin-top:2px}
.SnsTwitter{float:left;margin-right:15px;}
.SnsFacebook{float:left;margin-right:15px;max-height:65px;}
.SnsHatebu{float:left;}
.SnsGoogle{float:left;margin-left:15px;}
.SnsPocket{float:left;margin-left:15px;}
.youtube iframe{width:100%;}
.boxd{content:"";display:block;clear:both}
.box05{float:left;width:50%}
.box06{float:left;width:50%}
.iframe-content{position:relative;width:100%;padding:20% 0 0 0;}
.iframe-content iframe{position:absolute;top:0;left:0;width:100%;height:110%;}
.iframe-content2{border: 3px solid #FFE4C4;}
.iframe-content2 iframe{width:100%; height:0;/*height:250px;*/ vertical-align:bottom;}
.toiawase{margin-top:2px}
.ggmap{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.ggmap iframe,
.ggmapr object,
.ggmap embed{
	position: absolute;
	top: 1px;
	left: -2px;
	width: 100%;
	height: 100%;
}
.youtube{position:relative;width:100%;padding-top:56.25%;}
.youtube iframe{position:absolute;top:0;right:0;width:100% !important;height:100% !important;}
img.qa{padding:2px 5px 8px;}
.tacal{width:240px;margin-left:auto;margin-right:auto;}
.tacal,.tacal td,.tacal th{border-style:solid dashed;border-width:1px;border-color:#ccc;}
.tacal td{padding:3px;text-align:center;color:#333;line-height:normal;}
.tacal th.tamidashi{width:auto;background:url(https://www.note-pc.biz/images/left_ti_bg002.png) no-repeat;padding-left:30px;vertical-align:middle;font-size:16px;text-align:left;font-weight:normal;}
.tacal td.mark{color:#fff;background:#FF3300;}
.tacal td.mark1{color:#fff;background:#ff69b4;}
.tacal td.mark2{color:#fff;background:#BE850F;}
.tacal td.mark3{color:#fff;background:#A3E3D9;}
.tacal td.mark4{color:#fff;background:#ffd700;}
.tacal td.mark5{color:#fff;background:#4169e1;}
.mark{color:#fff;background:#FF3300;}
.mark1{color:#fff;background:#ff69b4;}
.mark2{color:#fff;background:#BE850F;}
.mark3{color:#fff;background:#A3E3D9;}
.mark4{color:#fff;background:#ffd700;}
.mark5{color:#fff;background:#4169e1;}
ul#hmenu li{position:relative;display:block;}
.prd ul.smenu{display:none;border:0;*zoom:1;position:absolute;z-index:9999;font-size:14px;}
.prd ul.smenu li:first-child{display:block;margin-top:0px;}
.prd ul.smenu li{display:block;padding:0 0;width:180px;line-height:38px;text-indent:25px;}
.prd ul.smenu li a{background:#fff;display:block;width:165px;text-decoration:none;}
.prd ul.smenu li:hover ul{display:block;border:0;}
.prd ul#hmenu ul.smenu li:last-child{margin-top:-4px;}
.navline ul li:first-child{margin-top:4px;border-right:none;border-left:none;}
.prd ul.smenu li a:hover{background:#fafafa;display:block;}
.prd .dropmenu li:hover > a{background:#fff;}
.prd .dropmenu li a:hover{background:#fff;}
#dropmenu li ul li{overflow:hidden;height:0;transition:.2s;}
#dropmenu li:hover ul li{overflow:visible;height:49px;border:0;}
.t-line span{border-top:dotted 1px #096;width:163px;display:block;}
div.product_box div.product_img{width:250px;float:left;margin-right:20px;}
div.product_box div.product_img2{width:400px;float:left;margin-right:20px;}
div.product_box div.product_info{float:left;}
.cf:before,
.cf:after{content:" ";display:table;}
.cf:after{clear:both;}
.cf{*zoom:1;}
.huan{display:none;}
#floatingmenu{display:none;}
dl.accordion { background:#dcdcdc; width:97%; margin:0 auto 30px; padding:1px; font-size:14px;}
dl.accordion dt {
	background:url(https://www.note-pc.biz/images/open.png) 97% center no-repeat,-moz-linear-gradient(top, #FFF, #e5e5e5);
	background:url(https://www.note-pc.biz/images/open.png) 97% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));
	border-top:2px solid #EEE;
	border-bottom:1px solid #EEE; height:40px; text-indent:10px; line-height:40px; color:#333; font-weight:bold; cursor:pointer;}
dl.accordion dt.open {
	background:url(https://www.note-pc.biz/images/close.png) 97% center no-repeat,-moz-linear-gradient(top, #FFF, #e5e5e5);
	background:url(https://www.note-pc.biz/images/close.png) 97% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));}
dl.accordion dd { background:#FFF; padding:10px; line-height:1.5; display:none;}
ml{margin-left:20px;}
.smmenu{display:none;}

@media (max-width:800px){
	/*
    .iframe-content2 iframe{height:350px;}
    */
}
@media (max-width: 480px) {
	.table-scroll {
		overflow-x: scroll;
	}
}

@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}



@media only screen and (max-width:480px) {
	body > h1{display:none;}
	#container{width:auto;margin-right:6px;margin-left:6px;}
	#contents{width:auto;margin-top:70px;padding:5px 5px 30px 5px !important;}
	#main,#main2,#sub{float:none;width:auto;}
	#main p{padding:0.5em 5px 1em;}
	#main2 p{padding:0.5em 5px 1em;}
	#sub ul.subimg li img{width:100%;height:auto;display:block;margin-left:auto;margin-right:auto;}
	#sub .boxa:after{content:"";display:block;clear:both}
	.box01{float:left;margin-left:1%;width:49%;}
	.box02{float:left;margin-left:1%;width:49%;}
	#sub .boxa img{width:100%;height:auto;}
	#sub .boxc{display:none;}
	#sub .boxd{display:none;}
	footer .kensaku{display:block;}
	footer .kensaku img{width:100%;height:auto;}
	#main section.list section p{margin-left:0;}
	#main .list section figure img{width:40%;height:auto;margin-right:5px;}
	#main section.list2 section{width:96%;height:auto;float:none;margin:0px auto 15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	#main section.list2 section img{width:100%;height:auto;}
	#main section.list3 section{width:96%;height:auto;float:none;margin:0px auto 15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	#main section.list3 section img{width:100%;height:auto;}
	#main section.list4 section{width:96%;height:auto;float:none;margin:0px auto 15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	#main section.boxd{display:none;}
	#main section.huan{display:block;}
	footer .kensaku img{width:100%;height:auto;}
	.ta1 td{width:auto;padding:2px;}
	.ta1 th{width:100px;padding:2px;}
	.ta3 td{width:auto;padding:2px;}
	.ta3 th{width:100px;padding:2px;}
	.ta13 td{width:50%;padding:2px;}
	#main ul.pagemenu{padding:10px 0px;}
	#main ul.pagemenu li{display:block;}
	img.fr{width:100%;height:auto;}
	img.fl{width:30%;height:auto;}
	img.wa{width:100%;height:auto;}
	img.wb{width:80%;height:auto;display:block;margin-left:auto;margin-right:auto;}
	img.wc{width:50%;height:auto;}
	img.wd{width:30%;height:auto;}
	img.we{width:45%;height:auto;}
	img.wf{width:20%;height:auto;}
	body.s-n #sub{display:none;}
	.box05{position:static;width:100%;}
	.box06{position:static;width:100%;}
	#main section.sum{display:none;}
	#main2 section.list section p{margin-left:0;}
	#main2 .list section figure img{width:40%;height:auto;margin-right:5px;}
	#main2 section.list2 section{width:96%;height:auto;float:none;margin:0px auto 15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	#main2 section.list2 section img{width:100%;height:auto;}
	#main2 section.list3 section{width:96%;height:auto;float:none;margin:0px auto 15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	#main2 section.list3 section img{width:100%;height:auto;}
	#main2 section.list4 section{width:96%;height:auto;float:none;margin:0px auto 15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	#main2 section.boxd{display:none;}
	#main2 section.huan{display:block;}
	#main2 ul.pagemenu{padding:10px 0px;}
	#main2 ul.pagemenu li{display:block;}
	#main2 section.sum{display:none;}
	.toiawase{display:none;}
	.sub-line{border-bottom:dotted 1px #eee;}
	.sub-line:last-child{border-bottom:solid 1px #ccc;}
	.huan2{display:none;}
	.tacal{width:80%;height:auto;}
	dl.accordion { background:#dcdcdc; width:97%; margin:0 auto 30px; padding:1px; font-size:14px;}
	dl.accordion dt {
		background:url(https://www.note-pc.biz/images/open.png) 97% center no-repeat,-moz-linear-gradient(top, #FFF, #e5e5e5);
		background:url(https://www.note-pc.biz/images/open.png) 97% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));
		border-top:2px solid #EEE;
		border-bottom:1px solid #EEE; height:40px; text-indent:10px; line-height:40px; color:#333; font-weight:bold; cursor:pointer;}
	dl.accordion dt.open {
		background:url(https://www.note-pc.biz/images/close.png) 97% center no-repeat,-moz-linear-gradient(top, #FFF, #e5e5e5);
		background:url(https://www.note-pc.biz/images/close.png) 97% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));}
	dl.accordion dd { background:#FFF; padding:10px; line-height:1.5; display:none;}
	#floatingmenu {
		display: block;
		width: 100%;
		position: fixed;
		left: 0px;
		bottom: 0px;
		z-index: 9999;
		text-align: center;
		padding: 0 auto;
	}
	img.fr2{float:right;margin:0px 10px 3px 0px;}
	.wss{width:50%;}
	.pcmenu{display:none;}
	.smmenu{display:inherit;}
	header logoimg{position:absolute;left:40px;top:0;margin-bottom: 5px;max-width:227px;}
}
@media only screen and (max-width:330px) {	header logoimg{position:absolute;left:40px;top:6px;margin-bottom: 5px;max-width:227px;}
	header img{width:75%;height:auto;}}

@media only screen and (min-width:481px) and (max-width:800px) {
	#container{width:auto;margin-right:6px;margin-left:6px;}
	body > h1{display:none;}
	.sub-line{border-bottom:dotted 1px #eee;}
	.sub-line:last-child{border-bottom:solid 1px #ccc;}
	#contents{width:auto;margin-top:70px;}
	#main,#main2,#sub{float:none;width:auto;}
	#sub .boxa:after{content:"";display:block;clear:both}
	.box01{float:left;margin-left:1%;width:49%;}
	.box02{float:left;margin-left:1%;width:49%;}
	#sub .boxa img{width:100%;height:auto;}
	#sub .boxb:after{content:"";display:block;clear:both}
	.box001{float:left;margin-left:1%;width:32%;}
	.box002{float:left;margin-left:1%;width:32%;}
	.box003{float:left;margin-left:1%;width:32%;}
	#sub .boxb img{width:100%;height:auto;}
	#sub .boxc{display:none;}
	footer .kensaku{display:block;}
	footer .kensaku img{width:100%;height:auto;}
	img.wa{width:100%;height:auto;}
	body.s-n #sub{display:none;}
	img.wc{width:50%;height:auto;}
	img.wd{width:30%;height:auto;}
	img.wa{width:100%;height:auto;}
	#main section.list2 section{float:left;width:49%;height:auto;margin:0px 1px 5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	#main section.list2 section img{width:100%;height:auto;margin-right:20px;}
	#main section.list3 section{float:left;width:49%;height:auto;margin:0px 1px 5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	#main section.list3 section img{width:100%;height:auto;margin-right:20px;}
	#main section.list4 section{float:left;width:49%;height:auto;margin:0px 1px 5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	#main2 section.list2 section{float:left;width:49%;height:auto;margin:0px 1px 5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	#main2 section.list2 section img{width:100%;height:auto;margin-right:20px;}
	#main2 section.list3 section{float:left;width:49%;height:auto;margin:0px 1px 5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	#main2 section.list3 section img{width:100%;height:auto;margin-right:20px;}
	#main2 section.list4 section{float:left;width:49%;height:auto;margin:0px 1px 5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	.toiawase{display:none;}
	.huan{display:none;}
	#floatingmenu{display:none;}
	.pcmenu{display:none;}
	.smmenu{display:inherit;}
}
.ta30{width:400px;height:40px;border:0;background-color:#0099ff;margin-bottom: 10px;}
@media only screen and (max-width:480px) {.ta30{width:90%;margin: 0 auto;margin-bottom: 10px;}
div.product_box div.product_img2{float:none;width:100%;margin-bottom:10px;}}
#main2 h2.post_title, #main2 h2.category_caption {
        padding: 0 10px;
        background:none;
        box-shadow: none;
        border-left: 7px solid #009f9c;
        border-bottom: 1px dashed #009f9c;
        line-height: 1.5;
        font-size: 20px;
        margin-bottom:10px;
        color: #333;
        text-decoration: none;
    }
    #main2 h2.post_title a:hover {
        text-decoration: underline;
    }
    #main2 .post_body p {
        margin-bottom: 1em;
    }
    #main2 .post_body {
        font-size: 16px;
        line-height: 1.5;
        padding: 0px 10px;
        box-sizing: border-box;
    }
    #main2 .post_body .text_area p {
        margin-bottom: 0;
    }
    .post_body {
        margin-bottom: 40px;
    }
    .post_body img {
        max-width: 100%;
        height:auto;
    }
    .img_area {
        display:table-cell;
        width: 200px;
        text-align: center;
        vertical-align: middle;
        margin-top: 10px;
    }
    .img_area img {
        max-width: 180px;
        max-height: 180px;
    }

    .text_area {
        display:table-cell;
        width: 70%;
        margin-top: 10px;
    }
    .text_area img {
        max-width: 100%;
        height: auto;
    }
    .blog_wiget_area .sub_category {
        font-size: 15px;
        font-weight: bold;
    }
    .mb20{margin-bottom:20px;}

    @media (max-width: 640px) {
        .img_area {
            width: 100px;
            padding-right: 10px;
        }

        .img_area img {
            max-width: 90px;
            max-height: 90px;
        }
    }

.gaibu_link{width:80%;background-color: #e6e6fa;margin: 20px auto;padding: 20px;border-radius: 10px;border: 2px solid #6cbcff;	box-shadow: 0 0 10px 0 #90bde2;}