/*  Reset */
html{font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left;color:#666666;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}
a {color:#0000e3; text-decoration:underline;}
a:hover {color:#ccc; text-decoration:none;}
a:visited {color:#0000e3;}

input,select,option,textarea {font-size:14px;}
input[type=checkbox],
input[type=radio] {margin:0px 5px;}
input[type=text], input[type=tel], input[type=number], input[type=email] {
	margin:0 5px 0 0;
}

input[type=text] {
	width:200px;
}

body {
	text-align:center;
	font-size:14px;
	color:#444;
	background-color:#191970;
}
#wrapper {
	width:100%;
	margin:0 auto;
	text-align:left;
	background-color:#191970;
	min-width:820px
}
.popup {
	min-width:490px;
}
textarea {
	border:solid #bbbbbb 1px;
}
.error {
	color:#d75a5a;
}
.login p.error {
	margin:10px;
}

/* header */
#header {
	background-color:#191970;
	padding:30px;
	border-bottom:solid #fff 1px;
}
#search {
	float:left;
}
.searchbox input {
	width:20em;
}
.srchbtn {
	background:url(../../images/btn_search_r.png) no-repeat left top;
}
.srchbtn input:hover {
	opacity:0;
	/* IE */
    filter: alpha(opacity=0);
}
.searchbox,
.srchbtn,
.menubtn,
.filterbtn {
	float:left;
	margin-right:10px;
}
#mainmenu {
	float:right;
}
#mainmenu div.menu {
	position:relative;
}
h1 {
	color:#ffffff;
	font-size:20px;
	font-weight:normal;
	margin:0 10px 0 0;
	float:left;
}
.menubtn {
	float:left;
}
.settingbtn {
	float:right;
}

/* login */
.login {
	padding:20px;
	width:350px;
	margin:40px auto;
	text-align:center;
}
.login h1 {
	color:#608602;
	font-size:24px;
	font-weight:normal;
	text-align:center;
	float:none;
	margin-bottom:10px;
}
.login .boxbody {
	padding:30px;
}
.login table th {
	text-align:left;
	width:30%;
}
.login .boxbody table td {
	padding:10px;
	text-align:left;
}

/* main */
#main {
	background-color:#eceef1;
	padding:20px;
}
.box {
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	border-radius: 4px;         /* CSS3 */
	border:solid #dadada 1px;
	background-color:#fff;
	margin-bottom:20px;
}
.boxbody {
	padding:20px;
}

/* table */
.boxbody table {
	width:100%;
	margin:0 auto;
	border-collapse:separate;
}
table.logintable,
table.searchtable,
table.detailtable {
	border-top:solid #e7e7e7 1px;
	border-left:solid #e7e7e7 1px;
	border-bottom:solid #e7e7e7 1px;
}
table.detailtable {
	border-bottom:none;
}
.boxbody table th {
	font-weight:bold;
	background-color:#f3f3f3;
}
table.detailtable th,
table.logintable th,
table.searchtable th{
	border:solid #fff 1px;
	border-bottom:solid #e7e7e7 1px;
}

table.logintable tr.first th,
table.searchtable tr.first th,
table.detailtable tr.first th {
	border-top:solid #fff 1px;
}
.boxbody table th,
.boxbody table td {
	padding:10px 0 10px 10px;
}
.boxbody table td {
	
}
table.logintable td,
table.searchtable td,
table.detailtable td {
	border:solid #e7e7e7 1px;
	border-top:none;
}
table.logintable tr.last th,
table.searchtable tr.last th,
table.detailtable tr.last th {
	border-bottom:solid #fff 1px;
}
table.logintable tr.last td,
table.searchtable tr.last td,
table.detailtable tr.last td {
	border-bottom:none;
}
.boxbody table.btable th,
.boxbody table.btable td {
	padding:10px;
}
.boxbody table td span {
	font-weight:bold;
}
.lc {
	background-color:	#f6f7f9;
}

table.detail2table {
	background-color:	#f3f3f3;
	border-top:solid #e7e7e7 1px;
	border-left:solid #e7e7e7 1px;
	border-bottom:solid #e7e7e7 1px;
}
table.detai2ltable {
	border-bottom:none;
}

table.detail2table th {
	border:solid #fff 1px;
	border-bottom:solid #e7e7e7 1px;
}

