/*************/
/* レイアウト */
/*************/
#content_area_left {
  width: 699px;
}

#content_area_right {
  width: 185px;
  padding: 10px 3px 10px 10px;
  border-left: 2px solid #f5ad23;
}

#content_area_body {
  margin: 20px 0;
}

.content_title {
  height: 20px;
  background-color: #befebe;
  color: #454545;
  font-size: 10pt;
  font-weight: bold;
  padding: 2px;
  text-align: right;
}


/***************/
/* index.rhtml */
/***************/
#index_table {
  width: 699px;
  background-color: #FFFFE0;
}

#table_info {
  padding-top: 10px;
}

#index_table_back {
  height: 260px;
  background-image: url(../images/index_table_back.gif);
  background-repeat: repeat-x;
}

#login_menu {
  width: 397px;
  height: 230px;
  margin: 10px auto 20px;
  padding: 0;
  text-align: center;
  background-color: #ffffff;
}
#login_menu_top {
  margin: 0;
  padding: 0;
  width: 397px;
  height: 41px;
  background-color: #ffffdb;
  background-image: url(../images/login_menu_top.gif);
  background-repeat: no-repeat;
}
#login_menu_left {
  margin: 0;
  width: 2px;
  background-image: url(../images/login_menu_left.gif);
  background-repeat: repeat-y;
}
#login_menu_body {
  margin: 0;
  padding: 0;
  width: 387px;
  vertical-align: top;
}
#login_menu_table {
  width: 320px;
  margin: 20px auto 0;
}
#login_menu_table_welcome {
  margin: 0;
  width: 320px;
  font-size: 14pt;
  font-weight: bold;
}
#login_menu_table_weather {
  margin: 0;
  width: 320px;
  height: 28px;
}
#login_menu_table_left {
  margin: 0;
  width: 110px;
}
#login_menu_table_right {
  margin: 0;
  padding-left: 10px; 
  text-align: left;
}
#login_menu_right {
  margin: 0;
  width: 8px;
  background-image: url(../images/login_menu_right.gif);
  background-position: left;
  background-repeat: repeat-y;
}
#login_menu_bottom {
  margin: 0;
  width: 397px;
  height: 9px;
  background-color: #ffe7ed;
  background-image: url(../images/login_menu_bottom.gif);
  background-repeat: no-repeat;
}

#index_menu {
  width: 227px;
  height: 230px;
  margin: 10px 0px 20px;
  padding: 0;
  text-align: center;
  background-color: #ffffff;
}
#index_menu_top {
  margin: 0;
  width: 227px;
  height: 49px;
  background-color: #ffffdb;
  background-image: url(../images/index_menu_top.gif);
  background-repeat: no-repeat;
}
#index_menu_left {
  margin: 0;
  width: 3px;
  background-image: url(../images/index_menu_left.gif);
  background-repeat: repeat-y;
}
#index_menu_body {
  margin: 0;
  width: 217px;
  height: 174px;
}
#index_menu_body_area {
  margin:10px 0;
}
#index_menu_right {
  margin: 0;
  width: 7px;
  background-image: url(../images/index_menu_right.gif);
  background-position: left;
  background-repeat: repeat-y;
}
#index_menu_bottom {
  margin: 0;
  width: 227px;
  height: 7px;
  background-color: #ffe7ed;
  background-image: url(../images/index_menu_bottom.gif);
  background-repeat: no-repeat;
}

#login_form {
  width: 227px;
  height: 230px;
  margin: 10px 0 20px;
  padding: 0;
  text-align: center;
  background-color: #ffffff;
}
#login_form_top {
  margin: 0;
  width: 227px;
  height: 49px;
  background-color: #ffffdb;
  background-image: url(../images/login_form_top.gif);
  background-repeat: no-repeat;
}
#login_form_left {
  margin: 0;
  width: 3px;
  background-image: url(../images/login_form_left.gif);
  background-repeat: repeat-y;
}
#login_form_body {
  margin: 0;
  width: 217px;
  height: 174px;
}
#login_form_body_area {
  margin:10px 0 5px;
}
#login_form_right {
  margin: 0;
  width: 7px;
  background-image: url(../images/login_form_right.gif);
  background-position: left;
  background-repeat: repeat-y;
}
#login_form_bottom {
  margin: 0;
  width: 227px;
  height: 7px;
  background-color: #ffe7ed;
  background-image: url(../images/login_form_bottom.gif);
  background-repeat: no-repeat;
}

.login_title {
  font-size: small;
  font-weight: bold;
  text-align: right;
}

#login_auto {
  font-size: small;
  text-align: center;
}

