@CHARSET "UTF-8";

/* メニュー専用css */
/* メニュー表示領域 */
div.menu_area
{
    position: absolute;
    top:      0px;
    left:     5px;
    width:    195px;
    height:   100%;
}

/* aタグ */
a.menu_a
{
    text-decoration: none;
    color: #0000FF;
}
a:hover.menu_a
{
    text-decoration: none;
    color: #FF0000;
}
a.user_menu_a
{
    text-decoration: underline;
    color: #101010;
}
a:hover.user_menu_a
{
    text-decoration: underline;
    color: #FFAAAA;
}

/* hrタグ */
hr.menu_main {
    border: 0;
    height: 1px;
    background: #bbb;
    background-image: -webkit-linear-gradient(left, #eee, #777, #eee);
    background-image: -moz-linear-gradient(left, #eee, #777, #eee);
    background-image: -ms-linear-gradient(left, #eee, #777, #eee);
    background-image: -o-linear-gradient(left, #eee, #777, #eee);
}


/* メニュー付き画面専用css */
div.user_menu_area
{
    position: absolute;
    top:0px;
    left:208px;
    width:300px;
}
/* コンテンツタイトル表示領域 */
div.title_area
{
    position: absolute;
    top:23px;
    left:208px;
    width:300px;
}
/* メイン表示領域 */
div.main_area
{
    position:absolute;
    top:0px;
    width:1000px;
}

/* 入力領域 */
div.input_area
{
    position:absolute;
    left:200px;
    width:1000px;
    vertical-align:middle;
}
/* テーブル */
table.input_table
{
    border:1px solid gray;
    border-collapse:collapse;
    width:1000px;
    margin-left:auto;
    margin-right:auto;
    vertical-align:middle;
}
table.input_table th, table.input_table td
{
    padding: 5px 6px; 				/* セルのパディング（上下、左右） */
    border:  1px #cccccc solid; 	/* セルの境界線 */
}
/* テキストボックス */
input.input_textbox
{
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

/* コンテンツ領域 */
div.content_area
{
    position:absolute;
    left:200px;
    width:1000px;
}

/* 検索領域 */
div.search_area
{
    position:absolute;
    left:200px;
    width:1000px;
}
/* テーブル */
table.search_table
{
    border:1px solid gray;
    border-collapse:collapse;
    width:1000px;
    margin-left:auto;
    margin-right:auto;
    vertical-align:middle;
}
table.search_table th, table.search_table td
{
    padding: 5px 6px; 				/* セルのパディング（上下、左右） */
    border:  1px #cccccc solid; 	/* セルの境界線 */
}
/* テキストボックス */
input.search_textbox
{
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

/* 一覧領域 */
div.list_area
{
    position:absolute;
    left:200px;
    width:1000px;
}
/* テーブル(DataTables未使用) */
table.list_table
{
    border:1px solid gray;
    border-collapse:collapse;
    width:1000px;
    margin-left:auto;
    margin-right:auto;
    vertical-align:middle;
    table-layout:fixed;
}
table.list_table th, table.list_table td
{
    padding: 3px 4px; 			/* セルのパディング（上下、左右） */
    border:  1px #888888 solid; 	/* セルの境界線 */
}


/* datepickerの日本語化によるレイアウト崩れ対応 */
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year
{
     width:auto;
}

/* テーブル共通 */
td.td-left
{
    text-align: left;
}
td.td-center
{
    text-align: center;
}
td.td-right
{
    text-align: right;
}

/* チェックボックス */
.checkbox-midium
{
    width : 28px;
    height: 28px;
}
.checkbox-small
{
    width : 14px;
    height: 14px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius : 3px;
    border-top-right-radius   : 3px;
    border-top-left-radius    : 3px;
}
.checkbox-small-icon {
    margin: -8px;
}

/* 標準チェックボックス */
label {
    display: inline;
}

.regular-checkbox {
    display: none;
}

.regular-checkbox + label {
    background-color: #d7ebf9;
    border: 1px solid #aed0ea;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    color: #2779aa;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
    background-color: #3baae3;
    border: 1px solid #2694e8;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #ffffff;
}

.regular-checkbox:disabled + label {
    opacity: .35;
    background-image: none;
}

.regular-checkbox:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #ffffff;
}

.big-checkbox + label {
    padding: 18px;
}

.big-checkbox:checked + label:after {
    font-size: 28px;
    left: 6px;
}

/* 標準ラジオボタン */
.regular-radio {
    display: none;
}

.regular-radio + label {
    -webkit-appearance: none;
    background-color: #d7ebf9;
    border: 1px solid #aed0ea;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    color: #2779aa;
}

.regular-radio:checked + label:after {
    content: '●';
    font-size: 16px;
    position: absolute;
    top: 1px;
    left: 1px;
    color: #ffffff;
}

.regular-radio:checked + label {
    background-color: #3baae3;
    color: #ffffff;
    border: 1px solid #2694e8;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.regular-radio + label:active, .regular-radio:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.big-radio + label {
    padding: 16px;
}

.big-radio:checked + label:after {
    width: 24px;
    height: 24px;
    left: 4px;
    top: 4px;
}

/* 小さいボタン */
.small-button {
    border: 1px solid #aed0ea; 
    background: #d7ebf9;
    font-weight: bold;
    color: #2779aa;
    font-size: 1em;
    padding: 0.2em 1em;
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    -khtml-border-radius: 6px; 
    border-radius: 6px;
}

.small-button:visited { 
    color: #2779aa; 
    text-decoration: none;
}

.small-button:hover { 
    border: 1px solid #74b2e2; 
    background: #e4f1fb; 
    color: #0070a3;
}

.small-button:active { 
    border: 1px solid #2694e8; 
    background: #3baae3; 
    font-weight: bold; 
    color: #ffffff; 
}

.small-button:disabled { 
    opacity: .35; 
    filter:Alpha(Opacity=35); 
    background-image: none;
}

/* テーブル用セルクラス */
.ui-mctable-header-basic {
    background: #ddf1ff;
    font-weight: bold;
    color: #2779aa;
}
.ui-mctable-header-strong {
    background: #3baae3;
    font-weight: bold;
    color: #ffffff;
}

/* Autocomplete のサイズを指定 */
.ui-autocomplete {
    max-height: 400px;
    overflow-y: auto;
    /* 水平スクロールバーが出ないように */
    overflow-x: hidden;
}