table.detail2table tr.first th {
	border-top:solid #fff 1px;
}
table.detail2table td {
	border:solid #e7e7e7 1px;
	border-top:none;
}
table.detail2table tr.last th {
	border-bottom:solid #fff 1px;
}
table.detail2table tr.last td {
	border-bottom:none;
}
.boxbody table.scrolltable {
	overflow:auto;
	border:solid #ecedef 1px;
}
.boxbody table.scrolltable th {
	border:solid #fff 1px;
	border-left:none;
}
.boxbody table.scrolltable th.last {
	/*border-right:solid #fff 1px;*/
}	
.boxbody table.scrolltable td {
	border:solid #e7e7e7 1px;
	border-left:none;
	border-top:none;
}

.boxbody table.scrolltable td.first {
	border-left:solid #e7e7e7 1px;
}

.boxbody table.scrolltable tr.first td {
	border-top:solid #ecedef 1px;
}
.boxbody table.scrolltable td.cellbtn {
	border-left:none;
}
.tabtable th {
	border-top:solid #ecedef 2px;
	border-bottom:solid #ecedef 2px;
	background-color:#fff;
}
.scrolltable th ,
.scrolltable td {
	white-space: nowrap;
}

.boxbody table.scrolltable2 {
	overflow:auto;
	border:solid #ecedef 1px;
}
.boxbody table.scrolltable2 th {
	border:solid #fff 1px;
	border-left:none;
}
.boxbody table.scrolltable2 th.last {
	/*border-right:solid #fff 1px;*/
}	
.boxbody table.scrolltable2 td {
	border:solid #e7e7e7 1px;
	border-left:none;
	border-top:none;
}

.boxbody table.scrolltable2 td.first {
	border-left:solid #e7e7e7 1px;
}

.boxbody table.scrolltable2 tr.first td {
	border-top:solid #ecedef 1px;
}
.boxbody table.scrolltable2 td.cellbtn {
	border-left:none;
}
.scrolltable2 th ,
.scrolltable2 td {
}

td.cellbtn {
	width:50px;
	padding:10px 5px !Important;
}
.sortbox {
	float:left;
	width:400px;
	margin-bottom:15px;
}
.selectbox select {
	font-size:2em;
}
.pagingbox {
	float:right;
	/*line-height:40px;*/
}
.allnum {
	float:left;
}

