@charset 'utf-8';

/*******************************************************
  Reset -> all
********************************************************/
*, html, body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, form, input, textarea, p{
	margin: 0;
	padding: 0;
/*	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	font-family:  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka,'MS PGothic', arial, helvetica, sans-serif;
}
input{
	margin:3px;
}

html{
	overflow:scroll;
}
body{
	position:relative;
	text-align:center;
}
img,img a,a img{
	margin: 0;
	padding: 0;
	border: none;
	border-style: none;
	text-decoration: none;
}
a{
	color: #3088bf;
	text-decoration: underline;
	font-weight: normal;
	overflow: hidden;
}
a, a:link, a:hover {
	cursor: pointer;
} 
a:link, a:visited{
	text-decoration: underline;
}
a:hover, a:active { outline: none; text-decoration: underline; color: #3dadf2;}
a:focus{
	outline:none;
	-moz-outline-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size:1em;
	line-height: 1.6em;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
ol,ul {
	list-style: none;
}
form{
	margin: 0;
	padding: 0;
}
button, input, select, textarea{
	font-size: 1em;
	display: inline;

}
.clear {
	padding: 1px;
	clear: both;
}

/*-----------------------------------------------
  common -> all
-----------------------------------------------*/
body{
	min-width: 1200px;
	color: 242424;
	font-size: 14px;
	line-height:1.6em;
	text-align: center;
	background:#f7f7f9;
}
#main{
	position:relative;
	top:0;
	overflow:hidden;
	padding-top:40px;
	padding-bottom:50px;
}

.container{
	margin: 0 auto;
	width: 100%;
}
.contents{
	margin: 0 auto;
	width: calc(100% - 80px);
	max-width: 1200px;
	text-align:center;
	overflow: hidden;
}

.wrap{
	width: 100%;
	margin: 0 0 35px;
	overflow: hidden;
}

input[type="text"].sizeM , input[type="password"].sizeM{
	width:250px;
}
input[type="text"].sizeS , input[type="password"].sizeS{
	width:48px;
}
input[type="submit"],input[type="button"]{
	padding:5px;
}
}

input[type="button"]{
	display:none;
}

/*-----------------------------------------------
  parts
-----------------------------------------------*/
.fltL{ float: left; }
.fltR{ float: right; }
.txtC{ text-align: center !important; }
.txtL{ text-align: left !important; }
.txtR{ text-align: right !important; }
.txtC{ text-align: center !important; }
.fnts{ font-size: 0.9em !important; }

.mgnT10{ margin-top: 10px !important; }
.mgnT20{ margin-top: 20px !important; }
.mgnT30{ margin-top: 30px !important; }
.mgnT40{ margin-top: 40px !important; }
.mgL30{ margin-left: 30px !important; }
.mgB10{ margin-bottom: 10px !important; }
.mgB20{ margin-bottom: 20px !important; }
.mgB30{ margin-bottom: 30px !important; }
.mgB40{ margin-bottom: 40px !important; }
.mgT-50{ margin-top: -50px; }

