@charset "utf-8";

/*==============================================
 CSS INFO
 Description : common css
===============================================*/

/* reset
============================================== */
html {
	/*overflow-y: scroll;*/
}

html,body,div,span,iframe,p,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{
margin: 0;
padding: 0;
border: 0;
/*font: inherit;
vertical-align: baseline;*/}

img{
border: 0;
vertical-align:bottom;}

h1,h2,h3,h4,h5{
font-size: 100%;}

ul{list-style: none;}

table{
border-collapse: collapse;
border-spacing: 0;}

input,select,textarea{
vertical-align:middle;
font-size:100%;
font:inherit;}

span.loginer {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;    
}    

/* top Layout Alerts */
.commonAlertAreaCss {
    overflow-y:auto;
    height:105px;
    width:100%;
    border-bottom:double 6px #ddd;
}    
.topAlertBox {
    position:relative;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.topBoxLink {
    float:right;
    cursor:pointer;
    position:absolute;
    right:10px;
    top:4px;
}

/* link
============================================== */
a{
/*color: #8E4C7A;*/
text-decoration: underline;}

a:visited{
/*color: #8E4C7A;*/
text-decoration: underline;}

a:hover{
/*color: #8E4C7A;*/
text-decoration: none;}

a:active{
/*color: #8E4C7A;*/
text-decoration: underline;}

.order_link_btn {
    display: inline-block;
    min-width: 10px;
    text-align: center;
    border-radius: 10px;
    margin-bottom:3px;
	margin-right:5px;
    padding:6px;
    vertical-align:middle;
    text-align:left;
    color: #152794;
    background-color: #DEF;
    border-color: #C3C6EB;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration:none;
}
.order_link_btn:hover {
    background-color: #B9CCF8;
    text-decoration:none;
}
.order_link_btn span.badge {
	margin-left:15px;
    background-color: #b00;
    font-weight: normal;

}

/* clrfix
============================================== */
.clrfix{
overflow: hidden;}

.clrfix:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;}

/*\*/
* html .clrfix{
height: 1em;
overflow: visible;}
/**/

/* parts
============================================== */
.red{color:#FF0000;}
.blue{color:#0000FF;}
.lightgray{color:#bbb;}
.b{font-weight: bold;}
.imgL{float: left;margin-right: 10px;}
.imgR{float: right;margin-left: 10px;}
.txtC{text-align: center;}
.txtR{text-align: right;}
.txtL{text-align: left;}
.mgnB{margin-bottom: 15px;}
.mgnT{margin-top: 15px;}

.disBlkc{display: block;}

.appl_badge_trp {
	float:left;font-weight:normal;color:black;font-size:14px;background-color:transparent;margin-bottom:3px;
}
.appl_badge_effc {
	float:left;font-weight:normal;font-size:14px;background-color:#59c;margin-bottom:3px;
}

/* form setting
============================================== */
input[type="text"]{
/*background-color: #F9F9F9;*/}

input[type="text"],input[type="password"],select,textarea{
font-weight: normal;
padding: 3px;
border-radius: 3px;
-webkit-box-shadow : inset 0px 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow : inset 0px 1px 2px rgba(0,0,0,0.2);
-o-box-shadow : inset 0px 1px 2px rgba(0,0,0,0.2);
box-shadow : inset 0px 1px 2px rgba(0,0,0,0.2);}

input:focus,textarea:focus{
-webkit-box-shadow : inset 0px 1px 2px rgba(0,0,0,0.0);
-moz-box-shadow : inset 0px 1px 0px rgba(0,0,0,0.0);
-o-box-shadow : inset 0px 1px 0px rgba(0,0,0,0.0);
box-shadow : inset 0px 1px 0px rgba(0,0,0,0.0);}

input[type="text"],input[type="password"]{
border: 1px solid #ABABAB;}

select,textarea{
border: 1px solid #ABABAB;}

option{
padding-left: 5px;}

/* table setting
============================================== */
table,td,th{
border: 1px solid #C0C0C0;}

#container table{
width:100%;
margin-bottom: 20px;
table-layout: fixed;
}
.fancy-table{
width:100%;
margin-bottom: 20px;
table-layout: fixed;
}

th{}

td{}

/* layout
============================================== */
/* body
------------------------------------ */
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
html{
	height:100%;
}
body{
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 1.4;
	color: #333;
	min-width: 1000px;
}

textarea{font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
input, select{font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/* header
------------------------------------ */
#comm_header {
    height: 65px;
    padding: 0 15px;
	background: url(/img/header_3.png) repeat-x left top;
	min-width: 720px;
}
#comm_header h1 {
    float: left;
    padding: 10px 0 0;
}
#comm_header .log {
    line-height: 72px;
    float: right;
}
#headerArea{
	width		: 100%;
	height		: 42px;
	border-bottom : 10px solid #CCC;
	/*background	: url("/img/site/BANDI-NAMCO-Group5.png") no-repeat center top;*/
	background	: url("/img/logo.png") no-repeat center top;
}
#headerArea .logo{
	/*float		: left;*/
	height		: 42px;
	width		: 100%;
	background	: url("/img/site/logo_c.jpg") no-repeat center top;
}
#headerArea .log{
	/*width		: 170px;*/
	line-height	: 42px;
	float		: right;
}
#headerArea .log p{
	display		: inline;
}
#headerArea .users{
	color		: #FFF;
	font-weight	: bold;
	padding		: 5px 10px 5px 22px;
	background	: url("/img/site/icon_user.png") no-repeat left center;
}
#headerArea .chgArea{
	float:left;
}
#headerArea .chgPulldown{
	float:left;
	margin:6px;
}

#admin #header{
background: url("/img/site/header_1.png") repeat-x left top;}
#SD #header{
background: url("/img/site/header_2.png") repeat-x left top;}
#user #header{
background: url("/img/site/header_3.png") repeat-x left top;}

#header{
height:52px;
padding: 0 15px;
min-width: 720px;}

#header h1{
float: left;
padding: 10px 0 0;}

#header .log{
/*width:300px;*/
line-height: 42px;
float: right;}

#header .log p{
display: inline;}

#header .users{
color: #FFF;
padding: 5px 10px 5px 22px;
background: url("/img/site/icon_user.png") no-repeat left center;}

.logout a{
color: #FFF;}

/* pagenav
------------------------------------ */
#pagenav{
font-weight: bold;
background: url("/img/site/bg.jpg");
height: 45px;
border-bottom: 1px solid #CCC;
min-width: 720px;
position: relative;
}

.menuOpen,.menuClose{
width:239px;
float:left;
color: #666;
cursor: pointer;}

.menuOpen p,.menuClose p{
	padding-left: 37px;
	margin-left: 15px;
	line-height: 45px;
   -ms-user-select: none; /* IE 10+ */
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}

#admin .menuOpen p{background: url("/img/site/icon_menu_open_1.png") no-repeat left center;}
#admin .menuClose p{background: url("/img/site/icon_menu_close_1.png") no-repeat left center;}

#SD .menuOpen p{background: url("/img/site/icon_menu_open_2.png") no-repeat left center;}
#SD .menuClose p{background: url("/img/site/icon_menu_close_2.png") no-repeat left center;}

#user .menuOpen p{background: url("/img/site/icon_menu_open_3.png") no-repeat left center;}
#user .menuClose p{background: url("/img/site/icon_menu_close_3.png") no-repeat left center;}

.pagettl{
float: left;
border-left: 1px solid #CCC;
padding-left: 10px;}

.pagettl h2{
padding-left: 25px;
font-size: 16px;
line-height:45px;
background: url("/img/site/icon_home.png") no-repeat left center;}

.pagettl h2 a{
color: #666;
text-decoration: none;}

.pagettl .h2_orders{background-image: url("/img/site/icon_hatyu.png");}
.pagettl .h2_consents{background-image: url("/img/site/icon_shonin.png");}
.pagettl .h2_failures{background-image: url("/img/site/icon_trouble.png");}
.pagettl .h2_pcs{background-image: url("/img/site/icon_pc.png");}
.pagettl .h2_masters{background-image: url("/img/site/icon_master.png");}



