@charset "UTF-8";



/* base
------------------------------------------*/

body{
	background:#eef0f3;
	color:#525266;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	text-align:center;
}

a:link,
a:active,
a:hover,
a:visited{
	color:#555566;
}

a.nolink{
	pointer-events: none;
	cursor: default;
}

.hovr a,
a:hover{
	color:#555566;
	text-decoration:underline;
}

.hovr .aovr,
a:hover .aovr{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	zoom:1;

}

sup{
	font-size:40%;
}


/* Structure
------------------------------------------*/

/* header */

#header{
	width:100%;
	height:120px;
	background:#ffffff;
	position:fixed;
	top:0;
	left:0;
	z-index:10;
	box-shadow:0 1px 2px 1px rgba(0,0,0,0.2);
}

#header .wrp{
	width:980px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#header_logo{
	position:absolute;
	top:20px;
	left:0;
}

#header_login{
	position:absolute;
	top:25px;
	left:450px;
	font-size:13px;
	line-height:18px;
}

#header_login p{
	display:inline-block;
}

#header_login p span{
	display:inline-block;
	padding:4px 0;
}

#header_login p input[type="text"] {
	width:128px;
	height:18px;
	padding:3px;
	background:#ffffff;
	border:solid 1px #c4c4c4;
	border-radius:4px;
	margin:0 12px 0 6px;
}

#header_login p input[type="password"]{
	width:128px;
	height:18px;
	padding:3px;
	background:#ffffff;
	border:solid 1px #c4c4c4;
	border-radius:4px;
	margin:0 12px 0 6px;
}

#header_login .header_login_txt{
	font-size:12px;
	color:#d32023;
	margin:3px 0 0 0;
}

#header_login input[type="image"]{
	width:80px;
	height:26px;
}

/* gnav */

#gnav{
	position:absolute;
	top:78px;
	left:0;
	width:980px;
}

#gnav ul{
	width:980px;
	height:30px;
}

#gnav li{
	float:left;
	width:160px;
	border-right:solid 1px #cdcdcd;
}

#gnav li.first{
	width:158px;
	border-left:solid 1px #cdcdcd;
}

#gnav li a{
	display:block;
	height:30px;
	font-size:13px;
	line-height:30px;
	color:#525266;
	font-weight:bold;
	text-align:center;
}

#gnav li a:hover{
	color:#2253a2;
	text-decoration:none;
}



/* main */

#main{
	width:100%;
}

#main .wrp{
	padding:120px 0 0 0;
	width:980px;
	margin:0 auto;
	text-align:left;
}

/* crumbs */

#crumbs{
	padding:10px 0 10px 0;
	font-size:12px;
	line-height:20px;
}

#crumbs li{
	display:inline-block;
}

#crumbs li a{
	color:#33aadd;
	background:url('../img/icn_crumbs.png') no-repeat right center;
	padding:0 15px 0 0;
	margin:0 7px 0 0;
}

#crumbs li a.none{
	background:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
}



/* mainc */

#mainc{
	width:980px;
}

#contents{
	float:right;
	width:760px;
}



/* side */

#side{
	float:left;
	width:200px;
}

#side ul{
	background:#ffffff;
	border-radius:3px;
	padding:1px 20px;
}

#side ul.btm{
	padding:0 10px 0 15px;
	margin:40px 0 0 0;
}

#side li{
	border-bottom:solid 1px #cdcdcd;
}

#side li.side_btn_03{
	/* border-bottom:none; */
}

#side li.side_btn_04{
	border-bottom:none;
}

#side li a{
	display:block;
	font-size:13px;
	line-height:58px;
	font-weight:bold;
	padding:0 0 0 40px;
	position:relative;
}

#side li a:hover,
#side li a.act{
	color:#2253a2;
	text-decoration:none;
}

#side li.side_btn_01 a::before{
	position:absolute;
	top:50%;
	left:4px;
	margin:-16px 0 0 0;
	width:32px;
	height:32px;
	content:"";
	background:url('../img/icn_side_stock.png') no-repeat 0 0;
}

#side li.side_btn_01 a:hover::before,
#side li.side_btn_01 a.act::before{
	position:absolute;
	top:50%;
	left:4px;
	margin:-16px 0 0 0;
	width:32px;
	height:32px;
	content:"";
	background:url('../img/icn_side_stock.png') no-repeat 0 -32px;
}

