/* wrapper 
-----------------------------------------------------------------*/
body#detail #wrapper,
body.admin #wrapper {
	padding:0;
	width:100%;
}
body#detail #container {
	width:900px;
}
*, *::before, *::after {
    box-sizing: border-box;
}


/* hdNavArea 
-----------------------------------------------------------------*/

#container {
	width: 1100px;
	max-width: 100%;
	font-size: 15px;
	margin: 20px auto;
}

#container h1 {
	width:100%;
	background:#000;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:0.5em 0;
}

.hdNavArea {
	position:relative;
	margin: auto;
	font-size:14px;
	width:100%;
	/*margin:0.5em;*/
	margin-bottom: 10px;
	padding: 0.5em;
	text-align:right;
}

.hdNavArea span {
	margin-right: 10px;
}
.hdNavArea span:last-child {
	margin-right: 0;
}

/* loginArea 
-----------------------------------------------------------------*/
body#login #container {
	width:900px;
	max-width: 100%;
	margin:20px auto;
}

body#login #container h1 {
	width:100%;
	background:#000;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:0.5em 0;
	
}

#loginArea {
	width:100%;
	background:#F5F4F4;
	padding:25px;
	margin:20px auto;
	
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}

#loginArea .inner table {
	width:650px;
	margin:10px auto;
}

#loginArea .inner table th,
#loginArea .inner table td {
	border:solid 1px #ccc;
	padding:5px;
}

#loginArea .inner table th {
	width:200px;
	text-align:center;
	background:#1875ba;
	background:#666;
	color:#fff;
}
#loginArea .inner table td {
	width:430px;
	text-align:left;
	background:#fff;
}
#loginArea .cookieArea {
	width:650px;
	margin:0 auto;
	text-align:left;
}

#loginArea .err {
	width:626px;
	border: 1px solid #f00;
	background: #FCAEAE;
	padding: 10px;
	margin: 0 0 20px 0;
	line-height:120%;
	margin:0 auto 10px;
}

#loginArea .err div.inner {
	padding: 10px 20px 10px 70px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	min-height: 40px;
	background: #FFFFFF url("../images/icon_yeild.gif") no-repeat 15px 15px;
}

#loginArea .err div.inner h5 {
	text-align:left;
	font-size: 16px;
	font-weight: bold;
	margin: 5px 0;
	display: block;
	padding: 0;
	line-height:1.3;
	border: none;
	color:#f00;
}





/* dtlArea 
-----------------------------------------------------------------*/
.dtlArea {
	width:850px;
	margin:20px auto;
}
.dtlArea h1 {
	background:#333;
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	width:850px;
	padding:8px 0;
	margin:0 auto 20px;
}


.dtlArea .tblForm,
.dtlArea .tblSpeaker,
.dtlArea .tblEquip,
.dtlArea .tblHandOut,
.dtlArea .tblHandRes,
.dtlArea .tblRes {
	width:850px;
}
.dtlArea .tblForm th,
.dtlArea .tblForm td,
.dtlArea .tblSpeaker th,
.dtlArea .tblSpeaker td,
.dtlArea .tblEquip th,
.dtlArea .tblEquip td,
.dtlArea .tblHandOut th,
.dtlArea .tblHandOut td,
.dtlArea .tblHandRes th,
.dtlArea .tblHandRes td,
.dtlArea .tblRes th,
.dtlArea .tblRes td {
	border:solid 1px #ccc;
	padding:8px 5px;
}
.dtlArea .tblForm th,
.dtlArea .tblSpeaker th,
.dtlArea .tblEquip th,
.dtlArea .tblHandOut th,
.dtlArea .tblHandRes th,
.dtlArea .tblRes th {
	width:200px;
	background:#eee;
	text-align:center;
}

.dtlArea .tblForm th.caption,
.dtlArea .tblSpeaker th.caption,
.dtlArea .tblEquip th.caption,
.dtlArea .tblHandOut th.caption,
.dtlArea .tblHandRest th.caption,
.dtlArea .tblRes th.caption {
	width:848px;
	text-align:center;
	background:#000;
	color:#fff;
}

.dtlArea .tblEquip th.subTtl {
	background:#c7edfc;
}


.dtlArea table.tblSpeaker th.speakerTtl {
	background:#9cf;
}

.dtlArea table.tblSpeaker th.speakerNum {
	width:30px;
	background:#1875ba;
	color:#fff;
}