.fnt_emp{ font-weight: bold; color: #003f7f; }
.fnt_att{ color: #d3381c; }

ul.disc{
	text-align:left;
	list-style: disc none outside;
}
ul.disc li{
	margin: 0 0 15px 20px;
}
ul.square{
	text-align:left;
	list-style: square none outside;
}
ul.square li{
	margin: 0 0 5px 20px;
}
ul.demical{
	text-align:left;
	list-style: decimal none outside;
}
ul.demical li{
	margin: 0 0 15px 25px;
}


/*-----------------------------------
 .table
-----------------------------------*/

table.vertical {
	font-size:14px;
	margin: 10px auto;
	border-collapse: collapse;
	border-spacing: 0px 2px;
	outline:solid 1px #aaaaaa;
	border:solid 2px #ffffff;
	background: -ms-linear-gradient(top, #055f96, #0577bd);
	background: linear-gradient(to bottom, #055f96, #0577bd);
	background: -moz-linear-gradient(bottom,#0577bd, #055f96);
	background: -webkit-gradient(linear, left bottom, left top, from(#055f96), to(#0577bd));
	padding:30px 0;
}
table.vertical th,
table.vertical td {
	padding: 5px;
	padding-left:10px;
}
table.vertical th {
	background:none;
	vertical-align: middle;
	text-align: left;
	width: 100px;
	overflow: visible;
	position: relative;
	color: #fff;
	font-weight:bold;
	border:1px solid #ffffff;
}

table.vertical td {
	vertical-align: middle;
	background: #efefef;
	width: 360px;
	border:1px solid #dddddd;
	padding-left: 10px;
	text-align:left;
}
table.vertical span{
	padding: 0 2px;
	color: #d3381c;
	font-size: 0.95em;
}



table.horizon {
	border-collapse: separate;
	border-spacing: 0;
	padding: 0 0 3px;
	text-align: center;
}
table.horizon tr:first-child {
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1), 0px 1px 1px rgba(255,255,255,0.3) inset;
}
table.horizon th {
	color: #fff;
	padding: 10px 15px;
	background: #258;
	
	background: -ms-linear-gradient(top, #888888, #333333);
	background: linear-gradient(to bottom, #888888, #333333);
	background:-moz-linear-gradient(#888888, #333333 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(#888888), to(#333333));

	font-weight: bold;
	border-left:1px solid #333333;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	line-height: 120%;
	text-shadow:0 -1px 0 rgba(34,85,136,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
table.horizon th:first-child {
	border-radius: 5px 0 0 0;
}
table.horizon th:last-child {
	border-radius:0 5px 0 0;
	border-right:1px solid #333333;
}
table.horizon td {
	padding: 10px;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	text-align: center;
	vertical-align: middle;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table.horizon tr td:first-child {
	padding-top: 10px;
}
table.horizon tr td:last-child {
	border-right: 1px solid #333333;

}
table.horizon tr {
	background: #fff;
}
table.horizon tr:nth-child(2n+1) {
	background: #f1f6fc;
}
table.horizon tr:last-child td {
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table.horizon tr:last-child td:first-child {
	border-radius: 0 0 0 5px;
}
table.horizon tr:last-child td:last-child {
	border-radius: 0 0 5px 0;
}




table#diaryReports {
	border-collapse: separate;
	border-spacing: 0;
	padding: 0 0 3px;
	text-align: center;
	margin-bottom:40px;
}


table#diaryReports th {
	color: #fff;
	padding: 10px 15px;
	background: #258;
	background: -ms-linear-gradient(top, #888888, #333333);
	background: linear-gradient(to bottom, #888888, #333333);
	background:-moz-linear-gradient(#888888, #333333 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(#888888), to(#333333));
	font-weight: bold;
	border-left:1px solid #333333;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	line-height: 120%;
	text-shadow:0 -1px 0 rgba(34,85,136,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
table#diaryReports tr:first-child > th:first-child {
	border-radius: 5px 0 0 0;
}
table#diaryReports tr:first-child > th:last-child {
	border-radius:0 5px 0 0;
}

table#diaryReports th:last-child {
	border-right:1px solid #333333;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}



table#diaryReports td {
	padding: 10px;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	text-align: center;
	vertical-align: middle;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table#diaryReports tr td:first-child {
	padding-top: 10px;
}
table#diaryReports tr td:last-child {
	border-right: 1px solid #333333;

}
table#diaryReports tr {
	background: #fff;
}
table#diaryReports tr:nth-child(4n+1) , table#diaryReports tr:nth-child(4n+2) {
	background: #f1f6fc;
}

/*
table#diaryReports tr:last-child td {
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table#diaryReports tr:last-child td:first-child {
	border-radius: 0 0 0 5px;
}
table#diaryReports tr:last-child td:last-child {
	border-radius: 0 0 5px 0;
}
*/

table.horizon td.no-padding{
	padding:0;
}
/*-----------------------------------------------
  header
-----------------------------------------------*/
header{
	width:100%;
	background:#ffffff;
	margin: 0;
	height: 164px;
}
header{
	z-index:3;
	display:block;
	box-shadow: 0 0 1px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 0 1px 0 rgba(0,0,0,0.2)
}
header h1{
	text-align:left;
	font-weight:bold;
	line-height:3em;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-size:2.2em;
	margin: 0;
	width: 570px;
	height: 85px;
	float:left;
}
header h1 span{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-size:0.5em;

}
header div#sitelink{
	text-align:right;
	background-color: #055f96;
	color:#FFFFFF;
}
header div#sitelink a:link,header div#sitelink a:hover,header div#sitelink a:active,header div#sitelink a:visited{
	color:#ffffff;
	text-decolation:none;
}
th a:link,th a:hover,th a:active,th a:visited{
	color:#ffffff;
}
header div#menu{
	width:250px;
	float:right;
}
#mainHeader{
	padding:0;
//	background: #1A1100;
//	background: -webkit-linear-gradient(top,#1A1100 0%,#453a27 100%);
//	background: linear-gradient(to bottom,#1A1100 0%,#453a27 100%);
	background: #ffffff;

	border-bottom: 1px solid #454543;
}
#constructionMenu{
	min-width:1200px;
	opacity:0.9;
	border-top: 1px solid #383715;
	background: #2b2b14;
	color:#FFFFFF;
	font-size: 15px;
	padding: 8px 0;
	vertical-align:middle;
}
#constructionMenu a{
	display:inline-block;
	padding: 0.4em 1.2em;
	font-weight: bold;
	vertical-align:middle;
	border: 1px solid #fefefe;
	border-radius: 3px;
	background: #fefefe;
}
#constructionMenu a:link,#constructionMenu a:active,#constructionMenu a:visited{
	color:#000000;
	text-decoration:none;
}

#constructionMenu a#extend{
	display:inline-block;
	padding: 0.4em 1.2em;
	font-weight: bold;
	vertical-align:middle;
	border: 1px solid #aaaaaa;
	border-radius: 3px;
	background: #128065;
}

a:link#extend,
a:active#extend,
a:visited#extend{
	color:#ffffff;
	text-decoration:none;
}
#constructionMenu a:hover#extend{
	color:#ffffff;
	text-decoration:underline;
}