#side li.side_btn_02 a::before{
	position:absolute;
	top:50%;
	left:4px;
	margin:-16px 0 0 0;
	width:32px;
	height:32px;
	content:"";
	background:url('../img/icn_side_history.png') no-repeat 0 0;
}

#side li.side_btn_02 a:hover::before,
#side li.side_btn_02 a.act::before{
	position:absolute;
	top:50%;
	left:4px;
	margin:-16px 0 0 0;
	width:32px;
	height:32px;
	content:"";
	background:url('../img/icn_side_history.png') no-repeat 0 -32px;
}

#side li.side_btn_03 a::before{
	position:absolute;
	top:50%;
	left:4px;
	margin:-16px 0 0 0;
	width:32px;
	height:32px;
	content:"";
	background:url('../img/icn_side_ship.png') no-repeat 0 0;
}

#side li.side_btn_03 a:hover::before,
#side li.side_btn_03 a.act::before{
	position:absolute;
	top:50%;
	left:4px;
	margin:-16px 0 0 0;
	width:32px;
	height:32px;
	content:"";
	background:url('../img/icn_side_ship.png') no-repeat 0 -32px;
}

#side li.side_btn_04 a{
	padding:0 0 0 35px;
	font-size:12px;
}

#side li.side_btn_04 a::before{
	position:absolute;
	top:50%;
	left:0;
	margin:-11px 0 0 0;
	width:26px;
	height:22px;
	content:"";
	background:url('../img/icn_side_export.png') no-repeat 0 0;
}

#side li.side_btn_04 a:hover::before,
#side li.side_btn_04 a.act::before{
	position:absolute;
	top:50%;
	left:0;
	margin:-11px 0 0 0;
	width:26px;
	height:22px;
	content:"";
	background:url('../img/icn_side_export.png') no-repeat 0 -22px;
}

/* footer */


#footer{
	width:100%;
	margin:30px 0 0 0;
}

#gotop{
	width:980px;
	height:44px;
	margin:0 auto;
	text-align:right;
}

#footer .wrp{
	width:1020px;
	margin:0 auto;
	text-align:left;
}

#footer_u{
	background:url('../img/bg_footer_01.png');
}

#footer_u ul{
	width:980px;
	margin:0 auto;
	padding:18px 0;
	font-size:13px;
	text-align:center;
}

#footer_u ul.btm{
	border-top:solid 1px #ffffff;
}

#footer_u ul li{
	display:inline;
	padding:0 18px;
}

#footer_u ul.btm li{
	padding:0 10px;
}

#footer_u ul li a{
	color:#ffffff;
}

#footer_b{
	background:url('../img/bg_footer_02.png');
}

#footer_b .wrp{
	width:980px;
	margin:0 auto;
	padding:11px 0 15px 0;
}

#footer_copyright{
	float:left;
	font-size:12px;
	color:#ffffff;
	padding:5px 0 0 0;
}

#footer_logo{
	float:right;
}



/* parts
------------------------------------------*/

.title01 {
    font-size: 2.3em;
    color: #545467;
    padding: 0 0 0.4em 0;
    background: url(/webImg/html/common/img/bg_title01.png) repeat-x 0 bottom;
}

.ptit{
	display:table;
	padding:4px 0;
	margin:0 0 8px 0;
}

.ptit.stocktit{
	background:url('../img/icn_stock.png') no-repeat 0 0;
}

.ptit.historytit{
	background:url('../img/icn_history.png') no-repeat 0 0;
}

.ptit.shiptit{
	background:url('../img/icn_ship.png') no-repeat 0 0;
}

.ptit .tit{
	display:table-cell;
	font-size:20px;
	line-height:29px;
	font-weight:bold;
	padding:0 12px 0 48px;
	vertical-align:middle;
}

.ptit .txt{
	display:table-cell;
	font-size:14px;
	border-left:solid 1px #cdcdcd;
	padding:0 0 0 12px;
	vertical-align:middle;
}

.contentsbox{
	background:#ffffff;
	border-radius:4px;
	padding:20px 20px 40px 20px;
}

.subt01{
	border-bottom:solid 2px #33aadd;
	padding:0 0 8px 0;
}

.subt01_inner{
	display:table;
}