/* container
------------------------------------ */
#container{
background: url("/img/site/bg_side.jpg") repeat-y left top;
min-width: 720px;}

/* pagenavi
------------------------------------ */
#pagenavi{
background-color: #F5F5F5;
padding: 5px;
border: 1px solid #CCC;
border-radius:5px;
font-size: 10px;
color:#999;}

#pagenavi li{
display: inline;
padding-left: 13px;
padding-right: 5px;
background: url("/img/site/arrow_pagenavi.png") no-repeat left center;}

#pagenavi li:first-child{
padding-left: 15px;
padding-right: 5px;
background: url("/img/site/pagenavi_home.gif") no-repeat left center;}

#pagenavi li a{color: #666;}


/* menu
------------------------------------ */
.menu{
width:240px;
float: left;}

.menuList{
background: url("/img/site/bg_menu.png") repeat-x left bottom;}
.menuTitle{
background: url("/img/site/bg_menu_title.png") repeat-x left bottom;}

.menuList a,.menuTitle p,.menuList span {
	display: block;
	text-decoration: none;
	color: #333333;
	padding: 8px 0 8px 11px;
}
.menuTitle p{
	padding: 8px 0 8px 15px;
	color: #FFFFFF;
	font-weight:bold;
}

.menuList h3,.menuTitle h3{
/*line-height: 34px;
padding-left: 40px;*/
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
cursor: pointer;
font-weight: normal;
padding-top:2px;
padding-bottom:2px;
}

.menuList .icon {
	margin-right: 5px;
	width: 25px;
	text-align: center;
}

/*.menuList h3 span{
display: block;
background: url("/img/site/arrow_2_d.png") no-repeat 140px center;}
.menuList h3 span.close{
background: url("/img/site/arrow_2_u.png") no-repeat 140px center;}*/

.menuList h3 span,.menuList h3 a{display: block;}

#admin .menuList h3 span{background: url("/img/site/arrow_1_d.png") no-repeat 220px center;}
#admin .menuList h3 span.close{background: url("/img/site/arrow_1_u.png") no-repeat 220px center;}
#admin .menuList h3 a,#admin .menuList li a{background: url("/img/site/arrow_1_r.png") no-repeat 220px center;}

#SD .menuList h3 span{background: url("/img/site/arrow_2_d.png") no-repeat 220px center;}
#SD .menuList h3 span.close{background: url("/img/site/arrow_2_u.png") no-repeat 220px center;}
#SD .menuList h3 a,#SD .menuList li a{background: url("/img/site/arrow_2_r.png") no-repeat 220px center;}

#user .menuList h3 a span{background: url("/img/site/arrow_3_d.png") no-repeat 220px center;}
#user .menuList h3 span.close{background: url("/img/site/arrow_3_u.png") no-repeat 220px center;}
#user .menuList h3 a,#user .menuList li a{background: url("/img/site/arrow_3_r.png") no-repeat 220px center;}
#user .menuList h3 a,#user .menuList li a.active{background-color: #d9fcb8;}
#user .menuList li.left_menu_level2 a{padding-left:22px;}

/*#user .menuList h3 a,#user .menuList li a.active{background-color: #8bcfd6;}*/
/*#user .menuList h3 a,#user .menuList li a.active{background: url("/img/site/bg_blue.png") repeat}*/

#user .menuList h3 span{ background: url("/img/site/arrow_3_d.png") no-repeat 219px center; }

.menu1{background:url("/img/site/icon_home.png") no-repeat 15px center;}
.menu1 a span{background: none!important;}
/*.menu2{background:url("/img/site/icon_hatyu.png") no-repeat 15px center;}
.menu3{background:url("/img/site/icon_trouble.png") no-repeat 15px center;}
.menu4{background:url("/img/site/icon_pc.png") no-repeat 15px center;}
.menu5{background:url("/img/site/icon_master.png") no-repeat 15px center;}*/
.menu_orders,.subs_orders{background:url("/img/site/icon_hatyu.png") no-repeat 15px center;}
.menu_failures,.subs_failures{background:url("/img/site/icon_trouble.png") no-repeat 15px center;}
.menu_inventory,.subs_inventory{background:url("/img/site/icon_pc.png") no-repeat 15px center;}
.menu_masters,.subs_masters{background:url("/img/site/icon_master.png") no-repeat 15px center;}
.menu_events,.subs_events{background:url("/img/site/icon_event.png") no-repeat 15px center;}
.menu_consents,.subs_consents{background:url("/img/site/icon_shonin.png") no-repeat 15px center;}
.menu_stocks,.subs_stocks{background:url("/img/site/icon_stock.png") no-repeat 15px center;}
/*.menu_helpdesks,.subs_helpdesks{background:url("/img/site/icon_home.png") no-repeat 15px center;}*/
.menu_loglists,.subs_loglists{background:url("/img/site/icon_trouble.png") no-repeat 15px center;}
.menu_reports,.subs_reports{background:url("/img/site/icon_pc.png") no-repeat 15px center;}
.subs_faq{background:url("/img/site/icon_faq.png") no-repeat 15px center;}
.menu_purchases,.subs_purchases{background:url("/img/site/icon_hatyu.png") no-repeat 15px center;}
.menu_devices,.subs_devices{background:url("/img/site/icon_pc.png") no-repeat 15px center;}

.menu_01{background:url("/img/site/menu_icon_01.png") no-repeat 17px center;}
.menu_02{background:url("/img/site/menu_icon_02.png") no-repeat 17px center;}
.menu_03{background:url("/img/site/menu_icon_03.png") no-repeat 17px center;}
.menu_04{background:url("/img/site/menu_icon_04.png") no-repeat 17px center;}
.menu_05{background:url("/img/site/menu_icon_05.png") no-repeat 17px center;}
.menu_05{background:url("/img/site/menu_icon_05.png") no-repeat 17px center;}
.menu_06{background:url("/img/site/menu_icon_06.png") no-repeat 17px center;}
.menu_07{background:url("/img/site/menu_icon_07.png") no-repeat 17px center;}
.menu_08{background:url("/img/site/menu_icon_08.png") no-repeat 17px center;}
.menu_09{background:url("/img/site/menu_icon_09.png") no-repeat 17px center;}
.menu_10{background:url("/img/site/menu_icon_10.png") no-repeat 17px center;}
.menu_11{background:url("/img/site/menu_icon_11.png") no-repeat 17px center;}

.menuList li{
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
/*padding: 8px 0 8px 40px;*/
/*background-color: #F0F0F0;*/}

.subs{
display: none;}

.onpage,.menuList li.onpage{background: #FFF;}
.onpage h3,.menuList li.onpage,.onpage li{border-right:none;font-weight: bold;}
.onpage h3 span{
display: block;
background: none;}

/* contents
------------------------------------ */
.contents{
padding-right: 15px;
padding-top: 15px;
min-width:720px;}

.mgR{
margin-left: 0!important;}

.section{
margin:15px 0 15px;}

#admin .ttl span{
padding-left:15px;
background: url("/img/site/arrow_1_r.png") no-repeat left center;}

#SD .ttl span{
padding-left:15px;
background: url("/img/site/arrow_2_r.png") no-repeat left center;}

#user .ttl span{
padding-left:15px;
background: url("/img/site/arrow_3_r.png") no-repeat left center;}

.ttl{
padding: 0 15px;
margin-bottom: 15px;
background: url("/img/site/bg_h.png") repeat-x left center;
font-weight: bold;
color: #000;
font-size: 16px;
line-height: 37px;}

.subTtl{
padding-left:15px;
font-size: 18px;
line-height: 16px;
margin-bottom: 5px;}

.subTtl2{
text-align: center;
font-size: 16px;
line-height: 16px;
margin-bottom: 10px;}

#admin .subTtl{background: url("/img/site/arrow_1_r.png") no-repeat left center;}
#SD .subTtl{background: url("/img/site/arrow_2_r.png") no-repeat left center;}
#user .subTtl{background: url("/img/site/arrow_3_r.png") no-repeat left center;}