#constructionMenu a:hover{
	color:#0577bd;
	text-decoration:underline;
}

#constructionMenu a.cmOn{
	background:#444444;
}

#constructionMenu a.cmOn:link,#constructionMenu a.cmOn:active,#constructionMenu a.cmOn:visited{
	color:#ffffff;
	text-decoration:none;
}
#constructionMenu a.cmOn:hover{
	text-decoration:underline;
}

.fonts{
	margin:0;
	margin-right:10px;
	margin-bottom:5px;
}
.fonts span,
.fonts ul{
	vertical-align:middle;
	display: inline-block;
}

.fonts li{
	display:inline-block;
	vertical-align:middle;
	padding:5px;
	width:30px;
	height:auto;
	background: #efefef;
	margin: 5px 0 0 0;
	cursor: pointer;
}
.fonts li.on{
	background: #055f96;
	color:#ffffff;
}

.fonts li{
	text-decoration:none;
	color:#000000;
}

/*-----------------------------------------------
  nav
-----------------------------------------------*/
nav a{
	float:left;
	display:block;
	width:120px;
	height:auto;
	cursor:pointer;
	margin: 0 10px;
	padding: 4px;
	border:1px solid #b2b2b2;
	border-radius: 3px;
	font-weight: bold;
/*	outline:1px solid #b2b2b2;*/
	background: -ms-linear-gradient(top, #efefef, #b2b2b2);
	background: linear-gradient(to bottom, #efefef, #b2b2b2);
	background: -moz-linear-gradient(bottom, #efefef, #b2b2b2 50%, #efefef);
	background: -webkit-gradient(linear, left bottom, left top, from(#efefef), color-stop(0.5, #b2b2b2), to(#efefef));
}

nav a:link ,nav a:visited ,nav a:active ,nav a:hover{
	color:#000000;
	text-decoration:none;
}

nav a:hover{
	outline:1px solid #b2b2b2;
	border:1px solid #055f96;
	border-radius: 3px;
	color:#055f96;
	text-decoration:none;
}
/*-----------------------------------------------
  top
-----------------------------------------------*/
.Gray{
	background: #ededed;
}
.borderB{
	border-bottom: 1px solid #ededed;
}

.table-cell{
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
}
.cont01{
	line-height: 1.6;
	width: 485px;
	height: 300px;
	overflow: hidden;
}
.cont02{
	line-height: 1.6;
	width: 440px;
	overflow: hidden;
}
.table-cell h3{
	font-size: 180%;
	width: 100%;
	height: auto;
	text-indent: 0;
}
.iconList li{
	float: left;
	width: 230px;
	margin-right: 10px;
}
.iconList li:last-child{ margin-right: 0; }
/*-----------------------------------------------
  mainimage
-----------------------------------------------*/
#mainimage{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 10px 0;
	height: 259px;
	text-align: center;
}

/*-----------------------------------------------
  footer
-----------------------------------------------*/
footer{
	clear: both;
	margin: 0 auto;
	width: 100%;
	height: 200px;
	background: #1a1100;
	overflow: hidden;
	color: #ffffff;
	text-align: center;
}
footer #page-bottom{
	position: relative;
	overflow: hidden;
	margin: 20px auto;
	width: 100%;
	text-align: center;

}
footer p{
	position: relative;
	overflow: hidden;
	margin: 20px auto;
	width: 100%;
	text-align: center;

}
footer a{
	font-size: 1.15em;
}

footer a,
footer a:link,
footer a:visited,
footer a:hover,
footer a:active {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}
footer a:hover{
	color: #fffff;
	text-decoration: underline;
}

/*-----------------------------------
h2,h3,h4
-----------------------------------*/
h2{
	font-size:26px;
	width:100%;
	height:30px;
	border-bottom:1px solid #0577bd;
	padding: 0.5em 0 0 0;
	margin-bottom:10px;
	box-sizing: content-box;
	background: #eaf3ff;
}

div.contents-wrap h2{

padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #7db4e6;/*左線*/

}

h3{
	clear: both;
	width: 624px;
	height: 40px;
	margin: 0 0 20px;
	text-indent: -9999px;
}

/*-----------------------------------
 .Column
-----------------------------------*/

.column50{
	width:46%;
	padding:10px;
	text-align:center;
}

.column70{
	width:66%;
	padding:10px;
	text-align:center;
}

.column30{
	width:29%;
	padding:1%;
	text-align:center;
}
.column25{
	width:calc(25% - 10px);
	text-align:center;
	margin-left:10px
}
.first{
	margin-left:0;
}
.box{
	background:#FFFFFF;
	border:1px solid #cccccc;
	padding:0;
}
.box h2{
	padding-top:15px;
	margin:0;
	color:#FFFFFF;
	font-size:1.5em;
	text-align:center;
	background: #00194f; /* Old browsers */
	background: -ms-linear-gradient(top, #055f96, #0577bd);
	background: linear-gradient(to bottom, #055f96, #0577bd);
	background: -moz-linear-gradient(bottom,#0577bd, #055f96);
	background: -webkit-gradient(linear, left bottom, left top, from(#055f96), to(#0577bd));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00194f', endColorstr='#003099',GradientType=0 ); /* IE6-9 */
}
.box .boxInner{
	height:220px;
	padding:20px;
	overflow:auto;
}
/*-----------------------------------
 .index
-----------------------------------*/

ul#newslst{
	margin: 0 0 10px;
	display: table;
	width:100%
}
ul#newslst li{
	padding: 10px;
	border-bottom: 1px solid #cecece;
}
ul#newslst span{
	display: table-cell;
	width: 100px;
}
ul#newslst span.comments{
	display: table-cell;
	width: 504px;
}
ul#newslst a{
	display: table-cell;
	width: 504px;
}

#news{
	overflow-y: scroll;
}
#news li{
	padding: 0 6px;
	min-height: 30px;
	border-bottom: dotted 1px #bababa;
}
#news li span{
	margin: 5px 0;
	display: inline-block;
	padding: 4px 0 2px;
	vertical-align: top;
	line-height: 20px;
	font-size: 14px;
}
#news li span.date{
	width: 160px;
}
#news li span.category01,
#news li span.category02,
#news li span.category03{
	width: 150px;
	line-height: 18px;
	color: #ffffff;
	text-align: center;
	font-size: 0.9em;
}
#news li span.category01{
	background: #166093;
}
#news li span.category02{
	background: #4f6f09;
}
#news li span.category03{
	background: #4f096f;
}
#news li span.txt{
	margin-left: 10px;
	width: calc(100% - 330px);
}



