/* CSS Document */

body {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-color: #f4f4f4;
  }

.outer{
  background-color: #cccccc;
  padding: 0px;
  margin:0 auto 0 auto;
  width:100%;
  }

.head_01{
  background-color: #cccccc;
  background-image:url(/img/bg_header_01.gif);
  height: 81px;
  text-align:right;
  width:100%;
  }
  
.head_02{
  background-color: #e9e8e6;
  height: 131px;
  width:100%;
  }
  
.head_03{
  background-image: url(/img/bg_header_02.gif);
  height: 33px;
  width:100%;
  }
  
.logo_01{
  padding-top:10px;
  padding-left:45px;
  }

.logo_02{
  padding-bottom:5px;
  padding-left:100px;
  } 

.wrapper_01{
  width:900px;
  margin:0 auto 0 auto;
  background-image:url(/img/bg_header_01.gif);
  padding-top:31px;
  height: 50px;
}
div.login_top_nav a {
  padding:0 0 0 10px;
  margin-left:15px;
  background:url(/img/lightgray_triangle_3x5.png) left center no-repeat;
  color:#e0dfdd;
  font-size:90%;
  font-weight:bold;
  text-decoration:none;
}

div.login_top_nav a:hover {
  color:#78d8f4;
  text-decoration:none;
  background:url(/img/lightblue_triangle_3x5.png) left center no-repeat;
}

  
.wrapper_02{
  width:900px;
  margin:0 auto 0 auto;
  background-color: #e9e8e6;
  height: 131px;
  }
  
.wrapper_03{
  width:900px;
  margin:0 auto 0 auto;
  background-color: #f4f4f4;
  height: 480px;
  }
  
.wrapper_04{
  width:900px;
  margin:0 auto 0 auto;
  background-image:url(/img/bg_footer_01.gif);
  height: 101px;
  text-align:center;
  }

.reg{
  float:left;
  width:260px;
  height:480px;
  background-color: #f4f4f4;
  }
  
.line{
  float:left;
  width:1px;
  background-color: #f4f4f4;
  background-image:url(/img/line_01.gif);
  height: 440px;
  margin-top:10px;
  }

div.main{
  float:left;
  width:639px;
  padding-bottom:20px;
  background-color: #f4f4f4;
}
.txt_ctc_01{
  padding-top:35px;
  padding-left:35px;
  }
  
.txt_ctc_02{
  padding-top:35px;
  padding-left:35px;
  }

.txt_ctc_03{
  padding-top:10px;
  padding-left:35px;
  }
  
div.btn_reg{
  width:277px;
  padding-top:20px;
  padding-left:35px;
  float:left;
  }

div.btn_reg2{
  width:277px;
  padding-top:20px;
  padding-left:12px;
  float:left;
  }


  
.clears{  clear:both;}

.foot{
  clear:left;
  background-image:url(/img/bg_footer_01.gif);
  height: 101px;
  }
  
.footer_img{
  padding-top:18px;
  }
  
div.footer_menu{
  padding-top:25px;
} 
div.footer_menu a {
  color:#bbb;
  font-size:82%;
  border-left:1px solid #999;
  padding-left:0.5em;
}
div.footer_menu a.first {
  border-left:0px;
}

div.footer_menu a:hover {
  color:#78d8f4;
}
div.copyright {
  margin:20px 0 0 0 ;
  color:#bbb;
  font-size:75%;
}
  
.login{
  width:220px;
  padding-top:20px;
  padding-left:20px;
  }
  
