@charset "shift_jis";

/* ---------------------------
・ページ全体
--------------------------- */
 
#page { width: 800px; padding: 0px; margin: 0px auto 0px auto;
 background-color: #DBD7CF;
 background:url(../img/common/back_page.gif); background-repeat: repeat;
 vertical-align: top; text-align: left; }


/* ---------------------------
・レイアウト（h2は管理・メンバー共に各スタイル）
--------------------------- */

.layout { clear: both; width: 720px; margin: 0px auto 10px auto; padding: 0px;
 background-color: #ffffff; border: 1px solid #999999; 
 text-align: center;line-height: 1.4em; font-size: small; 
}
.layout p { clear: both; width: 95%; margin:5px auto; padding: 0px; text-align: left; }
.layout hr { clear: both; width:95%; margin: 10px auto; padding: 0px; 
 border: 0px solid #ffffff;  border-top: 1px solid #dddddd; }
 
.layout h3 { clear: both; width: 680px; margin: 0px auto 10px auto; padding: 0px;
 background-color: #D11975; background:url(../img/head/h3.gif)  left top; background-repeat: no-repeat;
 text-align: left; text-indent: 18px; line-height: 2em; font-size: 14px; color: #99CCFF; }


/* ---------------------------
・ヘッダー
--------------------------- */

#header { clear: both; width: 800px; height: 117px; margin: 0px; padding: 0px; display: inline-table;
 background:url(../img/common/back_head.jpg); background-repeat: no-repeat; vertical-align: top; }
#header #logo { clear: both; float: left; width: 150px; height: 62px; margin: 0px; padding: 0px; vertical-align: top; }

#header h1 { clear: both; width: 800px; height: 55px; margin: 0px; padding: 0px; vertical-align: top; }

/* ----- ナビ（管理者用） ----- */

#navi-ad {
clear: both; width: 800px; height: 27px; padding: 0px; margin: 0px; vertical-align: top; text-align: center;
background-image:url(../img/admin/back_navi.gif); background-position: left top; background-repeat: repeat;
}

#navi-ad ul { margin: 0px; padding: 0px 4px 0px 0px; }
#navi-ad li { display: inline; margin: 0px; padding: 0px 0px 0px 18px;
 line-height: 2.2em; font-size: 12px; color: #ffffff; font-weight: bold; }
#navi-ad li a { text-decoration:none; color: #ffffff; }
#navi-ad li a:hover { text-decoration:none; color: #d0e4ec; }

/* ----- ナビ（会員用） ----- */

#navi-mb {
clear: both; width: 800px; height: 27px; padding: 0px; margin: 0px; vertical-align: top; text-align: center;
background-image:url(../img/member/back_navi.gif); background-position: left top; background-repeat: repeat;
}

#navi-mb ul { margin: 0px; padding: 0px 4px 0px 0px; }
#navi-mb li { display: inline; margin: 0px;padding: 0px 0px 0px 18px; 
 line-height: 1.8em; font-size: 14px; color: #ffffff; font-weight: bold; }
#navi-mb li a { text-decoration:none; color: #ffffff; }
#navi-mb li a:hover { text-decoration:none; color: #c5dae7; }


/* ---------------------------
・会員名
--------------------------- */

#name { 
 clear: both; float: left; width: 300px; height: 40px; margin: 0px; padding: 0px; 
 text-align: left; line-height: 1.8em; text-indent: 5px; font-size: 12px;
}
#name em { margin: 0px 3px; color:#000000; font-weight: bold; font-style: normal; }


/* ---------------------------
・パンくずリスト
--------------------------- */

#bcs { 
 float: right; width: 480px; height: 40px; margin: 0px; padding: 0px; text-align: right; }
#bcs ul { margin: 0px; padding: 0px 4px 0px 0px; }
#bcs li { display: inline; margin: 0px;padding: 0px 0px 0px 15px; font-size: 12px; color: #333333;
 background:url(../img/common/arrow_bcs.gif) left; background-repeat: no-repeat; line-height: 1.6em; font-weight: normal; }
#bcs li a { text-decoration:none; color: #333333; }
#bcs li a:hover { text-decoration:none; color: #004d70; }

li#nbcs { display: inline; margin: 0px;padding: 0px 0px 0px 10px; font-size: small; color: #999999; font-weight: normal;
 background:url(../img/common/arrow_none.gif) left; background-repeat: no-repeat; }


/* ---------------------------
・フッター
--------------------------- */

#footer { clear: both; width: 800px; height: 69px; margin: 20px auto 0px auto; padding: 0px;
 background-color: #2B3A46; background:url(../img/common/back_footer.gif)  top; background-repeat: repeat;
 text-align: center;
 }

#copyright { display: none;
 width: 780px; margin: 10px auto 0px auto;  padding: 0px;
 text-align: right; line-height: 2.4em; font-size: 10px; color: #ffffff; }

/* ---------------------------
・メッセージBOX
--------------------------- */

#message { width: 660px; margin: 0px auto 25px auto; padding: 8px 0px;
 border: 1px solid #dddddd; background-color: #fffcf6;
 text-align: center; line-height: 1.4em; font-size: small; }
#message em  { color:#ff0033; font-weight: bold; font-style: normal; }
#message p { width: 640px; margin: 2px auto; padding: 0px; text-align: left;color: #FF0000; }


