/*センタリング*/
body    {       background-color: #FFFFFF;      margin:0px;     padding:0px;    text-align:     center;}

/*
.body_menu    {  background-color:#a0a0a0;}
.body_menu    {  background-color:#0096b4;}
.body_menu    {  background-color:#20B2AA;}
*/
.body_menu    {  background-color:#ffb6c1;}


.center         {       margin-top: 5px;        margin-left: auto;      margin-right:   auto;   text-align:     center;}

/*テーブル位置確認用*/
/*
table   {       border: 0px     solid   #000000; border-collapse:       collapse; }
*/
table   {       border: 0px     solid   #000000; }
.table2 {       border: 0px     solid   #000000; border-collapse:       collapse; }

/*
.outline{       margin-top:     10px;   text-align:     center; margin-left:    auto;   margin-right:   auto;   padding:        30px;   border: 5px     solid   #40E0D0;        }
.outline{       margin-top:     10px;   text-align:     center; margin-left:    auto;   margin-right:   auto;   padding:        30px;   border: 5px     solid   #00BFFF;        }
*/
.outline{       margin-top:     10px;   text-align:     center; margin-left:    auto;   margin-right:   auto;   padding:        30px;   border: 5px     solid   #ffb6c1;        }

/*
th              {       background-color:       #a0a0a0; font-size: 12px;}
th              {       background-color:       #20B2AA; font-size: 12px;}
*/
th              {       background-color:       #ffb6c1; font-size: 12px;}

td              {       border: 1px     solid   #666666; font-size: 11px;}

.detail         {       text-align:     center; margin-top:     10px    margin-left:    10px;   margin-right:   auto;   }
.service        {       text-align:     center; margin-top:     10px    margin-left:    10px;   margin-right:   auto;   }
.option         {       text-align:     center; margin-top:     10px    margin-left:    10px;   margin-right:   auto;   }
.memo           {       text-align:     center; margin-top:     10px    margin-left:    10px;   margin-right:   auto;   }

.test1  {       text-align:     center; margin-top:     10px    margin-left:    10px;   margin-right:   auto;   }
.test2  {       text-align:     center; margin-top:     10px    margin-left:    auto;   margin-right:   10px;   }
.test3  {       float:  left;   }
.test4  {       position:       relative;                                       top:    auto;   left:   auto;   right:  auto;   }

/*メニュー画面 */
/*
.menu   {       border: 0px     solid   #666666; border-collapse:       collapse; background-color:     #a0a0a0; width: 100%;}
.menu   {       border: 0px     solid   #666666; border-collapse:       collapse; background-color:     #0096b4; width: 100%;}
.menu   {       border: 0px     solid   #666666; border-collapse:       collapse; background-color:     #20B2AA; width: 100%;}
*/
.menu   {       border: 0px     solid   #666666; border-collapse:       collapse; background-color:     #ffb6c1; width: 100%;}
.info   {       border: 0px     solid   #666666; border-collapse:       collapse; background-color:     #FFFFFF; width: 100%;}
.side   {       width: 50%;}

form    {       margin: 0px;}

/*リンクのアンダーライン消し*/
a               {       text-decoration:        none;   }
a:link          {       color:  #000080;        }
a:visited       {       color:  #8a2be2;        }

/*左寄せ*/
.left   {       margin-top: 5px;        margin-left: 10px;      margin-right:   10px;   text-align:     left;}

/*右寄せ*/
.right  {       text-align:     right;}

.top    {       vertical-align:top;}

/*色*/
.red    {       color:  #FF0000;        font-size:      16px;   font-weight:    bold;}
.black  {       color:  #000000;        font-size:      16px;   font-weight:    bold;}
.gray   {       background-color:       #6e6e6e;}
/*
.bule   {       background-color:       #0096b4;}
*/
.bule   {       background-color:       #20B2AA;}

/*ボタンサイズ*/
.button {       width:  100px;  font-family:Arial,Helvetica,sans-serif;}
.button2{       font-family:Arial,Helvetica,sans-serif;}

/*セルの枠*/
.waku_0 {       border: 0px     solid   #666666; }
.waku_1 {       border: 1px     solid   #000000; }

/*文字サイズ*/
.view                   {       font-size: 11px;}
.menu_font              {       font-size: 16px;}
.shop_name_font {       font-size: 12px;}
.detail_font    {       font-size: 14px;}

/* SAS ログアウト*/
.logout {       margin-top: 5px;        margin-left: auto;      margin-right:   10px;}

/******************************************************************************************************************************
セル幅
*******************************************************************************************************************************/

/*ID*/
#login_id       {       width:  100px;  ime-mode:       disabled;}

/*password*/
#login_pass     {       width:  100px;  ime-mode:       disabled;}

/*ボタン*/
.button2        {       width:  50px;}
.button4        {       width:  50px;}

/*検索*/
.search         {       width:  400px;}

/*製品名*/
.item_name_i    {       width:  50px;}
.item_name_v    {       width:  100px;}

/*顧客名*/
.customer_name_i        {       width:  50px;}
.customer_name_v        {       width:  100px;}

/*電話番号*/
.tel5           {       width:  35px;   ime-mode:       disabled;}
.tel4           {       width:  30px;   ime-mode:       disabled;}
.tel_v  {       width:  100px;  word-break:     break-normal;}

/*メールアドレス*/
.mailaddress_i  {       width:  50px;   ime-mode:       disabled;}
.mailaddress_v  {       width:  230px;  word-break:     break-all;}

/*メモ*/
.memo_v {       width:  510px;  word-break:     break-all;}

/*日付*/
.date4  {       width:  50px;   ime-mode:       disabled;}
.date2  {       width:  50px;   ime-mode:       disabled;}
.date_v {       width:  100px;  word-break:     break-all;}