body {
  margin:0px;
  color:#444;
  padding:0px;
  font-size:11pt;
  position:relative;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',verdana,sans-serif;
  word-break:break-all;
}

/*表示制御*/
.hide {
  display:none;
}
.block {
  display:block;
}
.show, .show_i {
  display:inline;
}
.show_b {
  display:block;
}
.show_ib {
  display:inline-block;
}

/*横幅制御*/
.w1200 {
  width:1200px;
}
.w1000 {
  width:1000px;
}
.w100p {
  width:100%;
}
.w90p {
  width:90%;
}
.w80p {
  width:80%;
}
.w60p {
  width:60%;
}

/*配置制御*/
.fl_r {
  display:inline-block;
  float:right;
}
.fl_l {
  display:inline-block;
  float:left;
}
.both {
  clear:both;
}
.center {
  margin-left:auto;
  margin-right:auto;
}
.ll {
  text-align:left;
}
.rr {
  text-align:right;
}
.cc {
  text-align:center;
}
.tt {
  vertical-align:top;
}
.mm {
  vertical-align:middle;
}
.bb {
  vertical-align:bottom;
}

/*タグ制御*/
div, table {
  box-sizing : border-box;
  border-collapse : collapse;
}
img {
  border:0;
}
.relative {
  position:relative;
}
.absolute {
  position:absolute;
}
.fixed {
	position:fixed;
}
.static {
	position:static;
}
body, #footer_area, #header_area, #left_area {
  background-color:#e6ffff;
}
.btn1 {
  cursor:pointer;
  background-color:#a46800;
  border:0;
  border-radius:15px;
  color:white;
  font-weight:bold;
  text-decoration: none;
  padding:5px 20px; 5px; 20px;
}
.btn1:hover, .menu1:hover {
  opacity:0.5;
}

/*カラー制御*/
.green {
  color:green;
}
.green2 {
  color:#005000;
}

/*罫線テーブルの設定*/
.list th {
  border:1px solid #a0d0d0;
  background-color:#f0fdfd;
  text-align:center;
  vertical-align:middle;
}
.list td {
  border:1px solid #a0d0d0;
  background-color:white;
  vertical-align:top;
}
.list2 .mid {
  border-width : 1px 0 0 0;
  border-color : #e0e0e0;
  border-style : solid;
}
.list2 .left {
  border-width : 1px 1px 0 0;
  border-color : #e0e0e0;
  border-style : solid;
}
.list2 .right {
  border-width : 1px 0 0 1px;
  border-color : #e0e0e0;
  border-style : solid;
}

/*角の丸み*/
.r3 {
  border-radius:3px 3px 3px 3px;
}
.r5 {
  border-radius:5px 5px 5px 5px;
}
.r7 {
  border-radius:7px 7px 7px 7px;
}
.r10 {
  border-radius:10px 10px 10px 10px;
}

/*カラー*/
.red {
  color:red;
}
.white {
  color:white;
}
.blue {
  color:#0044aa;
}
.light_blue {
  color:#83feef;
}
.black {
  color:black;
}
.gray {
  color:#555;
}
.dark {
  color:#444;
}
.silver {
  color:silver;
}
.mist {
  color:#f8f8f8;
}
.brown {
  color:#642926;
}
.orange {
  color:orange;
}
.purple {
  color:#f8b;
}
.green {
  color:green;
}
.greenyellow {
  color:greenyellow;
}
.yellow {
  color:yellow;
}
.navy, .list .navy {
  color:navy;
}
.menubar {
  color:#0c407e;
}
.thin, .list .thin {
  color:#eaeaea;
}
.grape {
  color:#a04;
  font-weight:bold;
}
.mediumblue {
  color:mediumblue;
}
.darkgreen {
  color:darkgreen;
}
.crimson {
  color:crimson;
}
.maroon {
  color:maroon;
}
.peach, .list .peach {
  color:#fff5e6;
}
.pink, .list .pink {
  color:#ffeaff;
}
.lightblue, .list .lightblue {
  color:azure;
}

/*背面カラー*/
.bg_btn {
  background-color:#4888a4;
}
.bg_menu {
  background-color:#00ade0;
}
.bg_white, .list .bg_white {
  background-color:white;
}
.bg_choco, .list .bg_choco {
  background-color:#633;
}
.bg_menubar {
  background-color:#0c407e;
}
.bg_light, .list .bg_light {
  background-color:#f0fdfd;
}
.bg_silver, .list .bg_silver {
  background-color:silver;
}
.bg_mist, .list .bg_mist {
  background-color:#f4f4f4;
}
.bg_thin, .list .bg_thin {
  background-color:#eaeaea;
}
.bg_gray, .list .bg_gray {
  background-color:gray;
}
.bg_blue, .list .bg_blue {
  background-color:blue;
}
.bg_lightblue, .list .bg_lightblue {
  background-color:azure;
}
.bg_lemon, .list .bg_lemon {
  background-color:#f8ffdf;
}
.bg_yellow, .list .bg_yellow {
  background-color:yellow;
}
.bg_melon, .list .bg_melon {
  background-color:#dfffdf;
}
.bg_pink, .list .bg_pink {
  background-color:#ffeaff;
}
.bg_orange, .list .bg_orange {
  background-color:orange;
}
.bg_azure, .list .bg_azure {
  background-color:azure;
}
.bg_purple, .list .bg_purple {
  background-color:#f8b;
}
.bg_brown, .list .bg_brown {
  background-color:brown;
}
.bg_greenyellow, .list .bg_greenyellow {
  background-color:greenyellow;
}
.bg_green, .list .bg_green {
  background-color:green;
}
.bg_navy, .list .bg_navy {
  background-color:navy;
}
.bg_red, .list .bg_red {
  background-color:red;
}
.bg_light_blue, .list .bg_light_blue {
  background-color:#83feef;
}
.bg_peach, .list .bg_peach {
  background-color:#fff5e6;
}

