@CHARSET "UTF-8";
/**
 * エースアンドエース様向け　展示会受注管理システム
 *
 * Copyright (C) AceAndAce all rights reserved.
 *
 * Created by WebTchnology Co.,Ltd.
 */


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

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   font-family:Verdana, Helvetica, sans-serif;
   font-size:13px;
   color:#333;
   background:#EFEFEA;
}

br {
   letter-spacing:normal;
}

a {
   color:#333;
   text-decoration:none;
}

a:hover {
   color:#DF8713;
   text-decoration:none;
}

img {
   border:0;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}


/* ========TEMPLATE LAYOUT======== */
#top {
   width:1353px;
   margin:0 auto;
   border-left:1px solid #ccc;
   border-right:1px solid #ccc;
   background:#fff;
}

#header {
   width:1349px;
   margin:0 2px;
   background:#4f3333;
   height:78px;
   /*position : absolute;*/
}
div#title {
    /*position:absolute;*/
    /*left:0px;*/
    width:968px;
    margin-left:30px;
    float:left;
}
div#loginPerson{
    /*position:absolute;*/
    /*right:0;*/
    /*width:35;*/
    color:#fff;
    text-align:right;
    padding-right:20px;
    padding-top: 1px;
    float:left;
    width:254px;
}
div#logout_block{
    float:left;
    padding-top: 16px;
}
div#logout_block span{
    color:#F2F5A9;
    font-weight: bold;
}
#menu {
   margin:0 2px;
   /*position : relative;
   top:79px;*/
}
/*
div#loginPerson p {
    padding-top: 10px;
}
*/

#contents {
   clear:both;
   width:1196px;
   margin:0 2px;
   padding:10px 0;
}

#main {
   float:left;
   width:560px;
   padding:0 5px;
}

#sub {
   float:right;
   width:200px;
   padding-right:5px;
}

#footer {
   margin:0 2px;
   width:1348px;
   position: fixed;
   bottom: 0;
   background:#ffffff;
}
#footer_area{
   clear:both;
   width:1196px;
   position: fixed;
   bottom: 0;
}
/* 回り込み解除 */
#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* ========HEADER CUSTOMIZE======== */
/*
#header h1 {

}

#header h1 a {
   color:#fff;
}

#header h1 a:hover {
   color:#DF8713;
}
*/
#title h1{
   margin:0;
   padding:0 10px;
   font-size:24px;
   color:#fff;
   line-height:80px;
}

/* ========MENU CUSTOMIZE======== */
#menu ul {
   margin:0 -1px 0 0;
   padding:0;
   list-style:none;
}

#menu li {
   float:left;
   margin-right:1px;
   background:#ddd;
}

#menu li a{
   display:block;
   width:149px;
   color:#fff;
   text-align:center;
   line-height:2.5;
   background:#9C6565;
}

#menu li a:hover{
   color:#fff;
   background:#DF8713;
}

/* 回り込み解除 */
#menu ul:after{
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* 子メニュー分の高さを除く */
.menu_list {
  position: absolute;
  opacity: 0;
  z-index: -1;
  width: 10em;
}
/* 子メニューを表示 */
.menu_name:hover + .menu_list, .menu_list:hover {
  opacity: 1;
  z-index: 1;
}

#menu ul li ul li a{
   display:block;
   width:149px;
   color:#fff;
   text-align:center;
   line-height:2.5;
   background:#DF8713;
}
#menu ul li ul li a:hover{
   display:block;
   width:149px;
   color:#fff;
   text-align:center;
   line-height:2.5;
   background:#ff8c00;
}
/* ========MAIN CONTENTS CUSTOMIZE======== */
#main a {
   color:#DF8713;
}

#main a:hover {
   border:0;
   color:#DF8713;
   border-bottom:1px solid #DF8713;
}

#main h2 {
   margin-bottom:3px;
   padding:2px 2px 2px 5px;
   font-size:15px;
   font-weight:bold;
   border-left:5px solid #4E3333;
   background:url(../img/bg_h2.gif);
}

