/*@import url('./font.css');*/

/* general *************************************************/

table, tr, th, td, div, p, ul, li, img, h1, h2, h3, h4{

	/* widthにpadding分が足される問題を解消 */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

body{
	margin: 0px;
	padding: 0px;
	letter-spacing: +1px;
	word-break: break-all;
	font-size: 14px;
	line-height: 150%;
	font-family: "M PLUS 1p", Myriad, Helvetica, Arial, "Meiryo", "メイリオ", sans-serif;
}

td{
	word-break: break-all;
}

.center{
	text-align: center;
}

.left{
	text-align: left;
}

.right{
	text-align: right;
}

.mini{
	font-size: 11px;
}

.red{
	color: red;
}

.bold{
	font-weight: bold;
}

.big{
	font-size: 16px;
}

span.checkmark{
	font-size: 20px;
	/*font-weight: bold;*/
}

div.space{
	font-size: 0px;
	height: 30px;
	/*clear: both;*/
}

div.space-s{
	font-size: 0px;
	height: 15px;
	/*clear: both;*/
}

div.clear{
	margin: 0;
	padding: 0;
	height: 0px;
	font-size: 0;
	clear: both;
	visibility: hidden;
	display: block;
}

a img{
	border: none;
}

a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: “alpha( opacity=70 )”;
}

div.scroll {
 	overflow-x: auto;
 	overflow-y: scroll;
	/*border: 1px solid #aaaaaa;*/
}
div.scroll-x {
 	overflow-x: scroll;
 	overflow-y: hidden;
}
div.scroll-y {
 	overflow-y: scroll;
 	overflow-x: hidden;
}
div.scroll-bottom {
 	height: 100px;
}

/* layout **************************************************/

div.head{
	padding: 0 0 8px 0;
	margin: 0px 0px 20px 0px;
	border-bottom: 5px solid #477ddb;
	color: #000000;
}

	div.head .logo{
		padding: 10px 0px 0px 20px;
		float: left;
	}

	div.head .logout{
		font-weight: bold;
		padding: 12px 15px 0px 0px;
		float: right;
	}

div.container {
	text-align: left;
	min-width: 955px;
	min-height: 800px;
	height: auto;
	padding-bottom: 55px;
}


div.menu{
	width: 258px;
	padding: 0px 0px 0px 10px;
	float: left;
}

	div.menu .menu-group{
		padding: 10px;
		background-color: #477ddb;
		border-radius: 10px;
		margin: 0 0 10px 0;
	}

	div.menu .menu-head{
		width: 40px;
		text-align: center;
		padding: 0 0 5px 0;
	}

	div.menu .menu-head img{
		width: auto;
		height: 20px;
	}

	div.menu .menu-head-admin{
		font-size: 16px;
		font-weight: bold;
		letter-spacing: +3px;
		padding: 0 0 8px 8px;
	}

	div.menu ul {
		margin: 0;
		padding: 0;

	}

	div.menu ul li{
		list-style: none outside;
		margin: 0 0 5px 0;
		padding: 5px 10px 5px 10px;
		background-color: #ffffff;
		border-radius: 10px;
		font-weight: bold;
		cursor: pointer;
	}

	div.menu ul li:hover{
		background-color: #ff9999;
	}

div.main{
	margin: 0 10px 0 280px;
}

div.foot{
	width: 100%;
	position: fixed;
	bottom: 20px;
	height: 20px;
	color: #666666;
	margin: 15px 0px 0px 0px;
}

	div.copyright{
		margin: 0 20px 0 0;
		text-align: right;
	}

/* main ****************************************************/

h1{
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 20px 0;
	padding: 10px 10px 8px 10px;
	border-bottom: 5px double #aaaaaa;
	letter-spacing: 0.5em;
}

h2{
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.5em;
	padding: 0;
	margin: 0;
}

table.h2{
	padding: 0;
	margin: 0 0 15px 0;
	height: 30px;
	border-left: 30px solid #477ddb;
}

table.h2 th{
	padding: 0px 0px 0px 10px;
}

table.h2 td{
	padding: 0px 0px 0px 10px;
}