.subt01_inner .tit{
	display:table-cell;
	font-size:14px;
	height:28px;
	color:#33aadd;
	font-weight:bold;
	vertical-align:middle;
	padding:0 12px 0 20px;
	background:url('../img/icn_circle.png') no-repeat 0 center;
}

.subt01_inner .txt{
	display:table-cell;
	font-size:14px;
	height:28px;
	vertical-align:middle;
	padding:0 0 0 12px;
	border-left:solid 1px #cdcdcd;
}

.list01 li{
	background:url('../img/icn_list01.png') no-repeat 0 0.4em;
	padding:0 0 0 14px;
}

.pagenation{
	margin:20px 0;
	text-align:center;
	font-size:12px;
	line-height:26px;
}

.pagenation li{
	display:inline-block;
	border-left:solid 1px #cdcdcd;
	padding:0 0.8em;
}

.pagenation li.cfirst,
.pagenation li.prv,
.pagenation li.nxt{
	border-left:none;
}

.pagenation li.prv,
.pagenation li.nxt{
	padding:0 0;
}

.pagenation li span{
	font-weight:bold;

}

.pagenation li a{
	color:#33AADD;
}

.tbl01{
	width:100%;
	border:solid 1px #c3c3c3;
}

.tbl01 thead th{
	background:#e4e7ee;
	border:solid 1px #c3c3c3;
	padding:5px 10px;
	text-align:center;
	font-weight:bold;
	font-size:12px;
}

.tbl01 tbody td{
	background:#ffffff;
	border:solid 1px #c3c3c3;
	padding:5px 10px;
	text-align:center;
	font-size:10px;
}

.tbl01 tbody.entOrdHis td{
	padding:5px 8px !important;
}

.tblerror {
	background-color: #ffe4e2 !important;
}

.tblexcept {
	background-color: #e4e7ee !important;
}

.tblok {
	background-color: #CCFFCC !important;
}

.col_1 {
    display: inline-block;
    width: 160px;
    text-indent: 2em;
}
.col_2 {
    display: inline-block;
    width: 30px;
}

/* setting
------------------------------------------*/

/* font */

.fs_10{
	font-size:1em !important;
}

.fs_12{
	font-size:1.2em !important;
}

.fs_13{
	font-size:1.3em !important;
}

.fs_14{
	font-size:1.4em !important;
}

.fs_16{
	font-size:1.6em !important;
}

.fs_18{
	font-size:1.8em !important;
}

.fs_20{
	font-size:2em !important;
}

.fs_85p{
	font-size:85% !important;
}

.lh_150{
	line-height:1.5 !important;
}

.fw_b{
	font-weight:700 !important;
}

.fc_gray{
	color:#999999;
}

.fc_red{
	color:#cc0000;
}

.fc_pink{
	color:#FF7983;
}

.fc_blue{
	color:#2154AA;
}

.fc_sky{
	color:#28B7E4;
}

.fc_green{
	color:#3ECC72;
}

/* position */

.ac{
	text-align:center !important;
}

.al{
	text-align:left !important;
}

.ar{
	text-align:right !important;
}

.aac{
	margin-left:auto !important;
	margin-right:auto !important;
}

.aar{
	margin-left:auto !important;
	margin-right:0 !important;
}

.fl{
	float:left !important;
}

.fr{
	float:right !important;
}

.vt{
	vertical-align:top !important;
}

.vm{
	vertical-align:middle !important;
}

/* dummy table */

.d_tb{
	display:table !important;
}

.d_tc{
	display:table-cell !important;
}

*:first-child+html .d_tc{
	display:inline;
	zoom:1;
}

/* margin padding */

.mt0{
	margin-top:0 !important;
}

.mthe{
	margin-top:0.5em !important;
}

.mt1e{
	margin-top:1em !important;
}

.mt5{
	margin-top:5px !important;
}

.mt10{
	margin-top:10px !important;
}

.mt12{
	margin-top:12px !important;
}

.mt15{
	margin-top:15px !important;
}

.mt20{
	margin-top:20px !important;
}

.mt25{
	margin-top:25px !important;
}

.mt30{
	margin-top:30px !important;
}

.mt40{
	margin-top:40px !important;
}

.mt50{
	margin-top:50px !important;
}

.mt60{
	margin-top:60px !important;
}

.mt70{
	margin-top:70px !important;
}

.mt80{
	margin-top:80px !important;
}

.mt200{
	margin-top:200px !important;
}