#main h3 {
   margin-bottom:2px;
   padding-left:25px;
   font-size:15px;
   background:url("../img/bg_h3.gif") 0 50% no-repeat;
}

#main h4 {
   margin:0 0 5px 0;
   font-size:15px;
}

#main h5 {
   margin:0 0 5px 0;
   padding:2px;
   font-size:13px;
   color:#fff;
   background:#9C6565;
}

#main h6 {
   margin:0 0 5px 0;
   font-size:13px;
   color:#4E3333;
   border-bottom:2px solid #4E3333;
}

#main p{
   margin:0 0 1em 0;
}

#main dl {
   margin:0;
   padding:0;
}

#main dt {
   font-weight:bold;
}

#main dd {
   margin:0 0 1em 0;
   padding:0;
}

#main ul,
#main ol {
   margin:0 0 1em 40px;
   padding:0;
}

/* ========SUB CONTENTS CUSTOMIZE======== */
#sub .section {
   margin-bottom:10px;
   padding:10px;
   background:#DEDDD0;
}

#sub h2 {
   padding-bottom:5px;
   text-align:center;
   font-size:15px;
   font-weight:bold;
   color:#fff;
   border-bottom:1px solid #93847B;
}

#sub ul {
   margin:0;
   padding:5px 0 0 10px;
}

#sub li {
   margin:0;
   padding-left:12px;
   background:#DEDDD0 url("../img/bg_list.gif") 0 50% no-repeat;
   list-style:none;
}


/* ========PAGETOP CUSTOMIZE========= */
#pageTop {
   padding:12px 10px;
   text-align:right;
   position:absolute;
   bottom:38px;
   width:1328px;
   background:#ffffff;
   z-index:0;
}

#pageTop a{
   padding:0 0 0 12px;
   background:url("../img/bg_pagetop.gif") 0 60% no-repeat;
}


/* ========FOOTER CUSTOMIZE======== */
.copyright {
   padding:10px 0;
   text-align:center;
   font-style:normal;
   font-size:11px;
   color:#333;
   border-top:1px solid #ccc;
}

#login {
    width:300px;
    margin:auto;
    margin-top:100px;
}
#maker_search{
    width :1160px;
    margin:0 auto;
    padding:10px 0px 0px 0px;
}
#upload{
    margin-top:50px;
}
#template{
    margin-top:20px;
}
#product_list{
    width :1310px;
    margin:0 auto;
    padding:20px 0px 20px 0px;
}
#button_area{
   position: fixed;
   bottom: 38px;
   background:#ffffff;
   /*width:100%;*/
   padding : 5px 10px 10px 10px;
   z-index:10;
}
#excel_down{
   padding: 5px 10px 10px 10px;
   position: fixed;
   bottom: 37px;
   background:#ffffff;
   /*width:100%;*/
}
div#excel_down p{
    margin-top:5px;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
}
/*
table {
  width: auto;
  border-spacing: 0;
  font-size:14px;
}
*/
table.table_regist{
    width:auto;
    border-spacing: 0;
    font-size:14px;
    margin:5px;
}

table.table_regist th{
    padding:5px;
    text-align:left;
}
table.table_regist td{
    padding:5px;
}
.nav-cnt{
    list-style: none;
}
.nav-cnt li {
   float:left;
   margin-right: 5px;
}
ul.nav-cnt:after{
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}
.nav-cnt button{
    border: none;
    background-color: #258;
    width: 20px;
    height: 20px;
    position: relative;
    display: block;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
}
.top_arrow:before{
    border-width: 5px 8px 5px 0;
    border-color: transparent #FFF transparent transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -4px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
}
.top_arrow:after{
    content: '';
    left: 6px;
    top: 6px;
    position: absolute;
    width: 2px;
    height: 8px;
    background-color: #FFF;
}
.front_arrow:before{
    border-width: 5px 8px 5px 0;
    border-color: transparent #FFF transparent transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -4px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
}
input.next_page{
    text-align: right;
    height: 20px;
    width: 48px;
    /*margin-right: 5px;*/
    font-size: 12px;
    padding: 0 5px;
    border: 1px solid #CCC;
}
.rear_arrow:before{
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #FFF;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -4px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
}
.end_arrow:before{
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #FFF;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -4px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
}
.end_arrow:after{
    content: '';
    right: 6px;
    top: 6px;
    position: absolute;
    width: 2px;
    height: 8px;
    background-color: #FFF;
}
input.order_quantity{
    text-align: right;
}
input.attach_number{
    text-align: right;
}
div#print_page{
    display:none;
}
p.page_no{
    padding: 2px 0px 2px 40px;
    margin:0;
}
ul.nav-cnt{
    margin:0;
}
.divClear{
    clear:both;
}

