/*=====================================================================*/
/* Program  : miya                                                     */
/*                Copyright (C) 2007 OFFICE-MIYA. All Rights Reserved. */
/*=====================================================================*/
/* HTMLタグ設定 */
BODY {
    margin: 5px;
    color: #000000;
    background-color: #D9D9D9; /* #E6E6FA,#DAD8F2,#FFE4E1 */
}

A:link {color: #0000ff;}
A:visited {color: #0000ff;}
A:hover {color: #00CED1;}
A:active {color: #cc0000;}

/*=====================================================================*/
/* 更新日／ページ */
/*=====================================================================*/
.bar_right_update {
    text-align: right;
    margin: 0px 0px 2px 0em; /* 上,右,下,左 */
    line-height: 1.2em;
    font-size: smaller;
}
.bar_right_paging {
    text-align: right;
    margin: 0px 0px 2px 0em; /* 上,右,下,左 */
    line-height: 1.2em;
    font-size: smaller;
}
/* ボタンリスト */
.list_link {
    float: right;
}
.list_link ul {
    margin: 0px 0px 0px 0px; /* 上,右,下,左 */
    padding :0;
    list-style-type: none;
}
.list_link li {
    margin: 0px 5px 0px 5px; /* 上,右,下,左 */
    padding :0;
    height: 1.3em;
    font-size: smaller;
    float: left;
}
.list_link li a {
    color: #000557;
    text-decoration: none;
}
.list_link li a:hover {
    color: #FFFFFF;
    background-color: #FF0066;
}
/*=====================================================================*/
/* アクションボタン */
/*=====================================================================*/
.bar_left_btn {
    float: left;
}
.bar_right_btn {
    float: right;
}

/*=====================================================================*/
/* 汎用 */
/*=====================================================================*/
.strong {
    font-weight : bold ;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
.left {
    text-align: left;
}

/*=====================================================================*/
/* ボックス */
/*=====================================================================*/
.container {
    /* width: 870px;
    margin: 0 auto; */
    margin: 0px 10px 0px 10px; /* 上,右,下,左 */
    background-color: #ffffff;
    border: solid 1px #C8BAB5;
}
.header {
    margin: 0px 0px 0px 0px; /* 上,右,下,左 */
    border: 0px none #000000;
    /* border: 1px solid #000 ; */
    border-bottom: dotted 1px #C8BAB5;
    background-color: #ffffff;
    /* background-color: #e2e3e8; ※JavaScriptでグラデーションの終わり色 */
    height: 50px;
}
.header_logo {
    margin: 0px 0px 0px 0px; /* 上,右,下,左 */
    border: 0px none #000000;
    background-color: #f0f0f9; /* ※JavaScriptでグラデーション */
    float: left;
    height: 100%;
    width: 450px;
}
.header_navi {
    margin: 0px 0px 0px 0px; /* 上,右,下,左 */
    padding: 5px 5px 0px 0px ; /* 上,右,下,左 */
    border: 0px none #000000;
    background-color: #f0f0f9; /* ※下地と揃える */
    height: 20px;
}
.header_navi_middle {
    margin: 0px 0px 0px 0px; /* 上,右,下,左 */
    padding: 5px 5px 0px 0px ; /* 上,右,下,左 */
    /* border: 0px none #000000; */
    border: 1px solid #000 ;
    /* background-color: #ffffff; ※下地と揃える */
    height: 20px;
}
.navigator {
    margin: 5px 10px 5px 10px; /* 上,右,下,左 */
    font-size: smaller;
    border: 0px none #000000;
    background-color: #ffffff;
    line-height: 1.2em; 
}
.contents {
    margin: 5px 10px 5px 10px; /* 上,右,下,左 */
    border: 0px none #000000;
    background-color: #ffffff;
}
.footer {
    margin: 0px 0px 0px 0px; /* 上,右,下,左 */
    border: 0px none #000000;
    background-color: #ffffff;
}
.login {
    width: 200px;
    margin: 5px; /* 上,右,下,左 */
    background-color: #E6E6FA;
    border: solid 1px #C8BAB5;
}
.login_title {
    border: 0px none #000000;
    color: #ffffff;
    background-color: #4682B4;
    padding: 0px 0px 0px 0px ; /* 上,右,下,左 */
    font-weight: bold ;
    text-align: center;
}
.login_input {
    border: 0px none #000000;
    padding: 5px 5px 5px 5px ; /* 上,右,下,左 */
    font-weight: bold ;
    font-size:90%;
}

/*=====================================================================*/
/* 個別 */
/*=====================================================================*/
/* コピーライト */
/*
.copyright {
    font-size: smaller;
    color: gray;
    font-family: "Times New Roman", "ＭＳ Ｐ明朝, serif";
    font-weight: bold;

}
*/
.copyright {
    /* position: absolute; 絶対位置は指定しない*/
    margin: 0px 0px 0px 0px; /* 上,右,下,左 */
    width: 100%;
    border: 0px none #000000;
    border-top: 3px double #000099;
    border-bottom: 3px double #000099;
    background-color: #191970;
    text-align: center;
    padding: 0px;
    font-family: "Times New Roman", "ＭＳ Ｐ明朝, serif";
    font-weight: bold;
    font-size: small; /* xx-small、x-small、small、medium、large、x-large、xx-largeの7段階があり、mediumが標準サイズ */
    line-height: 1.2em; 
    color: #ffffff;
}
/* ロゴ */
.logo_company {
    margin: 2px 0px 0px 3px; /* 上,右,下,左 */
    font-size: small;
    color: #C0C0C0;
    font-family: "ＭＳ Ｐ明朝", serif;;
}
.logo_system {
    margin: 2px 0px 0px 3px; /* 上,右,下,左 */
}
.logo_system a {
    color: #FFA500;
    font-size: x-large;
    font-family: "ＭＳ Ｐ明朝", serif;;
    font-weight: bold;
    text-decoration: none;
}


/*=====================================================================*/
/* タイトルバー */
/*=====================================================================*/
.chapter_menu {
    color: #000000;
    font-weight : bold ;
}
.chapter_menu_mark {
    color: #FFA500;
}
.chapter_semi1 {
    border-left: 5px #FA8072 solid;
    border-bottom: 1px #808080 solid;
    color: #505050;
    background-color: #ffffff;
    margin: 0px 0px 5px 0em; /* 上,右,下,左 */
    padding: 0px 0px 0px 5px ; /* 上,右,下,左 */
    font-weight: bold ;
    font-size:90%;
}
.chapter_semi2 {
    border-left: 5px #3CB371 solid;
    border-bottom: 1px #808080 solid;
    color: #000000;
    background-color: #ffffff;
    margin: 0px 0px 5px 0em; /* 上,右,下,左 */
    padding: 0px 0px 0px 5px ; /* 上,右,下,左 */
    font-weight: bold ;
    font-size:90%;
}
.chapter1 {
    border : 1px solid #000 ;
    color: #ffffff;
    /* background-image: url("../../td/img/bar_2.gif"); */
    background-color: #4682B4;
    width : 100% ;
    /* padding :  0px 0px 0px 10px ; */
    font-weight : bold ;
}
.chapter2 {
    color: #000000;
    background-image: url("../../td/img/bar_1.gif");
    width : 100% ;
    padding :  0px 0px 0px 10px ; /* 上,右,下,左 */
    font-weight : bold ;
}
.chapter5 {
    color: #FFFFFF;
    background-color: #CCCC66;
    border : 1px solid #000 ;
    font-size: 100%;
    padding :  0px 0px 0px 2px ; /* 上,右,下,左 */
    font-weight : bold ;
}
.chapter6 {
    border: 0px none #000000;
    border: 2px #cccccc outset;
    color: #ffffff;
    background-color: #CCCC66;
    padding: 0px 0px 0px 2px ; /* 上,右,下,左 */
    font-weight: bold ;
}

.chapter_right {
    text-align: right;
}


/*=====================================================================*/
/* リスト */
/*=====================================================================*/
/* リンクリスト */
#link_list {
    margin: 5px 0px 0px 1em; /* 上,右,下,左 */
    padding: 0px 0px 0px 5px ; /* 上,右,下,左 */
    list-style-image: url("../../td/img/allow_1.gif");
    list-style-position: outside;
    /* line-height: 120%; */
    line-height: 1.3em;
}

#ranking_list ul { 
    margin: 5px 2em 0px 0em; /* 上,右,下,左 */
    padding :0;
}
#ranking_list li { 
    padding :0;
    margin: 0;
    border-bottom: thin gray dotted;
}
#ranking_list a {
    background-image: url("../../td/img/allow_4.gif");
    text-decoration: none;
    background-repeat: no-repeat;
    padding-left: 15px; 
    font-size: smaller;
    color: #557; 
    width: 8em;
    margin: 1px 0px;
    height: 1.3em;
}
#ranking_list a:hover {
    background-image: url("../../td/img/allow_3.gif");
    text-decoration: underline;
    background-repeat: no-repeat;
    font-size: smaller;
    color: #FF0066;
    width: 120px;
    margin: 1px 0px;
    padding-left: 15px;
    height: 1.3em;
}

