@charset "UTF-8";


/* ========BASIC======== */


img,object,embed{max-width:100%}

html{overflow-y:scroll}

ul{list-style:none}

br {letter-spacing:normal;}

blockquote,q{quotes:none}

blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}

a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}

img{border:none}

body{background:url('/image/basic/bg_basic01.jpg');font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;font-size:12px;}

/* ========全体======== */
div#widearea{position:relative;text-align:left;width:960px;margin-left:auto;margin-right:auto;margin-top:0}

/* ========ログインページのロゴ======== */
div#logo{
    width: 340px;
    height: 60px;
    display: block;
    margin-left: 290px;
    margin-top: 95px;
}

/* ========グローバルメニュー======== */
div#menu{
    width:760px;
    float:right;
    height: 41px;
}

/* ========MENU CUSTOMIZE======== */
#menu ul {margin:0;padding:0;}

#menu li {float:left;color:#333;list-style-type:none;}

#menu li a {
    display:block;
    line-height:3.4;
    color:#fff;
    background-image: url(/image/basic/gmunu_bg_off.png);
    background-repeat: no-repeat;
    width: 101px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;
    text-decoration: none;
    margin-right: 1px;
}

#menu li a:hover{color:#bbb;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;}


/* ========左側サブメニュー======== */
#subL {float:left;width:194px;text-transform: none;text-decoration: none;margin-top: 10px;}

/* ========subL CUSTOMIZE======== */
#subL ul {margin:0;padding:0;}

/*#subL li {
    background-image: url(/image/basic/subL_bg_off.png);
    background-repeat: no-repeat;
    width: 194px;
}*/

#subL li a {
    display:block;
    margin-right:0px;
    line-height:2.6;
    color:#36312b;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;
    text-decoration: none;
    margin-left: 0px;
    background-image: url('/image/basic/subL_bg_off.png');
    background-repeat: no-repeat;
    width: 194px;
}

#subL li a:hover{color:#7b7b7b;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;}

/* ========メインエリア======== */
#main {background:url('/image/basic/bg_basic02.png');float:right;width:760px;margin-top: 10px;}

section{
    background:url('/image/basic/main_base.png');
    float:left;
    width:242px;
    height:173px;
    margin-top: 4px;
    margin-right: 5px;
    margin-bottom: 3px;
    margin-left: 5px;
}

#brand {
    float:left;
    font-size:18px;
    font-weight:bold;
    width: 120px;
    height: 25px;
    margin-top: 15px;
    margin-left: 23px;
}

#cost {
    float:right;
    width: 60px;
    height: 25px;
    margin-top: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight:bold;
    color: #F00;
    margin-top: 12px;
    margin-right: 30px;
    text-align:right;
}

#stock {
    float:left;
    width: 50px;
    height: 25px;
    margin-top: 47px;
    margin-left: 55px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}
#count {
    float:left;
    width: 35px;
    height: 25px;
    margin-top: 47px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin-left: 40px;
}
#updown {
    float:left;
    width: 23px;
    height: 40px;
    margin-top: 33px;
    margin-left: 13px;
}

/* ========メインエリア（カート・再印刷・販売実績）======== */
#main2 {
    background:url('/image/basic/bg_basic02.png');
    float:left;
    width:941px;
    margin-top: 10px;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-left: 15px;
}



/* ================　================　================　================ */


/* ========【カートのページ】上記の内容で発行する======== */
div#hakko{
    width:214px;
    margin-left: 372px;
    margin-top: 180px;
    height: 43px;
    clear: both;
}

div#rehakko{
    width:214px;
    margin-left: 372px;
    margin-top: 0px;
    height: 43px;
    clear: both;
}
/* ========【カートのページ】最上部の項目======== */
div#hyo-komoku{width:931px;margin-top: 5px;height: 34px;margin-right: 4px;margin-left: 6px;}


/* ========【カートのページ】カートの段落 A======== */
div#cell-cart-a{width:926px;height: 52px;margin-left: 8px;background:url('/image/basic/bg-cell-cart-a.png');}


/* ========【カートのページ】カートの段落 B======== */
div#cell-cart-b{width:926px;height: 52px;margin-left: 8px;background:url('/image/basic/bg-cell-cart-b.png');}


/* ================　================　================　================ */


/* ========【カートの段落】商品名======== */
#cart-syohinmei {float:left;width: 300px;height: 25px;margin-top: 13px;margin-left: 12px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 17px;color: #FFF;}


/* ========【カートの段落】価格======== */
#cart-tanka {width: 70px;height: 25px;margin-top: 13px;margin-left: 55px;text-align:right;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 18px;color: #FFF;float: left;}


/* ========【カートの段落】数量 ======== */
#cart-suryo {width: 40px;height: 25px;margin-top: 13px;margin-left: 90px;text-align:center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 18px;color: #FFF;float: left;}

/* ========【カートの段落】＋とーのボタン ======== */
#cart-updown {width: 23px;height: 40px;float: left;margin-left: 32px;margin-top: 5px;}


