@CHARSET "UTF-8";
/* 全体的なレイアウトを記述 */
body{
    font-family:"メイリオ", sans-serif;
    font-size:9pt;
    background-color:transparent;
}

a{
    color:black;
    text-decoration:none;
}

input[type="radio"] {
    margin-right: 5px;
}
input[type="checkbox"] {
    margin-right: 5px;
}

.container{
    margin: 0;
    overflow:hidden;
    height:100%
}


.shadow-right {
    box-shadow: 7px 0 6px -3px #d3d3d3;
}

.shadow-bottom {
    box-shadow: 0 5px 6px -3px #d3d3d3;
}

.menu_wrapper{
    float:left;
    display:inline-block;
    /*DEL - 2017/11/02 - SF6.5.0_SF02-20-00 - START*/
    /* background-color:#0A6EB9; */
    /*DEL - 2017/11/02 - SF6.5.0_SF02-20-00 - END*/
    height:100%;
    position:relative;
    z-index:100;
}

.right_wrapper{
    /* 幅をフレキシブルに伸縮させる */
    overflow: hidden;
    width:auto;
    position:relative;
    height:100%
}

.contents{
    padding: 10px;
    padding-right:0;
    position:relative; /* フッターを最下部に表示させる */
    z-index:0;
    height:100%;
}

.contents_inner{
    overflow-x: hidden;
    width:auto;
    padding:20px 0 50px 20px;
    position:relative;
    z-index:-20;
}

.tab_content{
    padding-right:25px;
    padding-top:23px;
    padding-bottom:23px;
    box-sizing: border-box;
}

.pulldown_skin{
    border-color: #c5c5c5;
    background-color:white;
    color:#262626;
    cursor:pointer;
}
.pulldown_skin:hover{
    background-color:#e2f3fb;
    color:#0094E2;
}

#pagenation a{
    color:blue;
    text-decoration: underline;
}
.pagination a{
    color:blue;
    text-decoration: underline;
}

.gray_border_skin{
    border-color:#d0d0d0;
}

/* 画面見出しと同様の構造の見出し */
.secondary_title{
        border-width:1px;
        border-style:solid;
        padding-bottom:5px;
        margin:70px 0 10px 0;
    }

.back_button_wrapper{
    margin-bottom:20px;
}

/* Aタグ風 開発用*/
.link-like{
    color:blue;
    text-decoration:underline;
}


/*
  ×ボタンにより削除可能アイテム(ファイル、送信先アドレス)
  デザインは仮のもの
  */
.deletable_item{
    display:inline-block;
    height:20px;
    margin-right: 10px;
    margin-bottom:5px;
    font-size:12px;
}
.deletable_item_delete{
    display:inline-block;
    background-image:url("/image/deletable_item_delete.png");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:17px;
    height:20px;
    width:30px;
}
.deletable_item_delete:hover{
    display:inline-block;
    cursor: pointer;
    background-image:url("/image/deletable_item_delete_on.png");
    background-repeat:no-repeat;
    background-position:center center;
}

/*
 *使用可能変数
 */
#available_vars{
    float:right;
    width:295px;
    display:none;
    padding:20px;
    position:relative;
}
.var_name{
    padding-left:10px;
    height:30px;
}
.vars_title{
    width:100%;
    text-align:center;
    margin-bottom:10px;
}

.triangle_left{
    width:0;
    height:0;
    border:20px solid transparent;
    border-right:20px solid #EBEBEB;
    position:absolute;
    top:0;
    bottom:0;
    left:-40px;
    margin:auto;
}

/* 色つき丸ボタンの左側に配置する */
.button_text_icon{
    display:inline-block;
    position:absolute;
    left:10px;
    font-size:11px;
}

/* 大見出し */
.content_header {
    font-size: 18px;
    font-weight: 600;
    height: 35px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    position: relative;
    padding-left:10px;
    margin-top:40px;
    margin-bottom:20px;
}

.content_header_blue_skin {
    color: #0094E2;
    border-color: #0094E2;
}

.content_header span {
    position: absolute;
    bottom: 0;
}

/* 小見出し */
.small_header{
    font-size:16px;
    color:#333;
    font-weight:bold;
}

.tab_bottom{
    margin-bottom:43px;
}

.attention{
    color:#ED1C24;
}

.ldap_attention{
    color:#ED1C24;
}