#bookmark_list ul { 
    margin: 5px 2em 0px 0em; /* 上,右,下,左 */
    padding :0;
    list-style-type: none;
    border-bottom: thin gray dotted;
}
#bookmark_list li { 
    padding :0;
    margin: 0;
}
#bookmark_list a {
    background-image: url("../../td/img/allow_4.gif");
    text-decoration: none;
    background-repeat: no-repeat;
    padding-left: 15px; 
    font-size: smaller;
    color: #557; 
    width: 8em;
    margin: 1px 0px;
    height: 1.3em;
}
#bookmark_list a:hover {
    background-image: url("../../td/img/allow_3.gif");
    text-decoration: underline;
    background-repeat: no-repeat;
    font-size: smaller;
    color: #FF0066;
    width: 120px;
    margin: 1px 0px;
    padding-left: 15px;
    height: 1.3em;
}

/* ボタンリスト */
#button_list ul { 
    margin: 0px 0px 0px 0em; /* 上,右,下,左 */
    padding :0;
    list-style-type: none;
}
#button_list li { 
    margin: 0px 10px 0px 0em; /* 上,右,下,左 */
    padding :0;
    height: 1.3em;
    float:left;
}
#button_list a {
    /* display:block; */
    padding: 0px 10px 2px 10px; /* 上,右,下,左 */
    text-decoration:none;
    font-size: 90%;
    color:#000000;
    /* border:1px #e6e6e6 solid; */
    border-top: 1px #e6e6e6 solid;
    border-left-style: 1px #e6e6e6 solid;
    border-right: 2px #cccccc outset;
    border-bottom: 2px #cccccc outset;
    white-space:nowrap;
    background:url("../../td/img/bar_4.gif") left bottom repeat-x;
}
#button_list a:hover {
    /* display:block; */
    padding:1px 10px;
    text-decoration:none;
    font-size: 90%;
    color:#000000;
    border:1px #e6e6e6 solid;
    white-space:nowrap;
    background:url("../../td/img/bar_3.gif") left top repeat-x;
}