/* ========【カートの段落】削除ボタン======== */
#cart-sakujyo {width: 123px;height: 35px;float: right;margin-left: 0px;margin-top: 8px;margin-right: 10px;}

/* ========【カートの段落】価格======== */
#cart-kakaku {width: 100px;height: 25px;margin-top: 13px;margin-right: 5px;text-align:right;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 18px;color: #FFF;float: right;margin-right: 25px;}

/* ================　================　================　================ */

/* ========【カートの段落】カート内全削除======== */

#cart-zensakujyo {
    float: right;
    width: 123px;
    margin-right: 15px;
    margin-top: 25px;
    margin-bottom: 10px;
    border-width: 2px;
}

/* ================　================　================　================ */

/* ========【カート】合計欄======== */
#cart-gokei {
    background:url('/image/basic/bg-gokei.png');
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 18px;
    color: #FFF;
    height: 52px;
    width: 927px;
    float: left;

    margin-left: 8px;
    margin-bottom: 10px;
    margin-top: 10px;
}

#gokei-name {
    float:left;
    width: 270px;
    height: 25px;
    margin-top: 13px;
    margin-left: 14px;
    text-align: center;
}
#gokei-suryo {
    float:left;
    width: 40px;
    height: 25px;
    margin-top: 13px;
    margin-left: 262px;
    text-align: center;
}
#gokei-kingaku {
    float:right;
    width: 140px;
    height: 25px;
    margin-top: 13px;
    text-align: right;
    margin-right: 100px;
}

/* ========ID入力======== */
div#idin{
    background:url('/image/basic/tx_id.png') no-repeat 0 0;
    width:330px;
    display:block;
    margin-left: 310px;
    margin-top: 40px;
    height: 36px;
}
div#idin #loginId{
    margin-left:7px;
    margin-top:1px;
    width:190px;
}

/* ========PASS入力======== */
div#passin{
    background:url('/image/basic/tx_pass.png') no-repeat 0 0;
    width:330px;
    display:block;
    margin-left: 310px;
    margin-top: 20px;
    height: 36px;
}

div#passin #loginPw{
    margin-left:7px;
    margin-top:1px;
    width:190px;
}

div#idpasssave{
    width:330px;
    display:block;
    margin-left: 370px;
    margin-top: 20px;
    height: 36px;
    color: white;
}

div#idpasssave strong{
    cursor:default;
}

/* ========ログイン入力======== */
div#loginbtn{width:214px;margin-left: 372px;margin-top: 10px;height: 43px;}

/* ========ログイン情報関連======== */
div#loginNotice{
    width:430px;
    margin-left: 270px;
    margin-bottom: 5px;
    padding: 5px;
    overflow: auto;
    background-color: #FFF
}

/* ========ログイン情報関連======== */
div#loginInfoRef{
    width:430px;
    margin-left: 270px;
    margin-top: 0px;
    padding: 5px;
/*    height: 47px;*/
    overflow: auto;
    background-color: #FFF
}

/* ========レジへ進む======== */
div#cartin{margin-left:470px}

/* ========manual download======== */
div#manualDownload{width:214px;margin-left: 375px;margin-top: 20px;height: 43px;}
div#manualDownload a{color:white; text-decoration:none;}
div#manualDownload a:hover{color:yellow; text-decoration:underline;}

/* ========カートへ入れる======== */
div#cartin2{
    width:210px;
    margin-top: 120px;
    height: 43px;
    margin-left: 15px;
}

/* ========フッター======== */
div#footer{width:960px; position:relative;clear:both;margin-top: 30px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #999;}

/* ========【再印刷】最上部の項目======== */

div#hyo-komoku2{width:931px;margin-top: 5px;height: 34px;margin-right: 4px;margin-left: 6px;background:url('/image/basic/hyo-komoku2.png');}
div#hyo-komoku2-check {width: 52px;height: 34px;margin-top: 0px;margin-left: 0px;float: left;border-right-width: 1px;border-right-style: groove;border-right-color: #252420;text-align: center;line-height: 34px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;color: #FFF;}

div#hyo-komoku2-time {width: 150px;height: 34px;margin-top: 0px;margin-left: 0px;float: left;border-right-width: 1px;border-right-style: groove;border-right-color: #252420;text-align: center;line-height: 34px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;color: #FFF;}

div#hyo-komoku2-number {width: 150px;height: 34px;margin-top: 0px;margin-left: 0px;float: left;border-right-width: 1px;border-right-style: groove;border-right-color: #252420;text-align: center;line-height: 34px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;color: #FFF;}

div#hyo-komoku2-name {width: 240px;height: 34px;margin-top: 0px;margin-left: 0px;float: left;border-right-width: 1px;border-right-style: groove;border-right-color: #252420;text-align: center;line-height: 34px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;color: #FFF;}

div#hyo-komoku2-tanka {width: 75px;height: 34px;margin-top: 0px;margin-left: 0px;float: left;border-right-width: 1px;border-right-style: groove;border-right-color: #252420;text-align: center;line-height: 34px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;color: #FFF;}