/*-----------------------------------
 .input
-----------------------------------*/

input[type="submit"].ds ,input[type="button"].ds{
	color:#ffffff;
	padding:10px;
	background:#055f96;
	cursor:pointer;
	margin: 10px auto;
	border:0;
	font-weight:bold;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
	background: -moz-linear-gradient(bottom, #055f96, #0577bd 50%, #055f96);
	background: -webkit-gradient(linear, left bottom, left top, from(#055f96), color-stop(0.5, #0577bd), to(#055f96));

}

input[type="submit"]:hover.ds ,input[type="button"]:hover.ds {
	/* 透明度を20%に指定 */
	opacity: 0.8;
	box-shadow: 1px 1px 2px 0px #666;
	-moz-box-shadow: 1px 1px 2px 0px #666;
	-webkit-box-shadow: 1px 1px 2px 0px #666;

}

input[type="text"],input[type="password"]{
	display:inline;
	padding:3px;
	background:#FFFFFF;
	width:100px;
}


input[type="text"]:focus,input[type="password"]:focus {
	background:#f1fff1;
}

/*-----------------------------------
 .button
-----------------------------------*/
.btnBlue{
	float: left;
	position: relative;
	width: 320px;
	height: 48px;
	line-height: 48px;
	background: #1e54b6;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align:center;
}
.btnBlue a{
	color: #ffffff;
	font-size: 1.3em;
	text-decoration: none;
	display: block;
}
.btnBlack a,
.btnBlack input[type="submit"]{
	position: relative;
	background-color: #333333;
	background-image: linear-gradient(#333333, #555555);
	background: -ms-linear-gradient(top, #333333, #555555);
	background: linear-gradient(to bottom, #333333, #555555);
	background: -moz-linear-gradient(bottom,#333333, #555555);
	background: -webkit-gradient(linear, left bottom, left top, from(#333333), to(#5555555));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#555555',GradientType=0 ); /* IE6-9 */
	border: 1px solid #232323;
	color: #ffffff;
	font-size: 1em;
	text-decoration: none;
	padding: 0.6em 2em;
	display: inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor: pointer;
}
.btnBlack a:hover,
.btnBlack input[type="submit"]:hover{
	background-color: #555555;
	background-image: linear-gradient(#555555, #777777);
	background: -ms-linear-gradient(top, #555555, #777777);
	background: linear-gradient(to bottom, #555555, #777777);
	background: -moz-linear-gradient(bottom,#555555, #777777);
	background: -webkit-gradient(linear, left bottom, left top, from(#555555), to(#777777));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#777777',GradientType=0 ); /* IE6-9 */
}
.arrow:after{
	display:block;
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 12px;
	width: 8px;
	height: 8px;
	border-right: 2px solid #ffffff;
	border-top: 2px solid #ffffff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
a:hover.arrow:after{
	display:block;
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 12px;
	width: 8px;
	height: 8px;
	border-right: 2px solid #ef84d7;
	border-top: 2px solid #ef84d7;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.btn{
	display: block;
	text-indent: -9999px;
}
a.toggleBar{
	display: inline-block;
	vertical-align:middle;
	padding: 10px 0;
	line-height:1em;
	width:948px;
	border:1px solid #cccccc;
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
	background: -ms-linear-gradient(top, #efefef, #b2b2b2);
	background: linear-gradient(to bottom, #efefef, #b2b2b2);
	background: -moz-linear-gradient(bottom, #efefef, #b2b2b2 50%, #efefef);
	background: -webkit-gradient(linear, left bottom, left top, from(#efefef), color-stop(0.5, #b2b2b2), to(#efefef));
}

a.toggleBar:link,a.toggleBar:active,a.toggleBar:visited{
	color:#000000;
}
a.toggleBar:hover{
	color:#003A00;
}
a.toggleBar img{
	float:right;
	margin-right:20px;
	border:1px #999999 solid;
	outline:1px #cccccc solid;
}
.yearsBox{
	padding-top:10px;
	display:none;
}



/*-----------------------------------
 .tab
-----------------------------------*/

ul#tab{
	display:block;
	margin:10px 0;
	float:left;
	border-bottom:2px solid #0577bd;
	width:100%;
	padding:0
}
ul#tab li{
	font-weight:bold;
	display:block;
	float:left;
	margin:0;
	margin-right:10px;
	border:1px solid #cccccc;
	border-bottom:none;
	border-radius: 5px 5px 0px 0px;
}
ul#tab li a{
	display:block;
	padding:10px 20px;
	width:auto;
	min-width:100px;
}
ul#tab li.close{
	background: #828c99; /* Old browsers */
	background: -moz-linear-gradient(top,  #828c99 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828c99), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #828c99 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #828c99 0%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #828c99 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #828c99 0%,#efefef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828c99', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
	position: relative;
}
ul#tab li.close a{
	color:#222222;
}
ul#tab li.open{
	background: #00194f; /* Old browsers */
	background: -ms-linear-gradient(top, #055f96, #0577bd);
	background: linear-gradient(to bottom, #055f96, #0577bd);
	background: -moz-linear-gradient(bottom,#0577bd, #055f96);
	background: -webkit-gradient(linear, left bottom, left top, from(#055f96), to(#0577bd));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00194f', endColorstr='#003099',GradientType=0 ); /* IE6-9 */
}
ul#tab li.close:before{
	display:block;
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -2px;
	left: 6px;
	width: 4px;
	height: 4px;
	border-right: 2px solid #055f96;
	border-top: 2px solid #055f96;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
ul#tab li.open a{
	color:#FFFFFF;
}

.tabBox{
display:none;
}


label.clr{
	clear:both;
}
label.but{
	float:left;
	display:inline-block;
	margin:3px 5px;
	padding:4px;
	min-width:110px;
	line-height:1em;
	background:#dddddd;
	border-bottom:1px solid #aaaaaa;
	border-right:1px solid #bbbbbb;
}

label.but:hover{
	background:#eeeeee;
	border-bottom:1px solid #aaaaaa;
	border-right:1px solid #bbbbbb;
}				
label.but input[type="checkbox"]{
	display:inline;
}

label.non{
	float:none;
	display:inline-block;
	margin:5px 10px;
	min-width:100px;
}				
#sortable {
	display:block;
	overflow:hidden;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#sortable li {
	background:#dddddd;
	color:#000000;
	display:block;
	float:left;
	text-indent:0;
	margin: 0 3px 3px 3px; 
	width:auto;
	padding: 5px;
	height: 18px;
	border:0px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
	border-right:1px solid #bbbbbb;
}
#sortable li:hover {
	background:#eeeeee;
}
.documentList li{
	border-bottom:1px dotted #cccccc;
}
.documentList span{
	display:inline-block;
	float:right;
	

}
div.error{
	font-size:1.2em;
	font-weight:bold;
	color:red;
}



.aside{
	float: left;
	width: 210px;
	margin:5px 5px;
}
.aside a.toggleBar{
	width: 100%;
	margin: 0;
}
.aside > ul > li{
	border: 1px solid #aaaaaa;
	outline: 5px solid #e2e5e8;
	margin-bottom: 15px;
}
.aside ul li ul li{
	box-sizing: border-box;
	border-top: 1px solid #f2f2f2;
	text-align: left;
}
.aside ul li ul li:nth-child(even){
	background: #f9f9f9;
}
.aside ul li ul li a{
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	padding: 0.5rem 0 0.5rem 25px;
	vertical-align: middle;
	width: 100%;
}
.aside ul li ul li a:hover{
	background: #f2f2f2;
}
.aside ul li ul li a::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -2px;
	left: 8px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #055f96;
	border-right: 2px solid #055f96;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.aside ul li ul li.current{
	background:#888888;
	color:#FFFFFF;
}
.aside ul li ul li.current a{
	background: #888888;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}






.aside a.toggleBar{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	background: #333333;
	color: #ffffff;
	font-family: 'Century Gothic', sans-serif;
	font-weight: normal;
	font-size: 24px;
	text-decoration:none;
}
.modal-content {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	margin:0;
	padding: 20px;
	overflow: hidden;
	width:800px;
	background:#f4f4f4;
}
.modal-content table{
	padding:10px;
	background:#FFFFFF;
}
.modal-content table th{
	text-align:center;
}
.modal-content table td{
	padding:5px 0;
}
div.success{
	font-size:1.4em;
	color:#196819;
	font-weight:bold;
}
.modal-content div.success{
	font-size:1em;
	color:#196819;
	font-weight:bold;
}
.modal-content div.error{
	font-size:1em;
	color:red;
	font-weight:bold;
}
.modal-content div.contents{
	float:left;
	overflow:hidden;
	width:700px;
}
.modal-content p {
    margin:0;
    padding:0;
}
.modal-content ul{
	margin: 0 auto;
	width: 560px;
	text-align: left;
}
.modal-content ul li{
	padding: 5px 10px;
	overflow: hidden;
}
.modal-content ul li:nth-child(even){
	background:#f8ecbe;
}
.modal-content input[type="text"]{
	display: block;
	margin-left: 5rem;
	width: 440px;
}
.contents-wrap{
	float: right;
	width:100%; 
	max-width:940px;
}

.contents-wrap > div.dataDisplay{
	display:none;
}

.contents-wrap .contents{
	width: 100%;
	overflow: hidden;

}
.contents-wrap .contents a.toggleBar{
	width: 100%;
}