.dtlArea .tblAddress th,
.dtlArea .tblAddress td {
	border:0;
	background:#fff;
}
.dtlArea .tblAddress th {
	width:100px;
	text-align:right;
	white-space:nowrap;
}

.dtlArea table.tblEquip th.num {
	width:30px;
	background:#1875ba;
	color:#fff;
}
.dtlArea table.tblHandOut td.ex,
.dtlArea table.tblHandRes td.ex {
	background:#ffe;
}

.dtlArea table.tblHandOut th.num,
.dtlArea table.tblHandRes th.num {
	width:30px;
	background:#1875ba;
	color:#fff;
}



/* list 
-----------------------------------------------------------------*/

#containerTop {
	padding-top:20px;
	background-color: #fff;
	/*width: 1200px;*/
	width: 1100px;
    max-width: 100%;
	position: fixed;
	top: 0;
	z-index: 100;
}
#containerBottom {
	background-color: #fff;
	/*width: 1200px;*/
	width: 1100px;
    max-width: 100%;
	/*min-height: 200px;*/
	position: absolute;
	margin-bottom: 50px;
	padding-bottom:20px;
}

#containerBottom input[type=button],
#containerBottom button {
	width: 100%;
}

/* searchArea 
-----------------------------------------------------------------*/

.searchArea {
	/*width:1200px;*/
	margin: 0px auto;
}

.searchArea table {
	width: 100%;
}
.searchArea table th,
.searchArea table td {
	border: solid 1px #ccc;
	border-top: 0;
	padding: 5px;
}
.searchArea table th {
	text-align: center;
	background: #ddd;
}

.searchArea table th.ttlSch {
	background: #4C4B4B;
	color: #fff;
	width: 100%;
	border: 0;
}

.w60 {
	width: 60px;
}
.w70 {
	width: 70px;
}
.w80 {
	width: 80px;
}
.w85 {
	width: 85px;
}
.w90 {
	width: 90px;
}
.w100 {
	width: 100px;
}
.w110 {
	width: 110px;
}
.w115 {
	width: 115px;
}
.w120 {
	width: 120px;
}
.w125 {
	width: 125px;
}
.w130 {
	width: 130px;
}
.w140 {
	width: 140px;
}
.w150 {
	width: 150px;
}
.w155 {
	width: 155px;
}
.w160 {
	width: 160px;
}
.w170 {
	width: 170px;
}
.w180 {
	width: 180px;
}
.w190 {
	width: 190px;
}
.w200 {
	width: 200px;
}
.w210 {
	width: 210px;
}
.w220 {
	width: 220px;
}
.w250 {
	width: 250px;
}
.w255 {
	width: 255px;
}
.w260 {
	width: 260px;
}
.w270 {
	width: 270px;
}
.w280 {
	width: 280px;
}
.w300 {
	width: 300px;
}
.w305 {
	width: 305px;
}
.w310 {
	width: 310px;
}
.w320 {
	width: 320px;
}
.w330 {
	width: 330px;
}
.w350 {
	width: 350px;
}
.w370 {
	width: 370px;
}
.w380 {
	width: 380px;
}
.w400 {
	width: 400px;
}
.w450 {
	width: 450px;
}

.searchArea .btnLayout {
	width:570px;
	margin:10px auto 20px;
}
.searchArea .btnLayout .btn01,
.searchArea .btnLayout .btn02,
.searchArea .btnLayout .btn03,
.searchArea .btnLayout .btn04 {
	float:left;
}
.searchArea .btnLayout .btn01 input,
.searchArea .btnLayout .btn02 input,
.searchArea .btnLayout .btn03 input,
.searchArea .btnLayout .btn04 input {
	width:140px;
	margin:0 1px;
}
.searchArea label {
	width:auto;
}
.searchArea .inputF {
	width:100%;
}
.searchArea .inputK {
	width:370px;
}
.searchArea .inputS {
	width:70px;
}

.btnLayoutUser {
	width:100%;
	margin:5px auto;
}
.btnLayoutUser .left {
	/*float:left;*/
}

.btnLayoutUser .right input,
.btnLayoutUser .left input {
	width: 160px;
	padding: 3px 1px;
}
.btnLayoutUser .btnAdd {
	color: #fff;
	background: #f00;
	margin-left: 10px;
	width: 145px!important;
}
.btnLayoutUser .btnAdd2 {
	color: #fff;
	background: #f00;
	width: 150px!important;
}

ul.btnUser {
	width: 810px;
	margin: auto;
}

ul.btnUser li {
	float:left;
	margin-right:2px;
}
ul.btnUser li:last-child {
	margin-right: 0;
}

