@charset "UTF-8";


/*---------- ページ全体の指定 ----------*/

html, body, header, section, article, nav, footer,
div, span, p, h1, h2, h3, h4,
ul, ol, li, dl, dt, dd,
table, tr, th, td, tbody, thead, tfoot {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
	margin:0;
	padding:0;
	vertical-align:top;
}

body {
	width: 100%;
	background-color:#eee;
	font-size:14px;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height: 1.7;
}

a:link,
a:visited {
	color: #0066ff;
	text-decoration:underline;
}

a:hover {
	color: #0066ff;
	text-decoration:none;
}

.txtred {
	color:#F00;
}
@media screen and (min-width: 641px){
	#container{
		margin: 0 auto;
		padding: 0;
		max-width: 1200px;
	}
	#main {
		background-color:#fff;
		max-width:1200px;
		border-top:20px solid #233d7a;
		border-bottom:20px solid #233d7a;
	}

}
@media screen and (max-width:640px){
	#container{
		margin: 0 auto;
		padding: 0;
		max-width: 600px;
	}
	#main {
		background-color:#fff;
		max-width:560px;
		border:20px solid #233d7a;
	}
	img{
		max-width:600px;
	}

}


/*---------- ヘッダー ----------*/

#header {
	width: 100%;
	background-color:#fff;
}

#header h2 {
	width: 100%;
	height: 40px;
	color:#FFF;
	background-color:#06F;
	text-align:left;
	line-height:40px;
	font-size: 18px;
}

#page_top {
	margin: 0;
	padding: 0;
}
#contents{
	width:100%;
	background-color:#233d7a;
	margin: 0px;
	padding: 0;
}

#classname {
	width:100%;
	height:50px;
	background-color:#233d7a;
	margin: 0;
	padding: 0;
}

#classname p {
	color:#FFF;
	text-align:right;
	padding-right:10px;
	line-height:50px;
	font-size:14px;
}


/*---------- コンテンツ ----------*/
h4,span.span_h4{
	color:#233d7a;
	font-weight:700;
	font-size:14px;
}
#content {
	padding: 15px 10px;
}

#content section {
	margin: 0;
}

#content section h2 {
	margin: 0 0 5px 0;
	padding: 0x;
	font-size: 18px;
	color: #233d7a;
}

#content section p {
	padding:0 0 15px 0;
}

#content section p img {
	width:100%;
	padding:0 0 5px 0;
}

#content section p img.imgleft {
	width:auto;
	float:left;
	padding:0 10px 0 0;
}

#content section p img.imgright {
	width:auto;
	float:right;
	padding:0 0 0 10px;
}

#content section ul {
	margin: 0;
	padding: 0 0 0 20px;
	list-style-position:outside;
}

#content section li {
	margin:0;
	padding: 5px 0;
	font-size: 14px;
}

#content2 {
	padding: 10px;
	background-color:#233d7a;
}

#content2 section {
	margin: 0 0 10px 0;
}

#content2 section h2 {
	margin: 0 0 5px 0;
	padding: 0x;
	font-size: 18px;
	color: #fff;
}

#content2 section table {
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #919ebc;
	margin : 5px 0 0;
}

#content2 section table td {
	border: solid 1px #919ebc;
	padding:8px 15px;
	background-color:#FFF;
	font-size:14px;
}

#content2 section table td a {
	display:block;
	color:#000;
	text-decoration:none;
}

#content2 section table td.td1 {
	background-color:#bdc5d7;
}

#content2 section table td.td2 {
	background-color:#ff9933;
}

#content2 section table td span {
	color:#F60;
}



/*---------- トップに戻る ----------*/

#page_back {
	margin: 20px 0;
	padding: 0 10px 0 0;
	text-align: right;
}


/*---------- フッター ----------*/

#footer {
	width: 100%;
	padding: 5px 0 5px 0;
	color: #333333;
	text-align: center;
	border-top: solid 1px;
	border-top-color: #cccccc;
	background-color: #ccc;
}

#footer p {
	padding: 5px;
	color: #555555;
}

/*---------- floatclear ----------*/

