@charset "utf-8";
/*====================================================================

common.css

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

/*--------------------------------------------------------------------
01.format
--------------------------------------------------------------------*/
body,div,span,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote,address,
table,tr,th,td,img{
   margin:0;
   padding:0;
   font:normal normal normal 100%/1.7 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
   border:none;
}
/* hr{display:none;} */
li{list-style-type: none;}

/*a
----------------------------------------------------------------*/
a{
   color:#5d1d82;
   text-decoration: underline;
}
a:visited{
   color:#5d1d82;
   text-decoration:underline;
}
a:hover{
   color:#5d1d82;
   text-decoration:none;
}
a:active{
   color:#5d1d82;
   text-decoration:none;
}

/*--------------------------------------------------------------------
02.body
--------------------------------------------------------------------*/
html{}
body{
   color: #64490e;
   font-size: 12px;
   text-align: center;
   line-height: 1.8;
   background: #fff;
}
#container{
   width: 900px;
   text-align: left;
   margin: 0 auto;
}



/*--------------------------------------------------------------------
03.head
--------------------------------------------------------------------*/
#header{
   position: relative;
   height: 87px;
   background: url(../img/head.gif) no-repeat;
   overflow: hidden;
}
#header:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
/* #header h1{visibility: hidden;} */
#header h1 {
   margin: 0; padding: 0;
   text-indent: -9999px;
}
#header h1 a {
   display: block;
   width: 210px;
   height: 87px;
}




/*--------------------------------------------------------------------
04.contents
--------------------------------------------------------------------*/
#contents{
   width: 900px;
   background: url(../img/contents_bg.gif) repeat-y;
   border-top: solid 1px #04674a;
   border-bottom: solid 1px #04674a;
   padding: 9px 0;
   overflow: hidden;
}
#contents:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#sidebar-left{
   float: left;
   width: 210px;
}
#main{
   float: left;
   width: 680px;
   min-height: 450px;
   background: #fff;
   padding-bottom: 10px;
   overflow: hidden;
}

/*editor-info*/
#editor-info{
   width: 190px;
   background: url(../img/editor_bg.gif) repeat-y;
   border-top: solid 1px #dee5d4;
   border-bottom: solid 1px #dee5d4;
   margin: 0 0 10px 10px;
}
#editor-info p{
   text-align: center;
   color: #474728;
   padding: 10px;
}
#editor-info p span.editor-name{
   font-size: 18px;
   font-weight: bold;
}
#editor-info p span.editor-login-id{font-size: 12px;}

/*global-menu*/
#global-menu,
#global-menu li{
   display: block;
   width: 190px;
}
#global-menu{margin: 0 0 0 10px;}
#global-menu li{
   background: url(../img/navi_bg.gif) top;
   border-bottom: solid 1px #8ac1b1;
   margin-bottom: 5px;
}
#global-menu li a{
   display: block;
   font-size: 16px;
   font-weight: bold;
   color: #fff;
   text-decoration: none;
   background: url(../img/navi_bg2.gif) no-repeat 182px 18px;
   padding: 8px 13px 6px;
}
#global-menu li a:hover{}


/*local-menu*/
.local-menu,
.local-menu li{
   display: block;
   width: 200px;
}
.local-menu{
   margin: 0 0 10px 10px;
   background: url(../img/sub_navi_bg.gif) repeat-y;
   border-top: solid 1px #96d3c1;
}
.local-menu li{
   border-bottom: solid 1px #96d3c1;
}
.local-menu li a{
   display: block;
   font-size: 14px;
   color: #fff;
   text-decoration: none;
   padding: 5px 14px 5px;
}
.local-menu li a:hover{}


.local-menu ul li {
   background: url(../img/sub_navi_bg2.gif) repeat-y;
   /*background-color: #4db596;*/
   border-bottom: solid 1px #96d3c1;
}
.local-menu ul li a {
   padding-top: 0px;
   padding-bottom: 0px;
   font-size: 12px;
}


#main-inner{
   width: 660px;
   margin: 10px 0 0 10px;
   overflow: hidden;
}
#main-inner:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

h2{
   font-size: 18px;
   color: #fff;
   line-height: 1;
   background: #28a37e;
   padding: 10px;
}

#main h3 {
   padding-left: 10px;
   padding: 8px;
   font-size: 15px;
   border-bottom: 1px solid #888;
   margin-bottom: 10px;
}


table{
   width: 660px;
   border-collapse:separate;
   border-spacing:1px;
   background: #d5d8b3;
   margin-top: 10px;
}
table th,
table td{
   text-align: left;
   padding: 6px 10px;
}
table th{
   background: #eaebe1;
}
table td{
   background: #fff;
}

table td.center, table th.center {
   text-align: center;
}

table td.right, table th.right {
   text-align: right;
}

table td.small {
   font-size: 8pt;
}

/* 顧客一覧仮登録 */ table tr td.status0   { background-color: #e8ffeb; }
/* 顧客一覧登録済 */ table tr td.status1   { background-color: #fff; }
/* 顧客一覧凍結中 */ table tr td.status99  { background-color: #ffe8e8; }
/* 顧客一覧退会済 */ table tr td.status100 { background-color: #efefef; color: #999; }

/* リスト: 公開   */ table tr td.open  { background-color: #efefef; }
/* リスト: 非公開 */ table tr td.close { background-color: #fff; }


.pager{
   zoom: 1;
   margin-top: 10px;
}
.pager:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.pager p{
   width: 150px;
   text-align: right;
   float: right;
}
.pager ul,
.pager ul li{
   display: block;
}
.pager ul{
   float: left;
   width: 500px;
}
.pager ul li{
   float: left;
   border: solid 1px #dedede;
   margin-right: 2px;
}
.pager ul li a,
.pager ul li strong,
.pager ul li span{
   display: block;
   padding: 0px 4px;
}
.pager ul li a{
   text-decoration: none;
}
.pager ul li a:hover{
   background: #efefef;
}
.pager ul li strong{
   background: #efefef;
}

.login{margin-top: 10px;}

.error {
   margin-top: 5px;
   background-color: #fefec3;
   color: #ff0000;
   padding: 8px;
   border: 1px solid #ffc6c6;
   font-weight: bold;
}

form input.fullsize, form textarea.fullsize {
   width: 100%;
}

/*material download*/
.download_btns a{
   display: block;
   float: left;
   width: 110px;
   height: 27px;
   text-indent: -9999px;
   overflow: hidden;
   margin-right: 3px;
}
.download_btns a:hover{
   opacity:0.8;
   filter: alpha(opacity=80);
}

.download_btns a.download_report{
   width: 60px;
}
.download_btns a.download_report_monthly{
   width: 95px;
}

.download_btns a.download_normal{background: url(../img/download_normal.gif) no-repeat;}
.download_btns a.download_report{background: url(../img/download_client.gif) no-repeat;}
.download_btns a.download_report_monthly{background: url(../img/download_material.gif) no-repeat;}
.download_btns a.download_csv{background: url(../img/download_csv.gif) no-repeat;}
.download_btns a.download_bill{background: url(../img/download_bill.gif) no-repeat;}
.download_btns a.download_delivery{background: url(../img/download_delivery.gif) no-repeat;}



/*--------------------------------------------------------------------
05.foot
--------------------------------------------------------------------*/
#foot{
   width: 900px;
   /* background: url(../img/common/foot.gif) no-repeat top; */
}
#foot p{
   text-align: right;
   font-size: 10px;
   font-family: Georgia;
   padding: 17px 0 25px;
}