@charset "utf-8";

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, font, 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 {
	margin:0;
	padding:0;
	background:transparent;
	border:0;
	outline:0;
	font-family:Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size:16px;
	line-height:1.5;
	text-align:left;
	word-break:break-all;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
	 } 
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
	display:block;
	}
img {
	vertical-align:middle;
	max-width:100%;
    }
strong {
	font-weight:normal;
	}
span {
	color:#EB0000;
	}
s,
s a {
	color:#000;
	}
body {	
	text-align:center;
	}
table {
	border-spacing:none;
	empty-cells:show;
	}
h2 {
	font-weight:normal;
	}
h3,h4,.b4 {
	margin:10px 0 5px 0;
	line-height:30px;
	background: rgb(109,179,242); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
	padding-left:10px;
	color:#fff;
	font-weight:bold;
	}


#a1a {
	border-bottom:1px solid #fff;
	height:auto;
	line-height:44px;
	background: rgb(122,188,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */

	}
#a1b {
	
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	white-space:nowrap;
	text-overflow:ellipsis;
	text-shadow:0 1px #fff;
	}
#a1b img {
	margin-top:10px;
	}
#a2345 {
	margin:auto 10px 12px 10px;
	font-size:14px;
	line-height:1.8;
	}
.a3 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	}
.a3 a {
	padding:6px 12px;
	border:1px solid #75d9d0;
	background-color:#d9f5f3;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#d9f5f3),color-stop(45%,#c8e4e2),color-stop(55%,#86e0e1),to(#75d9d0));
	-webkit-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0 1px #d9f5f3;
	box-shadow:0 1px #d9f5f3;
	text-decoration:none;
	}

.a4 {
	position:absolute;
	top:0;
	left:10px;
	}
.a5 {
	margin:10px;
	}
.a5 ul {
	-webkit-border-radius:8px;
	-webkit-box-shadow:0 0 3px #333;
	border-radius:8px;
	box-shadow:0 0 3px #333;
	}
.a5 li {
	border-top:1px solid #d9f5f3;
	border-bottom:1px solid #75d9d0;
	height:44px;
	line-height:44px;
	background-color:#fff;
	list-style:none;
	}
.a5 li:first-child {
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	border-top-right-radius:8px;
	border-top-left-radius:8px;
	}
.a5 li:last-child {
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	}
.a5 a {
	padding:0 14px;
	display:block;
	text-decoration:none;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	}

#a6 {
	text-align:center;
	background-color:#0074E6;
	clear:both;
	}
#a7 {
	display:none;
	}
#a8 li {
	float:left;
	list-style-type:none;
	padding-right:2px;
	}
.a9 {
	margin:2px 0 30px 10px;
	}
.a10 {
	margin:5px 0 5px 20px;
	}
.a10 li {
	float:left;
	list-style-type:none;
	padding-right:2px;
	}
.a11 {
	width:100%;
	text-align:center;
	}
/*a15はdesktopのみ表示、a14はiphoneのみ表示*/
div.a15 {
	display:none;
	}
#a16 {
	width:100%;
	text-align:center;
	}
p.b3 {
	text-align:left;
	}
/*
span.b29 {
	color:#c0c;
	}
*/
#b30,
#b30 th,
#b30 td {
	border:solid 1px #000;
	border-collapse:collapse;
	text-align:center;
	font-size:75%;
	}
#b30 {
	width:96%;
	margin:10px auto;
	}
#b30 th {
	background:#eef;
	}
/*
span.b31 {
	color:#222;
	}
span.b32 {
	color:#222;
	}
span.b34 {
	color:#222;
	}
span.b33 {
	color:#0a0;
	}
*/
span.b35 {
	color:#c0c;
	}
span.b36 {
	color:#0D870D;
	}
ul.c1 {
	margin-left:20px;
	font-size:14px;
	}
ul.c1 li,ul.c2 li,ul.c2b,
ul.c3 li,ul.c4 li {
	line-height:2.5;
}
ul.c2,ul.c2b {
	width:280px;
	}
ul.c2b li,
ul.c2b li a {
	font-size:12px;
	}
ul.c2a,
ul.c2a span {
	font-size:14px;
	}
