@charset "utf-8";

/*--- layout ---*/
#html, body {	height:100%; margin:0; padding:0; }
#Reporting_Wrap { width:745px; height:auto; margin:-20px 0 50px -6px; }
	#Reporting_Top {  text-align:center; padding-top:5px; padding-left:15px; font-size:11px; width::730px; height:32px; background-image:url(../../../images/info/bg_reporting_top.gif); background-repeat:no-repeat; background-position:0 0; }
	#Reporting_Top img { vertical-align:text-bottom;}
	 .RT_01 { padding-left:18px; margin-right:40px; }
	 .RT_01 strong{ color:#0000FF; }
	 .RT_02 { padding-left:18px; margin-right:40px; }
	 .RT_02 strong{ color:#e60011;}
	 .RT_03 { padding-left:18px; margin-right:20px; }
	 .RT_03 strong{ color:#007130;}
	 
	#RT_Tap { margin-top:15px; width:736px; height:30px; background-image:url(../../../images/info/bg_tap.gif);}
	#RT_Tap li { float:left;}
	
	#RT_Tap2 {margin-left:20px; margin-top:15px; width:690px; height:30px; background-image:url(../../../images/info/bg_tap.gif);}
	#RT_Tap2 li { float:left;}

	#Ship_Info { position:relative; float:left; width:266px; height:320px; background-image:url(../../../images/info/bg_shipinfo.jpg); background-repeat:no-repeat; background-position:0 10px;}
		#Ship_Tit { position:absolute; top:35px; left:25px; }
		#Ship_Edit  { position:absolute; top:35px; left:195px; }
	#Ship_Info ul { position:relative; top:55px; left:25px; font-size:11px; width:266px;}
	#Ship_Info ul li { float:left; background-image:url(../../../images/info/icon01.gif); background-repeat:no-repeat; background-position:0 7px; padding-left:5px;}
	#Ship_Info strong { color:#084972;}
	#Ship_List {background-color:#dbecf4; margin-top:10px; float:left;  width:464px; height:300px; overflow:auto; overflow-x:hidden; border:3px solid #d8dbe6;}
	.Table_Style01 { font-size:11px;}
	.Table_Style01 th { background-color:#266f9e; color:#FFFFFF; height:25px; vertical-align:middle;}
	.Table_Style01 td { text-align:center; height:26px; border-bottom:dotted 1px #b5bdc1; }
	.Text_S01 { font-weight:bold; color:#009944;}
	.Text_S02 { font-weight:bold; color:#ff0000;}
	.Text_S03 { font-weight:bold; color:#0075a9;}
	
	#Reporting_Button { padding-top:5px; word-spacing:-1px; background-image:url(../../../images/info/icon_q.gif); background-repeat:no-repeat; background-position:270px 19px; clear:both; width:738px; vertical-align:; text-align:right; font-size:11px; color: #333333; font-weight:bold;}
	#Reporting_Button img { vertical-align: middle; margin-left:5px;}
	
	#Quick_Link { margin-top:10px; width:706px; height:116px; background-image:url(../../../images/info/bg_quick.gif); background-repeat:no-repeat; background-position:0 0; padding-top:8px; padding-left:25px;}
		#Quick_Link ul { float:left;}
		#Quick_Link li { float:left; padding-right:25px;}
		#Quick_Link dl { float:left; padding-top:13px; padding-left:12px; text-align:center;}
		#Quick_Link dd { margin-top:10px;}
		
	#RT_Title { margin-top:15px; width:690px; height:32px; background-image:url(../../../images/info/bg_title.gif); padding-left:50px;}
	
	#Contents { margin-left:20px; margin-top:15px; width:690px;}
	#Contents input { height:16px; font-size:11px; color:#000066; background-color: #F0F0F0; vertical-align: middle;}
	.Table_Style02 { font-size:11px; }
	.Table_Style02 tr { border: solid 1px #b5bdc1;}
	.Table_Style02 th { background-color:#266f9e; color:#FFFFFF; height:25px; vertical-align:middle;  width:110px;}
	.Table_Style02 td { padding-left:10px; height:26px; }
	
	#Btn_Wrap { margin-left:20px; margin-top:15px; width:690px; text-align:center;}
	
	#Board_Number  { margin-left:20px; margin-top:15px; width:690px; height:30px; text-align:center; position:relative;}
	#Board_Number ol { width:270px; height:30px; position:absolute; left:210px;}
	#Board_Number li { font-size:11px; float:left; padding-left:10px; }
	#Board_Number img { vertical-align: text-top;}
	
	#RT_Search {margin-left:20px; margin-top:15px; width:690px; height:40px;  border:1px solid #d4dde4; padding-top:10px; }
	
	.Table_Style03 { font-size:11px; }
	.Table_Style03 input { height:16px; font-size:11px; background-color:#E3E3E3;}
	.Table_Style03 select { height:18px; font-size:11px; background-color:#E3E3E3;}
	.Table_Style03 th { padding-left:5px; height:32px; vertical-align: text-top; line-height:32px;  width:50px; background-image:url(../../../images/info/icon01.gif); background-repeat:no-repeat; background-position:5px 15px;}
	.Table_Style03 td { text-align:left; }
	.Table_Style03 img { vertical-align:text-top;}
	


@media only screen and (max-width: 960px) {
	#Reporting_Wrap {
		width:100%;
	}
	#Contents {
		width:100%;
		margin-left:5px;
		padding:0px;
		box-sizing:border-box;
		border:0px solid #f00;
	}
	.Table_Style01 thead tr th:nth-child(3) {
		min-width:60px;
	}
	.Table_Style01 thead tr th:nth-child(1) {
		min-width:36px;
	}
	.Table_Style01 .board-list td {
		vertical-align:top;
		line-height:140%;
		padding:2px 0;
	}
	.Table_Style02 td img {
		width:100% !important;
	}
}
@media only screen and (max-width: 419px) {
	.Table_Style01 .board-list td span {
		display:block;
	}
}