div#hyo-komoku2-time2 {width: 150px;height: 34px;margin-top: 0px;margin-left: 0px;float: left;border-right-width: 1px;border-right-style: groove;border-right-color: #252420;text-align: center;line-height: 34px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;color: #FFF;}

div#hyo-komoku2-count {width: 103px;height: 34px;margin-top: 0px;margin-left: 0px;float: left;text-align: center;line-height: 34px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;color: #FFF;}

/* ========【再印刷】段落 A======= */
div#cell-reprint-a{width:926px;height: 42px;margin-left: 8px;background:url('/image/basic/bg-cell-reprint-a.png');}


/* ========【再印刷】段落 B======= */
div#cell-reprint-b{width:926px;height: 42px;margin-left: 8px;background:url('/image/basic/bg-cell-reprint-b.png');}


/* ========【再印刷】チェックボックス======== */


#reissue_chb {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: 8px;
}

div#reprint-check {
    width: 50px;
    height: 40px;
    margin-top: 0px;
    margin-left: 0px;
    float: left;
    border-right-width: 1px;
    border-right-style: groove;
    border-right-color: #252420;
    text-align: center;
}


/* ========【再印刷】販売時刻======== */
div#reprint-time {
    width: 150px;height: 40px;margin-top: 0px;margin-left: 0px;float: left;border-right-width: 1px;border-right-style: groove;border-right-color: #252420;text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;color: #FFF;line-height: 40px;
}


/* ========【再印刷】管理番号======== */
div#reprint-number {
    width: 150px;height: 40px;margin-top: 0px;margin-left: 0px;float: left;border-right-width: 1px;border-right-style: groove;border-right-color: #252420;text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;color: #FFF;line-height: 40px;
}


/* ========【再印刷】商品名======== */
div#reprint-name {
    width: 240px;height: 40px;margin-top: 0px;margin-left: 0px;float: left;border-right-width: 1px;border-right-style: groove;border-right-color: #252420;text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;color: #FFF;line-height: 40px;
}


/* ========【再印刷】単価======== */
div#reprint-tanka {
    width: 75px;height: 40px;margin-top: 0px;margin-left: 0px;float: left;border-right-width: 1px;border-right-style: groove;border-right-color: #252420;text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;color: #FFF;line-height: 40px;
}


/* ========【再印刷】再発行時間======== */
div#reprint-time2 {
    width: 150px;height: 40px;margin-top: 0px;margin-left: 0px;float: left;border-right-width: 1px;border-right-style: groove;border-right-color: #252420;text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;color: #FFF;line-height: 40px;
}

/* ========【再印刷】再発行回数======== */
div#reprint-count {
    width: 103px;height: 40px;margin-top: 0px;margin-left: 0px;float: left;text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;color: #FFF;line-height: 40px;
}

a {
    outline:none;
}

.circleText {
    font-size:14;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    fill:white;
}


.printContainerClass {
    border-color:#FF8040;
    border-width:2px;
    border-style:solid;
}

.printContainerClass2 {
    border-color:#FF8040;
    border-width:2px;
    border-style:solid;
    margin-top:10px;
}

.fs_medium{
    font-size:medium;
    font-weight:bold;
}

.fs_large{
    font-size:large;
    font-weight:bold;
}

table.printTable {
/*    width:240px;*/
    table-layout:fixed;
/*    border-color:#00ff00;
    border-width:1px;
    border-style:solid;*/
}

table.list {
    width:570px;
    border-top:1px solid #0070A6;
    border-left:1px solid #0070A6;
    border-collapse:collapse;
}

.list th {
    background-color:#CAE5F1;
    padding:5px;
    color: #0070A6;
    border-right:1px solid #0070A6;
    border-bottom:1px solid #0070A6;
}

.list td {
    background-color:#F4FAFC;
    border-right:1px solid #0070A6;
    border-bottom:1px solid #0070A6;
    padding:5px;
    color: #0070A6;
    text-align: center;
}

table.list_center {
    width:100%;
    border-top:1px solid #0070A6;
    border-left:1px solid #0070A6;
    border-collapse:collapse;
}

.list_center th {
    background-color:#CAE5F1;
    padding:5px;
    color: #0070A6;
    border-right:1px solid #0070A6;
    border-bottom:1px solid #0070A6;
    text-align:center;
}

.list_center td {
    background-color:#F4FAFC;
    border-right:1px solid #0070A6;
    border-bottom:1px solid #0070A6;
    padding:5px;
    color: #0070A6;
    text-align: center;
}

.td_bold td {
    font-weight:bold;
}

table.graph_center {
    width:100%;
}

.graph_center th {
    background-color:#b1b1b1;
    padding:5px;
    text-align:center;
}

.graph_center td {
    background-color:#cbcac8;
    padding:5px;
    text-align: center;
}

.reissue_info {
    background-color:yellow;
    width:720px;
}
.reissue_info table td {
    padding:3px;
}