/* -角丸ボックス-ログイン */
.kado1  { background-color:#f4f4f4;}
.kado11 { margin: 0 5px;height:1px;overflow: hidden; background-color:#ececec; }
.kado12 { margin: 0 3px;height:1px;overflow: hidden; background-color:#ececec; }
.kado13 { margin: 0 2px;height:1px;overflow: hidden; background-color:#ececec; }
.kado14 { margin: 0 1px;height:2px;overflow: hidden; background-color:#ececec; }
.kado15 { background-color:#ececec; padding:10px;}

/* 角丸ボックス-メディア会員 */
.kado2  { background-color:#f4f4f4;}
.kado21 { margin: 0 5px;height:1px;overflow: hidden; background-color:#deecf2; }
.kado22 { margin: 0 3px;height:1px;overflow: hidden; background-color:#deecf2; }
.kado23 { margin: 0 2px;height:1px;overflow: hidden; background-color:#deecf2; }
.kado24 { margin: 0 1px;height:2px;overflow: hidden; background-color:#deecf2; }
.kado25 { background-color:#deecf2; padding:10px; font-size:12px; color:#636161;}

/* 角丸ボックス-広告主会員 */
.kado3  { background-color:#f4f4f4;}
.kado31 { margin: 0 5px;height:1px;overflow: hidden; background-color:#e6e9e2; }
.kado32 { margin: 0 3px;height:1px;overflow: hidden; background-color:#e6e9e2; }
.kado33 { margin: 0 2px;height:1px;overflow: hidden; background-color:#e6e9e2; }
.kado34 { margin: 0 1px;height:2px;overflow: hidden; background-color:#e6e9e2; }
.kado35 { background-color:#e6e9e2; padding:10px; font-size:12px; color:#636161;}

.input_01 {
  border: 1px #c9c9c9 double;
  width: 160px;
  height: 20px;
}

.login_input{
  margin-top:20px;
  margin-left:20px;
  margin-bottom:15px;
  background-color:#ececec;
  }

.btn_remind{
  padding-top:10px;
  padding-left:45px;
  }
div.remind {
  font-weight:bold;
  font-size:72%;
  text-align:center;
  margin-top:5px;
}
div.remind a {
  color:#807f7f;
  text-decoration:none;
}
div.remind a:hover {
  color:#0095da;
  text-decoration:none;
}
div.login_input div.label {
  color:#807f7f;
  font-weight:bold;
  line-height:110%;
  font-size:90%;
}

#flashMessage {
  border:1px solid #0a0;
  font-size:90%;
  color:#0a0;
  background:#fff;
  text-align:center;
  padding:1em;
  margin:0 auto;
  width:730px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
}
div.error-message {
  color:#b00;
  font-weight:bold;
  font-size:82%;
}
div.flags {
  font-size:80%;
  color:#666;
  margin-top:1.5em;
  margin-left:35px;
  margin-right:50px;
  text-align:right;
}
div.flags a img {
  border-width:0px;
}
a.btn_reg {
  margin:0 auto;
  color:#fff;
  width:195px;
  height:59px;
  line-height:59px;
  text-align:center;
  font-weight:bold;
  font-size:120%;
  text-decoration:none;
  display:block;
}
a.btn_reg:hover {
  opacity:0.75;
  filter:alpha(opacity=75);
  text-decoration:none;
}
a.btn_reg_01 {
  background:url(/img/btn_reg_01_bg.gif) center center no-repeat;
}
a.btn_reg_02 {
  background:url(/img/btn_reg_02_bg.gif) center center no-repeat;
}

input.btn_login {
  margin:0;
  padding:0;
  color:#fff;
  width:163px;
  height:59px;
  line-height:59px;
  text-align:center;
  font-weight:bold;
  font-size:120%;
  text-decoration:none;
  display:block;
  border-style:none;
  background:url(/img/btn_login_bg.gif) center center no-repeat;
  cursor:pointer;
}
input.btn_login:hover {
  opacity:0.75;
  filter:alpha(opacity=75);
  text-decoration:none;
}




.area_news{
  width:566px;
  padding-top:20px;
  padding-left:35px;
  float:left;
  }

.kado4  { background-color:#f4f4f4;}
.kado41 { margin: 0 5px;height:1px;overflow: hidden; background-color:#ffdddd; }
.kado42 { margin: 0 3px;height:1px;overflow: hidden; background-color:#ffdddd; }
.kado43 { margin: 0 2px;height:1px;overflow: hidden; background-color:#ffdddd; }
.kado44 { margin: 0 1px;height:2px;overflow: hidden; background-color:#ffdddd; }
.kado45 { background-color:#ffdddd; padding:10px; font-size:12px; color:#636161;}