.bg_even{
background-color: #F5F5F5;}

.tbl th,.tbl2 th{
text-align: center;
padding:6px 0;
background: #7DBB3C url("/img/site/bg_th.png") repeat-x left center; /* Old browsers */
background: -moz-linear-gradient(top, #FFFFFF 0%, #EFF0F0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #EFF0F0), color-stop(0.00, #FFFFFF)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FFFFFF 0%, #EFF0F0 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, #FFFFFF 0%, #EFF0F0 100%); /* IE10+ */
background: linear-gradient(to bottom, #FFFFFF 0%, #EFF0F0 100%); /* W3C */
-webkit-box-shadow : inset 0 0 0 1px rgba(255,255,255,1);
-moz-box-shadow : inset 0 0 0 1px rgba(255,255,255,1);
-o-box-shadow : inset 0 0 0 1px rgba(255,255,255,1);
box-shadow : inset 0 0 0 1px rgba(255,255,255,1);}

.tbl td{padding: 13px 15px;}
.tbl2 td{
	font-size:12px;
	padding:3px;
	overflow-wrap: break-word;
}

.expandBox{
	overflow:hidden;
	white-space:nowrap;
}

.tblN th{
text-align: left;
padding:6px 0;
background: url("/img/site/bg_th.png") repeat-x left center;
background: -moz-linear-gradient(top, #FFFFFF 0%, #E0E0E0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #E0E0E0), color-stop(0.00, #FFFFFF));
background: -webkit-linear-gradient(top, #FFFFFF 0%, #E0E0E0 100%);
background: -ms-linear-gradient(top, #FFFFFF 0%, #E0E0E0 100%);
background: linear-gradient(to bottom, #FFFFFF 0%, #E0E0E0 100%);
-webkit-box-shadow : inset 0 0 0 1px rgba(255,255,255,1);
-moz-box-shadow : inset 0 0 0 1px rgba(255,255,255,1);
-o-box-shadow : inset 0 0 0 1px rgba(255,255,255,1);
box-shadow : inset 0 0 0 1px rgba(255,255,255,1);}

.tblP th, th.tblPCols{
text-align: center;
padding:6px 0;
background: url("/img/site/bg_th_2.png") repeat-x left center;
background: -moz-linear-gradient(top, #DFEFFF 0%, #99BFDF 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #99BFDF), color-stop(0.00, #DFEFFF));
background: -webkit-linear-gradient(top, #DFEFFF 0%, #99BFDF 100%);
background: -ms-linear-gradient(top, #DFEFFF 0%, #99BFDF 100%);
background: linear-gradient(to bottom, #DFEFFF 0%, #99BFDF 100%);
-webkit-box-shadow : inset 0 0 0 1px rgba(255,255,255,0.5);
-moz-box-shadow : inset 0 0 0 1px rgba(255,255,255,0.5);
-o-box-shadow : inset 0 0 0 1px rgba(255,255,255,0.5);
box-shadow : inset 0 0 0 1px rgba(255,255,255,0.5);}

table.tblP{
width: 80%;
float: right;
margin-left:100px;}

table.tblP td{
width: auto !imoprtant;
}

.tblN th,.tblN td,.tblP th,.tblP td,.tblBlk th,.tblBlk td{
padding: 4px 10px;}

.tblN td,.tblP td{
background-color: #F9F9F9;
word-break:break-all;
}

.tblW td{background-color: #FFF;}

.tblP td{
font-weight: bold;
text-align: right;}

.tblN td.tblNth{
text-align: center;
font-weight: bold;
background-color:#EEEEEE;}

table.tdW td{
background-color: #FFF;}
table.tdW th{
padding: 8px 10px;}

table.tblBlk{
width:400px;}

.tblBlk th{
background: url("/img/site/bg_h.png") repeat-x left center;
font-weight: bold;
color: #FFF;}

tblN

.inpt50 input{width: 50px;}
.inpt80 input{width:80px;}
.inpt300 input{width:300px;}
.inpt200 input{width:200px;}
.inpt150 input{width:150px;}
.inpt100 input{width:100px;}
.inpt80 input{width:80px;}
.inpt50 input{width:50px;}
.inpt40 input{width:40px;}
.inpt30 input{width:30px;}
.inpt20 input{width:20px;}
.inptAll input{width:98%;}

.iptbtn input{width: 70px;margin-left: 10px;}

.slct300 select{width:300px;}

.textAll textarea{width:98%;height:100px;}
.textAll2 textarea{width:98%;}
.textAll3 textarea{width:98%;height: 20em;}

.bgY{background-color: #FFFEEF}
.bgP{background-color: #FFEFEF;}
.bgP2{background-color: #fffddd;}

.bgP .state a{
color: #FF0000;
background: url("/img/site/icon_attention.png") no-repeat left center;
padding-left: 18px;}

.unfinished .state a{color: #FF0000;}

/*.state{width: 120px}*/

.state .Delete{
margin-top: 5px;
display: block;}
.w800{width: 800px;}
.w500{width: 500px;}
.w450{width: 450px;}
.w350{width: 350px;}
.w300{width: 300px;}
.w250{width: 250px;}
.w230{width: 230px;}
.w200{width: 200px;}
.w180{width: 180px;}
.w150{width: 150px;}
.w130{width: 130px;}
.w120{width: 120px;}
.w110{width: 110px;}
.w100{width: 100px;}
.w90{width: 90px;}
.w80{width: 80px;}
.w60{width: 60px;}
.w50{width: 50px;}
.w30{width: 30px;}
.w20{width: 20px;}

.tblC td{text-align: center;}

#tbl2_table{
	width: 100%;
}
#tbl2_table .tbl2_tr{
	float: left;
	width: 33%;
	border: 1px solid #C0C0C0;
	min-width:370px;
	max-width:550px;
}
#tbl2_table .tbl2_tr .tbl2_th{
	font-weight: bold;
	width:150px;
	float: left;
	text-align: center;
	border-right: 1px solid #C0C0C0;
	padding: 6px 0;
	background: #7DBB3C url("/img/site/bg_th.png") repeat-x left center;/* Old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #EFF0F0 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #EFF0F0), color-stop(0.00, #FFFFFF));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #EFF0F0 100%);/* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #FFFFFF 0%, #EFF0F0 100%);/* IE10+ */
	background: linear-gradient(to bottom, #FFFFFF 0%, #EFF0F0 100%);/* W3C */
	-webkit-box-shadow : inset 0 0 0 1px rgba(255,255,255,1);
	-moz-box-shadow : inset 0 0 0 1px rgba(255,255,255,1);
	-o-box-shadow : inset 0 0 0 1px rgba(255,255,255,1);
	box-shadow : inset 0 0 0 1px rgba(255,255,255,1);
}


#tbl2_table .tbl2_tr .tbl2_td{
	min-width:220px;
	max-width:400px;
	/* border: 1px solid #C0C0C0; */
	padding: 2px 0;
}

#search_contents {
	margin: 0px auto;
}

#search_contents dl {
	border: 1px solid #C0C0C0;
	padding: 0;
	margin: 0;
}

#search_contents dt {
	width: 150px;
	float: left;
	border-right: 1px solid #C0C0C0;
	background: #7DBB3C url("/img/site/bg_th.png") repeat-x left center;/* Old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #EFF0F0 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #EFF0F0), color-stop(0.00, #FFFFFF));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #EFF0F0 100%);/* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #FFFFFF 0%, #EFF0F0 100%);/* IE10+ */
	background: linear-gradient(to bottom, #FFFFFF 0%, #EFF0F0 100%);/* W3C */
	-webkit-box-shadow : inset 0 0 0 1px rgba(255,255,255,1);
	-moz-box-shadow : inset 0 0 0 1px rgba(255,255,255,1);
	-o-box-shadow : inset 0 0 0 1px rgba(255,255,255,1);
	box-shadow : inset 0 0 0 1px rgba(255,255,255,1);
	text-align: center;
	font-weight: bold;
	padding: 10px;
}

#search_contents dd {
	min-width:150px;
	max-width:400px;
	margin: 6px;
	float: left;
}

#search_contents_left {
	float: left;
	min-width: 350px;
	max-width: 550px;
}

#search_contents_mid {
	float: left;
	min-width: 350px;
	max-width: 550px;
}

#search_contents_right {
	float: left;
	min-width: 35%;
	max-width: 100%;
}

@media (max-width: 1400px) {
	#search_contents {
		margin: 0px auto;
	}

	#search_contents dl {
		border: 1px solid #C0C0C0;
		padding: 0;
		margin: 0;
	}

	#search_contents dt {
		width: 150px;
		float: left;
		border-right: 1px solid #C0C0C0;
		background: #7DBB3C url("/img/site/bg_th.png") repeat-x left center;/* Old browsers */
		background: -moz-linear-gradient(top, #FFFFFF 0%, #EFF0F0 100%);/* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #EFF0F0), color-stop(0.00, #FFFFFF));/* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #FFFFFF 0%, #EFF0F0 100%);/* Chrome10+,Safari5.1+ */
		background: -ms-linear-gradient(top, #FFFFFF 0%, #EFF0F0 100%);/* IE10+ */
		background: linear-gradient(to bottom, #FFFFFF 0%, #EFF0F0 100%);/* W3C */
		-webkit-box-shadow : inset 0 0 0 1px rgba(255,255,255,1);
		-moz-box-shadow : inset 0 0 0 1px rgba(255,255,255,1);
		-o-box-shadow : inset 0 0 0 1px rgba(255,255,255,1);
		box-shadow : inset 0 0 0 1px rgba(255,255,255,1);
		text-align: center;
		font-weight: bold;
		padding: 10px;
	}

	#search_contents dd {
		min-width:150px;
		max-width:400px;
		margin: 6px;
		float: left;
	}

	#search_contents_left {
		float: left;
		width: 50%;
	}

	#search_contents_mid {
		float: left;
		width: 50%;
	}

	#search_contents_right {
		float: left;
		width: 100%;
	}
}

#search_contents1 {
	margin: 0px auto;
}

#search_contents1 dl {
	border: 1px solid #C0C0C0;
	padding: 0;
	margin: 0;
}

#search_contents1 dt {
	width: 150px;
	float: left;
	border-right: 1px solid #C0C0C0;
	text-align: center;
	font-weight: bold;
	padding: 6px;
}

#search_contents1 dd {
	min-width:150px;
	max-width:400px;
	float: left;
	padding: 2px;
}

#search_contents1_left {
	float: left;
	min-width: 350px;
	max-width: 550px;
}

#search_contents1_right {
	float: left;
	min-width: 35%;
	max-width: 100%;
}

