/*
スタイルシート
*/

/*****************************
 * 標準設定
 *****************************/

/* フォント指定 */
html {
  font-family:"ＭＳ Ｐゴシック","Osaka","ヒラギノ角ゴシック Pro W3",sans-serif;
  height:100%;
}

/* 画像のボーダーは表示しない */
img {
  border: none;
}

/* リンクカラーの設定 */
a {
  /* nothing */
}

a:link {
  color:#002244;
}

a:visited {
  color:#113355;
}

a:hover	{
  color:#6699cc;
}

a:active {
  color:#cc9933;
}

/*****************************
 * レイアウト/フォント/背景
 *****************************/

* {
  margin: 0;
  padding: 0;
}

body {
  text-align:center;
  font-size:100%;
  line-height:1.5;
  color:#333;
  background-color:#bfd2e3;

background: #203473 url("http://www.home-builder.jp/myhome/bg.jpg") repeat-x 0 0;
background-attachment: fixed;

}

.class_frame_header {
  width: 100%;
/*  height: 81px; */
  height: 52px;
  background-image: url("/kpf/touroku/images/head.jpg");
  background-color: #ffffff;
  border-style:solid;
  border-width:1px;
  border-top:0px;
  border-right:0px;
  border-left:0px;
  border-color:#eeeeee;
}

.class_frame_footer {
   width: 100%;
   clear: both;
}

.class_frame_body {
  margin: 0 auto;
  width: 770px;
}

.class_frame_main {
  height: 100%;
  width: 100%;
  /* background-color: #edf3f7; */
  background-color: #ffffff;

  border-style:solid;
  border-width:1px;
  border-top:0px;
  border-right:0px;
  border-left:0px;
  border-color:#eeeeee;
}


.class_frame_main_sub {
  width: 150px ;
}

.class_frame_main_footer {
  clear: both ;
}

/*****************************
 * ヘッダの設定
 *****************************/
/* ヘッダ全般 */
.class_frame_header {
  text-align: left;
  position:relative;
  /* background: url(/images/bg_head_top.jpg) no-repeat left top; */
}

/* ロゴの位置 */
.class_logo {
  position:absolute;
  left:16px;
  top:6px;
}

/* H1タイトル */
.class_frame_header h1 {
  position:absolute;
  left:2px;
  top:0px;
  font-size: 12px;
}

/* H2タイトル */
.class_frame_header h2 {
  top: 0px;
  margin-left :auto;
  margin-right :10px;
  text-align :right;
  font-size: 12px;
}

.class_header_logout {
  top: 20px;
  margin-left :auto;
  margin-right :10px;
  text-align :right;
  font-size: 12px;
}

.class_frame_header h2 a {
  font-size: 100%;
  color:#002244;
  text-decoration: none;
}

.class_frame_header a:visited {
  color:#002244;
}
.class_frame_header a:active {
  color:#002244;
}

.class_frame_header a:hover {
  color:#002244;
}

/* p (サマリ) */
.class_frame_header p {
  position:absolute;
  left:480px;
  top:144px;
  width:268px;
  font-size: 12px;
  font-weight: bold;
}

/*****************************
 * グローバルメニューの設定
 *****************************/
.class_header_menu {
  position:absolute;
  left:0px;
  top:90px;
}

.class_header_menu {
  width: 100%;
}

.class_header_menu_ul:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
}

.class_header_menu li {
  float: left;
  width: 150px; /* ボタンの幅 */
  line-height: 1.2;
  list-style-type: none;
}

.class_header_menu_selected {
  background-color: #eeeeee;
}

