/* CSS Document */
body{padding:0px; margin:0; color:#000; font:12px/16px "lr oSVbN", Osaka, "qMmpS Pro W3"; background:url(../img/bg.jpg) 0 0 repeat-x #FFF;}
div, p, ul, li, h1, h2, h3, h4, dd, dl, dt{padding:0px; margin:0px;}
ul{list-style-type:none;}
ol{margin-top:0;}
a:link {color: #333399; text-decoration: none}
a:visited {color: #333399; text-decoration: none}
a:hover {color: #0000ff; text-decoration: underline}

/* HEADER PANEL */
#headPan{width:100%; min-height:93px; height:auto !important; height:93px; margin:0; padding:17px 5px 0 0; position:relative; text-align:right; font-weight:bold; background:url(../img/head.jpg) 20px 0 no-repeat; display:block;} 
#headPan img.logo{width:153px; height:43px; position:absolute; top:23px; left:60px;}
#headPan img.btTop{width:125px; height:19px; position:absolute; top:56px; right:110px;}
#headPan img.btLogOut{width:127px; height:19px; position:absolute; top:56px; right:0px;}

#topMenuPan{width:100%; min-height:38px; height:auto !important; height:38px; margin:24px 0 0 0; padding:0; text-align:left; background:url(../img/menu_bg.gif) 0 0 repeat-x #E9EEEF; border-bottom:5px solid #000; display:block; position:relative;}
#topMenuPan ul{margin:0; padding:0;}

#topMenuPan ul li{min-height:25px; height:auto !important; height:25px; margin:0; padding:13px 5px 0 5px; display:block; float:right; font-weight:normal; background:url(../img/menu_line.gif) 0 4px no-repeat;}
*:first-child+html #topMenuPan ul li{ min-width:80px; text-align:center; min-height:25px; height:auto !important; height:25px; margin:0; padding:13px 2px 0 2px; display:block; float:right; font-weight:normal; background:url(../img/menu_line.gif) 0 4px no-repeat;}

#topMenuPan ul li.id{width:auto; height:28px; margin:0; padding:10px 0 0 25px; float:left; background:none; font-weight:bold;}
#topMenuPan a:link {color:#000; text-decoration:none;}
#topMenuPan a:visited {color:#000; text-decoration:none;}
#topMenuPan a:hover {color:#000; text-decoration:none; color:#00F;}

/* MAIN PANEL */
#mainPan{ clear:both; width:auto; position:relative; margin:0; margin-top:10px; padding:0 25px; display:block;}

/* LIST PANEL */
.listPan table{ clear:both; margin:5px 0; padding:0;}
.listPan tr{margin:0; padding:5px;}
.listPan tr.header{margin:0; padding:0; background:url(../img/table_head2.jpg) 0 0 repeat-x; }
.listPan td{margin:0; padding:5px; border-left:1px solid #9B9B9B; border-bottom:1px solid #9B9B9B;}
.listPan td.Rline{margin:0; padding:5px; border-left:1px solid #9B9B9B; border-bottom:1px solid #9B9B9B; border-right:1px solid #9B9B9B;}

.listPan th{height:26px; margin:0; padding:2px; text-align:center; color:#333; font-size:12px; font:normal; border-left:1px solid #9B9B9B; border-bottom:1px solid #999;}
.listPan th.headLeft{margin:0; padding:0; background:url(../img/table_head.jpg) 0 0 no-repeat; border:none; border-bottom:1px solid #999;}
.listPan th.headRight{margin:0; padding:0; background:url(../img/table_head.jpg) right 0 no-repeat; border-bottom:1px solid #999;}

/* SEARCH PANEL */
.searchPan{margin:0; padding:0;}
.searchPan table{margin:5px 0; padding:0;}
.searchPan tr{margin:0; padding:0;}
.searchPan tr.header{margin:0; padding:0; background:url(../img/search01_bg.jpg) 0 0 repeat-x;}
.searchPan td{margin:0; padding:5px; border:1px solid #9B9B9B;}

.searchPan th{height:55px; margin:0; padding:0; text-align:left; color:#333; font-size:12px; font:normal;}
.searchPan th.headLeft{width:10px; margin:0; padding:0; background:url(../img/search01.jpg) 0 0 no-repeat;}
.searchPan th.headRight{width:10px; margin:0; padding:0; background:url(../img/search01.jpg) right 0 no-repeat;}

/* OTHER PANEL */
#loginPan		{margin:100px 0 0 0; padding:0;}
.login_line 	{ border-bottom:#777777 solid 1px; border-left:#777777 solid 1px; border-right:#777777 solid 1px; }
.login_font		{ font-size:12px; color:#3a3a3a; }
.font_w 		{ color:#FFFFFF; font-weight:bold}
.title_line		{ padding-top:5px; padding:5px; margin-bottom:10px; background:url(../img/ttl_bg.jpg) 0 bottom repeat-x; font-weight:bold; border-top:1px solid #666;}
.an15			{ margin-bottom: 15px;}

#header			{ background-image:url(../img/header_bar.gif); background-repeat:repeat-x; width:100%; height:30px; margin-top:11px; }
#hside			{ font-size:12px; font-weight:bold;	color:#5f5f5f; padding-left:20px; white-space: nowrap;}
#hside2			{ font-size:12px; font-weight:bold; text-align:right; color:#5f5f5f; padding-right:20px; white-space: nowrap;}
.header_font	{ font-size:12px; }
.header_id		{ font-size:12px; font-weight:bold; }
.main_page		{ margin-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; }

#subline		{background-color:#CCCCCC; padding-left:30px; white-space:nowrap; height:20px;}
.line-f			{ padding-left:15px; font-weight:bold; }

#main			{ padding-top:20px; text-align:center }
.font12			{ font-size:12px; }
.font_s			{ font-size:10px; }
.font_glay		{ color:#999999; }
.line table		{ margin:0px; padding:0px; border:#999999 1px solid; } 
.line td		{ font-size:12px; margin:0px;  height:15px; padding:5px; border-left:#FFFFFF 1px solid; border-top:#FFFFFF 1px solid; border-bottom:#999999 1px solid; border-right:#999999 1px solid; }

.serch_bar_left { background-image:url(../img/list_bar_left.gif); width:4px; height:20px; background-repeat:no-repeat; }
.serch_bar		{ background-image:url(../img/list_bar.gif); background-repeat:repeat-x; }
.serch_bar_right{ background-image:url(../img/list_bar_right.gif); text-align:right; width:4px; height:20px; background-repeat:no-repeat;  }
.serch_line		{ padding-top:5px; padding-bottom:5px; background:url(../img/border.gif) 0 0 repeat-x;}
.result_font	{ font-size:14px; font-weight:bold; color:#333333; }
.under_line		{ border-bottom:#666666 1px solid; }
.box_lt			{ background-image:url(../img/box_lt.gif); background-repeat:no-repeat; width:8px; height:8px; }
.box_rt			{ background-image:url(../img/box_rt.gif); background-repeat:no-repeat; width:8px; height:8px; }
.box_lb			{ background-image:url(../img/box_lb.gif); background-repeat:no-repeat; width:8px; height:8px; }
.box_rb			{ background-image:url(../img/box_rb.gif); background-repeat:no-repeat; width:8px; height:8px; }
.box_top		{ background-image:url(../img/box_t.gif); background-repeat:repeat-x; }
.box_left		{ background-image:url(../img/box_l.gif); background-repeat:repeat-y; }
.box_right		{ background-image:url(../img/box_r.gif); background-repeat:repeat-y; }
.box_bottom		{ background-image:url(../img/box_b.gif); background-repeat:repeat-x; }

.color			{ float:left; margin:0 5px 0 0;}

#footer			{ padding-top:20px; padding-bottom:20px; text-align:center }
.foot_font		{ font-size:11px; color:#999999; text-align:center; }


/* PRODUCTS PANEL */
#main{clear:both; padding:10px 25px; display:block; position:relative;}
#main .left_box{text-align:left; padding-top:10px;}
#main .right_box{ width:50%; float:right; text-align:right;}
#main .right_box2{width:50%; float:right; text-align:right; padding-top:15px;}

#main .free_area01{width:100%; height:30px; display:block; position:relative; padding:0; margin:0; text-align:left; line-height:30px;}
#main .free_area01 img.bt_r{position:absolute; right:0; bottom:0;}

#main .free_area02{width:100%; display:block; position:relative; padding:3px 0; text-align:right;}
#main .free_area02 img{margin-right:5px;}
#main .free_area02 img.bt_l{position:absolute; left:0; top:0;}
#main .free_area02 img.bt_r{position:absolute; left:100px; top:0;}
#main .free_area02 img.bt_control{position:absolute; left:200px; top:0;}

#name_box{clear:both; height:55px; background:url(../img/name_box.jpg) 0 0 repeat-x; margin-top:10px; display:block; padding-top:10px; position:relative; text-align:left; color:#FFF; margin-bottom:10px;}
#name_box img.box_right{position:absolute; right:0; top:0;}
#name_box img.box_left{position:absolute; left:0; top:0;}
#name_box p{ margin:0; padding:0; margin-left:35px;}
#name_box p span{height:55px; display:block; width:100px; margin-right:15px; float:left;}

h2.mttl{clear:both; background:url(../img/main_ttl.jpg) 0 0 repeat-x; color:#FFF; height:33px; text-align:left; font-size:12px;}
h2.mttl span{ background:url(../img/main_ttl_left.jpg) 0 0 no-repeat; padding-left:25px; height:33px; line-height:33px; display:block;}

h3.ttl{clear:both; background:url(../img/h3_bg.gif) 0 0 repeat-x; height:41px; margin-top:10px; text-align:left; font-size:12px; display:block; position:relative;}
h3.ttl img.ttl_right{position:absolute; right:0; top:0;}
h3.ttl img.bnt{position:absolute; right:20px; top:7px;}
h3.ttl span{ background:url(../img/ttl_txtbg.jpg) 0 0 no-repeat; padding-left:45px; padding-right:45px; height:41px; width:30%; line-height:41px; display:block; color:#FFF;}

.btn_area{margin-top:10px; margin-bottom:5px; text-align:left;}


/* CALENDAR PANEL */
#calbox{width:700px; margin:0 auto; display:block; position:relative;}
h2.mtl_cal{clear:both; height:54px; text-align:center; font-size:12px; margin-top:15px;}
h3.ttl_cal{clear:both; width:665px; height:30px; margin:15px auto 5px auto; padding:0 0 0 35px; line-height:33px; background:url(../img/ttl_date.jpg) 0 0 no-repeat; color:#000; text-align:left; font-size:12px;}

#calbox table{border:1px solid #CCCCD6; border-collapse:separate; border-spacing:10px;}
#calbox td{border:1px solid #CCCCD6; padding:2px; text-align:center; height:60px; width:14%; line-height:25px;}
#calbox td.sun{border:1px solid #CCCCD6; padding:2px; text-align:center; color:FF0000; background:#FFCCCC;}
#calbox td.sat{border:1px solid #CCCCD6; padding:2px; text-align:center; color:#0000FF; background:#CCE4FF;}
#calbox td.day{border:1px solid #CCCCD6; padding:2px; text-align:center; color:#D4665C; background:#FBEDCA;}

#calbox th{border:0; padding:10px 0 0 0; text-align:center; margin:0; border-spacing:0; color:#003366;}
#calbox th.sun{border:0; padding:10px 0 0 0; text-align:center; margin:0; border-spacing:0; color:#FF0000;}
#calbox th.sat{border:0; padding:10px 0 0 0; text-align:center; margin:0; border-spacing:0; color:#0000FF;}
.calbox_btn{margin-top:10px; margin-bottom:5px; text-align:center;}

.clear { clear:both; margin:0; }

/*:: clearFix ::::::::::::::::::::::::::::::::::::::::::*/
.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
.clearfix{
  display: inline-block;
  min-height: 1%;
  /* escape MacIE5 \*/
  display: block;
  /* escape MacIE5 */ 
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix{
  height: 1%;
}
.clearfix {
  display: block;
}
/* escape MacIE5 */