#login_password_forget {
  margin-top: 10px;
  font-size: x-small;
}

#girl_image {
  margin: auto;
  padding: 0;
}

#what_is_area {
  margin:15px 0 0;
}

#what_is_body {
  margin: 0;
  padding: 0;
  width: 498px;
  height: 378px;
}

#karagura_info {
  margin: auto;
}

.outer_banner {
  margin:20px 0 10px;
  text-align: center;
}
/*
.outer_banner a img {
  border: 2px solid #ffffff;
}

.outer_banner a:hover img {
  border: 2px solid #994D00;
}
*/

.banner_area {
  margin:0 auto 15px;
  text-align: center;
  font-size: x-small;
}

.banner_area a img {
  border: 2px solid #ffffff;
}

.banner_area a:hover img {
  border: 2px solid #994D00;
}

/****************/
/* regist.rhtml */
/****************/
#regist_form {
  margin:20px auto 0;
  padding: 0;
}
#regist_form_top {
  margin: 0;
  width: 498px;
  height: 47px;
  background-image: url(../images/regist_form_top.gif);
  background-repeat: no-repeat;
}
#regist_form_left {
  margin: 0;
  width: 3px;
  background-image: url(../images/regist_form_left.gif);
  background-repeat: repeat-y;
}
#regist_form_body {
  margin: 0;
  width: 487px;
  font-size: 10pt;
  background-image: url(../images/regist_form_back.gif);
  background-position: bottom;
  background-repeat: no-repeat;
}
#regist_form_right {
  margin: 0;
  width: 8px;
  background-image: url(../images/regist_form_right.gif);
  background-repeat: repeat-y;
}
#regist_form_bottom {
  margin: 0;
  width: 498px;
  height: 24px;
  background-image: url(../images/regist_form_bottom.gif);
  background-repeat: no-repeat;
}
#form_height {
  height: 200px;
  margin-top: 15px;
}

#password_notice {
  font-weight: bold;
  color: #800000;
}

/************************/
/* confirm_regist.rhtml */
/************************/
#confirm_regist_table {
  margin:0 auto;
}

#confirm_regist_table td {
  padding: 3px;
  border: 1px solid #008000;
}

#confirm_regist_body {
  text-align: left;
  width: 250px;
}

/*************************/
/* complete_regist.rhtml */
/*************************/
#complete_regist_area {
  margin: 0;
  padding: 20px 0;
  background-color: #ffffe0;
}

/*************************/
/* forget_password.rhtml */
/*************************/
#forget_password_area {
  margin: 15px auto 0;
  padding: 5px 0 15px;
  background-color: #F0F5FF;
}

#send_pass_msg {
  font-size: small;
  color: #ff0000;
}

/*****************/
/* inquiry.rhtml */
/*****************/
#inquiry_notice {
  padding: 20px 0;
  background-color: #ffffe0;
}

/*************************/
/* confirm_inquiry.rhtml */
/*************************/
#confirm_inquiry_table {
  margin:0 auto;
}

#confirm_inquiry_table td {
  padding: 3px;
  border: 1px solid #008000
}

#confirm_inquiry_body {
  text-align: left;
  width: 400px;
  font-size: small;
  background-color: #ffffff;
}

/**************************/
/* complete_inquiry.rhtml */
/**************************/
#complete_inquiry_area {
  padding: 20px 0;
  background-color: #ffffe0;
}

/**********************/
/* introduction.rhtml */
/**********************/
#introduction_copy{
  width: 903px;
  padding: 20px 0 17px;
  border-bottom: 3px solid #5f78ff;
  font-size: 24px;
  font-weight: bold;
}

#introduction_table {
  width: 903px;
  margin: 0;
  padding: 0;
}

#introduction_table_left {
  width: 698px;
  vertical-align: top;
  text-align: left;
}

#introduction_green_label {
  margin: 25px 0px 0px 10px;
  width: 658px;
  height: 35px;
  background-image: url(../images/introduction/green_label.gif);
}
#introduction_green_label_area {
  margin: 8px 0 0 30px;
  font-size: 18px;
  font-weight: bold;
}

#introduction_list_area {
  margin: 10px 0px 0px 50px;
  font-size: 12pt;
  line-height: 1.5;
}

#introduction_table_right {
  width: 205px;
  vertical-align: top;
}
#introduction_table_right img {
  margin: 10px;
}

#introduction_table_border {
  border: 1px dotted #666666;
}

#introduction_table_spocon {
  margin: 20px 0 20px 20px;
  font-size: 18px;
  font-weight: bold;
}

#introduction_next{
  margin: 25px auto;
  text-align: center;
  font-size: large;
  font-weight: bold;
}