/*------------------------------------------------
** 概要：admin 用 cssファイル
** 
** 更新履歴：
** 2008/06/16 17:23[]
** 
** 著作者：
------------------------------------------------*/
*{
    margin:0; padding:0;
}
body{
    width:100%;
    font-size:13px;
}
html{
    overflow-y:scroll;
}
img{
    vertical-align: text-bottom;
}
li {
    list-style:none;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

input,radio {
    vertical-align: text-bottom; 
}
input,select {
    vertical-align: text-bottom; 
}
/* --------------- ▼ ヘッダーエリア ▼ ------------------- */
#head {
    width:100%;
    border-bottom:2px solid #fff;
    background-image:url("/images/header_bg.gif");
    height:60px;
}
#head_title{
    padding-top:10px;
    margin-left:10px;
    font-size:20px;
    font-weight:bold;
    color:#ffffff
}
#head_menu{
    text-align:left;
    margin-right:10px;
}
#head_menu a:link {
    color: #FFFFFF;
    text-decoration: none;
}

#head_menu a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
#head_menu a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
/* --------------- ▲ ヘッダーエリア ▲ ------------------- */
/* --------------- ▼ ボディーエリア ▼ ------------------- */
#body{
    width:1220px;
    /*width:100%;*/
    background-image:url(/images/menu_bg.gif);
    background-repeat:repeat-y;
}
/* --------------- ▲ ボディーエリア ▲ ------------------- */
/* ---------------- ▼ レフトエリア ▼ -------------------- */
#menu {
    background-color:#ccfafa;
    float:left;
    width:150px; /*main のmargin-leftと同じ値を指定*/
    border-right:1px solid #ffffff;
    min-height:600px;
    /* IE */
    height: auto !important;
    height: 600px;
}

#navi{
    margin-top: 10px;
    width: 150px;
    font-size:13px;
    font-weight:bold;
    text-decoration: none;
    color: #333333;
    border:0px solid #fff;
}
#navi ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#navi li a {
    height: 20px;
    text-decoration: none;
    padding: 3px 0 0 14px;
    font-size:12px;
}
#navi li a:link, #navi li a:visited {
    display: block;
    color: #333333;
    background:  url("/images/left_ya.gif");
}
#navi li a:hover, #navi li #current {
    color: rgb(204, 0, 0);
    background:  url("/images/left_ya_over.gif");
}

/* ---------------- ▲ レフトエリア ▲ -------------------- */

/* ---------------- ▼ メインエリア ▼ -------------------- */
#main{
    background-color:#ffffff;
    margin-left:150px; /*menuのwidthと同じ値を指定*/
}

#contents{
    padding-top:15px;
    padding-left:15px;
}
/* ---------------- ▲ メインエリア ▲ -------------------- */
/* --------------- ▼ フッターエリア ▼ ------------------- */
#foot {
    width:100%;
    clear:both;
    background-color:#2ba1b1;
    color:#ffffff;
    border-top:2px solid #fff;
    text-align:center;
    padding:5px 0px;
}
/* --------------- ▲ フッターエリア ▲ ------------------- */

.error_msg{ 
    color:#ff0000;
}
/* -- ページタイトル --*/
.wb_title{
    margin-bottom:15px;
    padding:10px;
    text-align:center;
    background-color:#608cce;
    color:#ffffff;
    font-size:15px;
    font-weight:bold;
}

/* -- 検索フォーム -- */
.search_form {
    border:1px solid #059ec4;
    background-color:#ccfafa;
    text-align:left;
    margin-right:15px;
    margin-bottom:15px;
    padding:5px 10px;
    color:#000000;
    font-weight:bold;
    font-size:12px;
}
.search_form div {
    margin:3px 0px;
}

.table_area{
    margin-right:15px;
    margin-bottom:15px;
}

.paging_list{
    text-align:center;
    margin:10px;
    font-size:13px;
}
.center_button{
    text-align:center;
}
.list_back{
    text-align:left;
}

.record_count{
    font-weight:bold;
}

.message_text{
    margin:50px;
    padding:20px;
    border:3px solid #d6d6bb;
    text-align:center;
}