.btnLayoutUser .right {
	float:right;
}

.btnLayoutUser .right input[type=submit]{
	background:#f60;
	color:#fff;
	padding:3px 10px;
}

.btnLayoutUser .right input.btnAdd[type=submit]{
	background: #f00;
}

.btnLayoutSemi {
	width:100%;
	margin:5px auto;
}
.btnLayoutSemi .left {
	/*float:left;*/
}

.btnLayoutSemi .right input,
.btnLayoutSemi .left input {
	width: 155px;
	padding:3px 1px;
}
.btnLayoutSemi .btnAdd {
	color: #fff;
	background: #f00;
	margin-left: 10px;
	width: 145px!important;
}
.btnLayoutSemi .btnAdd2 {
	color: #fff;
	background: #f00;
	width: 150px!important;
}

ul.btnSemi {
	width: 1100px;
    max-width: 100%;
	margin: auto;
}

ul.btnSemi li {
	float:left;
	margin-right: 2px;
}
ul.btnSemi li:last-child {
	margin-right: 0;
}

.btnLayoutSemi .right {
	float:right;
}

.btnLayoutSemi .right input[type=submit]{
	background:#f60;
	color:#fff;
	padding:3px 10px;
}

.btnLayoutSemi .right input.btnAdd[type=submit]{
	background: #f00;
}

.btnLayoutProduct {
	width:100%;
	margin:5px auto;
}
.btnLayoutProduct .left {
	/*float:left;*/
}

.btnLayoutProduct .right input,
.btnLayoutProduct .left input {
	width: 155px;
	padding:3px 1px;
}
.btnLayoutProduct .btnAdd {
	color: #fff;
	background: #f00;
	margin-left: 10px;
	width: 145px!important;
}
.btnLayoutProduct .btnAdd2 {
	color: #fff;
	background: #f00;
	width: 150px!important;
}

ul.btnProduct {
	width: 1100px;
    max-width: 100%;
	margin: auto;
}

ul.btnProduct li {
	float:left;
	margin-right: 2px;
}
ul.btnProduct li:last-child {
	margin-right: 0;
}

.btnLayoutProduct .right {
	float:right;
}

.btnLayoutProduct .right input[type=submit]{
	background:#f60;
	color:#fff;
	padding:3px 10px;
}

.btnLayoutProduct .right input.btnAdd[type=submit]{
	background: #f00;
}

ul.btnRight {
	width:330px;
}
ul.btnRight li {
	float:left;
}



/* resultArea
-----------------------------------------------------------------*/

.resultArea table {
	/*width: 1200px;*/
	width: 100%;
	margin: 0;
}
.resultArea table th,
.resultArea table td {
	border:solid 1px #ccc;
	padding:5px 2px;
	line-break: normal;
}

.resultArea table th {
	background:#ddd;
	text-align:center;
	border-bottom:0;
}

.resultArea table th.btnArea {
	background: #4C4B4B;
	color: #fff;
	width: 70px;
	border: 0;
}
.resultArea table th.ttlArea {
	background: #4C4B4B;
	color: #fff;
	width: 1030px;
	border: 0;
}

.resultArea table th.btnArea button {
	width: 100%;
}

.resultArea table th.ttlRs {
	background: #4C4B4B;
	color: #fff;
	width: 1100px;
    max-width: 100%;
	border: 0;
}