.class_header_menu li a {
  padding: 0.6em 10px; /* ボタンの厚みはここで調整 */
  display: block;
  position: relative;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

.class_header_menu li a:hover {
  color: #773366;
}


/*****************************
 * メインフレームの設定
 *****************************/

/* パンくず */
.class_pankuzu {
  margin: 10px;
}

/* 「必須」文言 */
.class_label_required {
  margin: 10px;
  font-size: 10px;
  font-weight: normal;
  color: #ff0000;
}

/* エラー、警告の文言 */
.class_notice {
  font-weight: bold;
  color: #CE0000;
}

/* 「編集」リンク */
.class_label_edit_upper {
  margin-left: 30px;
  margin-bottom: -12px;
  padding: 0px;
  font-size: 12px;
  font-weight: normal;
}

.class_label_edit_lower {
  margin-left: 30px;
  margin-top: -12px;
  padding: 0px;
  font-size: 12px;
  font-weight: normal;
}

/* ページングナビ用 */
.class_table_upper {
  margin-bottom: -12px;
  height:20px;
  width: 500px;
  padding: 0px;
  font-size: 12px;
  font-weight: normal;
}

.class_table_lower {
  margin-top: -12px;
  height:12px;
  padding: 0px;
  font-size: 12px;
  font-weight: normal;
}

.class_paging_right {
  position: absolute;
  width:530px;
  text-align:right;
}



/* コンテンツ */
.class_frame_main_contents_wrapper {
  float: left;
  width: 700px;
  background-color:#ffffff;
}

.class_frame_main_contents {
  text-align:left;
  padding-bottom: 20px;
}

.class_frame_main_contents h2 {
  margin-top: 10px;
  margin-left: 15px;
  font-size: 1.4em;
  text-indent:0.5em;
  width: 90%;

}

.class_frame_main_contents h2 a {
  text-decoration: none;
}

.class_frame_main_contents h2 a:visited {
  color:#002244;
}
.class_frame_main_contents h2 a:link {
  color:#002244;
}
.class_frame_main_contents h2 a:active {
  color:#002244;
}

.class_frame_main_contents h2 a:hover {
  color:#002244;
}

.class_frame_main_contents h3 {

  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 25px;
  font-size: 100%;
  text-indent:0.5em;

  border-style:solid;
  border-top:0px;
  border-right:0px;
  border-bottom:0px;
  border-left-width:2px;
  border-color:#CE0000
}

.class_frame_main_contents h3 a {
  text-decoration: none;
}

.class_frame_main_contents h4 {

  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 30px;
  font-size: 90%;
  text-indent:0.5em;

  border-style:solid;
  border-top:0px;
  border-right:0px;
  border-bottom:0px;
  border-left-width:2px;
  border-color:#CE0000;
}

.class_frame_main_contents p {
  margin-left: 30px;
  margin-right: 20px;
  margin-bottom: 6px;
}

.class_frame_main_contents ul {
  margin-left: 60px;
  margin-right: 30px;
  margin-bottom: 6px;
}

.class_frame_main_contents table{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 30px;
    margin-right: 20px;
    border-top:1px solid #eeeeee;
    border-left:1px solid #eeeeee;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.class_frame_main_contents  th{
    width:190px;
    font-size: 12px;
    border-right:1px solid #eeeeee;
    border-bottom:1px solid #eeeeee;
    color:#330000;
    background-color:#c0d0f0;
    background-position:left top;
    padding:0.3em 1em;
    text-align: left;
}

.class_frame_main_contents  td{
    font-size: 12px;
    background-color:#edf3f7;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    padding:0.3em 1em;
}

.class_frame_main_contents td ul {
  margin-left: 20px;
  margin-bottom: 2px;
}

.class_frame_main_contents td p {
  margin-left: 0px;
  margin-right: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
  text-indent: 0em;
}

.scroll_to_top {
  margin-left :auto;
  margin-right :15px;
  text-align :right;
}

.class_frame_main_contents dt {
  margin-left: 40px;
  margin-right: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
  text-indent: 0em;
}

.class_frame_main_contents dd {
  margin-left: 45px;
  margin-right: 30px;
  margin-top: 2px;
  margin-bottom: 2px;
  text-indent: 0em;
}

/* コンテンツ(トップ) */
.class_frame_top_main_contents_wrapper {
  float: right;
  width: 100%;
  background-color:#ffffff;
}

.class_frame_top_main_contents {
  text-align:left;
  font-size: 80%;
  padding-bottom: 20px;
}

.class_frame_top_main_contents h2 {
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 15px;
  font-size: 120%;
  text-indent:0.5em;
  width: 90%;

  border-style:solid;
  border-width:1px;
  border-top:0px;
  border-right:0px;
  border-left-width:3px;
  border-color:#CE0000
}

.class_frame_top_main_contents h2 a {
  text-decoration: none;
}

.class_frame_top_main_contents h2 a:visited {
  color:#002244;
}
.class_frame_top_main_contents h2 a:link {
  color:#002244;
}
.class_frame_top_main_contents h2 a:active {
  color:#002244;
}

.class_frame_top_main_contents h2 a:hover {
  color:#002244;
}

.class_frame_top_main_contents h3 {

  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 25px;
  font-size: 100%;
  text-indent:0.5em;

  border-style:solid;
  border-top:0px;
  border-right:0px;
  border-bottom:0px;
  border-left-width:2px;
  border-color:#CE0000
}

.class_frame_top_main_contents h3 a {
  text-decoration: none;
}

.class_frame_top_main_contents h4 {

  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 30px;
  font-size: 90%;
  text-indent:0.5em;

  border-style:solid;
  border-top:0px;
  border-right:0px;
  border-bottom:0px;
  border-left-width:2px;
  border-color:#CE0000
}

.class_frame_top_main_contents p {
  margin-left: 30px;
  margin-right: 20px;
  margin-bottom: 6px;
  text-indent: 1em; 
}

.class_frame_top_main_contents ul {
  margin-left: 60px;
  margin-right: 30px;
  margin-bottom: 6px;
}

.class_frame_top_main_contents table{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 30px;
    margin-right: 20px;
    border-top:1px solid #eeeeee;
    border-left:1px solid #eeeeee;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.class_frame_top_main_contents  th{
    font-size: 12px;
    border-right:1px solid #eeeeee;
    border-bottom:1px solid #eeeeee;
    color:#330000;
    background-color:#c0d0f0;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}

.class_frame_top_main_contents  td{
    font-size: 12px;
    background-color:#edf3f7;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    padding:0.3em 1em;
}

.class_frame_top_main_contents td ul {
  margin-left: 20px;
  margin-bottom: 2px;
}

.class_frame_top_main_contents td p {
  margin-left: 0px;
  margin-right: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
  text-indent: 0em;
}

.class_frame_top_main_contents dt {
  margin-left: 80px;
  margin-right: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
  text-indent: 0em;
}

.class_frame_top_main_contents dd {
  margin-left: 100px;
  margin-right: 30px;
  margin-top: 2px;
  margin-bottom: 2px;
  text-indent: 0em;
}

/* お知らせ */
.class_notice_box_wrapper {
	text-align: center;
}

.class_notice_box {
  border-style:none;
  border-width:1px;
  width: 450px;
  padding: 10px;
  text-align: left;

  margin-left:auto;
  margin-right:auto;
  margin-top: 20px;
  margin-bottom: 20px;

  background-color:#edf3f7;
}

.class_notice_box ul {
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 0px;
}

.class_notice_box li {
  margin-bottom: 10px;
}

/* 日付 */

.class_date {
  text-align: right;
  margin-right: 40px;
  font-size: 75%;
  padding: 20px;
}

.class_button_wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

/* リストの表 */
.class_table_list  th{
    margin:0;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 1px;
    padding-right: 1px;
    text-align: center;
}

.class_table_list  td{
    margin:0;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 1px;
    padding-right: 1px;
    text-align: center;
}

.class_tr_odd  td{
    background-color:#f3faff;
}

.class_delete_button {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 50px;
  text-align: right;
}

/*****************************
 * サブフレームの設定
 *****************************/

.class_frame_main_sub_wrapper {
  width: 150px;
  background-color: #ffffff;
}

.class_frame_main_sub {
  padding-top: 0px;

}

.class_frame_main_sub p {
  padding: 10px;
  text-align:center;
}

/*****************************
 * メニューの設定
 *****************************/
.class_main_sub_menu ul {
  list-style:none;
  text-align:center;
  font-weight: bold;
  /* background-color:#557799; */
  width:157px;
  padding: 0px;
}

.class_main_sub_menu li {
  padding-top: 10px; /* ボタンの厚みはここで調整 */
  font-size: 14px;
}

.class_main_sub_menu_selected {
  background-color: #eeeeee;
}

.class_main_sub_menu a {
  padding: 0px;
  display:block;
  margin-bottom: 0px;
  margin-right: 0px;
  width:100%;
  height: 30px;
  text-decoration: none;
  border-bottom: dashed #6699cc 1px;
}

.class_sub_menu a:hover {
  color:#ff0000;
}

/*
     .sample1 {border:solid 2px #ff6666;}
     .sample2 {border:solid 2px #ff6666;border-top:none;}

*/

/*****************************
 * フッタの設定
 *****************************/
.class_frame_footer {
  position: relative;
  text-align: right; 
  clear: both ;
  margin: 0 auto;
  color: #999 ;
  height: 50px;
  width: 750px;
  background-color:#ffffff;
}

.class_frame_footer H3 {
  position:absolute;
  left:320px;
  top:5px;
  font-size: 12px;
}
/****その他***/

.kiyaku {
margin-left:30px;
font-size: 12px;
}

.note strong {
  color: #f24 ;
}