table.std{
	background-color: #aaaaaa;
}

table.std th{
	font-size: 14px;
	font-weight: normal;
	background-color: #eeeeee;
	padding: 8px 10px 8px 10px;
}

table.std td{
	font-size: 13px;
	background-color: #ffffff;
	padding: 8px 10px 8px 10px;
}

table.odd tbody tr:nth-child(odd) td {
	background-color: #ffeebb;
}

table.even tbody tr:nth-child(even) td {
	background-color: #ffeebb;
}

table.std .mini{
	font-size: 11px;
	padding: 5px;
}

table.std img{
	vertical-align: middle;
}

table.std .total th{
	background-color: #bbddff;
}

table.full{
	width: 100%;
}

div.to-top{
	text-align: left;
	margin: 25px 0px 0px 0px;
}


table.std table.std_in{
}

table.std table.std_in th{
	font-weight: normal;
	background-color: #ffffff;
	padding: 5px;
}

table.std table.std_in td{
	background-color: #ffffff;
	padding: 5px;
}

/* form ****************************************************/

form{
	margin: 0px;
	padding: 0px;
}

input.text{
	font-size: 16px;
	height: 24px;
}

input.text:hover{
	background-color: #ffddaa;
}

input.text:focus{
	background-color: #ffaaaa;
}


input.checkbox{
	display:none;
}

label.checkbox:before{
	content: "　";
	width: 22px;
	height: 22px;
	display: inline-block;
	background-color: #ffffff;
	border: 1px solid #7a7a7a;
	cursor: pointer;
	margin: 0 8px 0 0;
}

input.checkbox:checked + label.checkbox:before{
	content: "\2713"; 
	font-size: 22px;
}


input.radio{
	display:none;
}

label.radio:before{
	content: "　";
	width: 22px;
	height: 22px;
	display: inline-block;
	background-color: #ffffff;
	border: 1px solid #7a7a7a;
	cursor: pointer;
	margin: 0 8px 0 0;
}

input.radio:checked + label.radio:before{
	content: "\2713"; 
	font-size: 22px;
}


input.button{
	color: #ffffff;
	background-color: #666666;
	font-size: 18px;
	height: 40px;
	border: none;
	border-radius: 15px;
	cursor: pointer;
	padding: 0 20px 0 20px;
	font-weight: bold;
}

input.button_next{
	color: #ffffff;
	background-color: #3388ee;
	font-size: 18px;
	height: 40px;
	border: none;
	border-radius: 15px;
	cursor: pointer;
	padding: 0 20px 0 20px;
	font-weight: bold;
}

input.button_fix{
	color: #ffffff;
	background-color: #ee4444;
	font-size: 18px;
	height: 40px;
	border: none;
	border-radius: 15px;
	cursor: pointer;
	padding: 0 20px 0 20px;
	font-weight: bold;
}

input.button_mini{
	color: #ffffff;
	background-color: #666666;
	font-size: 14px;
	height: 30px;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	padding: 0 8px 0 8px;
	font-weight: bold;
}

input.button_blue{
	color: #ffffff;
	background-color: #0055dc;
}

input.button_green{
	color: #ffffff;
	background-color: #146F39;
}

input.button_gray{
	color: #ffffff;
	background-color: #666666;
}

input.button_red{
	color: #ffffff;
	background-color: #ff0000;
}

input.datepicker{
	width: 120px;
	margin-right: 15px;
}

select.select{
	font-size: 16px;
	height: 24px;
}

textarea.textarea{
	font-size: 16px;
	height: 24px;
}

.no-ime{ 
	ime-mode: disabled;
}

.hidden{
	font-size: 0px;
	height: 0px;
	width: 0px;
	visibility: hidden;
}

input.datepicker{
	width: 100px;
}

.table_title{
	font-weight: bold;
	font-size: 16px;
	letter-spacing: +2px;
	margin: 0 0 8px 0;
}

div.float200{
	float: left;
	min-width: 200px;
	min-height: 30px;
	margin: 0 15px 8px 0;
}

div.float250{
	float: left;
	min-width: 250px;
	min-height: 30px;
	margin: 0 15px 8px 0;
}

