/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
	padding-top: 0px;
    width: 95%;height:95%;
}
p{
	margin: 0.3em 0px; 
}
table.TBL1 {border-right:1px solid #000000;border-bottom:0px solid #C9C9C9;border-top:0px solid #E9E9F9;}
table.TBL1 {width:570;border-collapse:collapse;}
table.TBL1 tr:nth-child(odd) td{background-color:#C9C9E9;color:#000;font-size:18px;}
table.TBL1 tr:nth-child(even) td{background-color:#E9E9F9;color:#000;font-size:18px;}
#P_BODY{
   display:none;
}
#P_INFO{
   display:none;
}

#MAIN_BODY{
	position:absolute;
   width:800;height:98%;
	overflow-x:hidden;overflow-y:hidden;
   	background-color:#ffffff; 
}
#LOGIN{
  position:absolute;
   left:160px;top:240px;
   width:380px;height:300px;
   font-size:10px;
   background-color:#ffffff;
}
#99logo{
   position:absolute;
   left:10px;top:10px;
   width:100px;height:100px;
   background-color:#FFFFFF;
}
#orderlogo{
   position:absolute;
   left:100px;top:30;
   width:430px;height:190px;
   background-color:#FFFFFF;
   text-align:left;
}
#btmlog{
   position:absolute;
/*   left:690px;top:470px;*/
   width:60px;height:60px;
   background-color:#FFFFFF;
}
#cright{
   position:absolute;
   left:180px;top:510;
   width:450px;height:30px;
   background-color:#FFFFFF;
   font-size:15px;
   text-align:right;
}
#modal-content{
/*	width:94%;*/
	margin:1.5em auto 0;
	padding:10px 10px;
	border:2px solid #aaa;
	background:#fff;
	display:none;
	z-index:20;
	position:fixed;
}
#modal-overlay{
	z-index:0;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
}
#modal-message
{
	top:20;
	left:20;
}
/*--	配合表表示用　----*/
/*配合表表示領域全体*/
#HAIGO{
	z-index:99;
	position:absolute;
	top: 20px;left: 10px;
/*	width:700px;
	height:97%;*/
	margin:auto auto;
   text-align:center;
	padding:10px 10px;	border:2px solid #aaa;
	background:#fff;
	display:none;
/*	position:fixed;  */
}
/*定番情報表示領域*/
#D_Titel{
	position:absolute;
	top: 50px;left: 20px;
}
#TP{
	position:absolute;
	top: 100px;
	left: 20px;
 	width:600;
 /*	height:500px;*/
   overflow-x:hidden;overflow-y:scroll;
}
#BP{
	position:absolute;
	top: 100px;
	left: 20px;
 	width:600;
   overflow-x:hidden;overflow-y:scroll;
}
/*---------------------------------------------*/
.moji_1{
   letter-spacing:-0.1em; 
}
.Button>.center{
	font-size: 15px;
	text-align: center;
	width:160px;height:50px;
	margin:7% auto;
}
/* ---------------------------------------*/
/*　選択用ボタン                          */
/* ---------------------------------------*/
#BUTTON_AREA{
	position:absolute;
	display:float;
	top:90px;
/*	left:10px;*/
	width:816px;
	height:780px; 
	overflow-x:hidden;overflow-y:hidden;
	background-color:#f8f8fC; 
}
.Button_F{
/*	position:absolute;*/
    display: inline-block;
	width: 198px;
	height: 80px;
	overflow:hidden
	background-color:#f4f4fC; 
/*	margin: auto auto ;*/
}
.Button{
    display: inline-block;
	width: 188px;
	height: 70px;
    background: #cccccc;/*ボタン色*/
/*	margin: 50px auto ;*/
	padding: 0.0em  0.0em;
    color: #000000;
	overflow: hidden;
  	text-overflow: ellipsis;
  	-o-text-overflow: ellipsis; /* Opera9,10対応 */
    border-bottom: solid 2px #627295;
    border-right: solid 2px #627295;
    border-radius: 8px;
}
.Button:active {/*ボタンを押したとき*/
    -ms-transform: translateY(3px);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);/*下に動く*/
    box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.2);/*影を小さく*/
    border-right:  none;
    border-bottom: none;
}
/*-------------------------*/
/**/
/*-------------------------*/
#select-form{
/*	z-index:10;*/
	position:absolute;
	top: 50px;left: 400px;
	font-size:20px;
	width:200px;
	height:32px;
	background-color:#f8f8f0; 
}
#in_color{
	ime-mode: disabled;
}	
#FS_TOP{
	position:absolute;
	top: 2px;left: 20px;
	font-size:15px;
}
#Maker_NAME{
	position:absolute;
	top: 50px;left: 20px;
	font-size:23px;
}
/*
#menu{
	position:absolute;
/*	top: 50px;left: 20px;
	font-size:23px; */
}
*/
/*ツートーンカラー部位タイトル	*/
.bui_titel{
/*	position:absolute;
	font-size:20px;*/
	text-align: center;*/
/*	width:200px;	*/
	height:40px;
	background-color:#f8f8f0; 
}
.bui_text{
	position:absolute;
	top: 10px;
	font-size:20px;
	text-align: center;
	height:20px;
}
/* -----------------------------------------------*/
/*　ボタン                          */
/* -----------------------------------------------*/
/*
#go_maker{
	position:absolute;
	top: 3px;left: 200px;
}
#go_color{
	position:absolute;
	top: 3px;left: 300px;
}
*/
#modal-close{
	position:absolute;
