@charset "utf-8";

#container{
	width:1200px;
	margin: auto;
}

#container-wide{
    width:1600px;
	margin: auto;
}
/* header -------------------------------------------------- */
#header{
/*    width:1200px;
    height:50px;
    border:1px solid #99B93A;*/
}
#header-wide{
/*    height:50px;
    border:1px solid #99B93A;*/
}

/* Menu -------------------------------------------------- */
#nav{
    float: left;
	width:180px;
	margin:auto;
	padding-top:4px;
    line-height: 140%;
}

#nav ul li{
	/*float:left;*/
}
#nav ul li{
	/*width:200px;*/
}
#nav li a {
    text-decoration: none;
    border:1px solid #99B93A;
    border-top:none;
}
#nav li a:link,  #nav li a:visited {
    display: block;
    padding: 2px 0 0 6px;
    color:#333333;
}
#nav li a:hover, #nav li #current {
    background-color: #F5FFF2;
    color: #FF1919;
    padding: 2px 0 0 6px;
}
.li-head{
    padding:1px;
    text-align:center;
    color:#FFFFFF;
    font-weight:bold;
    background-color: #99B93A;
}
.regulusUl .li-head{
    background-color: #F39100;
}
#nav ul.regulusUl li a{
    border-color: #F39100;
}
.youguUl .li-head{
    background-color: #2f659b;
}
#nav ul.youguUl li a{
    border-color: #4cc5f5;
}
/* contents -------------------------------------------------- */
#contents{
    float: left;
	width:1000px;
    margin:auto;
    margin-left:10px;
	margin-top:10px;
	background-color:#FFFFFF;
}
#contents-wide{
    width:1400px;
    float: left;
    margin:auto;
    margin-left:10px;
	margin-top:10px;
	background-color:#FFFFFF;
}

/* table -------------------------------------------------- */
.table-service-select {
	width:1000px;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	border-spacing: 0;
	margin:auto;
}
.table-service-select th{
	background-color:#FAFAFA;
	border: 1px solid #CCCCCC;
	padding:5px 5px;
	font-weight:500;
	text-align:center;
}
.table-service-select td{
	background-color:#FFFFFF;
	border: 1px solid #CCCCCC;
	padding:5px 5px;
	font-weight:500;
        line-height:140%;
}

.table-service-select2 {
	width:1000px;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	border-spacing: 0;
	margin:auto;
}
.table-service-select2 th{
	background-color:#FAFAFA;
	border: 1px solid #CCCCCC;
	padding:5px 5px;
	font-weight:500;
}
.table-service-select2 td{
	background-color:#FFFFFF;
	border: 1px solid #CCCCCC;
	padding:5px 5px;
	font-weight:500;
        line-height:140%;
}
.table-service-select-wide {
    width:1400px;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	border-spacing: 0;
	margin:auto;
}
.table-service-select-wide th{
	background-color:#FAFAFA;
	border: 1px solid #CCCCCC;
	padding:5px 1px;
	font-weight:500;
	text-align:center;
}
.table-service-select-wide td{
	background-color:#FFFFFF;
	border: 1px solid #CCCCCC;
	padding:3px 2px;
	font-weight:500;
}

/* 見出し -------------------------------------------------- */
h2.title{
    border-left: 7px solid #8BC53F;
    border-bottom: 1px dashed #8BC53F;
    padding:8px 16px;
    margin-bottom:20px;
    font-size:110%;
}
h3{
    border-left: 7px solid #B8E878;
    border-bottom: 1px dashed #B8E878;
    padding:4px 16px;
		margin-top:20px;
    margin-bottom:10px;
    font-size:100%;
}
.subtitle{
    font-size:100%;
    font-weight: bold;
}

/* others ------------------------------------------------*/
.clear{
	clear:both;
	_line-height :0;
}

/* TextAlign ------------------------------------------------*/
.tal{
	text-align:left;
}
.tac{
	text-align:center;
}
.tar{
	text-align:right;
}
.vtop{
    vertical-align: top;
}
/* Form Error ------------------------------------------------*/
#error-block{
    margin:auto;
    padding:3px;
    color:#FFFFFF;
    background-color:#CD0000;
    font-weight:bold;
    text-align:center;
}

#notice-block{
    margin:auto;
    padding:3px;
    color:#FFFFFF;
    background-color:#0000F5;
    font-weight:bold;
    text-align:center;
}

/* margin ------------------------------------------------*/
.mt10{
    margin-top:10px;
}
.mt20{
    margin-top:20px;
}
.mb10{
    margin-bottom:10px;
}
.mb20{
    margin-bottom:20px;
}
.mr20{
    margin-right:20px;
}
.ml20{
    margin-left:20px;
}
/* padding */
.pd0{
    padding:0;
}
/* font-size */
.fs80{
    font-size:80%;
}
/* Other */
.nowrap{
    white-space: nowrap;
}

.imeoff{
    ime-mode: disabled;
}
.bold{
    font-weight:bold;
}
/* Button*/
.bt {
    width:100px;
    height:40px;
    font-size:100%;
    text-align:center;
}

/* 利用者別チケット管理などの幅の狭いTD*/
.short-th{
    width: 34px;
}

/* 漢字を五十音順にする場合の隠しフリガナ*/
.furi-hidden{
    display: block;
    height: 1px;
    position: relative;
    margin-top: -1px;
    text-indent: -9999px;
    overflow: hidden;
}

/**/
div.basicFlex {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between; 
}

div.kyotakuInputArea div.kaigoInputArea,
div.kyotakuInputArea div.yobouInputArea,
div.kyotakuInputArea div.tiikikubunInputArea,
div.kyotakuInputArea div.okureInputArea{
    width:49.6%;
}

div.soudanInputArea div.keikakuInputArea,
div.soudanInputArea div.syougaiInputArea{
    width:49.6%;
}