@charset "UTF-8";
/* YUI 2: Reset CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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;
}

/* -------------- main ------------------ */
*{}
html,body {
	/*
	height:100%;
	*/
}
body{
	margin: 0;
	padding: 0;
	min-width: 1020px;
	/*
	width:1001px;
	*/

	line-height:120%;
	font-size: 14px;
	font-family: "メイリオ", Meiryo,"游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

a:link,a:visited{
	color: #4472c4;
	text-decoration: none;
}
a:hover,a:active{
	color: #4472c4;
	text-decoration: underline;
}


header{
	background-color: #fff;
	border-bottom: 1px solid #4472c4;
	padding: 0px;
	width:100%;
	color: #4472c4;
}
header a:link,header a:visited,header a:hover,header a:active{
	color: #4472c4;
}

navi{
	display: block;
	color: #4472c4;
	background-color: #fff;
	padding: 10px;
	border-bottom: 1px solid #4472c4;
	font-size: 90%;
}
navi a:link,
navi a:visited,
navi a:hover,
navi a:active	{color:#4472c4}

navi span{
	background-color: #4472c4;
	color: #fff;
	padding: 1px 5px;
}

#wrapper_head,
#wrapper{
	width: 1100px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
#wrapper{
	border-left: 1px solid #4472c4;
	border-right: 1px solid #4472c4;
}


aside{
	float: right;
	min-height: 600px;
	height: 100%;
	width: 200px;
	background-color: #fff;
	border-left: 1px solid #4472c4;
	/*
	border-right: 1px solid #4472c4;
	*/
}



aside a:link,
aside a:visited,
aside a:hover,
aside a:active	{color:#4472c4;}


aside a.sub:link,
aside a.sub:visited,
aside a.sub:hover,
aside a.sub:active	{background-color: #f0f0f0}


aside dl{
	margin:5px 5px 10px;
	/*border: 1px solid #4472c4;*/
}
aside dl dt{
	width:177px;
}
aside dl dt{
	border-bottom: 1px solid #477fb6;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	color: #fff;
	cursor:pointer;

	background: #4472c4;
	/*
	background: -moz-linear-gradient(top,  #1881e2 0%, #4472c4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1881e2), color-stop(100%,#4472c4));
	background: -webkit-linear-gradient(top,  #1881e2 0%,#4472c4 100%);
	background: -o-linear-gradient(top,  #1881e2 0%,#4472c4 100%);
	background: -ms-linear-gradient(top,  #1881e2 0%,#4472c4 100%);
	background: linear-gradient(to bottom,  #1881e2 0%,#4472c4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1881e2', endColorstr='#4472c4',GradientType=0 );
	*/
}
aside dl dd{
	/*
	padding: 0;
	margin-left:0;
	border-top-width:0;
	background-color: #fff;
	display:none;
	*/
	width:187px;
}
aside dl dd ul{
	/*
	padding-left:1.5em;
	*/
}
aside dl dd ul li{
	padding:3px 0 3px 5px;
	background: #666;
}

aside dl dt a:link,
aside dl dt a:visited,
aside dl dt a:hover,
aside dl dt a:active	{color:#fff;text-align: center;}

aside dl dd a{
	border: 1px solid #888;
	border-top-width: 0;
	padding:3px 0 3px 5px;
	display: block;
	/*
	background-color:#555;
	
	background-color:#fff;
	background-position:4px 3px;
	background-repeat:no-repeat;
	background-image:url(../img/icon/s_file.png);
	padding-left: 25px;
	*/
}
aside dl dd a.side_home{background-image:url(../img/icon/s_home.png)}
aside dl dd a.side_new{background-image:url(../img/icon/s_new.png)}
aside dl dd a.side_list{background-image:url(../img/icon/s_list.png)}
aside dl dd a.side_up{background-image:url(../img/icon/s_up.png)}
aside dl dd a.side_file{background-image:url(../img/icon/s_photo.png)}
aside dl dd a.side_hon{background-image:url(../img/icon/s_world.png)}
aside dl dd a.side_test{background-image:url(../img/icon/s_pc0.png)}


/* --- article --- */
article{
	float: left;
	/*
	min-width: 800px;
	*/
	width: calc(100% - 210px);
	min-height: 600px;
	display: table-cell;
	border-collapse:collapse;
	border-left: 1px solid #4472c4;
}
article > section{
	margin: 5px 5px 20px;
	/*
	width: 888px;
	*/
	width: 100%;
}
article > section > dl{
	/*
	clear: both;
	*/
	float: left;
	margin: 0 100px 20px 0;

	font-size: 90%;
	padding: 1em;
	width: 300px;
	border: 1px solid #4472c4;
	height: 64px;
	cursor: pointer;
}
article > section > dl:hover{
	background-color: #f0f3f4;
}


article > section > dl > dt,
article > section > dl > dd{
	float: left;
	/*
	margin-bottom: 2em;
	*/
}
article > section > dl > dd{
	margin-left: 1em;
	width: 218px;
}
article > section > dl > dd > h2{
	border-bottom: 1px dashed #4472c4;
	margin-bottom: 0.5em;
}


article > section > dl.newsdl{
	float: left;
	margin: 0 0 1em;

	font-size: 100%;
	padding: 0 1em 1em;
	width: 100%;
	border: none;
	height: unset;
	cursor: unset;
	box-sizing: border-box;
	border-bottom: 3px double #ccc;
}
article > section > dl.newsdl:hover{
	background-color: unset;
}


article > section > dl.newsdl > dt,
article > section > dl.newsdl > dd{
	float: left;
	/*
	margin-bottom: 2em;
	*/
	box-sizing: border-box;
}
article > section > dl.newsdl > dt{
	clear: left;
}
article > section > dl.newsdl > dt > div{
	background-color: #f0f0f0;
	padding: 0.5em;
	margin-bottom: 0.25em;
	text-align: center;
	width: 6em;
}
article > section > dl.newsdl > dd{
	margin-left: 1em;
	width: unset;
}
article > section > dl.newsdl > dd > h2{
	border-bottom: 1px dashed #4472c4;
    margin-bottom: 0.5em;
    font-size: 120%;
    line-height: 200%;
    margin-top: -0.25em;
}








footer{
	clear: both;
	background-color: #4472c4;
}
footer > div{
	/*
	width: 200px;
	*/
	text-align:center;
	margin: 0 auto;
	padding: 0.5em;
	color: #fff;
	font-size: 80%;
}

table,img{border:0;}
input,textarea{padding:3px}
input.nbtn{
	font-weight:bold;
	font-size:1.2em;
	padding: 0.5em;
	color:#C00;
}
select.ysel{
	margin-bottom:1em;
}

#searchbox {clear: both; margin: 1em auto}
#searchbox input{float: left}
#searchbox div{float: left}
#searchbox .prev{margin-right: 1em}
#searchbox .next{margin-left: 1em}
#searchbox span{color: #ccc;}

table.mtable{
	border:1px solid #333;
	margin: 0 auto 1em;
	border-collapse:collapse;
	float:left;
	/*
	width: 886px;
	*/
	width: 100%;
	font-size: 11px;
	line-height: 125%;
}
table.mtable th,table.mtable td{
	border:1px solid #333;
	padding: 5px;
	vertical-align: top;
}
table.mtable th{
	background-color: #ddd;
	white-space: nowrap;
	text-align: center;
}

table.mtable tr.details th{
	width: 4.5em;
}

table.mtable td{background-color: #f9f9f9}
table.mtable .mk{
	margin-right:5px;
	color:#333;
}
table.mtable td.num{white-space: nowrap}

table.mtable td ul{
}
table.mtable td ul li::before{
  content: "・";
}
table.mtable td ul li{
	text-indent: -1em;
	margin-left: 1em;
}

table.mtable td p{
	text-indent: -1em;
	margin-left: 1em;
}



table.ltable{
	border:1px solid #333;
	border-collapse:collapse;
	width: 300px;
	margin: 1em auto;
}
table.ltable th,table.ltable td{
	border:1px solid #333;
	padding: 5px;
}
table.ltable th{
	background-color: #ddd;
	white-space: nowrap;
	font-weight: normal;
}
table.ltable td{ background-color: #f9f9f9; }
table.ltable .mk{
	margin-right:5px;
	color:#333;
}

#filebox{
	border: 1px solid #ccc;
	width: 883px;
	height: 500px;
	overflow:scroll;
}

#filebox > a, #filebox > div{
	display:block;
	cursor:pointer;
	border: 3px solid #ccc;
	padding: 2px;
	margin: 2px 13px 8px 2px;
	float: left;
	text-align: center;
	font-size: 75%;
	word-wrap: break-word;
}

#filebox > a.nonimg{
	display:block;
	width: 160px;
	height: 160px;
}



.mtxt{
	clear: both;
	margin: 1em auto;
	text-align:center;
}
.mtxt input{
	font-size:18px;
	margin: 0 auto 2em;
}
.txt2{
	color: #c00;
	margin: 1em auto;
	text-align: center;
}
.decotable{
	background-color:#b5b5b5;
	border:0;
	margin:0;
}
.decotable td{
	border:0;
	padding:1px;
}

div.lgout{
	float:right;
	font-size:10px;
	margin:15px;
	/* display:none; */
}





.head-line01{
	font-size: 18px;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 10px 15px 10px 15px;
	border-bottom: 2px solid #4472c4;
	background: #f0f0f0;
}

.filecom{
	font-size:80%;
	padding-left: 0.5em;
}
.fancyframe{
	font-size:12px;
	padding-left: 5px;
}

#exec{margin-top: 5px}
#file_menu{
	padding: 1em;
	font-size: 12px;
	height: 24px;
}
#file_menu > div{
	float: left;
	margin-right: 10px;
}
#file_button{
	text-align: center;
	clear: both;
	width: 790px;
	margin: 1em auto;
}

/* 2017.3.8 */
.midbutton{
	line-height: 1.4em;
	padding: 0 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    vertical-align: bottom;
}

.nav-cont{
	display: none;
}