ul.c2a {
	width:100%;
	margin:0;
	padding-left:18px;/*この記述があるとモバイル表示で右端が開いてしまう。*/
	}
ul#c3 {

	}
ul#c3 li {
	width:100%;
	text-align:center;
	list-style-type:none;
	}
ul#c3 li a {
	color:#fff;
	}
ul.c4 li {
	list-style-type:none;
	line-height:30px;;
	}
ul.c4 {
	margin:0 0 20px 20px;
	padding:0;
	}
#ad {
	background-color:#fff;
	text-align:center;
	padding-bottom:5px;
	}
#ad small {
	font-size:14px;
	}


/*768px//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////デスクトップ*/
@media screen and (min-width:768px){
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, font, 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 {
	font-size:15px;
}

body {	
	background:url(noisy_grid.png);
	}
#allcontents {
	background:#fff;
	margin:10px auto 20px auto;
	width:1000px;
	padding-top:16px;
	behavior:url(http://kanri.nkdesk.com/pie/PIE.htc);
	position:relative;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
	box-shadow:0 0 2px #aaa;
	}
#a1 {
	position:relative;
	margin:auto;
	width:960px;
	text-align:left;
	}
#a1a {
	border-bottom:none;
	height:auto;
	line-height:auto;
	background:#fff;
	}
#a1b {
	margin:0 auto;
	overflow:hidden;
	text-align:left;
	white-space:nowrap;
	text-overflow:ellipsis;
	text-shadow:0;
	}
#a1b img {
	margin-top:0px;
	}
#a2345 {
	width:960px;
	margin:auto;
	text-align:left;
	}
#a2 {
	width:300px;
	float:right;
	display:inline;
	}

#a345 {
	width:638px;
	float:left;
	display:inline;
	}
#a3 {
	width:230px;
	float:left;
	display:inline;
	}
#a4 {
	width:230px;
	float:left;
	display:inline;
	}
#a5 {
	width:168px;
	float:right;
	display:inline;
	border:1px solid #ddd;
	}


#a6 {
	padding:0;
	margin:auto;
	width:960px;
	clear:both;
	text-align:center;
	}
#a7 {
	display:block;
	position:absolute;
	top:2px;
	left:650px;
	}
#a7 input {
	font-size:13px;
	}

#a9 {
	position:absolute;
	top:92px;
	right:-50px;
	}
#a13 {
	position:fixed;
	bottom:20px;
	right:20px;
	width:80px;height:80px;
	}
* html #a13 {
	position:absolute;
	} 
div.a14 {
	display:none;
	}
div.a15 {
	display:block;
	}
#a16 {
	}
h1 {
/*	background:url(../gif/8.gif) no-repeat;*/
	font-size:12px;
	margin:0;
	padding:5px 0 0 0;
	font-weight:normal;
	color:#666;
	}
h2 {
	width:100%;
	}
