@charset "shift_jis";

/*-------------------------------------------------------------

Main

-------------------------------------------------------------*/

/*------------------------------------------------------------
GLOBAL
------------------------------------------------------------*/
#titleTemp{
	display:none;}


.ui-datepicker-year{
	width:auto!important;}
.ui-datepicker-month{
	width:auto!important;}

/*------------------------------------------------------------
HEAD
------------------------------------------------------------*/

#headBox{
	position:relative;
	width:100%;
	padding:15px 0 10px 0;
	margin:0 auto 15px auto;
	background-color:#eee;
	text-align:center;
	border-bottom:solid 5px #666;}

#headBox h1{
	font-size:18px;
	line-height:1.2;
	margin:0 0 8px 0;}

#headBox p{
	font-size:12px;
	line-height:1.6;}

#headBox li{
	display:inline-block;
	font-size:13px;
	line-height:1.5;
	margin-bottom:5px;}
#headBox li:before{
	content:'\FF5C';}
#headBox li:first-child:before{
	content:'';}

/*-----767以下-----*/
/*-----768以下-----*/
@media (max-width: 768px) {
#headBox h1 img{
	width:90%;
	height:auto;
	max-width:400px;}

#headBox .headNavi{
	font-size:1px;
	background-color:rgba(0,0,0,0.8);
	padding:0 0 0 0;
	width:100%;
	height:100%;
	position:fixed;
	bottom:-360px;
	display:none;
	z-index:100000;}

.headNaviBox{
	height:85%;
	color:#fff;}

.headNaviBox p{
	font-size:14em;
	height:7%;
	overflow:hidden;
	line-height:3;
	margin:0;}

.headNaviBox a{color: #fff;}
.headNaviBox a:link    {color:#fff;}
.headNaviBox a:visited {color:#fff;}
.headNaviBox a:active  {color:#fff;}
.headNaviBox a:hover   {color:#ff6;}

.headNaviBox .headNaviBoxInner{
	overflow:auto;
	height:100%;
	padding-bottom:4px;
	-webkit-overflow-scrolling:touch;
	text-align:center;}

#headBox .headNaviBox ul{
	display:inline-block;
	padding:0 0 50px 0;}

#headBox .headNaviBox li{
	display:block;
	color:#fff;
	text-align:center;}
#headBox .headNaviBox li:before{
	content: "";}

#headBox .headNaviBox li a{
	color:#fff;
	display:block;
	font-size:16px;
	line-height:1.4;
	padding:10px 10px;}
#headBox .headNaviBox li a:before{
	content: "\25B8\00A0";}

}





.headSubMenu a{
	color:#000;
	display:block;
	font-size:13px;
	line-height:1.2;
	text-align:center;
	margin:2px 0 0 0;
	padding:6px 10px 3px 10px;
	background-color:#eeeee;
	border:solid 1px #999;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	background: -moz-linear-gradient(top, #ffffff, #eeeeee); 
	background: -ms-linear-gradient(top, #ffffff, #eeeeee); 
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );}

/*------------------------------------------------------------
FOOT
------------------------------------------------------------*/
.wcmsFootNavi{
	margin:50px 0 0 0;}
.foorToBack{
	text-align:right;
	width:140px;
	height:21px;
	float:left;}
.foorToTop{
	text-align:left;
	width:140px;
	height:21px;
	float:right;}

#footBox{
	position:relative;
	width:100%;
	padding:10px 0 15px 0;
	margin:0 auto 0 auto;
	background-color:#eee;
	text-align:center;
	border-top:solid 5px #666;}

#footBox li{
	display:inline-block;
	font-size:13px;
	line-height:1.5;
	margin-bottom:5px;}
#footBox li:before{
	content:'\FF5C';}
#footBox li:first-child:before{
	content:'';}

#footBox address{
	display:block;
	padding:8px 0 0 0;
	margin:8px 0 8px 0;
	border-top:solid #999 1px;
	font-style:normal;
	font-size:12px;
	line-height:1.9;}

#footBox address big{
	font-size:12px;}