/* ボタン */
#button_middle a {
    /* display:block; */
    padding:1px 0.5em; /* 上下,左右 */
    text-decoration:none;
    color:#000000;
    /* border:1px #e6e6e6 solid; */
    border-top: 1px #e6e6e6 solid;
    border-left-style: 1px #e6e6e6 solid;
    border-right: 2px #cccccc outset;
    border-bottom: 2px #cccccc outset;
    white-space:nowrap;
    background:url("../../td/img/bar_4.gif") left bottom repeat-x;
}
#button_middle a:hover {
    /* display:block; */
    padding:1px 0.5em; /* 上下,左右 */
    text-decoration:none;
    color:#000000;
    border:1px #e6e6e6 solid;
    white-space:nowrap;
    background:url("../../td/img/bar_3.gif") left top repeat-x;
}

#button_small a {
    /* display:block; */
    padding:1px 0.5em; /* 上下,左右 */
    text-decoration:none;
    font-size: smaller;
    color:#000000;
    /* border:1px #e6e6e6 solid; */
    border-top: 1px #e6e6e6 solid;
    border-left-style: 1px #e6e6e6 solid;
    border-right: 2px #cccccc outset;
    border-bottom: 2px #cccccc outset;
    white-space:nowrap;
    background:url("../../td/img/bar_4.gif") left bottom repeat-x;
}
#button_small a:hover {
    /* display:block; */
    padding:1px 0.5em; /* 上下,左右 */
    text-decoration:none;
    font-size: smaller;
    color:#000000;
    border:1px #e6e6e6 solid;
    white-space:nowrap;
    background:url("../../td/img/bar_3.gif") left top repeat-x;
}

/* 階層表示 */
.navi {
    margin: 0px;
    border: 0px none #000000;
}