.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
	font-size: 0px;
	font-style: normal;
	line-height: 0px;
	font-weight: normal;
	font-variant: normal;
}

/*ボタン*/
input[type=button].btn,button.btn,a.btn{
	text-align:center;
	line-height:18px;
	text-decoration:none;
	cursor:pointer;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color:#d7ebf9;
	border:1px solid #74B2E2;
	color:	#2779AA;
	font-weight:600;
	font-size:14px;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, input[type=button].btn,button.btn,a.btn { line-height:20px;height:20px; }  
}
/*ボタン:hover*/
input[type=button].btn:hover,button.btn:hover,a.btn:hover{
	cursor:pointer;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color:#0066ff;
	border:1px solid #233d7a;
	color:	#fff;
	font-weight:600;
	font-size:14px;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
/*ボタン:disabled*/
input[type=button].btn:disabled,button.btn:disabled,a.btn:disabled{
	cursor:default;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color:#eee;
	border:1px solid #D3D3D3;
	color:	#D3D3D3;
	font-weight:400;
	font-size:14px;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
table.ui-jqgrid-btable input[type=button].btn{
	line-height:13px;
}
table.ui-jqgrid-btable input[type=button].btn:hover{
	line-height:13px;
	font-size:11px;
}
/*テキストボックス*/
input[type=text],input[type=password]{
	font-size:14px;
	border:1px solid #74B2E2;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color:#233d7a;
	padding-left:4px;
	padding-right:4px;
	/*
	background:#f4f4f4;
	*/
/* Webkit */
/*
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#fff)
		);
*/	 
/* Firefox */
/*
	background: -moz-linear-gradient(
		top,
		#eee,
		#fff
		);
	 
	 */
}
textarea{
	font-size:14px;
	border:1px solid #74B2E2;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color:#233d7a;
	padding:4px;
	resize:none;
/* Webkit */
/*
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#fff)
		);
	 
	 */
/* Firefox */
/*
	background: -moz-linear-gradient(
		top,
		#eee,
		#fff
		);
	 
	 */
/* IE */
/*
	filter:progid:DXImageTransform.Microsoft.gradient
		(startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom: 1;
	*/
}
input[type=text]:focus,input[type=password]:focus,textarea:focus,select{
	background-color:#FFFDBF;
}

/*テキストボックス:readonly*/
input[type=text]:readonly{
/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#fff)
		);
	 
/* Firefox */
	background: -moz-linear-gradient(
		top,
		#eee,
		#fff
		);
	 
/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
		(startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom: 1;
}
/*テキストボックス:disabled*/
input[type=text]:disabled{
	border:1px solid #D3D3D3;
	color:#666;
	background-color:#ddd;
}

span.ui-spinner{
	border-color:#74B2E2;
/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#fff)
		);
	 
/* Firefox */
	background: -moz-linear-gradient(
		top,
		#eee,
		#fff
		);
	 
}
span.ui-spinner input[type=text]{
	background:none;
	border:none;
}

/*jQueryUI フォント上書き*/
.ui-widget{
	font-size:14px;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
/*ダイアログ*/
div.dialog{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #233d7a;
	display: block;
	opacity: 1;
	position: absolute;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/*ダイアログ　コンテンツ*/
div.dialog div.dialog_contents,div.dialog div.dialog_contents div.ui-widget-content,#login div{
	color:#233d7a;
}
/*ダイアログ　ラベル*/
div.dialog div.label,#login div.label{
	margin-top:5px;
	font-weight:bold;
}
/*画像*/
img{
	vertical-align:middle;
}
/*jqgrid　フォントサイズ上書き*/
.ui-jqgrid .ui-jqgrid-view td,.ui-jqgrid .ui-jqgrid-view th{
	font-size:12px;
}
/*テキストボックス　エラー*/
input[type=text].error,input[type=password].error,input[type=file].error,textarea.error,input[type=text].error:focus,input[type=password].error:focus,textarea.error:focus{
	border:1px solid red;
	/*
	background-color:#ffdfea;
	*/
	background:#ff0000;
/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#ffdfea),
		to(#fff)
		);
	 
/* Firefox */
	background: -moz-linear-gradient(
		top,
		#ffdfea,
		#fff
		);
}
/*スパン　エラー*/
span.error{
	border:1px solid red;
	background-color:#ffdfea;
	font-weight:bold;
	color:red;
}
/*エラーメッセージ*/
span.error_msg{
	font-weight:bold;
	color:red;
}
/*メニューボタン画像*/
#img_btn_menu{
	background-color:#eaeaea;
	border:1px solid black;
	cursor:pointer;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/*メニューボックス*/
#div_menu{
	background-color:#233d7a;
	color:#fff;
	font-weight:bold;
	position:absolute;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/*メニュー・ダイアログの閉じるボタン*/
#div_menu_close,#div_dialog_close{
	border-radius: 0px 4px 0px 0px;
	-webkit-border-radius: 0px 4px 0px 0px;
	-moz-border-radius: 0px 4px 0px 0px;
}
/*メニューのリスト*/
#div_menu div.menu_contents ul{
	margin:10px;
}
#div_menu div.menu_contents ul li{
	list-style:none;
}
#div_menu div.menu_contents ul li a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	line-height:20px;
	
}
#div_menu div.menu_contents ul li a.pg:hover,#div_menu div.menu_contents ul li a.pg:hover ,#div_menu div.menu_contents ul li a.menu_selected{
	color:#233d7a;
	background-color:#fff;
}
table.dialog_list_table{
	border-collapse:collapse;
	line-height:20px;
}
table.dialog_list_table thead th{
	background-color:#233d7a;
	color:#fff;
	font-weight:bold;
	border-right:1px solid #fff;
}
table.dialog_list_table thead th:last-child{
	border-right:1px solid #233d7a;
}