.footCopy{
	text-align:center;
	font-size:11px;
	line-height:1.2;
	background-color:#ddd;
	padding:7px 0 5px 0;}

/*-----767以下-----*/
/*-----768以下-----*/
@media (max-width: 768px) {

#footBox{
	padding:0 0 60px 0;}

#footBox ul{
	border-bottom:solid 1px #999;}

#footBox li{
	display:block;
	margin:0;
	width:50%;
	float:left;
	border-top:solid 1px #999;}
#footBox li:before{
	content:'';}

#footBox li a{
	text-align:left;
	display:block;
	font-size:13px;
	line-height:1.1;
	padding:10px 5px;}

#footBox address{
	display:block;
	margin:0 0 8px 0;
	border-top:none;}


#footMenuDisp{
	display:block;
	position:fixed;
	z-index:200000;
	bottom:5px;
	right:5px;
	cursor:pointer;}

#footMenuDisp a{
	display:block;
	width:50px;
	height:50px;
	padding:0;
	background:url(../image/gl_foot_menu.png) center center no-repeat;
	background-size:cover;}

}

/*------------------------------------------------------------
TOP
------------------------------------------------------------*/

.topMainBox{
	text-align:center;}

.topMainBox ul{
	width:600px;
	text-align:center;
	margin:0 auto 20px auto;}

.topMainBox li{
	margin:0 0 5px 0;}

.topMainBox li a{
	display:block;
	font-size:14px;
	line-height:1.2;
	border:solid 1px #aaa;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	padding:15px;
	background-color:#fbfbfb;
	text-align:center;}

.topMainBox li a:hover{
	border:solid 1px #999;
	background-color:#f5f5f5;
	text-align:center;}

/*-----767以下-----*/
/*-----768以下-----*/
@media (max-width: 768px) {
.topMainBox ul{
	width:auto;
	padding:0 10px;}

}

/*------------------------------------------------------------
CONTENTS
------------------------------------------------------------*/

#contentsBox{
	min-width:980px;
	width: auto !important;
	width: 980px;
	min-height:400px;
	height: auto !important;
	height: 400px;
	margin:0 auto;}

/*-----767以下-----*/
/*-----768以下-----*/
@media (max-width: 768px) {
#contentsBox{
	min-width:0;
	width:auto;}
}


/*-----Main-----*/

#mainBox{
	padding:0 10px;
	text-align:left;}

#mainBox h2{
	border-style:none none solid none;
	border-width:0 0 1px 0;
	border-color:#999;
	margin:0 0 15px 0;}

#mainBox p{
	font-size:12px:
	line-height:1.8;
	margin:0 0 8px 0;}

.wcmsHeadBtnBg{
	background-color:#ccc;
	padding:3px;
	margin:0 0 10px 0;}
.wcmsHeadBtnBg span{
	padding:0 3px 0 0;}

/*-----767以下-----*/
/*-----768以下-----*/
@media (max-width: 768px) {
.wcmsHeadBtnBg{
	text-align:center;}

.wcmsHeadBtnBg img{
	height:20px;
	width:auto;}

}





/*List*/
.wcmsSearch{
	padding:0;
	margin:0 0 10px 0;}

.searchWordBox{
	}

.searchWordBox .searchWord{
	float:left;
	margin:0 15px 5px 0;}


.dirMaxFilesize{
	font-size:11px;
	margin:0 0 8px 0;}

.wcmsBody{
	margin:0 0 8px 0;}

.wcmsBody table{
	width:99%;
	border-collapse:collapse;
	margin:0 0 15px 0;}