/*フォントサイズ*/
.fs_30 {
  font-size:30%;
}
.fs_40 {
  font-size:40%;
}
.fs_50 {
  font-size:50%;
}
.fs_60 {
  font-size:60%;
}
.fs_70 {
  font-size:70%;
}
.fs_75 {
  font-size:75%;
}
.fs_80 {
  font-size:80%;
}
.fs_85 {
  font-size:85%;
}
.fs_90 {
  font-size:90%;
}
.fs_92 {
  font-size:92%;
}
.fs_95 {
  font-size:95%;
}
.fs_110 {
  font-size:110%;
}
.fs_120 {
  font-size:120%;
}
.fs_130 {
  font-size:130%;
}
.fs_150 {
  font-size:150%;
}
.fs_200 {
  font-size:200%;
}
.fs_250 {
  font-size:250%;
}
.fs_300 {
  font-size:300%;
}
.fs_400 {
  font-size:400%;
}
.fs_500 {
  font-size:500%;
}

/*強調表示制御*/
.bold {
  font-weight:bold;
}
.none_bold {
  font-weight:normal;
}
.italic {
  font-style:italic;
}

/*パディング制御*/
.pp_500 {
  padding:500px;
}
.pp_300 {
  padding:300px;
}
.pp_200 {
  padding:200px;
}
.pp_100 {
  padding:100px;
}
.pp_50 {
  padding:50px;
}
.pp_30 {
  padding:30px;
}
.pp_20 {
  padding:20px;
}
.pp_15 {
  padding:15px;
}
.pp_10 {
  padding:10px;
}
.pp_7 {
  padding:7px;
}
.pp_5 {
  padding:5px;
}
.pp_3 {
  padding:3px;
}
.pp_2 {
  padding:2px;
}
.pp_1h {
  padding:1.5px;
}
.pp_1 {
  padding:1px;
}
.pp_0 {
  padding:0px;
}
.pl_500 {
  padding-left:500px;
}
.pl_300 {
  padding-left:300px;
}
.pl_200 {
  padding-left:200px;
}
.pl_100 {
  padding-left:100px;
}
.pl_50 {
  padding-left:50px;
}
.pl_30 {
  padding-left:30px;
}
.pl_20 {
  padding-left:20px;
}
.pl_15 {
  padding-left:15px;
}
.pl_10 {
  padding-left:10px;
}
.pl_7 {
  padding-left:7px;
}
.pl_5 {
  padding-left:5px;
}
.pl_3 {
  padding-left:3px;
}
.pl_0 {
  padding-left:0px;
}
.pr_500 {
  padding-right:500px;
}
.pr_300 {
  padding-right:300px;
}
.pr_200 {
  padding-right:200px;
}
.pr_100 {
  padding-right:100px;
}
.pr_50 {
  padding-right:50px;
}
.pr_30 {
  padding-right:30px;
}
.pr_20 {
  padding-right:20px;
}
.pr_10 {
  padding-right:10px;
}
.pr_7 {
  padding-right:7px;
}
.pr_5 {
  padding-right:5px;
}
.pr_3 {
  padding-right:3px;
}
.pr_0 {
  padding-right:0px;
}
.pt_500 {
  padding-top:500px;
}
.pt_300 {
  padding-top:300px;
}
.pt_200 {
  padding-top:200px;
}
.pt_100 {
  padding-top:100px;
}
.pt_50 {
  padding-top:50px;
}
.pt_40 {
  padding-top:40px;
}
.pt_30 {
  padding-top:30px;
}
.pt_20 {
  padding-top:20px;
}
.pt_10 {
  padding-top:10px;
}
.pt_7 {
  padding-top:7px;
}
.pt_5 {
  padding-top:5px;
}
.pt_3 {
  padding-top:3px;
}
.pt_0 {
  padding-top:0px;
}
.pb_500 {
  padding-bottom:500px;
}
.pb_300 {
  padding-bottom:300px;
}
.pb_200 {
  padding-bottom:200px;
}
.pb_100 {
  padding-bottom:100px;
}
.pb_70 {
  padding-bottom:70px;
}
.pb_50 {
  padding-bottom:50px;
}
.pb_30 {
  padding-bottom:30px;
}
.pb_20 {
  padding-bottom:20px;
}
.pb_10 {
  padding-bottom:10px;
}
.pb_7 {
  padding-bottom:7px;
}
.pb_5 {
  padding-bottom:5px;
}
.pb_3 {
  padding-bottom:3px;
}
.pb_0 {
  padding-bottom:0px;
}
.pointer {
  cursor:pointer;
}
.hr1 {
  border-top:1px dotted silver;
}
