@charset "utf-8";

/* reset
---------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, dl, dt, dd, ol, ul, li, form, label, legend, table, tbody, tr, th, td, article, embed, footer, header, hgroup, nav, section, time{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;font-weight:normal;}

/* HTML5 display-role reset for older browsers */
article, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse;border-spacing: 0;}

img{vertical-align:bottom; /*max-width: 100%;*/}
body,html{height:100%;}
*{box-sizing:border-box;}

/* font
---------------------------------------------------------- */
body{font-size:14px; color:#050000; line-height:1.6;font-family:'Trebuchet MS',"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; }

/* useful
---------------------------------------------------------- */

/*clear*/
.cl{display: block; min-height: 1%;}
.cl:after{clear: both;content:".";display: block; height: 0;visibility: hidden;}
* html .cl{height: 1%; /*\*//*/height: auto;overflow: hidden;/**/}

.clears {clear:both;}



/*font*/
.fwB{font-weight:bold !important;}
.fsS{font-size:90% !important;}
.fsM{font-size:120% !important;}
.fsL{font-size:150% !important;}
.fsXL{font-size:180% !important;}

.fRed{color:#D90000;}

/*margin,padding*/
.mC{margin-left: auto; margin-right: auto;}
.mbN{margin-bottom:0 !important;}
.mbSS{margin-bottom:0.5em !important;}
.mbS{margin-bottom:1em !important;}
.mbM{margin-bottom:2em !important;}
.mbL{margin-bottom:4em !important;}
.mbXL{margin-bottom:5em !important;}

.mtN{margin-top:0 !important;}
.mtSS{margin-top:0.5em !important;}
.mtS{margin-top:1em !important;}
.mtM{margin-top:2em !important;}
.mtL{margin-top:4em !important;}
.mtXL{margin-top:5em !important;}

.indent{text-indent:-1em; padding:0 0 0 1em;}
.indentNum{ text-indent:-2em; padding:0 0 0 2em;}

.inSS{padding:0 1em;}
.inS{padding:0 1.5em;}
.inM{padding:0 3em;}

.inMenuTitle{padding:0 0em 1.0em 1.0em;}
.inMenu{padding:0 1.0em 1.0em;}

/*align*/
.taC{text-align:center !important;}
.taR{text-align:right !important;}
.taL{text-align:left !important;}

/*float*/
.fL{float:left;}
.fR{float:right;}
.imgL{float:left;margin-right:1.5em !important;}
.imgR{float:right;margin-left:1.5em !important;}

/*display*/
.inB{display:inline-block;}
.disB{display:block;}

.noB{border:none !important;}

a:link,a:visited{ color: #C73834; text-decoration:none;}
a:hover,a:active{ color: #DD8885; text-decoration:underline;}

body{-webkit-text-size-adjust: none;}
button{cursor:pointer;}


/* layout
---------------------------------------------------------- */

/*header{background:#3b8b49;overflow: hidden;padding:0 15px;position: absolute;top:0;left:0;width:100%;display: table;height:60px;}*/
header{background:#59B1E2;overflow: hidden;padding:0 15px;position: absolute;top:0;left:0;width:100%;display: table;height:60px;font-size:large;}
header .blockL,header .blockR{width:50%;display: table-cell; vertical-align: middle;}
header .blockR{text-align: right;margin:0 0 0 2em;}
header img{vertical-align: middle;}
header .subTit{color:#f8fff3;margin:0 0 0 1em; display: inline-block;}
header .userName{color:#f8fff3;margin:0 0 0 1em; display: inline-block;}
header .login{color:#DFD7C0;margin:0 0 0 1em;background:url(../img/icon_logout.png) no-repeat;padding:0 0 0 20px;display: inline-block;}
.cntWrap{display: table;width:100%;height:100%;padding-top:60px;}
nav{background:#E5E5E5;display: table-cell;width:240px;box-shadow: 0 0 3px 1px rgba(0,0,0,0.2);}

nav li{border-bottom:1px solid #fff;}
nav a{background: url(../img/icon_home.png) no-repeat 15px center;padding:15px 15px 15px 50px;border-bottom:1px solid #aaa;display: block; color:#000 !important; white-space: nowrap;}
nav a:hover,
nav a:active,
nav a.active{text-decoration: none; background-color:rgba(255,255,255,0.8);}
nav .icoHome a{background-image:url(../img/icon_home.png);}
nav .icoEdit a{background-image:url(../img/icon_edit.png);}
nav .icoPoint a{background-image:url(../img/icon_point.png);}
nav .icoDoc a{background-image:url(../img/icon_document.png);}
nav .icoItem a{background-image:url(../img/icon_item.png);}
nav .icoPush a{background-image:url(../img/icon_push.png);}
nav .icoMember a{background-image:url(../img/icon_member.png);}
nav .icoMail a{background-image:url(../img/icon_mail.png);}
nav .icoGiftExchange a{background-image:url(../img/icon_gift_exchange.png);}
nav .icoCategory a{background-image:url(../img/icon_category.png);}
nav .icoUserImage a{background-image:url(../img/icon_userimage.png);}

.cnt{display: table-cell;}
.pageTit{background:#757575;padding:10px 30px;font-weight: bold;font-size:160%;}
.cntBody{padding:30px;overflow: scroll;height:100%;}

/* common
---------------------------------------------------------- */
.cntBody p{margin:0 0 1.5em;}

.comTit01{background:#444;color:#fff;padding:0.5em;margin:0 0 1em 0; font-weight: bold;font-size:130%;line-height: 1.3;}

.comTit02{background:#f0f0f0;border-left:0.3em solid #3b8b49;color:#3b8b49;padding:0.5em 0.5em 0.5em 0.8em;margin:0 0 1em 0; font-weight: bold;font-size:130%;line-height: 1.3;}

.comTit03{color:#3b8b49;font-weight: bold; margin:0 0 1em;font-size:130%;line-height: 1.3;}
.comTit03:before{content:"▼ ";font-size:85%;}


.comBtn01{display: inline-block;background:rgba(59,139,73,1);color:#fff;box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);border:none;padding:0.5em 1.5em;font-size:120%;}
.comBtn01:hover{background:rgba(59,139,73,0.8);}

.comBtn02{display: inline-block;background:#59B1E2;color:#fff;box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);border:none;padding:0.5em 1.5em;font-size:120%;}
.comBtn02:hover{background:#C9E5FB;}

.comBtn03{display: inline-block;background:#747474;color:#fff;box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);border:none;padding:0.5em 1.5em;font-size:120%;}
.comBtn03:hover{background:#B0B0B0;}

.comBtn04{display: inline-block;background:#EDB92A;color:#fff;box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);border:none;padding:0.5em 1.5em;font-size:120%;}
.comBtn04:hover{background:#F7E29B;}

.btnGray{background:rgba(153,153,153,1);}
.btnGray:hover{background:rgba(153,153,153,0.8);}

.comTbl ul.menu {
  font-size:0;
  margin-bottom: 20px;
}

.comTbl ul.menu li {
  display:inline-block;
  font-size:14px;
  padding-right: 10px;
}

.comTbl ul.menu li button {
  width:200px;
}

.comTbl table{/*width:100%;*/height:100%;}
.comTbl th,
.comTbl td{border:1px solid #aaa;padding:10px; vertical-align: middle; text-align: left; /*min-width:100px*/ }
.comTbl th{font-weight: bold;background:#F4F0EC; text-align: left; /*width:200px;*/}
.comTbl th .must,td .must{float:right;display: inline-block;background: #D90000;border: solid 1px #C00;text-shadow: 0px 1px 2px #933;padding: 2px 5px;font-size: 80%;color: #FFF;float: right;border-radius: 4px;box-shadow: 0px 0px 5px #CCC;}
/*.comTbl table.list th {width:200px;}*/
.comTbl table.list th {text-align:center;}

.comTbl table.border-none td {border: none;}
.comTbl table.border-none th {border: none;}


.comTbl label{cursor: pointer;}
.comTbl input{font-size:100%;}

.comTbl input[type="text"],
.comTbl input[type="email"],
.comTbl input[type="tel"],
.comTbl select,
.comTbl textarea{
  box-shadow:none;
  border-radius: 6px;
  margin-bottom: 4px;
  max-width: 100%;
  font-size:100%;
}

.comTbl select {
  height: 35px;
}

.comTbl textarea{font-size:100%;}

.comTbl input[type="text"],
.comTbl input[type="password"] {
  width: 100%;
  padding:5px;
}

/* 2017/11/23 Add -------- Start ----- */
.comTbl input::-webkit-input-placeholder {
    color: #cccccc;
}
.comTbl input:-ms-input-placeholder {
    color: #cccccc;
}
.comTbl input::-moz-placeholder {
    color: #cccccc;
}
/* 2017/11/23 Add -------- End ----- */

.comTbl textarea {
  width: 100%;
  height: 100px;
}

.comTbl .large-width {
  width: 90% !important;
}

.comTbl .medium-width {
  width: 36% !important;
}

.comTbl .small-width {
  width: 10% !important;
}

.comTbl table.report th,
.comTbl table.report td
{
  padding: 6px;
}

.comTbl table.report td {
  text-align: right
}

.comTbl table.report:hover tbody tr:hover td {
  color: #666;
  background: #cef;
}

.comTbl table.report:hover tbody tr:hover th {
  background: #cef;
}

.comTbl table.report:hover tbody:hover td:hover {
/*  opacity: 1;*/
  color: #fff;
  background: #69f;
}

nav ul.accordion {
  width: 240px;
}

.accordion a {
  background: url(../img/icon_document.png) no-repeat 15px center;
  padding:15px 15px 15px 50px;
  border-bottom:1px solid #aaa;
  display: block;
  color:#000 !important;
  white-space: nowrap;
}
.accordion > li > p > span {
  display:block;
  background-image:url(../img/icon_sub_plus.png);
  background-position:95% center;
  background-repeat: no-repeat;
}
.accordion > li > p > span.open {
  background-image:url(../img/icon_sub_minus.png);
}
.accordion > li > p.sales > span > a {
  padding-top:3.5px;
  padding-bottom:3.5px;
}
.accordion ul {
  display:none;
}
.accordion > li {
  border-bottom:1px solid #fff;
}
.accordion > li > ul > li > ul > li:last-child {
  border:none;
}

.sub_contents a {
  background: url(../img/icon_sub_content.png) no-repeat 15px center;
  padding:15px 15px 15px 50px;
  border-bottom:1px solid #aaa;
  display: block;
  color:#000 !important;
  white-space: nowrap;
}

nav .icoEn  a{background-image:url(../img/icon_en.png);}
nav .icoAgency  a{background-image:url(../img/icon_agency.png);}
nav .icoSyukei  a{background-image:url(../img/icon_syukei.png);}


table.balloon th {
  text-align: left;
  width: 140px;
}

/* 見出し */

.comTit01 {
  background: #444;
  color: #fff;
  padding: 0.5em;
  margin: 0 0 1em 0;
  font-weight: bold;
  font-size: 130%;
  line-height: 1.3;
}

.comTit02 {
  background: #f0f0f0;
  border-left: 0.3em solid #3b8b49;
  color: #3b8b49;
  padding: 0.5em 0.5em 0.5em 0.8em;
  margin: 0 0 1em 0;
  font-weight: bold;
  font-size: 130%;
  line-height: 1.3;
}

.comTit03 {
  color:#3b8b49;
  font-weight: bold;
  margin:0 0 1em;
  font-size:130%;
  line-height: 1.3;
}

.comTit03:before {
  content:"▼ ";
  font-size:85%;
}


/*IME */
.ime_on { ime-mode: active; }
.ime_off { ime-mode: disabled; }

.searchBtn{
  width:29px;
  height:29px;
  display: inline-block;
  border-radius: 4px;
  border: solid 1px gray;
  background-color: LightGray;
  cursor: pointer;
  background-image: url(../img/search_icon.png);
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-bottom: 4px;
}

.calBtn{
  width:29px;
  height:29px;
  display: inline-block;
  border-radius: 4px;
  border: solid 1px gray;
  background-color: #dddddd;
  cursor: pointer;
  background-image: url(../img/calendar_icon.png);
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-bottom: 4px;
}

.strCut {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.label {
  display: inline-block;
  width:100%;
  /*height:19px;*/
  border: solid 1px gray;
  border-radius: 4px;
  background-color:#dddddd;
  padding: 3px;  
}

.errArea {
  color: red;
  background-color: #FFDDDD;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom:10px;
}

.successArea {
  color: #000000;
  background-color: #99FF99;
  font-weight:bold;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom:10px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px #CCC;
}