/* ボタンの定義 */
.confButton {
  position: relative;
  background-color: #1abc9c;
  border-radius: 4px;
  color: #fff;
  line-height: 28px;
  width:92px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #0e8c73;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  border:none;
}
.confButton:hover {
  background-color: #31c8aa;
  box-shadow: 0 3px 0 #23a188;
}
.confButton:active {
  top: 3px;
  box-shadow: none;
}
.entryButton {
  position: relative;
  background-color: #1abc9c;
  border-radius: 4px;
  color: #fff;
  line-height: 28px;
  width:92px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #0e8c73;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  border:none;
}
.entryButton:hover {
  background-color: #31c8aa;
  box-shadow: 0 3px 0 #23a188;
}
.entryButton:active {
  top: 3px;
  box-shadow: none;
}
.updateButton {
  position: relative;
  background-color: #1abc9c;
  border-radius: 4px;
  color: #fff;
  line-height: 28px;
  width:92px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #0e8c73;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  border:none;
}
.updateButton:hover {
  background-color: #31c8aa;
  box-shadow: 0 3px 0 #23a188;
}
.updateButton:active {
  top: 3px;
  box-shadow: none;
}
.extendButton {
  position: relative;
  background-color: #1abc9c;
  border-radius: 4px;
  color: #fff;
  line-height: 28px;
  width:92px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #0e8c73;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  border:none;
}
.extendButton:hover {
  background-color: #31c8aa;
  box-shadow: 0 3px 0 #23a188;
}
.extendButton:active {
  top: 3px;
  box-shadow: none;
}
.printButton {
  position: relative;
  background-color: #1abc9c;
  border-radius: 4px;
  color: #fff;
  line-height: 28px;
  width:92px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #0e8c73;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  border:none;
}
.printButton:hover {
  background-color: #31c8aa;
  box-shadow: 0 3px 0 #23a188;
}
.printButton:active {
  top: 3px;
  box-shadow: none;
}
.excelButton {
  position: relative;
  background-color: #1abc9c;
  border-radius: 4px;
  color: #fff;
  line-height: 28px;
  width:92px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #0e8c73;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  border:none;
}
.excelButton:hover {
  background-color: #31c8aa;
  box-shadow: 0 3px 0 #23a188;
}
.excelButton:active {
  top: 3px;
  box-shadow: none;
}
.deleteButton {
  position: relative;
  background-color: #1abc9c;
  border-radius: 4px;
  color: #fff;
  line-height: 28px;
  width:92px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #0e8c73;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  border:none;
}
.deleteButton:hover {
  background-color: #31c8aa;
  box-shadow: 0 3px 0 #23a188;
}
.deleteButton:active {
  top: 3px;
  box-shadow: none;
}
.cancelButton {
  position: relative;
  background-color: #1abc9c;
  border-radius: 4px;
  color: #fff;
  line-height: 28px;
  width:92px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #0e8c73;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  border:none;
}
.cancelButton:hover {
  background-color: #31c8aa;
  box-shadow: 0 3px 0 #23a188;
}
.cancelButton:active {
  top: 3px;
  box-shadow: none;
}
div#dummy_area{
    height:63px;
    width:10px;
}
h2.toph2{
    margin-left:20px;
}