/* ---------------------------
・遷移後画面ビュー
--------------------------- */

.layout .view { width: 520px; margin: 15px auto 25px auto; padding: 0px; text-align: center;
 border: 3px double #9c9c9c; line-height: 1.4em; font-size: small; }
.layout .view p { clear: both; width: 95%; margin:5px auto; padding: 0px; text-align: left; }
 
.layout .view ol { width: 500px; margin: 10px 0px 0px 15px; padding: 0px; }
.layout .view dl { width: 500px; margin: 10px 0px 0px 15px; padding: 0px; }
.layout .view li { padding: 0px; line-height: 1.6em;
 margin: 0px 0px 0px 0px;
 *margin: 0px 0px 0px 25px; }

.layout .view h4 { width: 510px; margin: 5px 0px 10px 0px; padding: 0px; 
 background-color: #b4d0e7;
 text-align: left; text-indent: 10px; line-height: 1.6em; font-size: small; font-weight: bold; color: #004f90;
 }

/* ----- 重要 ----- */

.layout .view .inform { width: 300px; margin: 15px auto; padding: 10px 25px; 
 border: 1px solid #bd4a50;
 background-color: #000943; background:url(../img/common/back_inform.gif) left top; background-repeat: no-repeat;
 text-align: left; line-height: 1.4em; font-size: 14px; font-weight: bold; color: #ffffff; letter-spacing: 0.1em; }

/* ----- 遷移後画面ビュー内ボタン ----- */

.layout .view .bt {  width: 95%; margin: 15px auto 10px auto; padding: 0px; text-align: right; }
.layout .view .bt input { margin: 0px 2px; padding: 3px; border: 1px solid #333333; background-color: #efefef; }


/* ---------------------------
・コラム（主に<p>で適用）
--------------------------- */

.clm-l { width: 95%; margin: 0px auto 5px auto; padding: 5px 0px;
 text-align: left; line-height: 1.4em; font-size: small; }

.clm-c { width: 95%; margin: 0px auto 5px auto; padding: 5px 0px;
 text-align: center; line-height: 1.4em; font-size: small; }
 
.clm-r { width: 95%; margin: 0px auto 5px auto; padding: 5px 0px;
 text-align: right; line-height: 1.4em; font-size: small; }


/* ---------------------------
・テーブル
--------------------------- */

/* ----- 情報 ----- */

.tb-info { clear: both; width:520px; margin:15px auto 10px auto; padding: 0px; border-collapse: collapse; font-size: small;  }
.tb-info th { margin:0px; padding: 4px; border: solid 1px #999999; text-align: left; background-color: #efefef; }
.tb-info td { margin:0px; padding: 4px; border: solid 1px #999999; text-align: left; }

/* ----- 記入 ----- */

.tb-put { clear: both; width:520px; margin:15px auto 10px auto; padding: 0px; border-collapse: collapse; font-size: small;  }
.tb-put th { margin:0px; padding: 6px 4px; border: solid 1px #999999; text-align: left; background-color: #ebf4ef; }
.tb-put td { margin:0px; padding: 6px 4px; border: solid 1px #999999; text-align: left; }
.tb-put input,textarea { margin: 0px 3px 0px 0px; padding: 3px; }

/* ----- 表示 ----- */

.tb-print { clear: both; width:520px; margin:15px auto 10px auto; padding: 0px; border-collapse: collapse; font-size: small;  }
.tb-print th { margin:0px; padding: 4px; border: solid 1px #999999; text-align: center; background-color: #deefea; }
.tb-print td { margin:0px; padding: 4px; border: solid 1px #999999; text-align: left; }

.tb-list { clear: both; width:700px; margin:15px auto 10px auto; padding: 0px; border-collapse: collapse; font-size: small;  }
.tb-list th { margin:0px; padding: 4px; border: solid 1px #999999; text-align: center; background-color: #e6eae6; }
.tb-list td { margin:0px; padding: 4px; border: solid 1px #999999; text-align: left; }

/* ----- 表示table内詳細 ----- */

.td-exact { clear: both; width: 100%; margin: 0px 0px; padding: 0px; border-collapse: collapse; font-size: small; }
.td-exact th { margin:0px; padding: 3px; border: solid 1px #ffffff; text-align: center; background-color: #efefef; }
.td-exact td { margin:0px; padding: 3px; border: solid 1px #ffffff; text-align: left; }

/* ----- tdスタイル（ボタン） ----- */
.f9 { font-size:12px;}
td.td-bt { margin: 0px; padding: 10px 0px; text-align: center; border: 0px solid #ffffff; }
td.td-bt input { margin: 0px 2px; padding: 3px; border: 1px solid #333333; background-color: #efefef; }

td.td-c { text-align: center; }
td.td-c input { margin: 0px 2px; padding: 3px; border: 1px solid #333333; background-color: #efefef; }

td.td-r { text-align: right; }
td.td-r input { margin: 0px 2px; padding: 3px; border: 1px solid #333333; background-color: #efefef; }

/* ----- tr背景色 ----- */
tr.tr-bkcl { background-color:#efefef; }




/* -----------------------------
・各種フォーム
------------------------------ */
/* ----- select ----- */
select.cselect { width:200px; }