@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
*{
  margin : 0;
  padding: 0;
  font-weight: normal;
}

html {
  margin: 0;
  padding: 0;
}
/*================================================
 *  一般・共通設定
 ================================================*/
body {
  font-size: 62.5%;/* 基準が10px */
  font-family: "Meiryo UI","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif;
  color: #000000;
  background-color:#f6fafb;
  /*text-align: center;*/
  overflow-y: hidden;
}

html,body {
  width:100%;
  }

h1{
  font-size: 2.5em;
  line-height: 42px;
  color: #fff;
}

h2{
  font-size: 2em;
  font-weight: normal;
  line-height:42px;
  margin:15px auto;
}

h2.mmenu{
  text-align: center;
  font-weight: bold;
  padding-top: 15px;
  margin: 0;
}


/*必須カラー*/
span.hissu{ color:#ff641d;}


/*フォントサイズ*/

/*14px⇒11pxへ*/
span.size11{font-size: 0.79em;}

/*14px⇒12pxへ*/
span.size12{font-size: 0.86em;}

/*14px⇒13pxへ*/
span.size13{font-size: 0.93em;}

/*14px⇒15pxへ*/
span.size15{font-size: 1.07em;}

/*14px⇒16pxへ*/
span.size16{font-size: 1.143em;}

/*14px⇒17pxへ*/
span.size17{font-size: 1.214em;}


/*13px⇒14pxへ*/
span.size14{font-size: 1.08em;}

/*太文字*/
span.bold{font-weight: bold;}
span.font-g{   color: #3f8738;}

/* サイズ */
.width25{width:25px; box-sizing:border-box;}
.width30{width:30px; box-sizing:border-box;}
.width40{width:40px; box-sizing:border-box;}
.width50{width:50px; box-sizing:border-box;}
.width55{width:55px; box-sizing:border-box;}
.width60{width:60px; box-sizing:border-box;}
.width70{width:70px; box-sizing:border-box;}
.width80{width:80px; box-sizing:border-box;}
.width90{width:90px; box-sizing:border-box;}
.width100{width:100px; box-sizing:border-box;}
.width107{width:107px; box-sizing:border-box;}
.width120{width:120px; box-sizing:border-box;}
.width140{width:140px; box-sizing:border-box;}
.width150{width:150px; box-sizing:border-box;}
.width160{width:160px; box-sizing:border-box;}
.width180{width:180px; box-sizing:border-box;}
.width200{width:200px; box-sizing:border-box;}
.width220{width:220px; box-sizing:border-box;}
.width240{width:240px; box-sizing:border-box;}
.width250{width:250px; box-sizing:border-box;}
.width275{width:275px; box-sizing:border-box;}
.width300{width:300px; box-sizing:border-box;}
.width350{width:350px; box-sizing:border-box;}
.width400{width:400px; box-sizing:border-box;}
.width425{width:425px; box-sizing:border-box;}
.width450{width:450px; box-sizing:border-box;}
.width500{width:550px; box-sizing:border-box;}
.width600{width:600px; box-sizing:border-box;}
.width700{width:700px; box-sizing:border-box;}
.width-max{width:100%; box-sizing:border-box;}
.height30{height:30px; box-sizing:border-box;}
.height60{height:60px; box-sizing:border-box;}
.height90{height:90px; box-sizing:border-box;}

/* 文字 右（上から右、右+上寄せ、右+下寄せ） */
.txt_right{text-align: right;}
.txt_t-right{text-align: right; vertical-align:top!important;}
.txt_m-right{text-align: right; vertical-align:middle!important;}
.txt_b-right{text-align: right; vertical-align:bottom!important}

/* 文字 左（上から左、左+上寄せ、左+下寄せ） */
.txt_left{text-align: left;}
.txt_t-left{text-align: left; vertical-align:top!important;}
.txt_m-left{text-align: left; vertical-align:middle!important;}
.txt_b-left{text-align: left; vertical-align:bottom!important}

/* 文字 中央（上から中央、中央+上寄せ、中央+下寄せ） */
.txt_center{text-align: center;}
.txt_t-center{text-align: center; vertical-align:top!important;}
.txt_m-center{text-align: center; vertical-align:middle!important;}
.txt_b-center{text-align: center; vertical-align:bottom!important}


/*----- リンク -----*/
a{
  color: #269CE9; 
  font-family: "Meiryo UI","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif;
  text-decoration: none;
}

a:visited{ text-decoration: none;}
a:focus{outline: 1px dotted;}
a:hover{
  color: #269CE9;
  text-decoration: underline;
}

a:active{
  color: #269CE9;
  text-decoration: underline;
}

/*----- その他 -----*/
hr{
  border: 0;
  border-top: solid 1px #c7c7c7;
  margin: 11px 0;
}

hr.mini{
  margin: 0;
}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}


/*----- 枠 -----*/
#wrapper{
  width: 100%;
  margin: 0 auto;
  min-width: 1200px;
  height: 100%;
  font-size: 1.3em;
  text-align: left;
  margin: 0;
  margin-top: 57px;
}