.listBgA{
	background-color:#fff;}

.listBgB{
	background-color:#f9f9f9;}

.wcmsBody th, .wcmsBody td{
	border:solid 1px #999;
	color:#333;
	font-size:12px;
	line-height:1.5;
	font-weight:normal;
	padding:3px;}

.wcmsBody th{
	text-align:center;
	background-color:#f3f3f9;
	white-space:nowrap;}

.wcmsBody td small{
	font-size:11px;}

.wcmsBody td table{
	padding:0;
	margin:0;}

.wcmsBody td td{
	padding:0;
	border:none;
	text-align:center;
	white-space:nowrap;}


.wcmsBody td a{
	color:#000;
	display:block;
	font-size:12px;
	line-height:1.2;
	text-align:center;
	margin:2px 0 0 0;
	padding:2px 2px 2px 2px;
	background-color:#eeeee;
	border:solid 1px #999;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	background: -moz-linear-gradient(top, #ffffff, #eeeeee); 
	background: -ms-linear-gradient(top, #ffffff, #eeeeee); 
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );}

.wcmsBody td a         {color: #333; text-decoration: none}
.wcmsBody td a:link    {color: #333; text-decoration: none}
.wcmsBody td a:visited {color: #333; text-decoration: none}
.wcmsBody td a:active  {}
.wcmsBody td a:hover   { color:#999; text-decoration:none; }


.wcmsListCap{
	background-color:#f6f6f6;}

.wcmsListItem{
	}
.wcmsListItemCenter{
	text-align:center;}
.wcmsListItemRight{
	text-align:right;}
.wcmsListItemNowrap{
	white-space:nowrap;}

.wcmsListDel{
	text-align:center;}

.wcmsListNum{
	text-align:center;}

.wcmsListSakujyo{
	text-align:center;
	background-color:#ccc;
	padding:3px;
	margin:0 0 8px 0;}

.wcmsListSakujyo input{
	margin:0 50px;}

.wcmsListCyuui{
	margin:8px 0px;
	font-size:12px;
	line-height:1.2;
	color:#333;}

.wcmsPageScroll{
	margin:8px 0;
	font-size:12px;
	line-height:1.8;
	color:#333;}


/*-----767以下-----*/
/*-----768以下-----*/
@media (max-width: 768px) {
.wcmsPayCsvDounload,
.wcmsSyukeiBtn,
.wcmsKakuteiBtn,
.wcmsPrintBtn{
	display:none;}
.wcmsSearch input, .wcmsSearch select{
	font-size:16px!important;}

.wcmsSearch *{
	max-width:100%;}

.wcmsSearch input[type="text"], .wcmsSearch input[type="file"], .wcmsSearch select{
	width:100%!important;
	max-width:65%!important;
	margin-bottom:10px;}

.wcmsSearch input[type="text"].jquery-ui-datepicker{
	width:90px!important;}

.wcmsSearch .searchWord{
	float:none;}

.wcmsBody{
	width:100%;
	overflow:auto;
	-webkit-overflow-scrolling:touch;}

}





/*Up*/

.wcmsUpBody{
	text-align:center;
	margin:0 auto 8px auto;}

.wcmsUpBodyInner{
	width:980px;
	text-align:left;
	margin:0 auto}

.wcmsUpBody table{
	width:99%;
	border-collapse:collapse;
	margin:0 0 15px 0;}

.wcmsUpBody th, .wcmsUpBody td{
	border:solid 1px #999;
	color:#333;
	font-size:13px;
	line-height:1.5;
	font-weight:normal;
	padding:7px 5px;}

.wcmsUpBody input, .wcmsUpBody select,
.wcmsUpBody td input, .wcmsUpBody td select{
	font-size:14px;}

.wcmsUpBody th{
	text-align:center;
	background-color:#f3f3f9;
	white-space:nowrap;}

.wcmsUpCap{
	white-space:nowrap;
	background-color:#f6f6f6;}

.wcmsUpItem{
	background-color:#fff;}
.wcmsUpItemCenter{
	text-align:center;}
.wcmsUpItemNowrap{
	white-space:nowrap;}

.wcmsUpDel{
	background-color:#f6f6f6;
	text-align:center;}

.wcmsUpNum{
	background-color:#f6f6f6;
	text-align:center;}

.wcmsUpCyuui{
	text-align:center;
	font-size:12px;
	line-height:1.2;
	color:#333;
	margin:0 0 6px 0;}

.wcmsUpToroku{
	text-align:center;
	background-color:#ccc;
	padding:3px;
	margin:0 0 30px 0;}

.wcmsUpSakujyoComm{
	text-align:center;
	font-size:12px;
	line-height:1.2;
	color:#333;
	margin:0 0 6px 0;}

.wcmsUpSakujyo{
	text-align:center;
	background-color:#ccc;
	padding:3px;
	margin:0;}

.wcmsRirekiBox td.wcmsUpCap{
	border:solid 1px #999;
	color:#333;
	font-size:12px;
	line-height:1.3;
	font-weight:normal;
	text-align:center;
	padding:5px;}

.wcmsRirekiBox td{
	border:solid 1px #999;
	color:#333;
	font-size:12px;
	line-height:1.3;
	font-weight:normal;
	padding:3px;}

.wcmsRirekiBox td.wcmsUpCap{
	text-align:center;}

/*-----767以下-----*/
/*-----768以下-----*/
@media (max-width: 768px) {
.wcmsUpBody input, .wcmsUpBody select, .wcmsUpBody textarea{
	font-size:16px!important;}
.wcmsUpBody input, .wcmsUpBody textarea{
	padding:3px 0;}

.wcmsUpBodyInner{
	width:auto;}

.wcmsUpBody *{
	max-width:100%;}

.wcmsUpBody input[type="text"], .wcmsUpBody input[type="file"], .wcmsUpBody select, .wcmsUpBody textarea{
	width:100%!important;
	max-width:95%!important;
	margin-bottom:10px;}

.wcmsUpBody input[type="text"].widthAuto, .wcmsUpBody select.widthAuto, .wcmsUpBody textarea.widthAuto{
	width:auto!important;}

.wcmsUpBody table{
	}

.wcmsUpBody th, .wcmsUpBody td{
	border:none;
	padding:7px 5px 5px 5px;
	display:block;}

.wcmsUpBody th{
	text-align:left;
	white-space:wrap;}

.wcmsUpBody td.wcmsUpCap{
	white-space:nowrap;
	background-color:#ddd;}

.wcmsUpBody td.wcmsUpItem{
	padding:7px 0 20px 0;}


.wcmsUpSakujyo input, .wcmsUpToroku input{
	height:20px;
	width:auto;}

}





/*KIKI*/
.kikiOptionMain{
	margin:20px 0 20px 0;}

.kikiOptionMain h3{
	font-size:14px;
	line-height:1.2;
	border-bottom:solid 1px #ccc;
	padding:0 0 5px 0;
	margin:0 0 10px 0;}

.kikiOptionBox{
	text-align:left;
	border:solid 1px #ccc;
	padding:10px;
	margin:0 0 15px 0;
	font-size:14px;
	line-height:1.6;}

.kikiOptionBox h4{
	font-weight:normal;
	font-size:13px;
	line-height:1.2;
	background-color:#f3f3f3;
	padding:5px 0 2px 5px;
	margin:0 0 8px 0;}

#mainBox .kikiOptionBox p{
	margin:0 0 12px 0;}

.kikiOptionBox input{
	font-size:14px;}

.kikiOptionList{
	list-style:decimal;}

.kikiOptionList li{
	margin:8px 0 8px 1.5em;}

.kikiOptionAdd{
	text-align:center;
	margin:0 0 15px 0;}

.kikiOptionAdd button{
	font-size:14px;}

.kikiOptionRemove{
	text-align:right;
	margin:0 0 3px 0;}

.kikiOptionRemove button{
	font-size:12px;}

button.kikiOptionListAdd{
	font-size:12px;}

button.kikiOptionListRemove{
	font-size:12px;}

/*-----767以下-----*/
/*-----768以下-----*/
@media (max-width: 768px) {
.kikiOptionList li{
	margin:0 0 20px 1.5em;
	padding-bottom:20px;
	border-bottom:solid 1px #ccc;}

}





/*YOYAKU*/
.ui-timepicker-div{
	text-align:left;}

dd.ui_tpicker_time{
	margin:0 0 0 2em;}

dd.ui_tpicker_hour{
	margin:0 0 0 2em;}

dd.ui_tpicker_minute{
	margin:0 0 0 2em;}

/*INPORT*/
.inportBox{
	text-align:center;}

.inportBoxInner{
	width:900px;
	text-align:left;
	font-size:14px;
	line-height:1.8;
	margin:0 auto;
	padding:40px;
	border:solid 1px #ccc;}

.inportBoxInner p{
	text-align:center;
	margin:0 0 5px 0;}


/*Pay csv*/
.yoyakuPayKikanDospBox{
	border-bottom:solid 1px #999;
	margin:30px 0 10px 0;}

.yoyakuPayKikanDospBox h2{
	border:none!important;
	float:left;
	margin:0 15px 0 0!important;}

.yoyakuPayKikanDospBox form{
	float:left;
	margin:3px 15px 0 0;}

.yoyakuPayAllCheck{
	font-size:12px;
	line-height:1.6;
	margin:0 0 10px 0;}

.yoyakuPayAllCheck a{
	float:left;
	color:#000;
	display:block;
	font-size:12px;
	line-height:1.2;
	text-align:center;
	margin:0 5px 0 0;
	padding:2px 2px 2px 2px;
	background-color:#eeeee;
	border:solid 1px #999;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	background: -moz-linear-gradient(top, #ffffff, #eeeeee); 
	background: -ms-linear-gradient(top, #ffffff, #eeeeee); 
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );}



/*ERROR*/
.wcmsErrorBox{
	border:solid 1px #999;
	padding:30px 50px;
	font-size:12px;
	line-height:1.7;}

.wcmsListModoru{
	text-align:center;
	margin:0 0 8px 0;}

.wcmsListModoru a{
	display:block;
	background-color:#ccc;
	font-size:12px;
	line-height:1.2;
	padding:8px;}


/*LOGIN*/

.loginBox{
	background-color:#fcfcfc;
	border:solid 1px #ccc;
	padding:15px;}

.loginComm{
	text-align:center;
	font-size:14px;
	line-height:1.7;
	margin:10px 0 20px 0;}


.loginFormBox{
	text-align:center;
	margin:0 0 20px 0;}

.loginFormBox table{
	margin:0 auto 20px auto;}

.loginFormBox th, .loginFormBox td{
	vertical-align:middle;
	font-size:14px;
	line-height:1.6;
	text-align:left;
	font-weight:normal;
	padding:10px 5px;}

.loginFormBox td input{
	font-size:14px;
	width:200px;}

.loginBtn{
	font-size:14px;
	text-align:center;
	line-height:1.7;
	margin:0 0 10px 0;}

.loginIdSelect{
	text-align:center;
	font-size:14px;
	line-height:1.7;
	margin:0 0 30px 0;}

.loginIdSelect select{
	font-size:14px;}

.loginCompComm{
	font-size:14px;
	text-align:center;
	line-height:1.7;
	margin:80px 0;}


.loginWarningComm{
	color:#d00;
	font-size:14px;
	text-align:center;
	line-height:1.7;
	margin:80px 0;}

/*-----767以下-----*/
/*-----768以下-----*/
@media (max-width: 768px) {
.loginFormBox th{
	font-size:12px;}

.loginFormBox td input{
	width:150px;}
}





/*----- proguram next -----*/

.nextBox{
	padding:7px 0;
	background-color:#f3f3dd;
	text-align:center;
	margin:0 0 4em 0;}

.nextBox p{
	font-size:14px;
	margin:0;}





/*------------------------------------------------------------
calendar
------------------------------------------------------------*/
.topOshiraseCommBox,
.wcmsSyukeiBtn,
.kikiChuiComm,
.yoyakuInfoCancel,
.yoyakuInfoShosai,
.yoyakuInfoShikaku{
	display:none;}

.hyouCalMode button .print{
	display:none;}

/*-----767以下-----*/
/*-----768以下-----*/
@media (max-width: 768px) {
#hyouInfoBox select, #hyouInfoBox button{
	font-size:16px!important;}
}