body{margin:0; padding:0; font-size:16px;  width:100%; -webkit-text-size-adjust:100%; line-height:1.5;text-align:center;}
p{margin:0; padding:0;}
ul{list-style:none; margin:0; padding:0;}
img{border:none;}
.ml10{margin-left:10px;}
.ml16{margin-left:16px;}
.ml25{margin-left:25px;}
.ml50{margin-left:50px;}
.mt5{margin-top:5px;}
.fright{float:right;}
.fleft{float:left;}
.b0{bottom:0;}
h1,h2,h3,h4{margin:0; padding:0;}
.Clear{clear:both;}
.Center{text-align:center;}
.Show{display:block;}
.Non{display:none;}

#TopBody{padding-top:50px;background:#70BBDE;}
#TopBody h1{color:#ffffff;}
div#login{width:500px;padding:50px;background:#ffffff;border-radius: 10px;/* CSS3草案 */-webkit-border-radius: 10px;/* Safari,Google Chrome用 */-moz-border-radius: 10px;   /* Firefox用 */ margin:auto;}

#TopBody input[type="text"],#TopBody input[type="password"]{border:0;padding:10px;font-size:1.3em;border:solid 1px #ccc;margin:0 0 20px;width:250px;ime-mode:inactive;}
#TopBody input[type="submit"],#TopBody a.toLogin{border:solid 1px #ccc;padding:15px 30px;margin:0 0 20px;font-family:Arial, sans-serif;font-size:1.2em;text-transform:uppercase;font-weight:bold;
color:#333;cursor:pointer;}
#TopBody a.toLogin{background:#eeeeee;text-decoration:none;}


@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* --------------------------------------------------------------
Sidebar
-------------------------------------------------------------- */
@media (max-width: 849px) {
    header h1{margin:0;padding:5px 0;}
    #Account {
      width: 100%;color:#666666;text-align:left;padding:5px;
      overflow-x: hidden;overflow-y: auto;background:#eeeeee;
      border-bottom:1px solid #cccccc;
   }
   #Account form{float:right;}
   #MainBody table.harf{width:90%;margin:30px auto;}

}
@media (min-width: 850px) {

   /* ↓レイアウト全体領域 */
   body {
      display: table;
      width: 100%;
   }
   /* ▼メインカラムの装飾 */
   #MainBody {
      display: table-cell;
      width: 80%;
      padding:5%;
   }
   /* ▽サイドカラムの装飾 */
   header {
      display: table-cell !important;
      width: 20%;
      position: fixed;top: 0;bottom: 0;left: 0;z-index: 1000;overflow-x: hidden;overflow-y: auto;background:#70BBDE;
   }

    #MainBody table{width:100%;}
    
    #MainBody table.harf{width:45%;float:left;margin:0 2.5% 20px;}

   #Account {
      width: 80%;color:#666666;text-align:right;
      position: fixed;top: 0;right:0;z-index: 1000;overflow-x: hidden;overflow-y: auto;background:#eeeeee;
      padding:7px 0;border-bottom:1px solid #cccccc;
   }
   #Account form{display:inline;}
   #Account span:before{font-family: FontAwesome;content : "\f2bd ";font-size:20px;padding-right:5px;vertical-align:middle;}

}

header {background:#70BBDE;}
header h1{color:#ffffff;font-size:20px;padding:11px 0 10px 0;margin:0;}
header h1 a{color:#ffffff;text-decoration:none;}

#MainBody table{margin:auto;border-collapse:collapse;}
#MainBody table th{background:#70BBDE;border:1px solid #bbbbbb;color:#ffffff;text-align:center;}
#MainBody table th,#MainBody table td{line-height:1.5;padding:5px;}
#MainBody table td{border:1px solid #bbbbbb;vertical-align:top;}

#Account span:before{font-family: FontAwesome;content : "\f2bd ";font-size:20px;vertical-align:middle;}
#Account a:before{font-family: FontAwesome;content : "\f08b  ";font-size:20px;vertical-align:middle;}
#Account a{text-decoration:none;}


input.money{ime-mode:inactive;}
input[type="text"]{ime-mode:active;width:100%;min-width:50px;}
input[name="user_mail"]{ime-mode:inactive;}
input[type="tel"]{ime-mode:inactive;width:100%;min-width:50px;}
input[name="Row"]{width:50px;}
/*background:#C1BDBA url(../img/bg.png) no-repeat top center;*/
div.attent,span.attent{color:#ff0000;font-size:12px;font-weight:bold;}

div.editform{display:none;}
#MainBody input[type="submit"],#MainBody #outputform input[type="button"]{border:solid 1px #ccc;padding:5px 10px;margin:0 0 20px 10px;font-family:Arial, sans-serif;font-size:1.2em;text-transform:uppercase;font-weight:bold;
color:#333;cursor:pointer;}
#MainBody input[type="button"],#MainBody table input[type="submit"]{border:solid 1px #ccc;margin:3px;padding:2px 5px;font-family:Arial, sans-serif;font-size:1.2em;text-transform:uppercase;color:#333;cursor:pointer;font-size:90%;font-weight:normal;}

nav ul li.active {background: #5996B3;display:block;}
nav ul li.active a {color: #ffffff;border-left: 2px solid #406B80;}
nav ul li.active ul {display: block;}
nav > ul> li > a:after{font-family: FontAwesome;content : "\f0fe";float:right;}
nav > ul> li.open>a:after{font-family: FontAwesome;content : "\f146";float:right;}
nav > ul > li{border-bottom:1px solid #59B4DE;border-top:1px solid #9BC9DE;}
nav ul li ul {display: none;}
nav ul li ul li a {padding-left: 20px;color: #ffffff;}
nav ul li ul li a:hover {padding-left: 25px;}
nav ul li a {display: block;padding: 10px 15px;color: #ffffff;text-decoration: none;transition: 0.2s linear; border-left: 2px solid transparent;}
nav ul li a:hover {background: #5996B3;padding-left: 20px; color: #ffffff;}

#AttentBox,#MsgBox{max-width:450px;margin:20px auto;}
#AttentBox p{color:#CC0000;text-align:left;margin:0;}
#AttentBox p:before,#MsgBox p.attent:before{font-family: FontAwesome;content : "\f071";padding-right:5px;}
p.attent{color:#CC0000}
p.ok{color:#006A9C}
#MsgBox p.ok:before{font-family: FontAwesome;content : "\f087";padding-right:5px;}
input[name="End"]{display:none;}

#searchform select,#SearchBox select{font-size:120%;padding:3px;}

/******
マイページ
*******/
#MainBody table.myinfo {width:90%;}
#MainBody table.myinfo th{width:30%;}
#MainBody table.myinfo td{width:70%;text-align:left;}
#MainBody table.myinfo:last-child th{background:#fff;}


#MainBody table td.bordernone{border:0 !important;}
#MainBody table th.bordernone{border:0 !important;padding:10px 0;font-size:120%;color:#222222;background:#ffffff;}
#MainBody table tr.BgGray td{background:#EEEEEE;}


/*******
検索
******/
#MainBody #SearchBox input[type="submit"]{margin:0 0 0 5px;}
#SearchBox{background:#fdfdf6;padding:10px;margin:0 0 10px ;border:1px solid #edece1;}
#SearchBox span.name{font-size: 120%;padding: 3px;background:#edece1;display:inline-block;margin-right:2px;}
h3 {color:#5996B3 !important;}