.resultArea table th.th__,
.resultArea table td.td__ {
	word-break: break-all;
	word-wrap: break-word;
	line-break: normal;
}
.resultArea table th.th45,
.resultArea table td.td45 {
	width:45px;
	word-break: break-all;
	word-wrap: break-word;
	line-break: normal;
}
.resultArea table th.th60,
.resultArea table td.td60 {
	width:60px;
	word-break: break-all;
	word-wrap: break-word;
	line-break: normal;
}
.resultArea table th.th70,
.resultArea table td.td70 {
	width:70px;
	word-break: break-all;
	word-wrap: break-word;
	line-break: normal;
}
.resultArea table th.th80,
.resultArea table td.td80 {
	width:80px;
	word-break: break-all;
	word-wrap: break-word;
	line-break: normal;
}
.resultArea table th.th90,
.resultArea table td.td90 {
	width:90px;
	word-break: break-all;
	word-wrap: break-word;
	line-break: normal;
}
.resultArea table th.th95,
.resultArea table td.td95 {
	width:95px;
	word-break: break-all;
	word-wrap: break-word;
	line-break: normal;
}
.resultArea table th.th100,
.resultArea table td.td100 {
	width:100px;
	word-break: break-all;
	word-wrap: break-word;
	line-break: normal;
}
.resultArea table th.th105,
.resultArea table td.td105 {
	width:105px;
	word-break: break-all;
	word-wrap: break-word;
	line-break: normal;
}
.resultArea table th.th110,
.resultArea table td.td110 {
	width:110px;
	word-break: break-all;
	word-wrap: break-word;
	line-break: normal;
}
.resultArea table th.th115,
.resultArea table td.td115 {
	width:115px;
	word-break: break-all;
	word-wrap: break-word;
	line-break: normal;
}
.resultArea table th.th120,
.resultArea table td.td120 {
	width:120px;
	word-break: break-all;
	word-wrap: break-word;
	line-break: normal;

}
.resultArea table th.th140,
.resultArea table td.td140 {
	width:140px;
	word-break: break-all;
	word-wrap: break-word;
	line-break: normal;
}
.resultArea table th.th150,
.resultArea table td.td150 {
	width:150px;
	word-break: break-all;
	word-wrap: break-word;
	line-break: normal;
}
.resultArea table th.th160,
.resultArea table td.td160 {
	width:160px;
	word-break: break-all;
	word-wrap: break-word;
	line-break: normal;
}
.resultArea table th.th180,
.resultArea table td.td180 {
	width:180px;
	word-break: break-all;
	word-wrap: break-word;
	line-break: normal;
}
.resultArea table th.th200,
.resultArea table td.td200 {
	width:200px;
	word-break: break-all;
	word-wrap: break-word;
	line-break: normal;
}
.resultArea table th.th250,
.resultArea table td.td250 {
	width:250px;
	word-break: break-all;
	word-wrap: break-word;
	line-break: normal;
}
.resultArea table th.th300,
.resultArea table td.td300 {
	width:300px;
	word-break: break-all;
	word-wrap: break-word;
	line-break: normal;
}

.resultArea table td.on {
	background:#ffffff;
}
.resultArea table td.off {
	background:#f9f9f9;
}
.resultArea table td.stop {
	background:#f78886;
	color:#fff;
}
.resultArea table td.over80 {
	background:#fed0d0;
}
.resultArea table td.over100 {
	background:#c00;
	color:#fff;
}
.resultArea input[type=button],
.resultArea button {
	width: 100%;
}
.btnBgGreen {
	color:#fff;
	background:#008000;
}
.btnBgBlue {
	margin-left: 10px;
	width: 145px!important;
	color:#fff;
	background:#00f;
}
span.blue,
.btnBlue {
	color:#00f!important;
}
span.red,
.btnRed {
	color:#f00!important;
}

/* table */
table.table {
	width:100%;
	margin:0 0 20px 0;
}
table.table th,
table.table td {
	border:solid 1px #ccc;
	padding:0.8em 0.5em;
}
table.table td.table_left {
	width:30%;
	text-align:left;
	background:#eee;
	font-weight:bold;
	padding-left: 20px;
}
table.table td.table_left span.must {
	float: right;
}
table.table td.table_right {
	font-size: 1.1em;
	word-break: break-all;
    word-wrap: break-word;
    line-break: normal;
}
table.table td.table_right span {
	margin-right: 0.5em;
}
table.table td.table_right span.time {
	margin-right: 0;
}

table.question {
	width:100%;
	margin:0 0 20px 0;
}
table.question th,
table.question td {
	border: solid 1px #ccc;
	padding: 0.5em;
}
table.question th {
	width: 100%;
	background: #eee;
	font-size: 1.1em;
	font-weight: bold;
}
table.question th dt {
	float: left;
	width: 50px;
}
table.question th dd {
	margin-left: 50px;
	word-break: break-all;
    word-wrap: break-word;
    line-break: normal;
}
table.question td {
	font-size: 1.1em;
}
table.question td input[type=radio],
table.question td input[type=checkbox] {
	width: 0.8em;
	height: 0.8em;
}
span.requir {
	color: #fff;
    display: inline-block;
	background: #f00;
    border: solid 1px #f00;
    border-radius: 3px;
    padding: 0 2px;
	font-size: 1em;
    font-weight: normal;
	margin-left: 0.5em;
}
span.must {
	color:#f00;
	display:inline-block;
	/*margin-left:0.5em;*/
}

ul.ulEnq {
	width:100%;
	margin:0 0 10px 0;
}