.message_button{
    text-align:center;
}
/*--------------------------- 検索用 START -------------------------------------*/
.table_search{
    border-collapse: collapse;
    /*border: 1px #059ec4 solid;*/
    /*width:100%;*/
   /* _width:auto;/*IE*/*/
}

.table_search th {
   /* border: 1px #059ec4 solid;
    background-color: #BFBFBF;*/
   /* background:#82CBDB url("/images/bg_th.gif");
    color: #000000;
    padding:3px;*/
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
}

.table_search td {
    /*border: 1px #059ec4 solid;
    background-color: #FFFFFF;
    color: #000000;*/
    padding:5px;
    font-size: 12px;

}
/*.nowrap_column{
    white-space:nowrap;
}*/
/*--------------------------- 検索用 END -------------------------------------*/
/*--------------------------- リスト用 START -------------------------------------*/
.table_list{
    border-collapse: collapse;
    border: 1px #059ec4 solid;
    width:100%;
   /* _width:auto;/*IE*/*/
}

.table_list th {
    border: 1px #059ec4 solid;
   /* background-color: #BFBFBF;*/
    background:#82CBDB url("/images/bg_th.gif");
    color: #000000;
    padding:3px;
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
}

.table_list td {
    border: 1px #059ec4 solid;
    background-color: #FFFFFF;
    color: #000000;
    padding:2px;
    font-size: 12px;
}
.nowrap_column{
    white-space:nowrap;
}
/*--------------------------- リスト用 END -------------------------------------*/
/*--------------------------- 詳細用 START -------------------------------------*/
.table_detail{
    border-collapse: collapse;
    border-spacing:0px;
    border: 1px #059ec4 solid;
}
.table_detail th {
    border: 1px #059ec4 solid;
    background-color: #ccfafa;
    color: #000000;
    padding: 6px;
    white-space: normal;
    text-align: right;
    font-size: 10pt;
}
.table_detail td {
    border: 1px #059ec4 solid;
    background-color: #FFFFFF;
    color: #000000;
    padding: 4px;
    white-space: normal;
    font-size:12px;
}

/*カテゴリー分け用  他のカラーテーマによって色の変更の必要有り */
.table_detail_headline {
    background-color: #777777;  /* セルの背景色 */
    color: #FFFFFF;             /* セル内のテキストの色 */
    font-weight:bold;           /* 太字 */
}
/*--------------------------- 詳細用 START -------------------------------------*/
.table_hidden th{
    border: 0px;
    background-color:#ffffff;
    text-align:left;
}

.table_hidden td{
    border: 0px;
    background-color:#ffffff;
}

.checkboxs {
    width:660px;
}
dl.checkboxs label {
    display:block;
    float:left;
    width:119px;
    padding:2px;
    margin:1px;
    font-size:12px;
    text-decoration:none;
    line-height:13px;
    color:#333333;
    border:1px solid #DDDDDD;
    background-color:#F8F8F8;
    overflow:hidden;
}

dl.checkboxs label:hover{
    color:#059ec4;
    border:1px solid #059ec4;
    background-color:#ccfafa;
}

.photo_list {
    width:800px;
    height:200px;
    margin:0px;
    padding:0px;
}

.profile_photo_list {
	/*width:800px;*/
    height:400px;
    margin:0px;
    padding:0px;
}

.photo_block{
    margin:3px;
    padding:2px;
    border:1px solid #aaaaaa;
    width:170px;
   /* height:80px;*/
    float:left;
}

.profile_photo_block{
    margin:3px;
    padding:2px;
    border:1px solid #aaaaaa;
    width:240px;
   /* height:80px;*/
    float:left;
}

.photo_block img {
    float:left;
}

.photo_block_label {
    float:left;
}

.photo_block_label label {
    display:block;
    width:100px;
    padding:2px;
    margin:1px;
    font-size:11px;
    text-decoration:none;
    line-height:12px;
    color:#333333;
    border:1px solid #DDDDDD;
    background-color:#F8F8F8;
    overflow:hidden;
}
    *+html .photo_block_label label {
        padding: 0px;
    }
    *html .photo_block_label label {
        padding: 0px;
    }

.photo_block:hover {
    color:#059ec4;
    border:1px solid #059ec4;
}

.photo_block_label label:hover {
    color:#059ec4;
    border:1px solid #059ec4;
    background-color:#ccfafa;
}