.mb0{
	margin-bottom:0 !important;
}

.mb25{
	margin-bottom:25px; !important;
}

.mr10{
	margin-right:10px !important;
}

.mr15{
	margin-right:15px !important;
}

.mr20{
	margin-right:20px !important;
}

.mr30{
	margin-right:30px !important;
}

.mr40{
	margin-right:40px !important;
}

.mr50{
	margin-right:50px !important;
}

.ml5{
	margin-left:5px !important;
}

.ml7{
	margin-left:7px !important;
}

.ml10{
	margin-left:10px !important;
}

.ml15{
	margin-left:15px !important;
}

.ml20{
	margin-left:20px !important;
}

.ml30{
	margin-left:30px !important;
}

.pt1e{
	padding-top:1em !important;
}

.pt5{
	padding-top:5px !important;
}

.pt20{
	padding-top:20px !important;
}

.pt30{
	padding-top:30px !important;
}

.pb5{
	padding-bottom:5px !important;
}

.pb10{
	padding-bottom:10px !important;
}

.pb20{
	padding-bottom:20px !important;
}

.pb30{
	padding-bottom:30px !important;
}

.p10{
	padding:10px !important;
}

.ptb10{
	padding-top:10px !important;
	padding-bottom:10px !important;
}

.ptb1e{
	padding-top:1em !important;
	padding-bottom:1em !important;
}

.plhe{
	padding-left:0.5em !important;
}

.pl1e{
	padding-left:1em !important;
}

.pl5{
	padding-left:5px !important;
}

.pl10{
	padding-left:10px !important;
}

.pl20{
	padding-left:20px !important;
}

.pl30{
	padding-left:30px !important;
}

.pl40{
	padding-left:40px !important;
}

.pl50{
	padding-left:50px !important;
}

.pl140{
	padding-left:140px !important;
}

.pr0{
	padding-right:0 !important;
}

.pr10{
	padding-right:10px !important;
}

.pr20{
	padding-right:20px !important;
}

.pr40{
	padding-right:40px !important;
}

.pt10{
	padding-top:10px !important;
}

.pt15{
	padding-top:15px !important;
}

.w100h36{
	width:100px;
	height:36px;
}

/* overlay , popup_box
------------------------------------------*/

#overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000000;
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity:0.7;
	z-index:11;
}

#popup_box{
	position:absolute;
	top:50%;
	left:50%;
	width:640px;
	margin:0 0 0 -320px;
	background:#ffffff;
	box-shadow:0px 1px 15px rgba(0,0,0,0.7);
	display:none;
	z-index:12;
}

#popup_box_inner{
	position:relative;
}

#popup_closebtn{
	position:absolute;
	top:0;
	right:0;
	width:31px;
	height:31px;
	margin:-15px -15px 0 0;
}

#popup_box_inner2{
	padding:20px;
	text-align:left;
}

.popup_tbl01{
	width:100%;
	margin-top:10px;
}

.popup_tbl01 th{
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	width:90px;
}

.popup_tbl01 th.w140{
	width:140px !important;
}

.popup_tbl01 th img{
	margin:6px 0 0 0;
}

.popup_tbl01 th.th01{
	padding:10px 0 10px 6px;
	border-top:dotted 1px #cdcdcd;
	width:84px !important;
}

.popup_tbl01 td{
	text-align:left;
	vertical-align:top;
	width:510px;
}

.popup_tbl01 td.w460{
	width:460px !important;
}

.popup_tbl01 td.td01{
	padding:10px 0;
	border-top:dotted 1px #cdcdcd;
}

.popup_tbl01 .list01 li{
	background:url('/webImg/html/common/img/icn_circle01.png') no-repeat 3px 0.5em !important;
	padding:0 0 0 1em !important;
	margin:0 0 0.3em 0 !important;
}

.popup_tbl02{
	width:100%;
}

.popup_tbl02 th{
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	border:solid 1px #cdcdcd;
	background:#fcfcfc;
	padding:10px 30px 10px 20px;
}

.popup_tbl02 td{
	text-align:left;
	vertical-align:middle;
	border:solid 1px #cdcdcd;
	background:#ffffff;
	padding:10px 20px 10px 20px;
}

.popup_field01{
	border:solid 1px #cdcdcd;
	padding:2px 5px;
	width:190px;
	font-size:1.4em;
}