h3 {
	margin:0 0 5px 5px;
	padding:0 0 0 10px;
	font-size:14px;
	line-height:22px;
	width:200px;
	color:#fff;
	background-color:#22f;
	font-weight:bold;

	behavior:url(http://kanri.nkdesk.com/pie/PIE.htc);
	position:relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	-moz-box-shadow:1px 2px 1px #ccc;
	-webkit-box-shadow:1px 2px 1px #ccc;
	box-shadow:1px 2px 1px #ccc;
background: #6db3f2; /* Old browsers */
background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
	}

h4 {
	font-size:14px;
	width:160px;
	margin:0 0 10px 5px;
	text-align:center;
	line-height:20px;
	border-top:solid 3px #1e69de;
	border-bottom:solid 1px #1e69de;
	background:none;
	background-color:#6db3f2;
	padding-left:0;
	}



li a	{
	color:#00f;
	}
img {
	border:0;
	}
.section1 {
	margin:20px 0;
	}


p.b1 {
	width:960px;
	height:24px;
	padding:2px 0;
	background-color:#22f;

	behavior:url(http://kanri.nkdesk.com/pie/PIE.htc);
	position:relative;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
	box-shadow:1px 1px 1px #999;
background: #6db3f2; /* Old browsers */
background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */

	}
p.b2 {
	font-size:14px;
	color:#222;
	margin:0 0 10px 30px;
	width:420px;
	}
p.b3 {
	font-size:15px;
	line-height:22px;
	text-indent:10px;
	color:#222;
	margin:2px 0 10px 10px;
	width:590px;
	}
p.b4 {
	margin:0 0 5px 0px;
	padding:0 0 0 10px;
	font-size:14px;
	line-height:24px;
	width:300px;
	color:#fff;
	background-color:#22f;
	font-weight:bold;

	behavior:url(http://kanri.nkdesk.com/pie/PIE.htc);
	position:relative;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-shadow:1px 2px 1px #999;
background: #6db3f2; /* Old browsers */
background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
	}

p.b5 {
	
	margin:0 0 5px 0px;
	padding-left:5px;
	font-size:14px;
	line-height:22px;
	}
p.b6 {
	padding:0 0 0 0px;
	font-size:14px;
	line-height:22px;
	width:168px;
	color:#fff;
	background-color:#22f;
	font-weight:bold;

	behavior:url(http://kanri.nkdesk.com/pie/PIE.htc);
	position:relative;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
	box-shadow:1px 1px 1px #999;
background: #6db3f2; /* Old browsers */
background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
	}


span.b17 {
	color:#000;
	}
span.b18 {
	color:#f00;
	}
ul.c1 li,ul.c2 li,ul.c2b li,ul.c3 li {
	line-height:1.6;
}
ul.c1 {
	width:200px;
	padding-left:10px;
	margin:0 0 20px 10px;
	font-size:15px;
	}
ul.c1 li {
	margin:2px 0;
	}
ul.c2,ul.c2b {
	margin:0 0 10px 0px;
	padding-left:18px;
	line-height:22px;
	}
ul.c2a {
	width:100%;
	margin:0px;
	padding-left:18px;
	}
ul.c2,
ul.c2 li a span {
	font-size:14px;
	}
ul#c3 {
	
	}
ul.c4 {
	width:150px;
	margin:0 0 20px 10px;
	padding:0;
	}
ul.c4 li {
	list-style-type:none;
	line-height:1.2;
	}
ul.c4 li a {
	font-size:90%;
	}
.d1 {
	border-collapse:collapse;
	text-align:center;
	margin:0 0 0 25px;
	width:250px;
	}
.d1 td {
	border:solid 1px #ccc;
	font-weight:bold;
	height:30px;
	text-align:center;
	}
.d2 td {
	width:100%;text-align:center;
	font-weight:bold;
	font-size:18px;
	color:#0395e1;
	border:none;
	}
.d3,.d3a {
	color:#f00;
	}
.d3 {
	background:#fee;
	}
.d4,.d4a {
	color:#00f;
	}
.d4 {
	background:#eef;
	}
.d5 {
	background:#ff8;
	font-weight:bold;
	}
.d6 {
	font-weight:bold;
	background:#efe;
	}
.d7 td {
	font-size:13px;
	color:#666;
	padding:5px 0 0 10px;
	text-align:left;
	border:none;
	}

div.d8 {
	width:300px;
	float:left;
	}
div#d9 {
	width:1500px;
	height:100%;
	}
div#d10{
	width:100%;
	height:100%;
	overflow:hidden;
	}
div#d11{
	width:300px;
	height:auto;
	position:relative;
	}
div#d12 {
	position:absolute;
	top:2px;
	left:50px;
	cursor:pointer;
	}
div#d13 {
	position:absolute;
	top:2px;
	left:225px;
	cursor:pointer;
	}
.d14 {
	color:#444;
	}

form.x1 dt label,#x6 label {
	font-weight:bold;
	font-size:14px;
	}
form.x1 dl {
	margin-left:5px;
	padding-left:0;
	margin-bottom:10px;
	}

#ad {
	margin:0;
	width:960px;
	background-color:#fff;
	text-align:center;
	padding-bottom:5px;
	}
#ad small {
	font-size:75%;
	}
input[type="submit"] {
	margin-top:5px;
	padding:2px 5px;
	}
input[type="text"] {
	height:20px;
	padding-left:10px;
	}
#x6 {
	margin:10px;
	}
#x6 button {
	margin:5px 0 10px 0;
	width:100px;
	text-align:center;
	}










}