/*-- 出荷管理業務でのみ使用 --*/
#wrapper2{
  width: 100%;
  margin: 0 auto;
  min-width: 1200px;
  height: 100%;
  font-size: 1.3em;
  text-align: left;
  margin: 0;
}

#main{
  width: 90%;
  margin: 0 auto;
  padding: 0 0 100px 0;
  text-align: left;
}

#search{
  margin: 0 15px 15px 15px;
  text-align: left;
}
#search2 p{
  text-indent: 15px;
}

#search2,
#main #bottom2{
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
  border-spacing: 15px 0;
  border-spacing: 10px 0;/*- ie8 -*/
  box-sizing: border-box;
}

#main #bottom2 .inputbox,
#main #search2 .inputbox{
  width: 45%;
  width: 40%;/*- ie8 -*/
  display: table-cell;
  vertical-align:top;
  margin:0;
}
#main #bottom2 .inputbox2{
  width: 55%;
  width: 50%;/*- ie8 -*/
  display: table-cell;
  vertical-align:top;
  margin:0;
}

#main .bottom2 .inputbox3{
  width: 35%;
  width: 30%;/*- ie8 -*/
  display: table-cell;
  vertical-align:top;
  margin:0;
}
#main .bottom2 .inputbox4{
  width: 65%;
  width: 600%;/*- ie8 -*/
  display: table-cell;
  vertical-align:top;
  margin:0;
  padding:10px;
}

#input{
  display: table-cell;
  width: 100%;
}

#middle{
  margin: 11px 15px 15px 11px;
  text-align: left;
}

#bottom{
  height: 100%;
  margin: 0 15px 15px 15px;
  text-align: left;
  box-sizing: border-box;
}

#bottom2 .middle{
  margin: 0;
  padding:0;
    box-sizing: border-box;
  border-spacing: 0;
}

/*- footer下部固定 店名表示 -*/
#footer_area{  
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
    left: 0;  
    width: 100%;  
    height: 30px;  
    background-color: #4E9ABE;  
    color: #fff;  
  font-size: 1.4em;
  text-align:right;
  box-sizing: border-box;
}
#footer_area p{
  padding: 5px 30px;
  }

#footer_area span{
  font-weight: bold;
  padding: 5px 30px;
  }

/*- footer下部固定 ﾎﾞﾀﾝ表示 -*/
#footer_area2{  
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
    left: 0;  
    width: 100%;  
    height: 80px;  
    background-color: #4E9ABE;  
    color: #fff;  
  font-size: 1.4em;
  text-align:right;
  padding:0 ;
  box-sizing: border-box;
}

#footer_area2 p{
  padding: 5px 30px;
  }

#footer_area2 span{
  font-weight: bold;
  padding: 5px 30px;
  }

#footer_area2 #fbtn_area{
  padding: 0;
  height: 50px;
  background-color: #d4e4ee;
  text-align: center;
  vertical-align:middle;
}

#footer_area2 #fbtn_area span.print{
  color: #000;
  vertical-align: bottom;
  bottom: 0;
}

#footer_area2 input[type="text"]{
  bottom:0;
  vertical-align: bottom;
  }


.main_menu-bk{
  width: 100%;
  background-color: #d4e4ee;
  margin-bottom:10px;
  box-sizing: border-box;
}