/* 注釈表示(黒) */
.annotate_black {
    font-size: x-small;
    color: #000000;
}
/* 注釈表示(青) */
.annotate_blue {
    font-size: x-small;
    color: #0000ff;
}
/* 件数表示(黒) */
.count_black {
    color: #000000;
    font-weight: bold;
}
/* 件数表示(紺) */
.count_dblue {
    color:#000099;
    font-weight: bold;
}
/* 件数表示(赤) */
.count_red {
    color: #cc0000;
    font-weight: bold;
}
/* エラー表示 */
.error_red {
    color: #ff0000;
    font-weight: bold;
}
/* カスタムサーチ結果のURL */
A.linktext {
    font-size: 90%;
}
A.linktext:link {color: #009999;}
A.linktext:visited {color: #C71585;}
A.linktext:hover {color: #00FF99;}
A.linktext:active {color: #cc0000;}
/* カスタムサーチ結果のサイト概要 */
.subtext {
    font-size: smaller;
}
/* カスタムサーチ結果のURL */
.urltext {
    font-size: smaller;
    color: #557;
}

/* 質問(紺) */
.question_tear {
    color: #008080;
}
/* 注釈表示 */
.notice {
    margin: 0px 0px 0px 0em; /* 上,右,下,左 */
    line-height: 1.2em;
    font-size: smaller;
    color: #FF4500;
}
/* 案内表示 */
.guide {
    margin: 0px 0px 0px 0.5em; /* 上,右,下,左 */
    line-height: 1.2em;
    font-size: smaller;
    color: #000080;
}

/* 説明文 */
.explanation {
    margin: 5px 5% 5px 1em; /* 左から１文字分、右は一定比率で余白をあける   上,右,下,左 */
    line-height: 1.2em;
    text-indent: normal; /* とりあえず */
    letter-spacing: normal; /* とりあえず */
}
/* アンケート */
.questionnaire {
    margin: 10px 5% 5px 1em; /* 左から１文字分、右は一定比率で余白をあける   上,右,下,左 */
    text-indent: normal; /* とりあえず */
    letter-spacing: normal; /* とりあえず */
    font-size: 90%;
}
/* サイドエリア */
.sidearea {
    /* margin: 1px; */ /* 上下左右 */
    margin: 1px 7% 0px 1px; /* 左から１文字分、右は一定比率で余白をあける   上,右,下,左 */
    text-indent: normal; /* とりあえず */
    letter-spacing: normal; /* とりあえず */
    /* width: 90px; */
}

/* インライン分 */
.regulations {
    margin-left:50px;
    margin-right:50px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding:0.5em; /* 上下左右 */
    height:400px;
    font-size: smaller;
    border-style:solid;
    border-width:1px;
    border-color:#999999;
    overflow:auto;
}
.regulations p{
    margin-left:0px;
    margin-right:0px;
}

/* 人物紹介 */
.person_nm {
    /* margin: 5px 5px 5px 0px; */
    /* line-height: 1.2em; */
    /* text-indent: normal; */ /* とりあえず */
    /* letter-spacing: normal; */ /* とりあえず */
    margin-top: 5px;
    line-height: 1.2em;
    font-weight: bold;
}

.person_exp {
    /* margin: 5px 5px 5px 0px; */
    /* line-height: 1.2em; */
    /* text-indent: normal; */ /* とりあえず */
    /* letter-spacing: normal; */ /* とりあえず */
    line-height: 1.2em;
    font-size: smaller;
}

/* 入力テーブル */
table.info_input {
    margin: 0em; /* 上下左右 */
    border: solid 1px #C8BAB5;
    border-collapse: collapse;
    font-size: 90%;
    width: 100%
}
table.info_input th{
    width:10em;
    text-align:left;
    padding:3px;
    padding-left:10px;
    padding-right:10px;
    background-color: #EEEEEE;
    border: solid 1px #C8BAB5;
    width: 15%
}
table.info_input td{
    background-color: #FFFFFF;
    padding:3px;
    border: solid 1px #C8BAB5;
    width: 35%
}
table.info_input div{
    margin:3px;
}
table.info_input_inline {
    border: none 0px #FFFFFF;
    padding:0px;
    margin:0px;
}
table.info_input_inline td{
    border: none 0px #FFFFFF;
    padding:0px;
    margin:0px;
    padding-right:5px;
}
/* 確認テーブル */
table.info_confirm {
    margin: 0em; /* 上下左右 */
    border: solid 1px #C8BAB5;
    border-collapse: collapse;
    font-size:90%;
    width: 100%
}
table.info_confirm th{
    width:20em;
    text-align:left;
    padding:3px;
    padding-left:10px;
    padding-right:10px;
    background-color: #EEEEEE;
    border: solid 1px #C8BAB5;
    width: 15%
}
table.info_confirm td{
    background-color: #FFFFFF;
    padding:3px;
    border: solid 1px #C8BAB5;
    width: 35%
}
/* 一覧テーブル */
table.info_list {
    margin: 0em; /* 上下左右 */
    border: solid 1px #C8BAB5;
    border-collapse: collapse;
    font-size:90%;
    width: 100%
}
table.info_list th{
    /* width:20em; リストは不要！ */
    text-align:left;
    padding:3px;
    padding-left:10px;
    padding-right:10px;
    background-color: #EEEEEE;
    border: solid 1px #C8BAB5;
}
table.info_list td{
    background-color: #FFFFFF;
    padding:3px;
    border: solid 1px #C8BAB5;
}

