html {
  height:100%;
}
body {
  height:100%;
  margin:0px;
  padding:0px;
  font-size:11.5pt;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',verdana,sans-serif;
  line-height:1.4em;
  background-image:url("parts/p_back.png");
}
body.admin {
  background-image:none;
}

#base_box {
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  margin-top:0;
  position:relative;
  background-color:white;
}

#right_area {
  display:inline-block;
  float:right;
  padding:15px;
  border-left:#840 dotted 1px;
  width:25%;
}

#left_area {
  display:inline-block;
  float:left;
  width:70%;
  padding-left:15px;
}

#footer_area {
  padding:15px;
  background-color:white;
  border-radius:0 0 20px 20px;
  margin-top:-2px;
}

.clear {
  clear:both;
  height:0px;
}

.list {
  border-collapse:collapse;
}
.list td {
  border:1px solid #bbf;
}
.list th {
  border:1px solid #bbf;
  font-weight:bold;
  text-align:center;
  background-color:#eef;
}

img {
  margin:0;
  padding:0;
  border:none;
}
.relative {
  position:relative;
}
.absolute {
  position:absolute;
}

input[type="button"],input[type="submit"] {
  cursor:pointer;
  background-image:url("parts/p_button.png");
  border-radius:7px;
  padding:7px 20px 7px 20px;
  color:white;
}

.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;
}

.r20 {
  border-radius:20px 20px 20px 20px;
}

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

/*パディング*/
.pp_3 {
  padding:3px;
}
.pp_5 {
  padding:5px;
}
.pp_10 {
  padding:10px;
}
.pp_15 {
  padding:15px;
}
.pp_20 {
  padding:20px;
}
.pp_30 {
  padding:30px;
}
.pp_50 {
  padding:50px;
}

.pl_3 {
  padding-left:3px;
}
.pl_5 {
  padding-left:5px;
}
.pl_10 {
  padding-left:10px;
}
.pl_15 {
  padding-left:15px;
}
.pl_20 {
  padding-left:20px;
}
.pl_30 {
  padding-left:30px;
}
.pl_50 {
  padding-left:50px;
}

.pt_3 {
  padding-top:3px;
}
.pt_5 {
  padding-top:5px;
}
.pt_10 {
  padding-top:10px;
}
.pt_15 {
  padding-top:15px;
}
.pt_20 {
  padding-top:20px;
}
.pt_30 {
  padding-top:30px;
}
.pt_50 {
  padding-top:50px;
}

.pb_3 {
  padding-bottom:3px;
}
.pb_5 {
  padding-bottom:5px;
}
.pb_10 {
  padding-bottom:10px;
}
.pb_15 {
  padding-bottom:15px;
}
.pb_20 {
  padding-bottom:20px;
}
.pb_30 {
  padding-bottom:30px;
}
.pb_50 {
  padding-bottom:50px;
}

.pr_3 {
  padding-right:3px;
}
.pr_5 {
  padding-right:5px;
}
.pr_10 {
  padding-right:10px;
}
.pr_15 {
  padding-right:15px;
}
.pr_20 {
  padding-right:20px;
}
.pr_30 {
  padding-right:30px;
}
.pr_50 {
  padding-right:50px;
}

/*マージン*/
.mg_5 {
  margin:5px;
}
.mg_10 {
  margin:10px;
}

.box_5 {
  padding-left:5px;
  padding-top:5px;
  padding-right:5px;
  padding-bottom:0;
}
.box_10 {
  padding-left:10px;
  padding-top:10px;
  padding-right:10px;
  padding-bottom:0;
}
.box_15 {
  padding-left:15px;
  padding-top:15px;
  padding-right:15px;
  padding-bottom:0;
}
.box_20 {
  padding-left:20px;
  padding-top:20px;
  padding-right:20px;
  padding-bottom:0;
}

/*カーソル*/
.pointer {
  cursor:pointer;
}
.move {
  cursor:move;
}

/*フォント*/
.fs_60 {
  font-size:60%;
}
.fs_70 {
  font-size:70%;
}
.fs_75 {
  font-size:75%;
}
.fs_80 {
  font-size:80%;
}
.fs_90 {
  font-size:90%;
}
.fs_100 {
  font-size:100%;
}
.fs_110 {
  font-size:110%;
}
.fs_120 {
  font-size:120%;
}
.fs_130 {
  font-size:130%;
}
.fs_150 {
  font-size:150%;
}
.fs_175 {
  font-size:175%;
}
.fs_200 {
  font-size:200%;
}
.bold {
  font-weight:bold;
}
.none_bold {
  font-weight:normal;
}

/*カラー*/
.red {
  color:red;
}
.white {
  color:white;
}
.blue {
  color:blue;
}
.green {
  color:#360;
}
.pink {
  color:#f05;
}
.yellow {
  color:#ca0;
}
.bg_white {
  background-color:white;
}
.orange {
  color:#d62;
}

/*特定部位の指定*/
/*インフォメーションのセパレータ*/
.info_line {
  border-top:2px dotted #ca0;
}

/*大見出し*/
.title {
  font-size:135%;
  color:blue;
}

/*小見出し*/
.sub_title {
/*  color:#d62;*/
  color:#470;
  font-size:120%;
}

.title2 {
  color:#064;
  font-size:120%;
}

/*タイトルバー*/
.title_bar {
  background-image:url("parts/title_bak.png");
  color:white;
  font-weight:bold;
  padding:10px;
  border-radius:5px;
  font-size:150%;
}

.link {
  color:white;
  cursor:pointer;
}
.link:hover {
  opacity:0.5;
  color:white;
}