ul.ul_list{
	border:1px solid #233d7a;
}

ul.ul_list li{
	border-bottom:1px solid #233d7a;
	color:#000;
}
ul.ul_list li:last-child{
	border-bottom:0px solid #233d7a;
}
ul.ul_list li:nth-child(2n){
	background-color:#FFF4BF;
}
select.select_list option{
	font-size:14px;
	padding:5px;
	cursor:pointer;
	border-bottom:1px dotted #233d7a;
}
select.select_list option:nth-child(2n){
	background-color:#FFF4BF;
}

table.ui-jqgrid-btable tr td{
	background-color:#f3e9fd;
}
table.ui-jqgrid-btable tr:nth-child(2n) td{
	background-color:#fff;
}

/*jqgrid　奇数行*/
.grid_odd{
/*	background-color:#fff;
*/
	border:1px solid #AED0EA;
}
/*jqgrid　偶数行*/
.grid_even{
/*	background-color:#f3e9fd;
*/
	border:1px solid #AED0EA;
}
/*テキストボックス　数値*/
input[type=text].txt_num{
	text-align:right;
	ime-mode:disabled;
}
/*テキストボックス　日付*/
input[type=text].txt_ymd{
	text-align:center;
	ime-mode:disabled;
	width:100px;
}
input[type=text].txt_ym{
	text-align:center;
	ime-mode:disabled;
	width:70px;
}

div.div_list_box{
	border:1px solid #233d7a;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.ui-tabs .ui-tabs-nav li a{
	padding:0.2em .5em;
}

table.ui-datepicker-calendar a.ui-priority-secondary{
	font-weight:bold;
	opacity:1;
}

table.ui-datepicker-calendar a.ui-priority-secondary:not(.ui-state-highlight){
	color:#2779AA;
}

.ui-datepicker-trigger{
	cursor:pointer;
}

#ui-datepicker-div.ui-datepicker select.ui-datepicker-month,
#ui-datepicker-div.ui-datepicker select.ui-datepicker-year {
	width:45%;
}

.clear_float:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

div.dialog_title_p{
cursor:move;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0;
}

input::-webkit-input-placeholder{
	color:#999;
	font-weight:normal;
}
input:-ms-input-placeholder{
	color:#999;
	font-weight:normal;
}
input::-moz-placeholder{
	color:#666;
	font-weight:normal;
}