/* detail_customer */
h2 {
	font-size:24px;
	float:left;
	margin:0 0 20px 10px;
}
h2 span {
	font-size:12px;
	padding:0 1em;
}
#boxarea {
	display:table;
	border-collapse: separate;
	border-spacing: 10px 0;
	margin-bottom:5px;
}
#boxarea dl {
	width:25%;
	padding:15px;
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	border-radius: 4px;         /* CSS3 */
	border:solid #dadada 1px;
	display:table-cell;	
}
#boxarea dl dt,
h3,
h4 {
	font-size:18px;
	border-left:solid #c3e470 4px;
	padding-left:0.5em;
	margin-bottom:15px;
}
h4 {
	color:#608602;
}
#boxarea dl dd {
	padding:0.5em 1em;
	margin:0 0 0 0.5em;
}
h3 {
	margin:0 0 15px;
	color:#608602;
	border-top:solid #c3e470 2px;
	border-bottom:dotted #dadada 1px;
	border-left:none;
	padding:5px 10px;
	background: linear-gradient(#ffffff, #fcfcfc);
	background-image:-webkit-linear-gradient(#ffffff, #fcfcfc);
}
h3 span {
	border-left:solid #608602 4px;
	padding-left:8px;
}
h4 {
	font-size:14px;
	margin-top:40px;
}

/* tab */
.tabrow {
	text-align:center;
	list-style:none;
	margin:0;
	padding:0;
	line-height:24px;
	position:relative;
}
.tabrow:after {
	position:absolute;
	content: "";
	width:100%;
	bottom:0;
	left:0;
	border-bottom:solid 1px #dadada;
	z-index:1;
}
.tabrow:before {
	z-index:1;
}
.tabrow a {
	text-decoration:none;
	color:#444;
	display:block;
	padding:10px 20px;
}
.popup .tabrow a {
	padding:10px;
}
.tabrow a:hover {
	color:#888;
}
.tabrow li {
	margin:0;
	padding:0 5px;
	border:solid 1px #dadada;
	background:#f6f8fb;
	display:inline-block;
	position:relative;
	z-index:0;
	font-size:1.2em;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	box-shadow:inset 0 1px 0 #fff;
}
.tab3 li {
	width:30%;
	font-size:1.4em;
}
.tabrow li:before,
.tabrow li:after {
	position:absolute;
	bottom:-1px;
	width:4px;
	height:4px;
	content: "";
	border:solid 1px #dadada;
}
.tabrow li:before {
	left:-5px;
	border-bottom-right-radius:4px;
	border-width:0 1px 1px 0;
	box-shadow:2px 2px 0 #f6f8fb;
}
.tabrow li:after {
	right:-5px;
	border-bottom-left-radius:4px;
	border-width:0 0 1px 1px;
	box-shadow:-2px 2px 0 #f6f8fb;
}
.tabrow li.selected {
	background:#fff;
	z-index:2;
	border-bottom-color:#fff;
}
.tabrow li.selected a {
	color:#59bcc8;
}
.tabrow li.selected a:hover {
	color:#74cfda;
}
.tabrow li.selected:before {
	box-shadow:2px 2px 0 #fff;
}
.tabrow li.selected:after {
	box-shadow:-2px 2px 0 #fff;
}
.tabbox {
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	border-radius: 4px;         /* CSS3 */
	border:solid #dadada 1px;
	background-color:#fff;
	margin-bottom:20px;
	border-top-color:#fff;
}

/* paging */
.page {
	margin:5px 0 0;
	padding:0;
	font-size:1.0em;
	text-align:center;
	color: #808080;
}
.page .now {
	font-weight: bold;
	padding: 2px;
	color: #ff9871;
}
.page a {
	line-height: 1.5;
	padding: 2px;
	text-align: center;
	color: #808080;
}
.page a:hover {
	color:#ff9871;
	text-decoration:none;
}

/* btn */
.btn  a {
	
    /*display: block;
    overflow: hidden;
    height: 0px;
    width: 28px;
    padding-top: 28px;
    text-align: center;*/
}
.btn  a:hover {
    background-position: 0 -28px;
} 
.filterbtn a {
	background-image: url(../../images/btn_filter.png);
} 
.menubtn a {
	background-image: url(../../images/btn_menu.png);
}  
.settingbtn {
	background-image: url(../../images/img.png);
	background-repeat:no-repeat;
	background-position:-390px -170px;
	padding-left:25px;
	margin-top:10px;
}
.settingbtn:hover {
	background-position:-390px -370px;
}
.settingbtn a {
	text-decoration:none;
	padding:10px 0px;
}
.settingbtn a:hover {
	color:#e5e9ee;
}
.loginbtn a,
.editbtn a,
.searchbtn a,
.enterbtn a,
.closebtn a,
.newbtn a,
.delbtn a,
.updatebtn a,
.csvupbtn a,
.dateupbtn a,
.confirmbtn a,
.noconfirmbtn a,
.okconfirmbtn a,
.reeditbtn a,
.newopebtn a,
.issuebtn a,
.orderbtn a,
.mailbtn a,
.remailbtn a,
.tradermailbtn a,
.traderremailbtn a,
.dividendbtn a,
.hotelbtn a,
.detailbtn a,
.sIssuebtn a,
.choicebtn a,
.todaybtn a {
	background-image: url(../../images/img.png);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
}
.loginbtn a {
	width:210px;
	height:45px;
	background-position:0px -181px;
	margin:20px auto 0;
}
.loginbtn a:hover {
	background-position:0px -227px;
}
.updatebtn a {
	width:210px;
	height:45px;
	background-position:0px -272px;
	margin:20px auto 0;
}
.updatebtn a:hover {
	background-position:0px -318px;
}
.csvupbtn a {
	width:210px;
	height:45px;
	background-position:0px -364px;
	margin:20px auto 0;
}
.csvupbtn a:hover {
	background-position:0px -409px;
}
.dateupbtn a {
	width:210px;
	height:45px;
	background-position:0px -455px;
	margin:20px auto 0;
}
.dateupbtn a:hover {
	background-position:0px -500px;
}
.confirmbtn a {
	width:210px;
	height:45px;
	background-position:0px -591px;
	margin:20px auto 0;
}
.confirmbtn a:hover {
	background-position:0px -546px;
}
.noconfirmbtn a {
	width:210px;
	height:45px;
	background-position:-211px -1183px;
	margin:20px auto 0;
}
.noconfirmbtn a:hover {
	background-position:-211px -1228px;
}
.okconfirmbtn a {
	width:210px;
	height:45px;
	background-position:-211px -1274px;
	margin:20px auto 0;
}
.okconfirmbtn a:hover {
	background-position:-211px -1319px;
}
.reeditbtn a {
	width:210px;
	height:45px;
	background-position:0px -637px;
	margin:20px auto 0;
}
.reeditbtn a:hover {
	background-position:0px -682px;
}
.newopebtn a {
	width:210px;
	height:45px;
	background-position:0px -728px;
	margin:20px auto 0;
}
.newopebtn a:hover {
	background-position:0px -773px;
}
.issuebtn a {
	width:210px;
	height:45px;
	background-position:0px -910px;
	margin:20px auto 0;
}
.issuebtn a:hover {
	background-position:0px -955px;
}
.orderbtn a {
	width:210px;
	height:45px;
	background-position:0px -1001px;
	margin:20px auto 0;
}
.orderbtn a:hover {
	background-position:0px -1046px;
}
.mailbtn a {
	width:210px;
	height:45px;
	background-position:0px -1274px;
	margin:20px auto 0;
}
.mailbtn a:hover {
	background-position:0px -1319px;
}
.remailbtn a {
	width:210px;
	height:45px;
	background-position:0px -1365px;
	margin:20px auto 0;
}
.remailbtn a:hover {
	background-position:0px -1410px;
}
.tradermailbtn a {
	width:210px;
	height:45px;
	background-position:0px -1137px;
	margin:20px auto 0;
}
.tradermailbtn a:hover {
	background-position:0px -1092px;
}
.traderremailbtn a {
	width:210px;
	height:45px;
	background-position:0px -1228px;
	margin:20px auto 0;
}
.traderremailbtn a:hover {
	background-position:0px -1183px;
}

.editbtn a {
	width:50px;
	height:30px;
	background-position:-332px 0px;
} 
.editbtn a:hover {
	background-position:-332px -30px;
}
.hotelbtn a {
	width:50px;
	height:30px;
	background-position:-332px -61px;
} 
.hotelbtn a:hover {
	background-position:-332px -91px;
}
.detailbtn a {
	width:50px;
	height:30px;
	background-position:-332px -122px;
} 
.detailbtn a:hover {
	background-position:-332px -152px;
}
.sIssuebtn a {
	width:50px;
	height:30px;
	background-position:-332px -183px;
} 
.sIssuebtn a:hover {
	background-position:-332px -213px;
}
.choicebtn a {
	width:50px;
	height:30px;
	background-position:-332px -244px;
} 
.choicebtn a:hover {
	background-position:-332px -274px;
}
.todaybtn a {
	width:50px;
	height:30px;
	background-position:-332px -305px;
} 
.todaybtn a:hover {
	background-position:-332px -335px;
}
.searchbtn a {
	width:210px;
	height:45px;
	background-position:0px 0px;
	margin:20px auto 0;
}
.searchbtn a:hover {
	background-position:0px -45px;
}
.enterbtn a {
	width:210px;
	height:45px;
	background-position:0px -136px;
	margin:20px auto 0;
}
.enterbtn a:hover {
	background-position:0px -91px;
}
.closebtn a {
	width:210px;
	height:45px;
	background-position:0px -819px;
	margin:20px auto 0;
}
.closebtn a:hover {
	background-position:0px -864px;
}

.delbtn a {
	width:210px;
	height:45px;
	background-position:-211px -1365px;
	margin:20px auto 0;
}
.delbtn a:hover {
	background-position:-211px -1410px;
}
.newbtn a {
	width:120px;
	height:40px;
	background-position:-211px 0px;
	float:left;
	margin-right:10px;
}
.newbtn a:hover {
	background-position:-211px -40px;
}
.dividendbtn a {
	width:120px;
	height:40px;
	background-position:-211px -324px;
}
.dividendbtn a:hover {
	background-position:-211px -364px;
}
.masterbtn a {
	width:108px;
	background-image: url(../../images/btn_master.png);
	float:right;
	margin-right:10px
}
.addbtn a {
	width:84px;
	background-image: url(../../images/btn_add.png);
	float:left;
	margin-right:10px;
}
th div.addbtn a {
	float:none;
}
.printbtn a {
	width:84px;
	background-image: url(../../images/btn_print.png);
	float:left;
	margin-right:10px;
}
.alloutputbtn a {
	width:108px;
	background-image: url(../../images/btn_alloutput.png);
	float:left;
	margin-right:10px
}
.csvbtn a {
	width:84px;
	background-image: url(../../images/btn_csv.png);
	margin:20px auto 0;
}
.upload_file,.upload_btn{
	display:none;
}
.file_mask span{
	display:block;
	background-image:url(../../images/btn_fileselect.png);
	background-position:left top;
	height:28px;
	width:130px;
	cursor:pointer;
}
.file_mask span:hover{
	background-position:left bottom;
}


/* dropdown menu */
div#menu{height:40px;  position: relative; width:100%; background-color:#32323a;}
div.menu{height:40px;  position: relative; width:100%; background-color:#32323a;}
ul#menuBody{width:100%; position: absolute; z-index:10;}
ul.nav{height:40px; overflow: hidden; background: #32323a; color:#eee; width: 130px; font-size:12px; text-align: center; float: left; color:#aeb2b7;}
ul.nav li{height:40px; line-height:40px;}
ul.nav li a {color:#aeb2b7; text-decoration:none;}
ul.nav li:hover{background: #4d4d52; cursor: pointer; color:#fff;}
ul.nav li a:hover {color:#fff;}
ul#menuBody li{float: left;}
ul#menuBody .nav li{float: none;}
li.head {
	border-right:solid #3b3b43 1px;
}
ul.nav li img {
	vertical-align:text-bottom;
	margin-right:10px;
}
li.head span {
	background-image:url(../../images/img.png);
	background-repeat:no-repeat;
	font-size:12px;
	padding:4px 0px 4px 25px;
	overflow:hidden;
}
.nav_home span {
	background-position:-390px -2px;
}
.nav_hotel span {
	background-position:-390px -30px;
}
.nav_support span {
	background-position:-390px -57px;
}
.nav_operator span {
	background-position:-390px -80px;
}
.nav_info span {
	background-position:-390px -111px;
}
.nav_master span {
	background-position:-390px -139px;
}
.nav_home span:hover {
	background-position:-390px -202px;
}
.nav_hotel span:hover {
	background-position:-390px -230px;
}
.nav_support:hover span {
	background-position:-390px -257px;
}
.nav_operator span:hover {
	background-position:-390px -280px;
}
.nav_info span:hover {
	background-position:-390px -311px;
}
.nav_master span:hover {
	background-position:-390px -339px;
}


/*--------------------------------------- CalendarCSS↓ */
.MyCalendar1 .ajax__calendar_container   {
    background-color: #e2e2e2;
    border:solid 1px #cccccc;
}

.MyCalendar1 .ajax__calendar_header  {
    background-color: #ffffff;
    margin-bottom: 4px;
    font-size:10pt;
    font-weight:bold;
}

.MyCalendar1 .ajax__calendar_title,
.MyCalendar1 .ajax__calendar_next,
.MyCalendar1 .ajax__calendar_prev    {
    color: #004080;
    padding-top: 3px;
}

.MyCalendar1 .ajax__calendar_body    {
    background-color: #dddddd;
    border: solid 1px #cccccc;
}

.MyCalendar1 .ajax__calendar_dayname {
    text-align:center;
    font-weight:bold;
    margin-bottom: 4px;
    margin-top: 2px;
}

.MyCalendar1 .ajax__calendar_day {
    background-color: #eeeeee;
    text-align:center;
    font-size:10pt;
    font-weight:bold;
}

.MyCalendar1 .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar1 .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar1 .ajax__calendar_hover .ajax__calendar_year,
.MyCalendar1 .ajax__calendar_active  {
    color: #ffffff;
    background-color: #43B300;
}

.MyCalendar1 .ajax__calendar_today   {
    font-weight:bold;
}

.MyCalendar1 .ajax__calendar_other {
    color: #bbbbbb;
}

.MyCalendar1 .ajax__calendar_hover .ajax__calendar_title,
.MyCalendar1 .ajax__calendar_hover .ajax__calendar_today{
    color: #43B300;
}
/*--------------------------------------- CalendarCSS↑ */


/*--------------------------------------- 検索条件入力提示 CSS↓ */
.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	text-align:left;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	/*ackground : Window url('../../images/indicator.gif') right center no-repeat;*/
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}
.notice {
	color:#cc0000;
	font-size:12px;	
}
.add_record {
	border-bottom:solid 2px #9dc762;
	padding-bottom:15px;
}

/*--------------------------------------- 検索条件入力提示 CSS↑ */