div.float300{
	float: left;
	min-width: 300px;
	min-height: 30px;
	margin: 0 15px 8px 0;
}

/* msg ****************************************************/

	table.msg-main{
		font-weight: bold;
		letter-spacing: +2px;
		background-color: #ffffff;
		background-image:url(../images/msg_bg.gif);
		margin: 0px 0px 10px 0px;
		padding: 0px;
	}

	table.msg-main td.img{
		width: 50px;
		text-align: center;
		padding: 10px 5px 10px 0px;
	}

	table.msg-main td.msg{
		color: #ff0000;
		padding: 10px 10px 10px 5px;
	}

	table.msg-err{
		margin: 0px 0px 5px 0px !important;
	}

	table.msg-err td{
		font-size: 11px !important;
		color: white !important;
		border: 1px solid #ff0000 !important;
		background-color: #ff1111 !important;
		padding: 3px 5px 3px 5px !important;
		margin: 0px !important;
	}


/* move_page ***********************************************/

div.move_page{
	letter-spacing: +2px;
	margin: 0 0 10px 0;
}

div.move_page input.page{
	width: 60px;
	text-align: right;
	ime-mode: disabled;
}

div.move_page span.current{
	color: red;
	font-weight: bold;
}

/* tab ******************************************************/

div.tab_bar{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	border-bottom: 3px solid #eeeeee;
}

	div.tab_bar div{
		text-align: center;
		float: left;
		font-size: 14px;
		letter-spacing: +2px;
		padding: 8px 12px 8px 12px;
		font-weight: bold;
		border-radius: 10px 10px 0 0;
	}

	div.tab_bar div a{
		color: #000000;
		text-decoration: none;
	}

		div.tab_bar div:hover{
			background-color: #ff9999;
		}

	div.tab_bar div.current{
		background-color: #eeeeee;
	}

	div.tab_bar div.others{
		cursor: pointer;
	}

div.tab_body{
	margin: 0px 0px 15px 0px;
	padding: 15px;
}

/* modal **********************************************************************/

#modalback{
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:black;
	opacity: 0.70;
	filter:alpha(opacity=70);
	display:none;
	z-index: 9998;
}

#modalwindow{
	padding: 0;
	margin: 0;
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	display:none;
	z-index: 9999;
}

#modalframe{
	padding: 0;
	margin: 0;
	border: none;
}

div.modal_child{
	background-color: #ffffff;
	padding: 10px 20px 10px 20px;
}

/* loading *************************************************/

#loading{
	padding: 0;
	margin: 0;
	position: fixed;
	top:0;
	left:0;
	display:none;
	z-index: 9998;
	width: 300px;
	height: 220px;
	text-align: center;
	/*border: 2px solid #999999;*/
	/*background-color: #ffffff;*/
}

#loading img{
	padding: 0;
	margin: 0;
	width: 64px;
	height: 64px;
}

/* help ****************************************************/

img.help{
	width: 20px;
}

div.modal_help h3{
	font-size: 16px;
	font-weight: bold;
	color: #242186;
	margin: 0 0 0 0;
}

div.modal_help span{
	color: red;
	font-weight: bold;
}

/* override ************************************************/


/* top *****************************************************/

/* member **************************************************/

table.member_input{
	width: 840px;
}

table.member_input th{
	width: 180px;
}

table.member_input td{
	width: 240px;
}

table.member_input table.std_in th{
	width: auto;
	text-align: left;
	padding: 0 8px 8px 0;
}

table.member_input table.std_in td{
	width: auto;
	padding: 0 12px 8px 0;
}

.change_report, table.member_input th.change_report{
	background-color: #ffccff;
}

/* insdustry_type ******************************************/

table.insdustry_type_list td.l1_code{
	text-align: center;
	width: 15px;
}

table.insdustry_type_list td.l2_code{
	text-align: center;
	width: 40px;
}
table.insdustry_type_list td.l3_code{
	text-align: center;
	width: 45px;
}
table.insdustry_type_list td.l4_code{
	text-align: center;
	width: 60px;
}
table.insdustry_type_list td.button{
	text-align: center;
	width: 120px;
}