ul.ulEnq li {
	width:49%;
	float:left;
	margin-bottom:0.3em;
}

ul.ulEnq::after {
  content: "";
  display: block;
  clear: both;
}


/* menu START */

.groupA, .groupB, .groupC {
    width: 750px;
    margin: 0 auto 40px;
    padding: 20px 0;
}
.groupA h2, .groupB h2, .groupC h2 {
    width: 700px;
    margin: 10px auto 20px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    padding: 10px 0;
}
.groupA {
    background: #e1f0fb;
}
.groupA h2 {
    background: #1875ba;
}
.groupB {
    background: #f9ecd9;
}
.groupB h2 {
    background: #fd691f;
}

.groupC {
    background: #e2fbe5;
}
.groupC h2 {
    background: #060;
}
ul.menuBtnArea {
    width: 700px;
    margin: 0 auto 20px;
}
ul.menuBtnArea li:first-child {
    float: left;
}
ul.menuBtnArea li:last-child {
    float: right;
}
.menuBtnArea::after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.groupA .menuBtnArea li a,
.groupA .menuBtnArea li span,
.groupB .menuBtnArea li a,
.groupB .menuBtnArea li span,
.groupC .menuBtnArea li a,
.groupC .menuBtnArea li span {
    display: block;
    width: 325px;
    height: 60px;
    line-height: 60px;
    color: #FFF;
    text-decoration: none!important;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}
.groupA .menuBtnArea li a:hover,
.groupB .menuBtnArea li a:hover,
.groupC .menuBtnArea li a:hover {
    opacity: 0.7;
    transition-duration: 0.5s;
}
.groupA .menuBtnArea li a,
.groupA .menuBtnArea li span {
    background-color: #033c71;
    border-bottom: solid 6px #01203e;
}
.groupB .menuBtnArea li a,
.groupB .menuBtnArea li span {
    background-color: #e35845;
    border-bottom: solid 6px #650d01;
}

.groupC .menuBtnArea li a,
.groupC .menuBtnArea li span {
    background-color: #136f05;
    border-bottom: solid 6px #014101;
}
/* menu END */

/*======================================
 ページネーション
======================================*/
.pagerArea {
}
.pagerArea .pagerInfo {
	font-size: 1em;
	/*height: 30px;*/
}
.pagerArea .pagerInfo span {
	/*height: 100%;*/
}
.pagerArea .pagerInfo select {
	font-size: 1em;
	height: 100%;
	padding: 0 0 3px 0;
}
.pagerArea .pagerMain ul {
	display: flex;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 5px 0;
}
.pagerArea .pagerMain ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	/*font-weight: bold;*/
	color: #e91e63;
	text-decoration: none;
	line-height: 1em;
	background-color: #f2f2f2;
	border: 1px solid #ccc;
	padding: .2em .2em;
	transition: all .2s;
	font-size: 1em;
	min-width: 38px;
}
.pagerArea .pagerMain ul li+li {
	margin-left: 3px;
}
.pagerArea .pagerMain ul li.current a {
	color: #e91e63;
	background-color: #fc6;
	pointer-events: none;
}
.pagerArea .pagerMain ul li a:hover {
	color: #e91e63;
	background-color: #fc6;
}

.pagerArea .pagerMain ul>.disabled>a,
.pagerArea .pagerMain ul>.disabled>a:focus,
.pagerArea .pagerMain ul>.disabled>a:hover,
.pagerArea .pagerMain ul>.disabled>span,
.pagerArea .pagerMain ul>.disabled>span:focus,
.pagerArea .pagerMain ul>.disabled>span:hover {
    color: #b4bcc2!important;
    cursor: not-allowed!important;
    background-color: #fff!important;
    border-color: #ddd!important;
}

.blue {
	color: #00f;
}
.red {
	color: #f00;
}
.midText {
	font-size: 0.9em;
}
.smallText {
	font-size: 0.5em;
}
.bigText {
	font-size: 1.5em;
}
.boldText {
	font-weight:bold;
}
.closedText {
	margin: 40px 0 50px;
}
.closedText p {
	text-align: center;
	color: #f00;
	font-size: 1.5em;
	font-weight:bold;
}

.mt10 {
	margin-top: 10px;
}

.boxLayout {
	margin-top: 20px;
}
ul.boxImg {
	width: 840px;
	margin: auto;
}

ul.boxImg li {
	width: 204px;
	height: 204px;
	float:left;
	margin: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
ul.boxImg li img {
	width: 204px;
}