@charset "utf-8";

*{margin:0; padding:0;}
body{text-align:center; font-size:0.9em; line-height:1.2em; font-family:"メイリオ","Meiryo","Osaka"; background:#eee; position:; color:#111; word-break:break-all; word-wrap:break-word;}
a{color:#036;}
a:hover{color:#F4A852; text-decoration:none;}

li{list-style:none;}
img{border:none;}
.clear{clear:both; height:1px; overflow:hidden; width:100%; visibility:hidden; display:block;}
.bold{font-weight:bold;}
.w_max{width:100%;}
.nowrap{white-space:nowrap;}
.error_txt{color:#f03; font-weight:bold;}
select{font-family:"メイリオ","Meiryo","Osaka";}
.font_small{font-size:0.8em; font-weight:normal;}
.required{color:#f03; font-weight:normal;}
.required:before{content:'('; color:#000;}
.required:after{content:')'; color:#000;}
.hidden{display:none;}
.disp_b{display:block;}
.white_table{width:100%; clear:both;}
.popup_switch{}
.m_auto{margin:0 auto;}
.txt_alert{color:#f00; font-weight:bold;}
.text_limit{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.txt_red{color:#f00;}
body .txt_important{background:#FFC; color:#F30; font-weight:bold; line-height:1.8em;}
.post_num,.post_num_not_target{width:60px;}.get_address_switch{}

.deleted_elm{background:#ccc;}

.alert_area{margin-bottom:20px; border:2px solid #f00; padding:20px 20px 20px 60px; background:url(../img/common/ico_alert.png) no-repeat 10px;}
.important_area{margin-bottom:20px; border:1px solid #F60; padding:20px; background:#FEE6A5;}
.message_area{margin-bottom:20px; border:1px solid #0f0; padding:20px; background:#DAFED3;}
.inline_elm{display:inline;}

.input_example{font-size:0.85em;}
.input_example:before{content:'(';}
.input_example:after{content:')';}

h1{font-size:1.4em;}
h2{font-size:1.2em;}
h3{font-size:1em;}




/*grobal layout*/



#header{border-top:4px solid #036; background:#fff; clear:both; width:100%;}
#header_inner_wrap{border-top:4px solid #F4A852;}
#header_inner{width:960px; margin:0 auto; padding:11px 0 4px; position:relative;}


	#header_logo_wrap{width:193px; float:left; margin-right:20px; text-align:left;}
	#header_logo_wrap img{width:193px;}

	#header_btn_wrap{width:130px; float:right;}
	#header_btn_wrap li{width:130px; overflow:hidden; margin-bottom:2px;}
	#header_btn_wrap a{width:130px; display:block; background-color:#eee; color:#036; text-decoration:none; line-height:2em;}
	#header_user_name{width:600px; float:right; text-align:right; padding:5px 10px 0 0;}
	#header_login_name{height:36px; overflow:hidden;}
	#header_todo{width:550px; float:left;}
	#header_todo .input_form_area{padding:8px 5px 5px; text-align:left;}
	#header_todo .todo_summary_wrap{font-size:0.8em; width:432px;}
	#header_todo .todo_summary{height:7em; overflow-y:scroll; background:#eee;}
	#header_todo .todo_summary_wrap li{padding:4px; border-bottom:1px solid #fff; text-align:left;}
	#header_todo .current_day a{color:#f30;}
	#header_todo .todo_more_link{text-align:right; width:100px; position:absolute; top:10px; right:5px;}
	#header_todo .todo_more_link .common_btn{ margin:0 0 0 auto; display:block;}


	#header_todo .todo_date{width:70px; float:left; margin-right:5px;}
	#header_todo .todo_target{width:50px; float:left; margin-right:5px;}
	#header_todo .todo_txt{width:180px; float:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis;}
	#header_todo .todo_type{width:70px; float:left; margin-right:5px;}
	#header_todo .todo_eraser{float:right; text-align:center; text-indent:-9999px; background:url(../img/common/eraser.png); width:10px; height:10px;}
	#header_todo .todo_eraser:hover{ background-position:right;}

	#header_home_link{text-align:left;}
	#header_ver_wrap{width:800px; float:left; text-align:left; font-size:0.8em;}

.middle_area_wrap{padding:20px 0 40px; margin-top:-1px; clear:both;}
.page_contents{text-align:left; width:980px; clear:both;  margin:0 auto;}



#gnavi{z-index:10; clear:both; border-top:2px solid #666; border-bottom:2px solid #666; height:52px;  overflow:visible;

/*	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f2f2f2', endColorstr='#cccccc');
*/background-image: linear-gradient(bottom, rgb(204,204,204) 0%, rgb(242,242,242) 100%);
background-image: -o-linear-gradient(bottom, rgb(204,204,204) 0%, rgb(242,242,242) 100%);
background-image: -moz-linear-gradient(bottom, rgb(204,204,204) 0%, rgb(242,242,242) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(204,204,204) 0%, rgb(242,242,242) 100%);
background-image: -ms-linear-gradient(bottom, rgb(204,204,204) 0%, rgb(242,242,242) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(204,204,204)),
	color-stop(1, rgb(242,242,242))
);

}
#gnavi_level_01_wrap{width:960px; margin:0 auto; padding:6px 0 0;}
#gnavi:after{content:','; width:100%; display:block; height:1px; clear:both; overflow:hidden; visibility:hidden;}

.gnavi_level_01{width:188px; float:left; position:relative; background:url(../img/common/btn_01.png) no-repeat; height:40px; z-index:0; margin-right:4px;color:#fff;}
.gnavi_btn_main_text{height:40px; line-height:40px; z-index:100;}

.gnavi_level_01:hover .gnavi_btn_main_text{}
#gnavi .gnavi_level_01:after{content:'▼'; position:absolute;top:0; right:15px; height:40px; line-height:40px; display:block; width:auto; font-size:0.5em;}

.gnavi_level_02_wrap{position:absolute; right:1px; top:40px; width:170px; display:none; z-index:1000;}
.gnavi_level_01:hover{color:#F6AB00;}
.gnavi_level_01:hover .gnavi_level_02_wrap,
.gnavi_level_01.active .gnavi_level_02_wrap{display:block;}

.gnavi_level_02{background:#333; background:rgba(0,0,0,0.8); border-bottom:1px solid #666;}
.gnavi_level_01:hover .gnavi_level_02{overflow:hidden;}
.gnavi_level_02 a{text-align:left; display:block; color:#fff; text-decoration:none; z-index:1300; padding:0 10px; font-size:0.9em; line-height:3em; height:3em;}
.gnavi_level_02 a:hover{color:#F4A852;}

#gnavi_01_01{z-index:1000;}
#gnavi_01_02{z-index: 999;}
#gnavi_01_03{z-index: 998;}
#gnavi_01_04{z-index: 997;}
#gnavi_01_05{z-index: 996;}
#gnavi_01_06{z-index: 995;}
#gnavi_01_07{z-index: 994; margin-right:0;}
#gnavi_01_08{z-index: 993;}
#gnavi_01_09{z-index: 992;}
#gnavi_01_10{z-index: 991;}

#head_back{position: absolute; top:-34px; right:10px;}
#footer{color:#fff; background:#036; width:100%;}
#footer.fixed{position:fixed; bottom:0; left:0;}
#footer_inner{width:980px; margin:0 auto; padding:20px 0 20px; font-size:0.8em; position:relative;}
.footer_logo_wrap{height:30px; margin-bottom:-38px; text-align:right;}
.footer_logo_wrap img{display:inline; margin:0 0 0 auto;}
address{clear:both; padding-top:20px;}

.common_btn{
	display: inline-block;
	vertical-align:middle;
	font-family:"メイリオ","Meiryo","Osaka"; padding:4px 5px 6px; cursor:pointer; color:#000; text-decoration:none; text-align:center; overflow:hidden;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	background:#f2f2f2;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E8F4FF', endColorstr='#A8D5FF');
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #E8F4FF),
		color-stop(1, #A8D5FF)
	);
	background-image: -o-linear-gradient(bottom, #E8F4FF 0%, #A8D5FF 100%);
	background-image: -moz-linear-gradient(bottom, #E8F4FF 0%, #A8D5FF 100%);
	background-image: -webkit-linear-gradient(bottom, #E8F4FF 0%, #A8D5FF 100%);
	background-image: -ms-linear-gradient(bottom, #E8F4FF 0%, #A8D5FF 100%);
	background-image: linear-gradient(to bottom, #E8F4FF 0%, #A8D5FF 100%);
}
.common_btn:hover{color:#f30;}

.common_btn:active{
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}

.search_result .common_table .common_btn{padding:0 2px;}
.common_btn.disp_b{display:block;}
.common_btn.pushed{background:#ddd; color:#666;}
.common_btn.disabled{color:#999; border:1px solid #999; cursor:default;}

.common_btn.w_50{width:50px;}
.common_btn.w_60{width:60px;}
.common_btn.w_70{width:70px;}
.common_btn.w_80{width:80px;}
.common_btn.w_90{width:90px;}
.common_btn.w_100{width:100px;}
.common_btn.w_110{width:110px;}
.common_btn.w_120{width:120px;}
.common_btn.w_130{width:130px;}
.common_btn.w_140{width:140px;}
.common_btn.w_150{width:150px;}
.common_btn.w_max{width:100%; padding-left:0; padding-right:0; display:block;}


table,td,th{border:none; border-collapse:collapse;}

.common_table{width:100%; margin:0 auto; background:#fff; empty-cells:show;
	border-collapse: separate;
	*border-collapse:collapse; /* for IE6,7 */
	border-spacing:0;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
}

.common_table td,.common_table th{padding:3px 2px; font-size:0.93em; vertical-align:middle; border-right:1px solid #aaa; border-bottom:1px solid #aaa; position:relative;}
.common_input_text,
.common_input_password,
.common_input_submit{border:1px solid #999; padding:2px 5px;}
.common_input_textarea{resize:none; border:1px solid #999;}

.common_table th{background:#eee; line-height:1.2em;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#dddddd');
background-image: linear-gradient(bottom, rgb(230,230,230) 0%, rgb(255,255,255) 100%);
background:-o-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(255,255,255) 100%);
background:-moz-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(255,255,255) 100%);
background:-webkit-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(255,255,255) 100%);
background:-ms-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(255,255,255) 100%);
background:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(230,230,230)), color-stop(1, rgb(255,255,255)));
}

.common_table .cell_blank{background:#ddd;}
.common_table .roop_top td{border-top:2px solid #666;}
.common_table .un_pay td{background:#Fdd;}

.common_table .deleted_tr,
.common_table .deleted_tr td{background:#eee;}

.table_overflow_wrap{overflow-x:scroll; overflow-y:visible; width:100%; height:auto;}
.table_overflow_wrap td{background:#fff;}
.table_overflow{}

.common_paging{padding:10px 0; clear:both; width:100%; text-align:left;}
.pager_move_input{width:40px; margin-left:10px; text-align:right; border:1px solid #999; padding:1px 0; vertical-align:bottom;}

.common_paging .current_page{border:1px solid #ccc;}
.common_input_select{width:100px;}
.common_search_form{background:#ddd; padding:10px; border:1px solid #999;}
.submit_area{text-align:center; padding:10px 0;}
.p_ttl{background:url(../img/common/con_ttl_bg.png) no-repeat; width:100%; height:60px; line-height:65px; text-indent:20px; position:relative; margin-bottom:20px;}

.p_ttl .common_btn{position:absolute; top:14px; right:14px; height:28px; line-height:28px; font-size:0.8em; font-weight:normal; display:block; text-indent:0; text-align:center;}
.p_ttl .font_small{margin-left:10px;}
.p_ttl .font_small:before,.p_ttl .font_small:after{content:'-';}

.input_form_area{padding:12px; background:#fafafa; border:1px solid #036; position:relative;}

.con_ttl{position:absolute; top:-10px; left:30px; background:#fff; padding:0 10px; height:20px; line-height:20px; color:#036;}

.area_s{border:3px double #ccc; position:relative; padding-top:1em;}
.area_s .area_ttl{position:absolute; left:10px; top:-0.5em; background:#fff;}
.add_template{display:none;}
.copy_dom_delete_switch{}

.common_iframe{border:none; width:100%; display:block; height:420px; background:none; overflor:scroll;}
.complete_btn_area_wrap{text-align:center; padding-top:40px;}
.complete_btn_area_wrap .common_btn{padding:5px; margin-right:5px;}

.table_scroll_wrap{width:934px; overflow-x:scroll;}

.tab_main_wrap{background:#ddd; padding:12px; clear:both; border:2px solid #F4A852;}
.tab_main_contents{display:none;}
.tab_main_contents.active{display:block;}
.tab_main_wrap .common_table{width:;}
.tab_switch{float:left; background:#f7be7d; margin-right:2px; border-bottom:2px solid #fff;}
.tab_switch label{cursor:pointer; display:block; padding:5px 20px;}
.tab_switch.active{border-bottom:2px solid #F4A852; cursor:default; background:#F4A852;}
.tab_switch.active label{cursor:default;}
.tab_switch input{display:none;}


.w_50	{width:50px;}
.w_60	{width:60px;}
.w_70	{width:70px;}
.w_80	{width:80px;}
.w_90	{width:90px;}
.w_100	{width:100px;}
.w_110	{width:110px;}
.w_120	{width:120px;}
.w_130	{width:130px;}
.w_140	{width:140px;}
.w_150	{width:150px;}
.w_160	{width:160px;}
.w_170	{width:170px;}
.w_180	{width:180px;}
.w_190	{width:190px;}
.w_200	{width:200px;}
.w_250	{width:250px;}
.w_300	{width:300px;}
.w_500	{width:500px;}

.w_1500{width:1500px;}
.w_1600{width:1600px;}
.w_1700{width:1700px;}
.w_1800{width:1800px;}
.w_1900{width:1900px;}
.w_2000{width:2000px;}
.w_2100{width:2100px;}
.w_2200{width:2200px;}
.w_960{width:960px; margin:0 auto;}

.h_20	{height:20px; line-height:0px;}

.visible_wrap{width:100%; overflow:visible;}
/*-----layout support------*/

.al_l{text-align:left;}
.al_r{text-align:right;}
.al_c{text-align:center;}

.val_t{vertical-align:top;}
.val_m{vertical-align:middle;}
.val_b{vertical-align:bottom;}

.pad_5{padding:5px;}
.pad_10{padding:10px;}
.pad_20{padding:20px;}

.pad_t_5{padding-top:5px;}
.pad_t_10{padding-top:10px;}
.pad_t_20{padding-top:20px;}

.pad_b_5{padding-bottom:5px;}
.pad_b_10{padding-bottom:10px;}
.pad_b_20{padding-bottom:20px;}

.pad_l_5{padding-left:5px;}
.pad_l_10{padding-left:10px;}
.pad_l_20{padding-left:20px;}

.pad_r_5{padding-right:5px;}
.pad_r_10{padding-right:10px;}
.pad_r_20{padding-right:20px;}

.pad_tb_5{padding-top:5px;	padding-bottom:5px;}
.pad_tb_10{padding-top:10px;	padding-bottom:10px;}
.pad_tb_20{padding-top:20px;	padding-bottom:20px;}



.mar_5{margin:5px;}
.mar_10{margin:10px;}
.mar_20{margin:20px;}

.mar_t_5{margin-top:5px;}
.mar_t_10{margin-top:10px;}
.mar_t_20{margin-top:20px;}

.mar_b_5{margin-bottom:5px;}
.mar_b_10{margin-bottom:10px;}
.mar_b_20{margin-bottom:20px;}

.mar_l_5{margin-left:5px;}
.mar_l_10{margin-left:10px;}
.mar_l_20{margin-left:20px;}

.mar_r_5{margin-right:5px;}
.mar_r_10{margin-right:10px;}
.mar_r_20{margin-right:20px;}

.mar_tb_5{margin-top:5px;	margin-bottom:5px;}
.mar_tb_10{margin-top:10px;	margin-bottom:10px;}
.mar_tb_20{margin-top:20px;	margin-bottom:20px;}

.mar_lr_5{margin-left:5px;	margin-right:5px;}
.mar_lr_10{margin-left:10px;	margin-right:10px;}
.mar_lr_20{margin-left:20px;	margin-right:20px;}

/*
.ime_active{ime-mode:active;}
.ime_inactive{ime-mode:inactive;}
.ime_disabled{ime-mode:disabled;}
*/

.txt_red{color:#f00;}
.txt_blue{color:#0066CC;}
.txt_green{color:#060}
.txt_yellow{ color:#F60}
.txt_gray{ color:#666;}

.bg_red{background:#ffbfbf;}
.bg_blue{background:#bfd9f2;}
.bg_green{background:#BFFFBF;}
.bg_yellow{ background:#FF6;}
.bg_gray{ background:#d9d9d9;}
.bg_orange{ background:#f9cdaa;}
body .disabled{background:#ccc;}


/*custom_select*/
.custom_select_wrap{position:relative;}
.custom_select_wrap .custom_select_list{display:none; position:absolute; z-index:100;}
.custom_select_wrap .custom_select_list.active{display:block;}
.custom_select_wrap .custom_select_list{background:#fff; border-top:1px solid #ccc;}
.custom_select_wrap .custom_select_list li{border:1px solid #ccc; border-top:none; position:relative;}
.custom_select_wrap .custom_select_list .custom_select_push{padding:5px; margin-left:20px; display:block;}
.custom_select_wrap .custom_select_list .custom_select_push:hover{color:#f30; cursor:pointer; background:#eee; }
.custom_select_wrap .custom_select_list .custom_select_delete{color:#f00; cursor:pointer; position:absolute; left:5px; top:5px; height:1em; }
.custom_select_wrap .custom_select_list .custom_select_delete:hover{color:#f30; background:#eee; }

.border_bold {
	border: 3px solid #036;
	border-radius: 10px;
}

.border_little_bold {
	border: 2px solid #036;
	border-radius: 10px;
}