td.item{text-align: left;}

td.item span{display: block;}

.sumPrs td.red{
font-size: 16px;}

.sumPrs th.bgRed{
text-align: center;
padding:6px 0;
background: url("/img/site/bg_th_2.png") repeat-x left center;
background: -moz-linear-gradient(top, #FFB1C3 0%, #E04064 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #E04064), color-stop(0.00, #FFB1C3));
background: -webkit-linear-gradient(top, #FFB1C3 0%, #E04064 100%);
background: -ms-linear-gradient(top, #FFB1C3 0%, #E04064 100%);
background: linear-gradient(to bottom, #FFB1C3 0%, #E04064 100%);
-webkit-box-shadow : inset 0 0 0 1px rgba(255,255,255,0.5);
-moz-box-shadow : inset 0 0 0 1px rgba(255,255,255,0.5);
-o-box-shadow : inset 0 0 0 1px rgba(255,255,255,0.5);
box-shadow : inset 0 0 0 1px rgba(255,255,255,0.5);}

.appliDate{width:240px;}

.frmSlct select{
padding: 3px;
margin-right: 5px;
margin-bottom: 5px;
vertical-align: middle;
font-size: 14px;}

.inptTxt input{
width: 80%;
padding: 3px;
border: 1px solid #CCC;
font-size: 14px;}

.formBtn{
margin: 15px 0;
padding: 15px 0;
text-align: center;
background-color: #F0F0F0;}

.formBtn p,.formBtn div{
padding: 0 5px;
display: inline;}

.formBtn p,.formBtn div input{
vertical-align: top;}

.srchBtn input,.saveBtn input,.nextBtn input,.nextBtnDisable input,.backBtn input,.backBtnR input,
.refBtn input,.endBtn input,.cueBtn input,.fixBtn input,.skyBtn input,.invalidBtn input,.allsaveBtn input,.requestBtn input,.repairBtn input,.closeBtn input,
.srchBtn a,.saveBtn a,.saveBtnM a,.nextBtn a,.nextBtnDisable a,.backBtn a,.backBtnR a,.closeBtn a,
.refBtn a,.endBtn a,.cueBtn a,.fixBtn a,.skyBtn a,.requestBtn a,.repairBtn a{
font-size: 16px;
font-weight: bold;
color: #FFF;
border: none;
width: 202px;
height: 40px;
cursor: pointer;}

.srchBtn input,.srchBtn a{background: url("/img/site/btn_search.png") no-repeat left center;}
.srchBtn input:hover,.srchBtn a:hover{background: url("/img/site/btn_search_on.png") no-repeat left center;}

.saveBtn input,.saveBtn a{background: url("/img/site/btn_save.png") no-repeat left center;}
.saveBtn input:hover,.saveBtn a:hover{background: url("/img/site/btn_save_on.png") no-repeat left center;}

.nextBtnDisable input,.nextBtnDisable a{background: url("/img/site/btn_next_disable.png") no-repeat left center;cursor:default;}

.nextBtn input,.nextBtn a{background: url("/img/site/btn_next.png") no-repeat left center;}
.nextBtn input:hover,.nextBtn a:hover{background: url("/img/site/btn_next_on.png") no-repeat left center;}

.backBtn input,.backBtn a{background: url("/img/site/btn_back.png") no-repeat left center;}
.backBtn input:hover,.backBtn a:hover{background: url("/img/site/btn_back_on.png") no-repeat left center;}

.backBtnR input,.backBtnR a{background: url("/img/site/btn_back_red.png") no-repeat left center;}
.backBtnR input:hover,.backBtnR a:hover{background: url("/img/site/btn_back_red.png") no-repeat left center;}

.refBtn input,.refBtn a{background: url("/img/site/btn_refresh.png") no-repeat left center;}
.refBtn input:hover,.refBtn a:hover{background: url("/img/site/btn_refresh_on.png") no-repeat left center;}

.invalidBtn input,.invalidBtn a{background: url("/img/site/btn_invalid.png") no-repeat left center;}
.invalidBtn input:hover,.invalidBtn a:hover{background: url("/img/site/btn_invalid_on.png") no-repeat left center;}

.allsaveBtn input,.allsaveBtn a{background: url("/img/site/btn_allsave.png") no-repeat left center;}
.allsaveBtn input:hover,.allsaveBtn a:hover{background: url("/img/site/btn_allsave_on.png") no-repeat left center;}

.requestBtn input,.requestBtn a{background: url("/img/site/btn_request.png") no-repeat left center;}
.requestBtn input:hover,.requestBtn a:hover{background: url("/img/site/btn_request_on.png") no-repeat left center;}

.repairBtn input,.repairBtn a{background: url("/img/site/btn_repair.png") no-repeat left center;}
.repairtBtn input:hover,.repairBtn a:hover{background: url("/img/site/btn_repair_on.png") no-repeat left center;}

.closeBtn input,.closeBtn a{background: url("/img/site/btn_save_close.png") no-repeat left center;}
.closeBtn input:hover,.closeBtn a:hover{background: url("/img/site/btn_save_close_on.png") no-repeat left center;}

.endBtn input,.endBtn a{background: url("/img/site/btn_end.png") no-repeat left center;}
.endBtn input:hover,.endBtn a:hover{background: url("/img/site/btn_end_on.png") no-repeat left center;}

.cueBtn input,.cueBtn a{background: url("/img/site/btn_cue.png") no-repeat left center;}
.cueBtn input:hover,.cueBtn a:hover{background: url("/img/site/btn_cue_on.png") no-repeat left center;}

.fixBtn input,.fixBtn a{background: url("/img/site/btn_fixed.png") no-repeat left center;}
.fixBtn input:hover,.fixBtn a:hover{background: url("/img/site/btn_fixed_on.png") no-repeat left center;}

.skyBtn input,.skyBtn a{background: url("/img/site/btn_sky.png") no-repeat left center;}
.skyBtn input:hover,.skyBtn a:hover{background: url("/img/site/btn_sky_on.png") no-repeat left center;}

.srchBtn a,.saveBtn a,.nextBtn a,.nextBtnDisable a,.backBtn a,.backBtnR a,.closeBtn a,
.refBtn a,.endBtn a,.cueBtn a,.fixBtn a,.skyBtn a,.noMarkBtn01 a,.requestBtn a,.repairBtn a{
display: inline-block;
line-height: 40px;
text-decoration: none;}

.noMarkBtn01 a,.noMarkBtn01 input{
font-size: 16px;
font-weight: bold;
color: #FFF;
border: none;
width: 212px;
height: 40px;
cursor: pointer;
}
.noMarkBtn01 input,.noMarkBtn01 a{background: url("/img/site/btn_nomark_01.png") no-repeat left center;}

.saveBtnM {
	margin: 10px auto;
	text-align: center;
	background: #F0F0F0;
	padding: 10px;
}
.saveBtnM a{
	display: inline-block;
	width: 184px;
	height:34px;
	margin: 5px auto;
	padding-left: 5px;
	line-height: 34px;
	font-size: 15px;
	text-decoration: none;
	vertical-align: top;
	background: url("/img/site/btn_save_m.png") no-repeat left center;
}
.saveBtnM a:hover{background: url("/img/site/btn_save_m_on.png") no-repeat left center;}

.dwnBtnM{background:none ! important;}
.dwnBtnM a{
	float:right;
	display: inline-block;
	width:184px;
	height:26px;
	margin:5px;
	color:#fff;
	padding-left: 26px;
	line-height: 26px;
	font-size: 13px;
	text-decoration: none;
	vertical-align: top;
	background: url("/img/site/pagedown.png") no-repeat left center;
}

.txtSmall input{
font-size: 12px;
padding-left: 25px;}

.tblN td.opList{padding: 0;}
.tblN td.opList li{
border-top:1px solid #C0C0C0;
padding: 8px 10px;}
.tblN td.opList li:first-child{
border: none;}

.wishPrint dt{
width:80px;
float: left;}
.wishPrint dd{
margin: 5px 0;}

.dates,.times{
display: inline;
padding-right: 30px;}

.dates input{width: 100px;}
.times input,.inpt300 .times input{width:80px;}
.times span,.inpt300 .times span{
padding-right: 10px;}

.articleMenu{
position: relative;
overflow: hidden;}

.atclMenu{
position: relative;
left: 50%;
float: left;}

.atclMenu li{
float: left;
position: relative;
left: -50%;
margin: 10px 15px;}

.atclMenu a{
width:202px;
line-height: 40px;
display: block;
text-decoration: none;
color: #FFF;
font-weight: bold;
text-align: center;}

#admin .articleMenu a{background: url("/img/site/btn_1.png") no-repeat left top;}
#admin .articleMenu a:hover{background: url("/img/site/btn_1.png") no-repeat left -40px;}
#SD .articleMenu a{background: url("/img/site/btn_2.png") no-repeat left top;}
#SD .articleMenu a:hover{background: url("/img/site/btn_2.png") no-repeat left -40px;}
#user .articleMenu a{background: url("/img/site/btn_3.png") no-repeat left top;}
#user .articleMenu a:hover{background: url("/img/site/btn_3.png") no-repeat left -40px;}

.stockTbl td,.stockTbl td input{text-align: right;}
.stockTbl td:first-child{text-align: left;}

.must{
color: #FFF;
background-color:#E04064;
font-size: 10px;
padding: 2px;
margin-right: 5px;
border-radius: 3px;}

.noticeTxt{margin: 15px 0;}

.price{
font-weight: bold;
/*color: #FF0000;*/
text-align: right;}

.itm li{
/*width:200px;*/
float:left;
margin-bottom: 5px;}
.itm li:first-child{ /*width: 400px;*/ }
.itm li span{font-weight: bold;}

.error{
background-color: #FFDFDF;
border: 1px solid #FF4747;
text-align: center;
padding: 10px 5px;
border-radius: 5px;
margin: 10px 15px 0;}

.error p{
color: #FF0000;
display: inline;}

.err{
background-color: #FFEFEF;
border:1px solid #FE8484;
border-radius: 5px;
color: #FF0000;
font-weight: bold;
padding: 15px 10px;
text-align: center;}

.err p{
background: #FFEFEF url("/img/site/icon_err.png") no-repeat left center;
display: inline;
padding-left: 55px;}

.attention{
background-color: #FFFBCC;
border:1px solid #E6DB55;
border-radius: 5px;
color: #FF0000;
font-weight: bold;
padding: 15px 10px;
text-align: center;
margin: 15px 0;	}

.attention p{
background: url("/img/site/icon_attention.png") no-repeat left center;
display: inline;
padding: 5px 0 5px 23px;}

.guidance {
	background-color: #FFFBCC;
	border:1px solid #E6DB55;
	border-radius: 5px;
	color: #000;
	font-weight: bold;
	padding: 15px 10px;
	text-align: left;
	margin: 15px 0;
}

.guidance .guidance_title {
	padding: 0 0 5px 10px;
}

.guidance .guidance_body {
	padding: 0 0 15px 20px;
}

.upload{
width:550px;
}

.upload h3{
float: left;
padding: 10px;
margin-right: 10px;}

.upload form{
padding: 10px;}

.pdfLink{
text-align: center;
margin: 10px 0;}

.pdfLink a{
background: url("/img/site/icon_pdf.png") no-repeat left center;
padding: 15px 0 15px 35px;}

.csvLink{
text-align: center;
margin: 10px 0;}

.csvLink a{
background: url("/img/site/icon_csv.png") no-repeat left center;
padding: 15px 0 15px 35px;}

.Vote{
font-weight: bold;
text-align: center;}

.Vote p{}

.searchResult{
text-align: center;
margin: 20px 0 0;}
.searchResult span{font-weight: bold;}

.pagenate{
margin: 10px 0 20px;
text-align: center;
position: relative;
overflow: hidden;}

.pagenate ul{
position: relative;
left: 50%;
float: left;}

.pagenate li{
position: relative;
left: -50%;
float: left;}

.pagenate li a{
background: -moz-linear-gradient(top, #FFFFFF 0%, #EFEFEF 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #EFEFEF), color-stop(0.00, #FFFFFF));
background: -webkit-linear-gradient(top, #FFFFFF 0%, #EFEFEF 100%);
background: -ms-linear-gradient(top, #FFFFFF 0%, #EFEFEF 100%);
background: linear-gradient(to bottom, #FFFFFF 0%, #EFEFEF 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EFEFEF', GradientType=0); /* IE7,8,9 */
border: 1px solid #BBBBBB;
border-radius: 3px 3px 3px 3px;
color: #666666;
float: left;
line-height: 24px;
margin: 0 5px 0 0;
min-width: 14px;
padding: 0 7px;
text-align: center;
text-decoration: none;}

.pagenate li.current,.pagenate li span.disabled{
background: none repeat scroll 0 0 #666666;
border: 1px solid #444444;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 0 #FFFFFF, 0 0 2px rgba(0, 0, 0, 0.3) inset;
color: #FFFFFF;
cursor: default;
float: left;
line-height: 24px;
margin: 0 5px 0 0;
min-width: 14px;
padding: 0 7px;
text-align: center;}

.Display0{
background: -moz-linear-gradient(top, #EFEFEF 0%, #D0D0D0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #D0D0D0), color-stop(0.00, #EFEFEF));
background: -webkit-linear-gradient(top, #EFEFEF 0%, #D0D0D0 100%);
background: -ms-linear-gradient(top, #EFEFEF 0%, #D0D0D0 100%);
background: linear-gradient(to bottom, #EFEFEF 0%, #D0D0D0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#D0D0D0', GradientType=0); /* IE7,8,9 */
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
border: 1px solid #BBBBBB;
border-radius: 3px 3px 3px 3px;
color:#333;
line-height: 24px;
margin: 0 5px 0 0;
min-width: 14px;
padding: 0 7px;
text-align: center;
text-decoration: none;
cursor: pointer;}

.Display1{
background: -moz-linear-gradient(top, #FFFFFF 0%, #FFCD6B 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFCD6B), color-stop(0.00, #FFFFFF));
background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFCD6B 100%);
background: -ms-linear-gradient(top, #FFFFFF 0%, #FFCD6B 100%);
background: linear-gradient(to bottom, #FFFFFF 0%, #FFCD6B 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFCD6B', GradientType=0); /* IE7,8,9 */
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
border: 1px solid #BBBBBB;
border-radius: 3px 3px 3px 3px;
color:#333;
line-height: 24px;
margin: 0 5px 0 0;
min-width: 14px;
padding: 0 7px;
text-align: center;
text-decoration: none;
cursor: pointer;}

.Edit input,.Edit a{
background: -moz-linear-gradient(top, #FFFFFF 0%, #EFEFEF 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #EFEFEF), color-stop(0.00, #FFFFFF));
background: -webkit-linear-gradient(top, #FFFFFF 0%, #EFEFEF 100%);
background: -ms-linear-gradient(top, #FFFFFF 0%, #EFEFEF 100%);
background: linear-gradient(to bottom, #FFFFFF 0%, #EFEFEF 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EFEFEF', GradientType=0); /* IE7,8,9 */
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
border: 1px solid #BBBBBB;
border-radius: 3px 3px 3px 3px;
color:#333;
line-height: 24px;
margin: 0 5px 0 0;
min-width: 14px;
padding: 0 7px;
text-align: center;
text-decoration: none;}
.Edit a{
display: inline-block;
*display: inline;
*zoom: 1;}

.Delete input,.Delete a{
background: url("/img/site/icon_delete.png") no-repeat 3px center,-moz-linear-gradient(top, #FFFFFF 0%, #FFE6E6 100%);
background: url("/img/site/icon_delete.png") no-repeat 3px center,-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFE6E6), color-stop(0.00, #FFFFFF));
background: url("/img/site/icon_delete.png") no-repeat 3px center,-webkit-linear-gradient(top, #FFFFFF 0%, #FFE6E6 100%);
background: url("/img/site/icon_delete.png") no-repeat 3px center,-ms-linear-gradient(top, #FFFFFF 0%, #FFE6E6 100%);
background: url("/img/site/icon_delete.png") no-repeat 3px center,linear-gradient(to bottom, #FFFFFF 0%, #FFE6E6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFE6E6', GradientType=0); /* IE7,8,9 */
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
border: 1px solid #FFAAAA;
border-radius: 3px 3px 3px 3px;
color:#333;
line-height: 24px;
height: 24px;
margin: 0 5px 0 0;
min-width: 14px;
padding: 0 5px 0 20px;
text-decoration: none;
cursor: pointer;}
.Delete a{
display: inline-block;
*display: inline;
*zoom: 1;}

/* login
------------------------------------ */
.loginBody{
	position: relative;
	overflow: hidden;
	padding: 50px 0;
	height:100%;
}

.loginBody form{
	width:350px;
	position: relative;
	left: 45%;
	top:50%;
}

.login{
	width:470px;
	padding:10px;
	position: relative;
	top: -50%;
	left: -50%;
	background: #FFF;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}

.login h1{
border-radius: 3px 3px 0 0;
color:#FFF;
line-height: 24px;
padding: 8px 15px;}

#admin .login h1{
background: -moz-linear-gradient(top, #BC85C3 0%, #9C6FA2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #9C6FA2), color-stop(0.00, #BC85C3));
background: -webkit-linear-gradient(top, #BC85C3 0%, #9C6FA2 100%);
background: -ms-linear-gradient(top, #BC85C3 0%, #9C6FA2 100%);
background: linear-gradient(to bottom, #BC85C3 0%, #9C6FA2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BC85C3', endColorstr='#9C6FA2', GradientType=0); /* IE7,8,9 */}

#SD .login h1{
background: -moz-linear-gradient(top, #9EC844 0%, #81A436 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #81A436), color-stop(0.00, #9EC844));
background: -webkit-linear-gradient(top, #9EC844 0%, #81A436 100%);
background: -ms-linear-gradient(top, #9EC844 0%, #81A436 100%);
background: linear-gradient(to bottom, #9EC844 0%, #81A436 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9EC844', endColorstr='#81A436', GradientType=0); /* IE7,8,9 */}

#user .login h1{
background: -moz-linear-gradient(top, #3892B9 0%, #077EAD 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #077EAD), color-stop(0.00, #3892B9));
background: -webkit-linear-gradient(top, #3892B9 0%, #077EAD 100%);
background: -ms-linear-gradient(top, #3892B9 0%, #077EAD 100%);
background: linear-gradient(to bottom, #3892B9 0%, #077EAD 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3892B9', endColorstr='#077EAD', GradientType=0); /* IE7,8,9 */}

.loginIn{
padding: 20px 0;}

.loginIn ul{
padding: 0 0 10px;}

.loginIn ul li{
margin: 0 20px;}

.inptID input,.inptPass input{
font-size: 14px;
margin-bottom: 10px;
width: 70%;
padding: 5px;}

.loginBtn input{
width: 202px;
height: 40px;
color: #FFF!important;
font-weight: bold;
border: 0;
cursor: pointer;
background: url("/img/site/btn_login.png") no-repeat left center;}

.topInfo{
width:350px;
position: relative;
top: -50%;
left: -50%;
margin-top:25px;
}
.topInfo .topInfoSub{
text-align:center;
}

/* master
------------------------------------ */
.master{
background-color: #EDF2F6;}

.masterBox{
width:48%;
margin-right: 10px;
margin-bottom: 15px;
float: left;
border-radius: 5px;
background-color: #EFEFEF;}

.masterBox h3{
font-weight: bold;
line-height: 30px;
color: #FFF;
padding:0 10px;
border-radius: 5px 5px 0 0;
font-size: 16px;
text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.4),1px 1px 1px rgba(255, 255, 255, 0.5);
}

#admin .masterBox h3{
background: -moz-linear-gradient(top, #BC85C3 0%, #9C6FA2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #9C6FA2), color-stop(0.00, #BC85C3));
background: -webkit-linear-gradient(top, #BC85C3 0%, #9C6FA2 100%);
background: -ms-linear-gradient(top, #BC85C3 0%, #9C6FA2 100%);
background: linear-gradient(to bottom, #BC85C3 0%, #9C6FA2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BC85C3', endColorstr='#9C6FA2', GradientType=0); /* IE7,8,9 */}

#SD .masterBox h3{
background: -moz-linear-gradient(top, #9DC843 0%, #80A335 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #80A335), color-stop(0.00, #9DC843));
background: -webkit-linear-gradient(top, #9DC843 0%, #80A335 100%);
background: -ms-linear-gradient(top, #9DC843 0%, #80A335 100%);
background: linear-gradient(to bottom, #9DC843 0%, #80A335 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9DC843', endColorstr='#80A335', GradientType=0); /* IE7,8,9 */}

#user .masterBox h3{
background: -moz-linear-gradient(top, #3892B9 0%, #077EAD 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #077EAD), color-stop(0.00, #3892B9));
background: -webkit-linear-gradient(top, #3892B9 0%, #077EAD 100%);
background: -ms-linear-gradient(top, #3892B9 0%, #077EAD 100%);
background: linear-gradient(to bottom, #3892B9 0%, #077EAD 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3892B9', endColorstr='#077EAD', GradientType=0); /* IE7,8,9 */}

.masterBox > ul{
padding: 10px 15px 5px;}

.headlink{
margin-bottom: 10px;
position: relative;}

.headlink div{
background-color: #FFF;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
border: 1px solid #BBBBBB;
border-radius: 3px 3px 3px 3px;
color: #666666;
line-height: 40px;
margin: 0 5px 0 0;
padding: 0 7px;}

.headlink ul{
/*display: none;*/
position: absolute;
top: 8px;
right: 17px;
z-index: 999;}

.headlink ul li{
/*line-height: 40px;*/
display: inline-block;
*display: inline;
*zoom: 1;}

.headlink ul li a{
background: -moz-linear-gradient(top, #0084CC 0%, #005299 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #005299), color-stop(0.00, #0084CC));
background: -webkit-linear-gradient(top, #0084CC 0%, #005299 100%);
background: -ms-linear-gradient(top, #0084CC 0%, #005299 100%);
background: linear-gradient(to bottom, #0084CC 0%, #005299 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0084CC', endColorstr='#005299', GradientType=0);/* IE7,8,9 */
border: 1px solid #005299;
border-radius: 3px;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
text-decoration: none;
color: #FFF;
font-weight: bold;
padding: 3px 10px;
margin-left: 5px;
display: block;}

.headlink ul li a:hover{
background: -moz-linear-gradient(top, #005299 0%, #0084CC 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0084CC), color-stop(0.00, #005299));
background: -webkit-linear-gradient(top, #005299 0%, #0084CC 100%);
background: -ms-linear-gradient(top, #005299 0%, #0084CC 100%);
background: linear-gradient(to bottom, #005299 0%, #0084CC 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005299', endColorstr='#0084CC', GradientType=0);}

.headlink ul li:first-child a{
background: -moz-linear-gradient(top, #81BFB3 0%, #5DAD9D 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #5DAD9D), color-stop(0.00, #81BFB3));
background: -webkit-linear-gradient(top, #81BFB3 0%, #5DAD9D 100%);
background: -ms-linear-gradient(top, #81BFB3 0%, #5DAD9D 100%);
background: linear-gradient(to bottom, #81BFB3 0%, #5DAD9D 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81BFB3', endColorstr='#5DAD9D', GradientType=0);
border-color: #4AA490;}

.headlink ul li:first-child a:hover{
background: -moz-linear-gradient(top, #5DAD9D 0%, #81BFB3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #81BFB3), color-stop(0.00, #5DAD9D));
background: -webkit-linear-gradient(top, #5DAD9D 0%, #81BFB3 100%);
background: -ms-linear-gradient(top, #5DAD9D 0%, #81BFB3 100%);
background: linear-gradient(to bottom, #5DAD9D 0%, #81BFB3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5DAD9D', endColorstr='#81BFB3', GradientType=0);}

.optionOder,.packinglist{
text-align: center;
background-color: #F5F5F5;
padding-bottom: 5px;
margin-bottom: 30px;}

.optionOder h4{
text-align: left;
margin-bottom: 15px;}

.opOderBtn a{
display: block;
width: 202px;
height: 40px;
margin: 0 auto;
line-height: 40px;
text-align: left;
padding-left: 40px;
background: url("/img/site/btn_save.png") no-repeat left top;
font-weight: bold;
color: #FFF;
font-size: 16px;
text-decoration: none;}

.pkList{
text-align: center;}

.untreated{
color: #FF0000;
background: url("/img/site/icon_attention.png") no-repeat left center;
padding-left: 18px;}


.masterPcImg{text-align: center;}
.masterPcImg p{
margin-bottom: 10px;}

.masterPcImg input.img_field{
font-weight: normal;
padding: 3px;
border-radius: 3px;
-webkit-box-shadow : inset 0px 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow : inset 0px 1px 2px rgba(0,0,0,0.2);
-o-box-shadow : inset 0px 1px 2px rgba(0,0,0,0.2);
box-shadow : inset 0px 1px 2px rgba(0,0,0,0.2);}

.masterPcImg input.img_field:focus{
-webkit-box-shadow : inset 0px 1px 2px rgba(0,0,0,0.0);
-moz-box-shadow : inset 0px 1px 0px rgba(0,0,0,0.0);
-o-box-shadow : inset 0px 1px 0px rgba(0,0,0,0.0);
box-shadow : inset 0px 1px 0px rgba(0,0,0,0.0);}

.checkbox{
float:left;
}

.checkbox label{
padding-left:6px;}

.devices{}

.devices .checkbox{
padding: 5px 0;}

.devices legend{
background-color: #333333;
color: #FFFFFF;
float: left;
font-weight: bold;
margin-left: -80px;
margin-right: 10px;
padding: 5px 10px;
}

.devices fieldset{
position: relative;
padding-left: 80px;
margin: 15px 0;
background-color:#EEE;
}

.checkbox{
float:left;
margin-bottom: 5px;
}
.checkbox label{
padding-left:6px;
}
.checkbox_style{
z-index: -1;
position: absolute;
margin-top:2px;
}
.checkbox_label{
background: url("/img/checkbox_deg1.png") no-repeat top left;
margin-top:-2px;
margin-right:20px;
padding-left:22px;
color:#888;
}
.label_selected{
background-position: bottom left;
color:#000;
}

#jsAppliDetail img{
vertical-align: middle;}


/* pc detail
------------------------------------ */
#pcDtl{
margin: 0 10px;}

.pcDtlImg{
margin: 15px 0;
text-align: center;}

.pcDtlImg img{width: 400px;}

/* toggle
------------------------------------ */
table td.toggleTd{
padding:3px;
width:73px;}

/* progress
------------------------------------ */
.progress{
float: left;
}

.progress li{
list-style: none;
float: left;
/*font-size: 10px;*/
background: url("/img/site/prgs_arrow.png") no-repeat left center;
padding-left: 12px;
margin-left: 5px;
line-height: 28px;}

.progress li:first-child{
background: none;
padding-left: 0;
margin-left: 0;
/*line-height: 38px;*/
font-weight: bold;}

.progress li:first-child + li{
background: none;
padding-left: 0;}

.progress li a{color: #369;}
.progress li span{color:#999;}
.progress li span.prgon{color:#369;}

.progress li a,.progress li span{
/*padding-top: 28px;*/
padding-left: 32px;
text-align: center;
background-repeat: no-repeat;
/*background-position: center top;*/
background-position: left top;
display: block;
/*width: 45px;*/}

.prgs1 span{background-image:url("/img/site/icon_prg_1_off.png");}
.prgs2 span{background-image:url("/img/site/icon_prg_2_off.png");}
.prgs3 span{background-image:url("/img/site/icon_prg_3_off.png");}
.prgs4 span{background-image:url("/img/site/icon_prg_4_off.png");}

.prgs1 span.prgon{background-image: url("/img/site/icon_prg_1_on.png");}
.prgs2 span.prgon{background-image: url("/img/site/icon_prg_2_on.png");}
.prgs3 span.prgon{background-image: url("/img/site/icon_prg_3_on.png");}
.prgs4 span.prgon{background-image: url("/img/site/icon_prg_4_on.png");}

.bgP .state .prgs0 a{
background-repeat: no-repeat;
background-position: left top;
background-image:url("/img/site/icon_prg_0.png");
padding-left: 32px;}
.prgs1 a{background-image:url("/img/site/icon_prg_1.png");}
.prgs2 a{background-image:url("/img/site/icon_prg_2.png");}
.prgs3 a{background-image:url("/img/site/icon_prg_3.png");}
.prgs4 a{background-image:url("/img/site/icon_prg_4.png");}


/* pagetop
------------------------------------ */
.pagetop{
margin: 15px 0;
text-align: right;}

#page-top {
    position: fixed;
    bottom: 20px;
    left: 20px;
	z-index:5;
}
#page-top a {
    background: #3f6c98;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    width: 100px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

#page-down {
    position: fixed;
    bottom: 20px;
    right: 20px;
	z-index:5;
}
#page-down a {
    background: #3f6c98;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    width: 100px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-down a:hover {
    text-decoration: none;
    background: #999;
}

/* footer
------------------------------------ */
#footer{
clear: both;
background-color:#FBFBFB;
text-align: center;
padding: 10px 0;
border-top: 1px solid #CCC;}

/* ETC. wrote:TT */

.readonly_mode{
	background-color:#f5f5f5;
	color:#000!important;
}

.error-message{
color:#f00;
font-weight:bold;
background: url("/img/site/icon_attention.png") no-repeat scroll left center transparent;
background-color:#FFFBCC;
padding: 5px 0 5px 23px;
}

/* pagenate */
.nate {
	margin: 10px;
    background: url("/img/site/line02.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
    float: right;
    width: auto;
}
.nate li {
    background: url("/img/site/line02.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: inline;
    padding: 0 8px 0 12px;
    text-align: center;
}
/* jQおーとこんぷりーと */
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }

/* 項目解説 */
.helptxt{
	color:#333;
	text-decoration:none;
	border-bottom:#66f 2px dotted;
	cursor: help;
}

/* ヘルプデスクカテゴリ */
.helpBox{
	margin-bottom: 10px;
}
.helpCat{
	background-color: #1c87b2;
	padding: 5px;
	border-width: 2px;
	border-style: solid;
	border-color: #BEDDF5 #07516f #07516f #BEDDF5;
	font-weight: bold;
	color: #ffffff;
}
.helpCatSub{
	float:left;
	width:210px;
	margin: 5px 10px 5px;
}
.delObj li,.delObj2 li{
	float: left;
	list-style: none outside none;
}
.delObj li a,.delObj2 li{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eaeef6', endColorstr = '#c3c9da');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eaeef6', endColorstr = '#c3c9da')";
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: solid 1px #9c9c9d;
	margin: 3px 3px 0;
	text-align: center;
	text-decoration: none;
	font-size: 13px;
	color: #221714;
}
.delObj li a{
	background: url("/img/site/icon_delerion.png") no-repeat 3px center,-moz-linear-gradient(top, #eaeef6, #c3c9da);
	background: url("/img/site/icon_delerion.png") no-repeat 3px center,-ms-linear-gradient(top, #eaeef6, #c3c9da);
	background: url("/img/site/icon_delerion.png") no-repeat 3px center,-o-linear-gradient(top, #eaeef6, #c3c9da);
	background: url("/img/site/icon_delerion.png") no-repeat 3px center,-webkit-gradient(linear, center top, center bottom, from(#eaeef6), to(#c3c9da));
	background: url("/img/site/icon_delerion.png") no-repeat 3px center,-webkit-linear-gradient(top, #eaeef6, #c3c9da);
	background: url("/img/site/icon_delerion.png") no-repeat 3px center,linear-gradient(top, #eaeef6, #c3c9da);
	display : block;
	padding: 2px 5px 2px 20px;
}
.delObj2 li{
	background: 3px center,-moz-linear-gradient(top, #eaeef6, #c3c9da);
	background: 3px center,-ms-linear-gradient(top, #eaeef6, #c3c9da);
	background: 3px center,-o-linear-gradient(top, #eaeef6, #c3c9da);
	background: 3px center,-webkit-gradient(linear, center top, center bottom, from(#eaeef6), to(#c3c9da));
	background: 3px center,-webkit-linear-gradient(top, #eaeef6, #c3c9da);
	background: 3px center,linear-gradient(top, #eaeef6, #c3c9da);
	padding: 2px 3px 2px 3px;
}
.delObj2 li img{
	cursor: pointer;
	padding: 0 3px 2px 0;
}
.delObj2 li a{
	text-decoration: none;
	color: #221714;
	padding-right: 3px;
}

.datepicker{
	background-image: url("/img/site/calendar001.png");
	background-repeat: no-repeat;
	background-position: right 5px center;
}

.master td{
	padding:5px;
}

.euAdd{
	left:		50%;
	position:	relative;
	float:		left;
}
.euAdd li{
	float:		left;
	left:		-50%;
	position:	relative;
	list-style: none outside none;
}
.euAdd li a{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#0081ca', endColorstr = '#005198');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#0081ca', endColorstr = '#005198')";
	background: url("/img/site/icon_circle.png") no-repeat 10px center,-moz-linear-gradient(top, #0081ca, #005198);
	background: url("/img/site/icon_circle.png") no-repeat 10px center,-ms-linear-gradient(top, #0081ca, #005198);
	background: url("/img/site/icon_circle.png") no-repeat 10px center,-o-linear-gradient(top, #0081ca, #005198);
	background: url("/img/site/icon_circle.png") no-repeat 10px center,-webkit-gradient(linear, center top, center bottom, from(#0081ca), to(#005198));
	background: url("/img/site/icon_circle.png") no-repeat 10px center,-webkit-linear-gradient(top, #0081ca, #005198);
	background: url("/img/site/icon_circle.png") no-repeat 10px center,linear-gradient(top, #0081ca, #005198);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: solid 1px #9c9c9d;
	display : block;
	margin: 3px 10px 0;
	text-align: center;
	padding: 8px 15px 8px 35px;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}
.jsScroll{
	margin-bottom:10px;
}
.purchaseFlowDone{
	margin: 3px;
	padding: 3px;
}
#blockOverlay{
	z-index: 1000;
	border: medium none;
	margin: 0pt;
	padding: 0pt;
	width: 100%;
	height: 100%;
	top: 0pt;
	left: 0pt;
	background-color:#fff;
	opacity: 0.5;
	filter:alpha(opacity=50);
	cursor: wait;
	position: fixed;
}
#blockOverlayImgArea{
	z-index: 1001;
	position: fixed;
	padding: 0px;
	margin: 0px;
	width: 30%;
	top: 40%;
	left: 35%;
	text-align: center;
	cursor: wait;
}
.js-select-box {
    background: rgba(255, 255, 255, 1) url("../img/site/select_arrow.gif") no-repeat scroll right center !important;
}

.jconfirm-box button.btn-default{
	background-color: #ecf0f1;
}

.form-control {
    height: 26px!important;
    padding: 1px 6px!important;
}
textarea.form-control {
    width: 100%;
    min-height: 150px!important;
}
/** progres tracker */
.track-progress {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.track-progress li {
	list-style-type: none;
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 30px;
	height: 30px;
	max-height: 30px;
	background-color: #f0f0f0;
}
.track-progress li { width: 16%; }
.track-progress li > span {
	display: block;
	color: #777;
	font-weight: bold;
	text-transform: uppercase;
	font-size:12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.track-progress li.done > span {
	color: #666;
	color:white;
	background-color: #90afa2;
}
.track-progress li.now > span {
	color: #666;
	color:white;
	background-color: #63AC9D;
}
.track-progress li > span:after,
.track-progress li > span:before {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0;
	left: 0;
	border: solid transparent;
	border-left-color: #f0f0f0;
	border-width: 15px;
}
.track-progress li > span:after {
	top: -5px;
	z-index: 1;
	border-left-color: white;
	border-width: 20px;
}
.track-progress li > span:before {
	z-index: 2;
}
.track-progress li.done + li > span:before {
	border-left-color: #90afa2;
}
.track-progress li.now + li > span:before {
	border-left-color: #63AC9D;
}
.track-progress li:first-child > span:after,
.track-progress li:first-child > span:before {
	display: none;
}
.track-progress li:first-child i,
.track-progress li:last-child i {
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	top: 0;
	left: 0;
	border: solid transparent;
	border-left-color: white;
	border-width: 15px;
}
.track-progress li:last-child i {
	left: auto;
	right: -15px;
	border-left-color: transparent;
	border-top-color: white;
	border-bottom-color: white;
}

span.badge-notice {
    position: absolute;
    right: 30px;
    top: 8px;
    background-color: #FA2222;
    color: #FFF;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 1rem;
    z-index: 2;
    text-align: center;
    padding-top: 2px;
    padding-left: 0px;
    width: 18px;
    height: 18px;
}

.red-back{
	background-color: #ffcece !important;
}

.checkbox-unit {
    position: relative;
    display: inline-block;
    padding-left: 5px;
    margin-bottom: 0px;
    margin-top: 5px;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;                          
}                                    
.checkbox-other{
    position: relative;
    display: inline-block;
    padding-left: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;                          
}