@charset "utf-8";

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#000;
	background-color:#FFF;
	font-size: 14px;
	padding: 0;
	margin: 0;
}

h1 {
	font-size:180%;
	margin:10px 0;
}

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

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	font-size: 14px;
}

textarea, input[type="text"], input[type="password"] {
	width:98%;
}

img {
	padding: 0px; border: 0px none; margin: 0px;
}

a {
	color:#3f40f3;
	text-decoration: none;
}

a:hover {
	color:#8e8eee;
	text-decoration: none;
}


ul {
	padding-left:0;
}

ul li {
	list-style-type:none;
}

hr {
	margin:2px 0;
}

p {
	margin:0;
}


table {
	padding:0px;
	margin:0px auto;
	border-collapse: collapse;
	table-layout:fixed;
}

table td, table th {
	padding:2px 2px 0px 2px;
	vertical-align: top;
	text-align: left;
}

/* table-layout:fixedとこれが一番良い！！ */
.nowrap{
    word-wrap: break-all;
    overflow:hidden;
}


/************************ cfix ************************/
.cfix:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
.cfix{
	display: inline-block;
}
/* Hides from IE Mac */
* html .cfix{
	height: 1%;
}
.cfix{
	display:block;
}
/* End Hack */



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

#loading{
	display:none;
/*	position: absolute; top: 0; left: 0; */
	position: fixed; top: 0; left: 0;
	width:100%;
	height:100%;
	background: #AAA url(../img/ajax-loader.gif) 50% 50% no-repeat; opacity: .30;filter:Alpha(Opacity=30);
	z-index:9999;
}




/************************ message ************************/
.form-error {
	color:rgb(255, 0, 0);
	background-color:rgb(255, 231, 231);
}

.required-mark {
	color:red;
	font-size:80%;
}

.alert-info, .alert-success, .alert-warning, .alert-error, .alert-validation {
	border: 1px solid;
	margin: 10px 0px;
/*	padding:15px 10px 15px 50px; */
	padding:15px 10px 15px 10px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.alert-info {
	color: #00529B;
	background-color: #BDE5F8;
	/*background-image: url('info.png');*/
}
.alert-success {
	color: #4F8A10;
	background-color: #DFF2BF;
	/*background-image:url('success.png');*/
}
.alert-warning {
	color: #9F6000;
	background-color: #FEEFB3;
	/*background-image: url('warning.png');*/
}
.alert-error {
	color: #D8000C;
	background-color: #ffe6e6;
	/*background-image: url('error.png');*/
}
.alert-validation {
	color: #D63301;
	background-color: #FFCCBA;
	/*background-image: url('validation.png');*/
}

/************************ pagination ************************/

div.pagination ul {
   margin: 0px;
   padding: 0px;
}

div.pager_title {
	font-size:90%;
}

div.pagination ul li {
   list-style-type: none;
   float: left;
   margin: 0 0.1em 0.2em 0;
   border: 1px gray solid;
   padding: 0px;
}



div.pagination ul li a {
   text-decoration: none;
   display: block;
   width:20px;
   height:20px;
   padding:0.3em;
   text-align:center;
   color:#000;
}

div.pagination ul li a.pager-current {
   background-color:#ddd;
   color:#000;
}

div.pagination ul li a:hover {
   background-color:#ddd;
   color: white;
}

div.pagination ul li a.pager-current:hover {
   color:#000;
}


/************************ button-link ************************/

.btn {
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);

	border: solid 1px #20538D;
	color: #FFF;

	font-size:16px;


	background: #4479BA;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	line-height: 30px;
	display: inline-block;
	text-align: center;
	margin-bottom: 4px;
	margin-top: 4px;
	min-width: 80px;
	padding: 0 5px;
}
.btn-small {
	font-size:12px;
	line-height:22px;
	margin-bottom: 2px;
	margin-top: 2px;
	min-width: 60px;
}
.btn-font {
	color: #999;
	background: #ddd;
	border: solid 1px #ccc;
}

.btn:hover {
	color: #FFF;
	background: #356094;
	border: solid 1px #2A4E77;
}
.btn:active {
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	background: #2E5481;
	border: solid 1px #203E5F;
}
.btn-font:hover {
	color: #999;
	background: #ddd;
	border: solid 1px #ccc;
}

.btn-disable {
	color: #FFF;
	background: rgb(184, 70, 79);
	border: solid 1px rgb(105, 10, 10);
}
.btn-disable:hover {
	color: #FFF;
	background: rgb(136, 53, 53);
	border: solid 1px rgb(151, 72, 78);
}



/************************ table ************************/


/*data-list*/

table.data-list th {
	text-align:center;
	background-color: #F9F9F9;
}

table.data-list td {
	vertical-align:middle;
}

/*data-search*/

table.data-search th{
	text-align: right;
	padding-right:20px;
	width: 150px;
	background-color: #F9F9F9;
	border:1px solid #ddd;
}

table.data-search td{
	border:1px solid #ddd;
}

/*data-input*/


table.data-input {
}

table.data-input th {
	text-align: right;
	width: 150px;
	background-color: #F9F9F9;
	border:1px solid #ddd;
	padding-right:20px;
}

table.data-input th, table.data-input td {

}




table.border1 {
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
}

table.border1 th {
	border-bottom: solid 1px #ddd;
	border-right: solid 1px #ddd;
}

table.border1 td {
	border-bottom: solid 1px #ddd;
	border-right: solid 1px #ddd;
}

table tr.delete_row {
	background-color: #F9F9F9;
}



div.form_hidden {
	display:none;
}

div.form_hidden input[type="text"] {
	width:200px;
}

/* for debug */

div.form_hidden2 {

}

div.form_hidden2 input[type="text"] {
	width:200px;
}