/*	top: 3px;left: 200px;*/
}
/*------*/
.Close_btn{
    display: inline-block;
	font-size: 15px;
	padding: 0.3em 0.5em;
	text-align: center;
	width:160px;	height:20px;
    background: #cccccc;/*ボタン色*/
    color: #000000;
    border-bottom: solid 2px #627295;
    border-right: solid 2px #627295;
    border-radius: 6px;
}
.Close_btn:active {/*ボタンを押したとき*/
    -ms-transform: translateY(3px);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);/*下に動く*/
    box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.2);/*影を小さく*/
    border-right:  none;
    border-bottom: none;
}
/*---カラー情報  --*/
.B_TITEL{
	font-size: 20px;
	line-height:1.1em;
 /*   background: #9cc9cc;*/
}
.B_SIZE15{
	font-size: 19px;
	line-height:1.1em;
 /*   background: #9cc9cc;*/
}
.B_SIZE7{
	font-size: 9px;
	line-height:1.1em;
}
.B_SIZE10{
	font-size: 12px;
	line-height:1.1em;
}
.B_SIZE14{
	font-size: 14px;
	line-height:1.1em;
}
/*---トグルスィッチ用  --*/

.GO_Button{
    display: inline-block;
	font-size: 15px;
	padding: 0.1em 0.5em;
    text-decoration: none;
	width:80px;	height:22px;
    background: #cccccc;/*ボタン色*/
    color: #000000;
    border-bottom: solid 2px #627295;
    border-right: solid 2px #627295;
    border-radius: 2px;
}
.GO_Button:active {/*ボタンを押したとき*/
    -ms-transform: translateY(3px);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);/*下に動く*/
    box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.2);/*影を小さく*/
    border-right:  none;
    border-bottom: none;
}
/*---トグルスィッチ用  --*/
.tab-slider--nav {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

.tab-slider--tabs {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  border-radius: 35px;
  overflow: hidden;
  background: #fff;
  height: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tab-slider--tabs:after {
  content: "";
  width: 50%;
  background: #345F90;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  border-radius: 35px;
}
.tab-slider--tabs.slide:after {
  left: 50%;
}

.tab-slider--trigger {
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  width:150;
  color: #345F90;
  text-transform: uppercase;
  text-align: center;
  padding: 5px 8px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: color 250ms ease-in-out;
  transition: color 250ms ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tab-slider--trigger.active {
  color: #fff;
}

.tab-slider--body {
  margin-bottom: 20px;
}
#Infobox{
	  display: block;
/*        top:auto; left:50;*/
        position: absolute;
        Z-index:100;
  	visibility: hidden;
        padding: 5px; /*内側の余白*/
        width: 250px; /*ブロックの幅*/
        font-size: 11px;
        font-weight: bold; /*文字の太さ*/
        text-decoration: none; /*文字飾り*/
        color:#cc0033 ; /*文字色*/
        background-color: #f7ffff; /*背景色*/
        border: 2px solid #66a9ff;
        -webkit-border-radius: 10px;/* Safari、Google Chrome */
        -moz-border-radius: 10px;/* Firefox */
}
//配合表印刷領域
#P_PODY{
    display: none;
}
#P_99logo{
	display: none;
}
#P_orderlogo{
   display: none;
}
#P_btmlogo{
    display: none;
}
#P_cright{
    display: none;
}