@charset "UTF-8";

/*
00. 初期設定
10. テンプレート
  11. ヘッダ設定
  12. パンくず設定
  13. フッタ設定
  14. 見出し
  15. グローバルナビゲーション
  16. メッセージボックス
  17. ボタン共通
  18. データテーブル
  19. メニュー一覧
20. コントロール系
  21. アクションボタン
  22. ページャー
  23. 検索ボックス
  24. ページ下部操作ボタン
  25. JQuery 上書き
  26. 関連するタグ
  27. 部品
  28. ミニタブ
30. 各ページ
  31. ログイン関連
  32. EC
*/

/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
00. 各種 HTML 初期設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
* {
        margin:0;
        padding:0;
        text-decoration:none;
        font-weight: normal;
}

/* floatを解除するために使います */
.clearFloat {
        clear: both;
        height: 1px;
}
.clearFloat br {
        font-size: 1px;
        line-height: 1px;
}
ul, ol {
        list-style-type: none;
}

input[type=text],
input[type=password],
select {
    padding: 3px;
}

input[type=checkbox],
input[type=radio] {
  margin:3px;
}
input[type=checkbox] + label,
input[type=radio] + label {
  margin-right:8px;
}
button {
  outline:none;
}

img {
        border: none;
}

body {
        background: #fff;
        text-align: center;
        color: #333333;
        min-height: 100vh;
        position: relative;
        font: 12px/120%
        "メイリオ", Meiryo, Hiragino Sans, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

body.task {
        background: url(/images/management/bg_header.png) repeat-x;
}

div#header h1,
div#header_login h1,
.tabnavi a span,
.navi_contents a span
{
    display:none;
}

.clear {clear:both;}

.for_print {display:none;}

/* アイコン設定用
---------------------------------------------------------------- */
i.fa{
    margin-top: -5px;
    margin-right: 5px;
}

/* リンク設定
---------------------------------------------------------------- */
a:link,
a:visited {
/*        color: #0033CC;*/
          color: #006b92;
}
a:hover {
/*        color: #FF3300;*/
          color: #ff8e51;
}

/* カーソルの変更のみ
----------------------------------------------------------------- */
button{
    cursor: pointer;
}
input[type="submit"],
input[type="button"],
input[type="file"] {
    cursor: pointer;
}

/* 基本レイアウト設定
---------------------------------------------------------------- */
div#layout {
        width: 100%;
        text-align: left;
        padding-bottom: 55px;
}

div#wrap_content {
        background-color: #fff;
        min-height: 700px;
}
div#wrap_content:after {
        content:".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}
div#content {
        width:100%;
}
.main_contents {
        width: 750px;
        padding-top:10px;
        margin-left:10px;
        width:98%;
}

/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
10. テンプレート
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

/*  ++++++++++++++++++++++++++++++
11. ヘッダ設定
++++++++++++++++++++++++++++++  */
div#header_login {
        background: url(/images/management/bg_rcms.gif) 0px -691px no-repeat;
        height: 59px;
        width: 800px;
        margin: 0 auto;
}
div#header {
  width:100%;
  min-width:780px;
  height: 34px;
  background-color:#EEEEEE;
  border-bottom:1px solid #CCCCCC;
}
/*
.task div#header {
        height: 36px;
}
*/
div#header .logo,
div#header_login .logo {
        position: absolute;
        top: 5px;
}

.languageSwitcherBox{
    float: left;
    padding:7px 0 0 12px;
}

p.simplebox {
        float: right;
        padding: 17px 5px 0 5px;
}

div#header .site_nm,
div#header_login .site_nm {
  float: left;
  text-align: left;
  font-size: 12px;
  padding: 0;
  height:15px;
  max-width:450px;
  margin: 10px 0px 5px 17px; 
  overflow:hidden;
}

div#header .site_nm a{
  color:#333333;
}

div#header p.selectbox {
        float: left;
        width: 90px;
        height: 24px;
        margin: 7px 0px 0px 8px;
}

div#header p.selectbox select {
        width: 88px;
}

div#header p.selectbox2 {
        float: right;
        width: 90px;
        height: 24px;
        margin: 0px 0px 7px 8px;
}

div#header p.selectbox2 select {
        width: 88px;
}

div#header p.button {
  float: left;
  height: 20px;
  margin: 5px 0 0 8px;
}
div#header p.button a {
  display: block;
  background: #F1F1F1;
  border-radius: 2px;
  border: 1px solid #bfbfbf;
  padding:0 10px 0 5px;
  height:22px;
  line-height:23px;
  font-size: 11px;
  color: #006b92;
  text-indent: 2px;
}
div#header p.button i {
  vertical-align:-13%;
}
div#header p.button a:link,
div#header p.button a:visited,
div#header p.button i{
  color: #006b92;
}
div#header p.button a:hover,
div#header p.button a:hover i{
  color: #3389a8;
}
div#header p.button a:hover{
  background-color: #F4F4F4;
  border-color: #CCCCCC;
}
div#header p.button a:active,
div#header p.button a:focus,
div#header p.button a:active i,
div#header p.button a:focus {
  background-color: #d8d8d8;
  border-color: #acacac;
}
div#header p.button a:active{
  color: #006083;
}
div#header div.login {
  color: #333333;
  background-color:#d8d8d8;
  float: right;
  font-size: 10px;
  max-width: 450px;
  margin: 5px 5px 5px 0px;
  overflow: hidden;
}
div#header div.login p {
        float: left;
        height: 24px;
        margin: 0px;
        padding: 0px 10px;
        line-height: 24px;
}

div#header div.login a:first-child {
  color: #000;
}
div#header div.login a span {
  color:#006b92 !important;
  font-weight:normal !important;
}
div#header div.login a:hover span {
  color:#ff8e51 !important;
  font-weight:normal !important;
}


a.login_button {
  display: block;
  float: right;
  background-color:#FFFFFF;
  border-radius: 2px;
  border: 1px solid #cc4747;
  height: 22px;
  width: 92px;
  line-height: 23px;
  text-indent: 3px;
  margin:5px 5px 0 0;
  font-size:11px;
}
a.login_button,
a.login_button i {
  color:#CC4747;
}
a.login_button:hover {
  border:1px solid #D66C6C;
}
a.login_button:hover,
a.login_butoon:hover i {
  color:#d66c6c;
}
a.login_button:active,
a.login_button:focus {
  background-color:#DCDCDC;
  border: 1px solid #b74040;
}
a.login_button:active,
a.login_button:active i,
a.login_button:focus,
a.login_butoon:focus i {
  color:#b74040;
}

.managementtitle{
    font-size:24px;
    color:#007297;
    vertical-align:4px;
}


/* ナビ設定（高機能版）
---------------------------------------------------------------- */
div#main_navi {
        width: 782px;
        margin: 0 auto;
        height: 42px;
        position: relative;
        z-index: 200;
        background-repeat: no-repeat;
        background-position: top left;
}
div#main_navi .navi_contents {
        position: absolute;
        top:0px;
        left: 1px;
        width:100%;
        height: 37px;
        margin: 0;
        clear: both;
}
div#main_navi #gnaviEnd{
        width: 128px;
}

div#main_navi dl {
        display: inline;
        float: left;
        width: 129px;
        margin: 0px 0px 0px 1px;
        padding: 0px;
        overflow: hidden;
}
/*dl#topnav_002:hover dt,
dl#topnav_003:hover dt,
dl#topnav_004:hover dt,
dl#topnav_005:hover dt,
dl#topnav_006:hover dt
 {
    background: #007297;
}
dl#topnav_002:hover dt a span {
    color: white;
}*/
div#main_navi dl:hover dt a{
    background: #007297;
}
div#main_navi dl:hover dt a span {
    color: white;
}
div#main_navi dt{
        width: 129px;
        height: 37px;
}
div#main_navi dt a {
        display: block;
        width: 129px;
        height: 37px;
        /*text-indent: -9999px;
        overflow: hidden;*/
}
div#main_navi dt a span {
        display: block;
        font-weight: bold;
        font-size: 14px;
        text-align: center;
        padding-top: 12px;
        padding-bottom: 18px;
        color: #007297;
}
div#main_navi dd {
        display: none;
        border-left: 1px solid #007297;
        border-right: 1px solid #007297;
        border-bottom: 1px solid #007297;
        border-top: solid 0px #007297;
        background-color: #FFFFFF;
        /*background-image: url(/images/management/bg_gnavipop.gif);*/
        background-repeat: repeat-x;
        background-position: bottom left;
}
div#main_navi dl:hover dd {
        display: block;
}
div#main_navi dd a {

        display: block;
        overflow:hidden;
        padding: 0px 0px 0px 12px;
        /*background-image: url(/images/management/bg_gnavipop_arrow.gif);*/
        background-repeat: no-repeat;
        background-position: 3px center;
        background: white;
}
div#main_navi dd a span {
        display: block;
        padding: 7px 0px 7px 0px;
        cursor: pointer;
        font-size: 12px;
        line-height: 1.0em;
        overflow: hidden;
        color: #007297;
}

div#main_navi dd a:link,div#main_navi dd a:visited{
        color: white;
        /*background-image: url(/images/management/bg_gnavipop_arrow.gif);*/
}

div#main_navi dd a:hover,div#main_navi dd a:active{
        background: #007297;
        color: white;
        border-top:solid 1px white;
        margin-top: -1px;
        /*background-image: url(/images/management/bg_gnavipop_arrow_o.gif);*/
}
div#main_navi dd a span:link,div#main_navi dd a span:visited{
        color: white;
        /*background-image: url(/images/management/bg_gnavipop_arrow.gif);*/
}

div#main_navi dd a span:hover,div#main_navi dd a span:active{
        color: white;
        /*background-image: url(/images/management/bg_gnavipop_arrow_o.gif);*/
}

div#main_navi dl dt#topnav_001 a:hover,
div#main_navi dl dt#topnav_002 a:hover,
div#main_navi dl dt#topnav_003 a:hover,
div#main_navi dl dt#topnav_004 a:hover,
div#main_navi dl dt#topnav_005 a:hover,
div#main_navi dl dt#topnav_006 a:hover {
        /*background-position:0 -54px;*/
        background: #007297;
        color: white;
}
div#main_navi dl dt#topnav_001 a span:hover,
div#main_navi dl dt#topnav_002 a span:hover,
div#main_navi dl dt#topnav_003 a span:hover,
div#main_navi dl dt#topnav_004 a span:hover,
div#main_navi dl dt#topnav_005 a span:hover,
div#main_navi dl dt#topnav_006 a span:hover {
        color: white;
}

body#ct_menu div#main_navi dl dt#topnav_001 a,
body#ct_mypage div#main_navi dl dt#topnav_001 a,
body#ct_contents div#main_navi dl dt#topnav_002 a,
body#ct_communication div#main_navi dl dt#topnav_003 a,
body#ct_design div#main_navi dl dt#topnav_004 a,
body#ct_setup div#main_navi dl dt#topnav_005 a,
body#ct_member div#main_navi dl dt#topnav_006 a {
        /*background-position:0 -108px;*/
        background: #007297;
}
body#ct_menu div#main_navi dl dt#topnav_001 a span,
body#ct_mypage div#main_navi dl dt#topnav_001 a span,
body#ct_contents div#main_navi dl dt#topnav_002 a span,
body#ct_communication div#main_navi dl dt#topnav_003 a span,
body#ct_design div#main_navi dl dt#topnav_004 a span,
body#ct_setup div#main_navi dl dt#topnav_005 a span,
body#ct_member div#main_navi dl dt#topnav_006 a span {
        color: white;
}
body#ct_menu div#main_navi dl dt.topnav_001_cur a {
    color: white;
}

/*  ++++++++++++++++++++++++++++++
12. パンくず設定
++++++++++++++++++++++++++++++  */
.pnkz{
  margin-top:10px;
  background-color: #00a3de; /* blue */
  min-width:780px;
}

.pnkz > ul a{
  color: #006b92;
}
.pnkz > ul a:hover{
  color: #0090c4;
}

.pnkz > ul {
  list-style: none;
  display: inline-block;
  background-color: #fff;
  height:33px;
  margin-bottom: 0 !important;
}
.pnkz > ul > li {
  float: left;
  position: relative;
}
.pnkz > ul > li > a {
  display: block;
  background: #dddddd;
  text-decoration: none;
  position: relative;
  height: 33px;
  line-height: 33px;
  padding: 0 10px 0 3px;
  text-align: center;
  margin-right: 23px;
  font-size: 14px;
}
.pnkz > ul > li > a:before,
.pnkz > ul > li > a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #dddddd;
  border-width: 16px 10px 17px;
  width: 0;
  height: 0;
}
.pnkz > ul > li > a:before {
  left: -20px;
  border-left-color: transparent !important;
}
.pnkz > ul > li > a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #dddddd;
}

/* ホームボタン */
.pnkz > ul > li.first > a {
  display: inline-block;
  width: 55px;
  padding:0;
  background: url(/images/management/pnkz/btn_pnkz_home_focus.png) no-repeat;
  line-height:1;
}
.pnkz > ul > li.first > a:hover img{
  display: none;
}
.pnkz > ul > li.first > a:before {
  border: none;
}

/* 現在の画面 */
.pnkz > ul > li.current > a {
  padding-right: 15px;
  margin-right: 0;
  color:#FFFFFF; /* blue */
  background-color: #00a3de; /* blue */
  font-weight: normal;
}
.pnkz > ul > li.current a:before {
  border-color: #00a3de; /* blue */
}
.pnkz > ul > li.current > a:after {
  border: none;
}
/* ドロップダウンボタン */
.pnkz > ul > li.ddbtn {
  background-color: #00a3de; /* blue */
  height:33px;
  z-index:10;
}
.pnkz > ul > li.ddbtn >div {
  padding-top:5px;
}
.pnkz > ul > li.ddbtn > div > a {
  display: inline-block;
  border:1px solid #cccccc;  
  border-radius: 2px;
  padding: 5px 15px 4px 20px;
  margin: 0;
  background-color: #f1f1f1;
  background-image: none;
  font-size:12px;
  line-height:1;
  color: #006b92;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.pnkz li.ddbtn > div > a i {
  margin-right:0;
  margin-left:8px;
}
.pnkz  li.ddbtn > div > a:hover,
.pnkz li.ddbtn > div:hover > a  {
  color: #0090c4;
  background-color:#e1e4e5;
}
.pnkz > ul > li.ddbtn   a:before,
.pnkz > ul > li.ddbtn   a:after {
  border: none;
}

/* ドロップダウンメニュー */
.pnkz li .sub{
  display: none;
}
.pnkz li.ddbtn div a:hover ~ .sub,
.pnkz li.ddbtn div:hover .sub{
  display: block;
  min-width: 100%;
  white-space: nowrap;
  position: absolute;
  top: 28px;
  background-color: #fff;
  /* box-shadow */
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.25);
}
.pnkz li .sub a{
  display:block;
  background-color:#ffffff;
  padding:8px 15px 6px;
  line-height: 2;
  font-size: 14px;
  font-weight: normal;
}
.pnkz li .sub a:hover{
  background-color:#f1f1f1;
}


/* パンくず右 サブメニュー -------*/
.pnkz .right-nav{
  float: right;
  position: relative;
}
.pnkz .right-nav .nav-box{
  display: none;
  position: absolute;
  top: 33px;
  right: 0;
  font-size: 12px;
  line-height: 1.6;
  background-color: #fff;
  width: 460px;
  /* box-shadow */
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.25);
  z-index:10;
}
.pnkz .right-nav > a{
  display: inline-block;
  width: 89px;
  height: 33px;
  background-image: url(/images/management/pnkz/btn_pnkz-rmenu_focus.png);
}
.pnkz .right-nav > a:hover img,
.pnkz .right-nav:hover > a img{
  display: none;
}
.pnkz .right-nav > a:hover ~ .nav-box,
.pnkz .right-nav:hover .nav-box{
  display: block;
}
.pnkz .right-nav .nav-box a:hover{
  text-decoration: underline;
}
.pnkz .right-nav .nav-box dt{
  background-color: #00a3de; /* blue */
  color: #fff;
  padding: 3px 10px 2px;
  font-weight: bold;
}
.pnkz .right-nav .nav-box dl.links dt{
  background-color: #00a3de; /* blue */
  color: #ffffff;
}
.pnkz .right-nav .nav-box dl.links dt a{
  color: #ffffff;
}
.pnkz .right-nav .nav-box dl.links dt a:hover{
  color: #ff8e51;
}
.pnkz .right-nav .nav-box dd{
  padding: 10px 5px;
}
.pnkz .right-nav .nav-box dd.form-warp{
  padding: 0px;
  background-color: #dddddd;
}
.pnkz .right-nav .nav-box dd.form-warp > div {
  padding:10px 10px 5px 10px;
}
.pnkz .right-nav .nav-box dd.form-warp > div:last-child {
  padding:5px 10px 10px;
}
.pnkz .right-nav .nav-box dd.form-warp select{
  width: 160px;
  margin-right: 10px;
}
.pnkz .right-nav .nav-box dd.form-warp input[type="text"]{
  width: 140px;
  height: 18px;
  vertical-align: top;
}
/*
.pnkz .right-nav .nav-box dd.form-warp .btn{
  vertical-align: top;
  height: 20px;
  padding: 0 10px;
  line-height: 20px;
}
.pnkz .right-nav .nav-box dd.form-warp .btn:hover{
  text-decoration: none;
}
*/

/* 質問するボタン */
.pnkz .right-nav .nav-box .question {
  background-color:#ffffff;
  padding:10px 10px 10px 10px !important;
}
.pnkz .right-nav .nav-box .question a {
  padding:4px 16px 3px;
  font-size:12px;
}

#subBox,div.list_right_bt,.pankuzu{
  width:97%;
  margin: 0 auto 5px auto;
}

ul.pankuzu{
  float:none;
}

div.list_right_bt{
  background-image:none;
  background-color:#ffcc66;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}



/*  ++++++++++++++++++++++++++++++
13. フッタ設定
++++++++++++++++++++++++++++++  */
#footer {
        position:absolute;
        bottom:0;
        width:100%;
        height: 33px;
        text-align: center;
        background-color: #ffffff;
        border-top:1px solid #bfbfbf;
        margin-top:25px;
}
address {
        font: normal 12px Verdana;
        padding: 9px 5px;
        color:#999999;
}
#footer a,#footer span {
        font: normal 10px Verdana;
        padding: 9px 3px;
}

/*  ++++++++++++++++++++++++++++++
14. 見出し
++++++++++++++++++++++++++++++  */
/* コンテンツ内 見出し */
div.list_main h3,
div.content_ec_menu h3,
div#content #main h3 {
  background-image: none;
  background-color: #f1f1f1;
  font-weight: bold;
  min-width: 750px;
  font-size: 13px !important;
  padding: 9px 0px 7px 10px;
  margin: 20px 0px 10px;
  clear: both;
  height:13px;
  color: #007bbb; /*blue*/
  border-top: 1px solid #007bbb; /*blue*/
  border-bottom: 1px solid #007bbb; /*blue*/
  text-align:left;
}
/* コンテンツ内見出し 開閉 */
.edit_close,
.edit_open {
  clear: both;
  position: relative;
}
.edit_contents {
  clear: both;
  position:relative;
}
.edit_close:hover h3,
.edit_close:hover p,
.edit_open:hover h3,
.edit_open:hover p {
  color: #00a3de; /*blue*/
  border-color: #00a3de; /*blue*/
  cursor:pointer;
}
.edit_close p,
.edit_open p.close {
  position: absolute;
  top:0;
  right:0;
  color:#006b92;
  margin-top:8px;
  padding:0 15px 0 12px;
}
.edit_close p i,
.edit_open p.close i {
  margin-left:10px;
}
div.list_main h3 span.link_button{font-weight: bold;float: left} /* 追加設定 */
div.list_main h3 a,
div.main_contents h3 a {
    float: right;
    margin-top: -5px;
    padding-right: 5px;
    margin-right: 5px;
} /* 追加設定 */
/*
#sel {
        background: #efefef;
        padding: 5px;
        margin-bottom: 5px;
}
*/

/* 小見出し */
div.edit_contents .title,
div.content_ec_menu h4 {
  color:#333333;
  font-weight:bold;
  font-size:12px;
  border-bottom:2px solid #7fbddd ; /* blue */
  margin:10px 3px;
  padding:5px 0;
}

/*  ++++++++++++++++++++++++++++++
15. グローバルナビゲーション
++++++++++++++++++++++++++++++  */
/* メインボタン */
div#main_navi{
  width:100%;
  min-width:780px;
  height:41px;
  background-color:#007BBB;
}
div#main_navi .navi_contents{
  width:97%;
  height:41px;
  margin:0 auto;
  position:relative;
  top:0;
  left:0;
  overflow:hidden; /* js で min-width 設定後 visible に切り替える */
}
.navi_contents > li {
    float: left;
    margin-right:5px;
}
.navi_contents > li > a {
    display: block;
    min-width:60px;
    height:41px;
    line-height:41px;
    background-color: #007BBB;
    text-align: center;
    margin:0;
    padding:0 10px;
    color: #fff;
    font-weight:bold;
}
@media screen and (max-width:950px){
  .navi_contents > li > a {
    min-width:30px;
    padding:0 5px;
  }
}
@media screen and (max-width:830px){
  .navi_contents > li > a {
    font-size:0.9em;
  }
}

.navi_contents > li:hover a,
.navi_contents .navi_btn.active > a {
    background-color:#fff;
    color:#007BBB;
}

/* 設定ボタン */
.navi_contents .navi_btn.fav {
  width:37px;
  float:right;
  overflow:hidden;
  margin:2px 0 0 0;
  
}
.navi_contents .navi_btn.fav a {
   display: block;
   width: 37px;
   height: 37px;
   background: url(/images/management/setting_icon.png) no-repeat left top;
   text-indent: 100%;
   white-space: nowrap;
   overflow: hidden;
   margin: 0;
   padding:0;
 }
.navi_contents .navi_btn.fav a:hover {
   background: url(/images/management/setting_icon_hover.png) no-repeat left top !important;
}

/* ドロップダウン設定 */
.navi_contents .first-layer,
.navi_contents .second-layer{
    height:100%;
    overflow:hidden;
    visibility:hidden;
    opacity: 0;
    min-width: 120px;
    position: absolute;
    top: 41px;
    background: #fff;
    -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.25);
    -moz-transition:: all .3s ease .2s;
    -webkit-transition: all .3s ease .2s;
    transition: all .3s ease .2s;
}
.navi_contents .navi_btn:hover .first-layer {
    height:auto;
    overflow:visible;
    top: 41px;
    visibility: visible;
    opacity: 1;
}

.navi_contents .second-layer {
    top: 1px;
    left: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    z-index:100;
}
.navi_contents .second-layer ul {
    width:170px;
    float:left;
}
.navi_contents .first-layer li:hover .second-layer {
    height:auto;
    overflow:visible;
    visibility: visible;
    opacity: 1;
}
.navi_contents .first-layer li,
.navi_contents .second-layer li {
    background-color:#FFF;
    position: relative;
}
.navi_contents .first-layer li a,
.navi_contents .second-layer li a {
    display:block;
    color: #006b92;
    line-height: 1.4;
    font-size: 13px;
    padding: 10px 15px;
}
.navi_contents .first-layer li:hover > a,
.navi_contents .second-layer li a:hover {
    color: #0090c4;
    background-color: #F3F3F3;
}
/* 1階層目が長すぎる時の対策 
div#layout {
    overflow:hidden;
}
*/

/* 2階層目あり */
.navi_contents .has-sub-content > a{
    padding-right:30px !important;
}
.navi_contents .has-sub-content > a:after {
    position: absolute;
    top: 13px;
    right: 10px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0da";
}
/* floatクリア */
.navi_contents:before,
.navi_contents:after {
    content: " ";
    display: table;
}

.navi_contents:after {
    clear: both;
}

.navi_contents {
    *zoom: 1;
}

.init-right:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*  ++++++++++++++++++++++++++++++
16. メッセージボックス
++++++++++++++++++++++++++++++  */

/* メッセージテーブル */
.msgtable {
  width:60%;
  margin: 5px 0 25px 0 !important;
  padding:5px 0 8px;
  background-color: #ffffff;
  border-radius: 2px;
  border: solid 2px #2d6bb3;
}
.msgtable td {
  padding:0 !important;
  background-color:#FFFFFF !important;
}
.msgtable li {
  padding:5px 5px 0;
  vertical-align:30%;
}
.msgtable i {
  vertical-align:-15%;
  font-size:150%;
  color:#2d6bb3;
}

/* メッセージボックス コンテンツ */
#message {
  width:530px;
  margin:50px auto;
  border:2px solid #2d6bb3;
  border-radius:2px;
  text-align:center;
}
#messeage_box {
  padding:20px;
}


/* 更新しました */
#update_box {
    width:530px;
    height:115px;
    margin:50px auto;
    border:3px solid #2d6bb3;
    border-radius:3px;
}
#updatemsg {
  width:260px;
  margin-left:220px;
  padding-top:30px;
  font-size:100%;
  color:#333333;
}
/* 更新しました　見出しのみ目立つように */
#updatemsg .caption {
  font-size:166%;
  font-weight:bold;
  line-height:1.6;
  color:#71be54;
}
#updatemsg .caption span {
  font-size:70%;
  font-weight:normal;
  color:#333333;
}
#updatemsg a {
  text-decoration:underline;  
}

/* エラーメッセージテーブル */
.errtable {
  width:60%;
  margin: 5px 0 25px 0 !important;
  padding:0 0 10px;
  background-color: #ffffff;
  border: solid 1px #e60000;
  border-radius: 2px;
}
.errtable td {
  background-color:#ffffff !important;
  text-align:center !important;
}
.errmsg {
  color:#e60000;
  font-size:117%;
  text-align:center;
  padding:15px 0 2px !important;
}
.errmsg i {
  font-size:136%;
}
.errtable li {
  padding:5px 5px 0;
}

/* アラートテーブル */
.alerttable {
  width:100%;
  margin: 5px 0 25px 0 !important;
  padding:0 0 10px;
  background-color: #ffffff;
  border: solid 1px #e60000;
  border-radius: 2px;
  text-align:center;
}
.alertmsg {
  color:#e60000;
  font-size:117%;
  text-align:center;
  padding:15px 0 2px !important;
}
.alertmsg i {
  font-size:136%;
}
.alertmsg li {
  padding:5px 5px 0;
}

/* ------メッセージ表示部分------ */
.wizardtable {margin: 5px 0 5px 0;background-color: #90EE90; border: solid 2px #228B22;}
.step {font-weight: bold; color: #228B22;}
/* ------メッセージ表示部分------ */

/*  ++++++++++++++++++++++++++++++
17. ボタン共通
++++++++++++++++++++++++++++++  */
.btn,
.rcms_btn,
.buttonbox button /* 旧バージョン互換用 */
{
  display: inline-block;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border-width:1px;
  border-style:solid; 
  border-radius: 2px;
}
.btn:hover {
  text-decoration:none !important;
}
/* 旧バージョン互換用 */
.buttonbox button {
  color:#2d6bb3;
  border:1px solid #2d6bb3;
  background-color:#FFFFFF;
}
.buttonbox button:hover {
  color:#639bdb;
  border: 1px solid #639bdb;
}
.buttonbox button:active,
.buttonbox button:focus {
  color:#24568f;
  border: 1px solid #24568f;
  background-color:#e5e5e5;
}

/* ------ 枠ボタン ------ */
/* 通常ボタン (青枠ボタン) */
.btn.blue,
.rcms_btn {
  color:#2d6bb3;
  border: 1px solid #2d6bb3;
  background-color:#FFFFFF;
}
.btn.blue:hover,
.rcms_btn:hover {
  color:#639bdb;
  border: 1px solid #639bdb;
}
.btn.blue:active,
.btn.btn:focus,
.rcms_btn:active,
.rcms_btn:focus {
  color:#24568f;
  border: 1px solid #24568f;
  background-color:#e5e5e5;
}
/* 通常ボタン (青枠ボタン) 旧バージョン互換用*/
.actbtn .btn,
.actbtn .btn:link,
.actbtn .btn:visited {
  color:#2d6bb3;
  border: 1px solid #2d6bb3;
  background-color:#FFFFFF;
}
.actbtn .btn:hover {
  color:#639bdb;
  border: 1px solid #639bdb;
}
.actbtn .btn:active,
.actbtn .btn:focus {
  color:#24568f;
  border: 1px solid #24568f;
  background-color:#e5e5e5;
}
/* 赤枠 */
.btn.red,
.rcms_btn.danger {
  color:#CC4747;
  border:1px solid #CC4747;
  background-color:#FFFFFF;
}
.btn.red:hover,
.rcms_btn.danger:hover {
  color:#d66c6c;
  border-color:#d66c6c;
}
.btn.red:active,
.btn.red:focus,
.rcms_btn.danger:active,
.rcms_btn.danger:focus {
  color:#b74040;
  border-color:#b74040;
  background-color:#DCDCDC;
}

/* ------ 塗ボタン ------ */
/* 青塗 */
.btn.blue-f,
.btn.blue-f:link,
.btn.blue-f:visited,
.rcms_btn.success {
  color:#FFFFFF;
  background-color:#2d6bb2;
  border:none !important;
}
.btn.blue-f:hover,
.rcms_btn.success:hover {
  background-color:#5789c2;
  color:#FFFFFF;
}
.btn.blue-f:active,
.btn.blue-f:focus,
.rcms_btn.success:active,
.rcms_btn.success:focus {
  color:#CCCCCC;
  background-color:#24568f;
}
/* オレンジ塗 */
.actbtn .orange-f,
.actbtn .orange-f:link,
.actbtn .orange-f:visited,
.rcms_btn.primary {
  color:#FFFFFF;
  background-color:#ff7226;
  border:none;
}
.actbtn .orange-f:hover,
.rcms_btn.primary:hover{
  color:#FFFFFF;
  background-color: #ff8e51;
}
.actbtn .orange-f:active,
.actbtn .orange-f:focus,
.rcms_btn.primary:active,
.rcms_btn.primary:focus {
  background-color: #e56622;
}

/*  ++++++++++++++++++++++++++++++
18. データテーブル
++++++++++++++++++++++++++++++  */
/* セル共通 */
.dataTable td,
.dataTable th {
  /*background:none !important;*/
  /*border-right:3px solid #ffffff !important;*/
  /*padding:4px 8px !important;*/
  /*height:20px;*/
}

/* ヘッダセル */
.dataTable th {
  border-bottom:2px solid #00a3de !important; /* blue */
  border-right:3px solid #ffffff !important;
}
.dataTable thead:first-child {
  background:#f1f1f1;
}
.DTFC_LeftBodyLiner > table > thead > tr,
.DTFC_LeftBodyLiner > table > thead > tr > th,
table#pageListTable > thead > tr,
table#pageListTable > thead > tr > th {
  background-color: #FFFFFF !important;
  height:0 !important;
  border-bottom:none !important;
  padding:0 8px !important;
}
.DTFC_LeftBodyLiner > table > tbody > tr > td {
  vertical-align:middle !important;  
}
/* データセル */
.dataTable tr {
  /*height:34px !important;*/
}
.dataTable tr.odd {
  background:#ffffff;
}
.dataTable tr.even {
  background:#f1f1f1;
}
.dataTable tr.spacer,
.dataTable tr.spacer td {
  height:14px !important;
  padding:4px 8px !important;
}
.dataTable td {
  border-top:none !important;
}

/* テーブル左端 */
.dataTable tbody tr td:first-child {
  border-left:none !important;
}

/* DataTables */
.dataTable thead > tr > th,
.dataTable tbody > tr > td {
    white-space: nowrap;
}
.dataTable tbody > tr:hover > td,
.dataTable tbody > tr.hover > td {
    background-color: #ffe0cc;
}
.dataTable tbody > tr.selected{
    background-color: #cccccc !important;
}

div.list_main .dataTables_wrapper table {
    margin: auto;
}
#pageListTable tbody > tr > td {
    min-height: 25px !important;
    white-space: nowrap;
}
thead > tr > th {
    white-space: nowrap;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none !important;
}

.dataTables_scrollHeadInner thead th {
    cursor: move !important;
}
/* 検索ボタン */
#pageListTable_filter {
  padding:8px 0 !important;
}
/*#pageListTable_filter input[type="search"] {
    height: 24px !important;
}*/
#pageListTable_filter button {
  color:#2d6bb3;
  border: 1px solid #2d6bb3;
  background-color:#FFFFFF;
  border-radius:2px;
  padding:3px 8px 2px !important;
  line-height:12px;
  height:19px;
}
#pageListTable_filter button:hover {
  color:#639bdb;
  border: 1px solid #639bdb;
}
#pageListTable_filter button:active,
#pageListTable_filter button:focus {
  color:#24568f;
  border: 1px solid #24568f;
  background-color:#e5e5e5;
}

/*  ++++++++++++++++++++++++++++++
19. メニュー一覧
++++++++++++++++++++++++++++++  */
#content #mainnav li {
  float:left;
  width:300px;
  border-bottom:2px dotted #007bbb; /* blue */
  margin:0 24px 28px 0;
  padding-right:26px;
  line-height:1.5;
  position:relative;
}
#content #mainnav li a.link {
  display:inline-block;
  font-size:14px;
  font-weight:bold !important;
  height:14px;
  padding:4px 0 6px 0;
}
#content #mainnav li a.link span {
  display:inline-block;
  background:none !important;
  text-align:left;
  font-weight:bold;
  max-width:270px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
#content #mainnav li a i.fa-chevron-right {
  display:inline-block;
  margin-left:8px;
  position:absolute;
  top:12px;
}

#content #mainnav li i.help {
  font-size:14px;
  color:#999999;
  padding:0 0 0 4px;
  margin-right:0;
  position:absolute;
  right:0;
  bottom:7px;
}
#content #mainnav li i.help:hover {
  cursor:help;
  color:#ccc;
}

/* アイコン */
#content li a span:before {
  font: normal normal normal 18px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right:6px;
  font-size:18px;
  vertical-align:baseline;
}
/* アイコン > コンテンツ更新 */
#mainnav li a span:before {content: "\f0f6";} /* ダミー */
#mainnav li.mainnav_ec a span:before {content: "\f07a";}
#mainnav li.mainnav_api_instagram a span:before {content:"\f16d";}
#mainnav li.mainnav_blog a span:before {  content: "\f040";}
#mainnav li.mainnav_topics a span:before {  content: "\f0f6";}
#mainnav li.mainnav_staticcontents a span:before {  content: "\f121";}
#mainnav li.mainnav_photo a span:before {  content: "\f03e";}
#mainnav li.mainnav_calendar a span:before {  content: "\f073";}
#mainnav li.mainnav_location a span:before {  content: "\f041";}
#mainnav li.mainnav_jobs a span:before {content: "\f05a";}
#mainnav li.mainnav_companyinfo a span:before {content: "\f0f7";}
#mainnav li.mainnav_companyhistory a span:before {content: "\f0f7";}
#mainnav li.mainnav_gameamefoot a span:before {content: "\f11d";}
#mainnav li.mainnav_gamebaseball a span:before {content: "\f11d";}
#mainnav li.mainnav_gamerugby a span:before {content: "\f11d";}
#mainnav li.mainnav_gamesoccer a span:before {content: "\f11d";}
#mainnav li.mainnav_gamebasket a span:before {content: "\f11d";}
#mainnav li.mainnav_gamefutsal a span:before {content: "\f11d";}
#mainnav li.mainnav_gamemlacrosse a span:before {content: "\f11d";}
#mainnav li.mainnav_gameflacrosse a span:before {content: "\f11d";}
#mainnav li.mainnav_gamevolley a span:before {content: "\f11d";}
#mainnav li.mainnav_gamesimple a span:before {content: "\f11d";}
#mainnav li.mainnav_gametennis a span:before {content: "\f11d";}
#mainnav li.mainnav_leaguerugby a span:before {content: "\f091";}
#mainnav li.mainnav_leaguebaseball a span:before {content: "\f091";}
#mainnav li.mainnav_gametabletennis a span:before {content: "\f11d";}
#mainnav li.mainnav_convention a span:before {content: "\f091";}
#mainnav li.mainnav_teamamefoot a span:before {content: "\f0c0";}
#mainnav li.mainnav_teambaseball a span:before {content: "\f0c0";}
#mainnav li.mainnav_teamrugby a span:before {content: "\f0c0";}
#mainnav li.mainnav_teamsoccer a span:before {content: "\f0c0";}
#mainnav li.mainnav_teambasket a span:before {content: "\f0c0";}
#mainnav li.mainnav_teamfutsal a span:before {content: "\f0c0";}
#mainnav li.mainnav_teamlacrosse a span:before {content: "\f0c0";}
#mainnav li.mainnav_teamflacrosse a span:before {content: "\f0c0";}
#mainnav li.mainnav_teamvolley a span:before {content: "\f0c0";}
#mainnav li.mainnav_teamtennis a span:before {content: "\f0c0";}
#mainnav li.mainnav_catalog a span:before {content: "\f022";}
#mainnav li.mainnav_csvtable a span:before {content: "\f0ce";}
#mainnav li.mainnav_staticpage a span:before {content: "\f121";}
#mainnav li.mainnav_season a span:before {  content: "\f1ea";}
#mainnav li.mainnav_keyword a span:before {content: "\f02d";}
#mainnav li.mainnav_link a span:before {content: "\f0c1";}
#mainnav li.mainnav_movie a span:before {content: "\f03d";}
#mainnav li.mainnav_rss a span:before {  content: "\f09e";}
#mainnav li.mainnav_music a span:before {content: "\f001";}
#mainnav li.mainnav_fileserver a span:before {content: "\f115";}
#mainnav li.mainnav_program a span:before {content: "\f1b2";}
#mainnav li.mainnav_banner a span:before {content: "\f0c8";}
#mainnav li.mainnav_help a span:before {content: "\f128";}
#mainnav li.mainnav_api_hotpepper a span:before {content: "\f0f5";}
#mainnav li.mainnav_api_gnavi a span:before {content: "\f0f5";}
#mainnav li.mainnav_api_photozou a span:before {content: "\f03e";}
#mainnav li.mainnav_shopping a span:before {content: "\f07a";}
#mainnav li.mainnav_api_youtube a span:before {content: "\f16a";}
#mainnav li.mainnav_api_general a span:before {content: "\f0ec";}
#mainnav li.mainnav_realestate a span:before {content: "\f0f6";}
#mainnav li.mainnav_manual a span:before {content: "\f0f6";}
#mainnav li.mainnav_restaurant a span:before {content: "\f0f5";}
#mainnav li.mainnav_restaurant_menu a span:before {content: "\f0f5";}
#mainnav li.mainnav_coupon a span:before {content: "\f06b";}
#mainnav li.mainnav_seminar a span:before {content: "\f133";}
#mainnav li.mainnav_tag a span:before { content : "\f02c"}
#mainnav li.mainnav_scraping a span:before {content: "\f085";}
/* アイコン > コミュニケーション */
#mainnav li.mainnav_inquiry a span:before {content: "\f003";}
#mainnav li.mainnav_bbs a span:before {content: "\f0e6";}
#mainnav li.mainnav_survey a span:before {content: "\f128";}
#mainnav li.mainnav_magazine a span:before {content: "\f003";}
#mainnav li.mainnav_comment a span:before {content: "\f10e";}
#mainnav li.mainnav_tb a span:before {content: "\f0ec";}
#mainnav li.mainnav_tasklist a span:before {content: "\f046";}
#mainnav li.mainnav_intro a span:before {content: "\f080";}
#mainnav li.mainnav_reserve a span:before {content: "\f133";}
#mainnav li.mainnav_parts a span:before {content: "\f12e";}
#mainnav li.mainnav_cart a span:before {content: "\f07a";}
#mainnav li.mainnav_vote a span:before {content: "\f200";}
#mainnav li.mainnav_api_twitter a span:before {content: "\f099";}
#mainnav li.mainnav_social a span:before {content: "\f1e0";}
#mainnav li.mainnav_api_facebook a span:before {content: "\f082";}
#mainnav li.mainnav_smartpush a span:before {content: "\f0a2";}
/* アイコン > デザイン */
#mainnav li.mainnav_page a span:before {content: "\f0e8";}
#mainnav li.mainnav_design a span:before {content: "\f121";}
#mainnav li.mainnav_layout a span:before {content: "\f121";}
#mainnav li.mainnav_headerfooter a span:before {content: "\f121";}
#mainnav li.mainnav_templateedit a span:before {content: "\f121";}
#mainnav li.mainnav_simple_file a span:before {content: "\f0ad";}
#mainnav li.mainnav_navigation a span:before {content: "\f121";}
#mainnav li.mainnav_filemanager a span:before {content: "\f115";}
/* アイコン > サイト基本設定 */
#mainnav li.mainnav_api_googleanalytics a span:before {content: "\f200";}
#mainnav li.mainnav_site a span:before {content: "\f0ca";}
#mainnav li.mainnav_moduleedit a span:before {content: "\f0ca";}
#mainnav li.mainnav_seo a span:before {content: "\f0ca";}
#mainnav li.mainnav_mailtemplateedit a span:before {content: "\f003";}
#mainnav li.mainnav_mixi a span:before {content: "\f0e5";}
#mainnav li.mainnav_output a span:before {content: "\f019";}
#mainnav li.mainnav_batch a span:before {content: "\f120";}
#mainnav li.mainnav_lpo a span:before {content: "\f0ca";}
#mainnav li.mainnav_pageredirect a span:before {content: "\f064";}
/* アイコン > メンバー管理 */
#mainnav li.mainnav_member a span:before {content: "\f007";}
#mainnav li.mainnav_group a span:before {content: "\f0c0";}
#mainnav li.mainnav_login_history a span:before {content: "\f1da";}
#mainnav li.mainnav_memberregist a span:before {content: "\f0fe";}
#mainnav li.mainnav_onetime a span:before {content: "\f13e";}
#mainnav li.mainnav_approvalflow a span:before {content: "\f161";}
#mainnav li.mainnav_membermail a span:before {content: "\f003";}

/* bootstrap の tooltip がうまく動かないので調整 */
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  visibility: visible;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

div#loggedin_admins_wrapper{
  float:left;
  margin: 6px 0 0 10px;
}

/* 調整終わり */

/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
20. コントロール系
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

/*  ++++++++++++++++++++++++++++++
21. アクションボタン
++++++++++++++++++++++++++++++  */
/* アクションボタンエリア設定 */
.actbtn {
  margin:0 auto 15px;
}
/* アクションボタン共通設定 */
.actbtn .btn,
.actbtn .rcms_btn {
  min-width:100px;
  height:20px;
  padding: 0 12px;
  margin: 0 4px 0 0;
  font-size: 12px;
  line-height: 20px;
  box-sizing:border-box;
}

/* 青塗りボタン */
.actbtn .blue-f,
.actbtn .blue-f:link,
.actbtn .blue-f:visited {
  color:#FFFFFF;
  background-color:#2d6bb2;
}
.actbtn .blue-f:hover {
  background-color:#5789c2;
}
.actbtn .blue-f:active,
.actbtn .blue-f:focus {
  color:#CCCCCC;
  background-color:#24568f;
}

/*  ++++++++++++++++++++++++++++++
22. ページャー
++++++++++++++++++++++++++++++  */
.page_links {
  margin:16px 0 4px;
  font-size: 12px;
  clear: both;
}
table + .page_links {
  margin:-4px 0 12px;
}
.page_links .summary {
  color:#333333;
  margin-right:16px;
}
.page_links a.page,
.page_links span.current {
  display:inline-block;
  min-width:16px;
  height:16px;
  margin:0 3px;
  background-color:#ffffff;
  border:1px solid #cccccc;
  text-align:center;
  line-height:18px;
  letter-spacing:-1px;
  padding-right:2px;
}
.page_links span.current {
  font-weight:bold;
  border-color:#2d6bb3;
  background-color:#2d6bb3;
  color:#ffffff;
}
.page_links a.first {
  margin-right:10px;
}
.page_links a.back {
  margin-right:8px;
}
.page_links a.next {
  margin-left:8px;
}
.page_links a.last {
  margin-left:10px;
}
/* アイコン設定 */
.page_links a.first span:before,
.page_links a.back span:before,
.page_links a.next span:after,
.page_links a.last span:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin:0 3px;
}
.page_links a.first span:before {
  content: "\f100";
}
.page_links a.back span:before {
  content: "\f104";
}
.page_links a.next span:after {
  content: "\f105";
}
.page_links a.last span:after {
  content: "\f101";
}

/*  ++++++++++++++++++++++++++++++
23. 検索ボックス
++++++++++++++++++++++++++++++  */
fieldset.search_box {
  background-color:#EEE;
  border: solid #D5D5D5 1px;
  padding: 8px 150px 8px 10px;
  border-radius:2px;
  position:relative;
  min-height:28px;
  line-height:28px !important;
  font-size:11px;
  margin-bottom:15px;
  z-index:1;
}
fieldset.search_box input,
fieldset.search_box select {
  margin-right:10px;
}
fieldset.search_box input[type="text"] {
  margin-left:3px;
}
/* 検索ボタン */
fieldset.search_box input[type="submit"]{
  bottom:10px;
  right:15px;
  width:160px;
  height:24px;
  color:#2d6bb3;
  border:1px solid #2d6bb3;
  background-color:#ffffff;
  margin:0;
  font-size:12px;
  outline:none;
}
fieldset.search_box input[type="submit"]:hover {
  color:#639bdb;
  border: 1px solid #639bdb;
}
fieldset.search_box input[type="submit"]:active,
fieldset.search_box input[type="submit"]:focus {
  color:#24568f;
  border: 1px solid #24568f;
  background-color:#e5e5e5;
}


/* 利用場所不明 ? */
div.search_box {
  background-color:#EEE;
  border:solid #D5D5D5 1px;
  padding: 4px 5px 4px 5px;
  margin-bottom: 10px;
}
div.search_box table {}
div.search_box table th {background-color: #EEE;}
div.search_box table td {background-color: #f3f3f3 ;}

/*  ++++++++++++++++++++++++++++++
24. ページ下部操作ボタン
++++++++++++++++++++++++++++++  */
/* ボタンエリア */
.buttonbox,
.buttonbox_unfix{
  float:left;
  width:100%;
  background-color:#EEEEEE;
  border:1px solid #CCCCCC;
  clear:both;
  margin:20px 0 0 0;
}
.buttonbox ul, 
.buttonbox_unfix ul{
  float:left;
  padding:10px 15px;
  width:100%;
  box-sizing:border-box;
}
.buttonbox li,
.buttonbox_unfix li{
  float: left;
  text-align: center;
}
.buttonbox p, 
.buttonbox_unfix p{
  float: left;
  color:#666666;
  height: 32px;
  line-height: 32px;
  margin-right:8px;
}
.buttonbox.fixed {
  width: 98%;
  position: fixed;
  bottom: 0;
}

.buttonbox .update_comment_link {
  display: none;
}
.buttonbox.fixed .update_comment_link {
  display: block;
}
.update_comment_link a {
  display:block;
  font-size:14px;
  padding-top:8px;
  cursor: pointer;
}
/* 下部ボタン共通設定 */
.buttonbox .btn,
.buttonbox .rcms_btn,
.buttonbox button, /* 旧バージョン互換用 */
.buttonbox_unfix .btn,
.buttonbox_unfix .rcms_btn,
.buttonbox_unfix button /* 旧バージョン互換用 */
{
  float: left;
  height: 32px;
  min-width: 100px;
  margin-right: 15px;
  padding:0 12px;
  border-radius: 3px;
  font-size: 15px;
  line-height:13px;
}
.buttonbox li:last-child button,
.buttonbox ul > button:last-child {
  margin-right:0;
}
/* 公開ボタン */
.buttonbox #list_action_open {
  margin-right:5px;
}
/* 削除ボタン */
.buttonbox #list_action_delete {
  margin-right:30px;
}

/*  ++++++++++++++++++++++++++++++
25. JQuery 上書き
++++++++++++++++++++++++++++++  */
/* 管理画面設定 > お気に入り一覧 */
.ui-widget-header {
  background:#007bbb; /* blue */
}
.ui-widget-header a:hover {
  color: #ff8e51;
}
.ui-state-default {
  color:#007bbb; /* blue */
}
.ui-state-hover,.ui-state-highlight {
  background:#ffe0cc;
}
.ui-state-default .ui-icon {
  background-image: url("/js/jqueryUi/1.11.4/images/ui-icons_007bbb_256x240.png") ; /* blue */
}

/*  ++++++++++++++++++++++++++++++
26. 関連するタグ
++++++++++++++++++++++++++++++  */
#tagsinput > div {
  clear:both;
  margin-bottom:10px;
  margin-left:8px;
}
#tagsinput > div > h4 {
  color: #333;
  font-weight:bold;
  font-size:12px;
  border-bottom: 2px solid #a5d24a;
  margin-bottom:5px;
  padding-bottom:3px;
}
#tagsinput div.tag_child > h4:before,
#tagsinput div.tag_grand_child > h4:before {
  content:"∟";
  vertical-align:text-top;
  margin-right:2px;
  font-size:0.5em;
}
#tagsinput div.tag_child {
  padding-left:24px;  
}
#tagsinput div.tag_grand_child {
  padding-left:48px; 
}


/* タグ入力
---------------------------------------------------------------- */
div.tagsinput{
    padding: 3px 0px 3px 0px;
    border:none;
    background: #FFF;
    overflow-y: auto;
}

span.tags_title {
    border:solid px #000;
    background-color: #FEDF6A;
    font-size: 12px;
    padding: 3px 10px 3px 10px;
    margin-top: 3px;
    margin-bottom:3px;
    float:left;
}

div.tags_seleted {
    background: #FFF;
    border: 1px solid #ccc;
    overflow: auto;
    font-size: 14px;
    letter-spacing: 0.1em;
    padding: 3px 3px 3px 5px;
    margin: 3px 0;
}

div.tagsinput span.tag,
div.tagsinput span.not_tag,
div.tagsinput span.add,
div.tags_seleted span.tag {
    cursol:pointer;
    border: 1px solid #a5d24a;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    display: inline-block;
    padding: 5px;
    text-decoration:none;
    background: #cde69c;
    color: #638421;
    margin-right: 5px;
    margin-bottom:5px;
    font-size:13px;
}

div.tagsinput span.not_tag{
    background: #FFFFFF;
    cursor: pointer;
}

span.tag{
    cursor: pointer;
}

div.tagsinput span.add {
    border: 1px solid #FFF;
    background: #FFF;
}

div.tags_seleted span.tag {
    border:none;
    padding: 2px;
    font-weight:bold;
    background: #FFFFFF;
    margin-right: 1px;
    margin-bottom:3px;
    font-size:14px;
    cursor: default;
}

/*  ++++++++++++++++++++++++++++++
27. 部品
++++++++++++++++++++++++++++++  */

/* ローディング */
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.loading-wheel {
    position: absolute;
    top: 100px;
    right: 100px;
    background-color: rgba(0, 0, 0, 0.2);
    text-align: center;
    padding: 30px 40px;
}
.loading-wheel > i {
    color: #007297;
    font-size: 6em;
    text-shadow: #FFF 1px 1px 0px, #FFF -1px 1px 0px, #FFF 1px -1px 0px, #FFF -1px -1px 0px;
}
.loading-wheel > p {
    color: #007297;
    font-size: 13px;
    margin: 15px 0 0 0;
    text-shadow: #FFF 1px 1px 0px, #FFF -1px 1px 0px, #FFF 1px -1px 0px, #FFF -1px -1px 0px;
}
.modal-content {
    position: relative;
}
.loading-wheel-center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

/*  ++++++++++++++++++++++++++++++
28. ミニタブ
++++++++++++++++++++++++++++++  */
ul.minitabs {
  margin: 10px 0px;
  height: 24px;
  border-bottom: 1px solid #ccc;
  white-space:nowrap;
  overflow:visible;
  letter-spacing:-.40em;
}
ul.minitabs li {
  display:inline-block;
  letter-spacing:normal;
  margin:0 3px 0 0;
}
ul.minitabs a,
ul.minitabs a:visited,
ul.minitabs li span{
  float: left;
  min-width: 40px;
  height: 25px;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  background: #eee;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border:1px solid #ccc;
  padding:5px 6px;
  box-sizing:border-box;
}

ul.minitabs a.active,
ul.minitabs a:hover {
  color: #0090c4 !important;
  background: #fff;
  border-bottom-color:#fff;
}
ul.minitabs a.active {
  cursor:default;
}


/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
30. 各画面
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

/*  ++++++++++++++++++++++++++++++
31. ログイン関連
++++++++++++++++++++++++++++++  */
/* RCMS トップの案内 */
.rcms_info {
  margin:-25px auto 25px;
  padding: 15px 35px;
  width: 320px;
  background: #f1f1f1;
}
#content div .login {
  border:solid 1px #dddddd;
  border-radius: 6px;
  background-color: #FFFFFF;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  width: 460px;
  padding: 30px;
  margin:0 auto 20px;
}
.login form {
  margin:0;
}
/* フォーム部分 */
.login-form {
  width:350px;
  margin:0 auto;
}
.login #login_title {
  margin-bottom:30px;
  text-align:center;
  color:#2d6bb2; /* blue */
}
.login #login_title svg {
  width:36px;
  height:50px;
  fill: currentColor;
}
.login #login_title span{
  padding-left:10px;
  font-size:250%;
  font-weight:bold;
  vertical-align:30%;
}
.login h2#login_title span{
  font-size:180%;
}
.form-block {
  text-align:left;
}
.form-block .inputlabel {
  font-size:117%;
  font-weight: bold;
  margin-bottom:5px;
}
.form-block .inputlabel #login_save {
  margin-left:7px;
}
.form-block .inputlabel #login_save,
.form-block label[for="login_save"] {
  cursor:pointer;
}
.form-block .inputbox,
.form-block input[type="text"] {
  width: 328px;
  height:28px;
  padding:0 10px;
  margin-bottom:18px;
  border: 1px solid #cccccc;
  background-color:#f1f1f1;
}
.form-block textarea {
  width: 328px;
  height:70px;
  padding:0 10px;
  margin-bottom:18px;
  border: 1px solid #cccccc;
  background-color:#f1f1f1;
}

.form-block select {
  width: 328px;
  padding:0 10px;
  margin-bottom:18px;
  border: 1px solid #cccccc;
  background-color:#f1f1f1;
}

.form-block input.button {
  width:100%;
  height:30px;
  color:#FFFFFF;
  font-size:108%;
  background-color:#2d6bb2;
  border-radius:3px;
  outline:none;
  border:none;
  margin:20px 0 35px 0;
}
.form-block input.button:hover {
  background-color:#5789c2;
}
.form-block input.button:active,
.form-block input.button:focus {
  color:#CCCCCC;
  background-color:#24568f;
}

/* 登録画面 */
.form-block.regist p:first-child{
  font-size:108%;
  text-align:center;
  margin-bottom:45px;
}
.form-block.regist .inputlabel span[style] {
  font-size:85%;
  font-weight:normal !important;
  padding-left:5px;
}
.form-block.regist .checkbox_list {
  margin-bottom:15px;
}
.form-block.regist input[name="mailmaga_flg"]{
  margin-bottom:15px !important;
}
/* 招待メッセージ */
#invite_msg {
  width:520px;
  margin:20px auto;
  text-align:center;
}
#invite_msg .msgtable {
  width:100%;
  padding:10px 20px;
  box-sizing:border-box;
}
#invite_msg .msgtable .title {
  font-size:116%;
  line-height:1.5;
  border-bottom:2px solid #eeeeee;
  padding-bottom:8px;
  margin-bottom:10px;
  word-break: break-all;
}
#invite_msg .msgtable .mail span {
  font-size:116%;
  font-weight:bold;
}
/* リンク部分 */
.login-text {
  width:350px;
  text-align:left;
}
div.login-text > p {
  padding:0;
  font-size:108%;
  line-height:1.7;
}
div.login-text p i {
  width:10px;
  text-align:center;
  margin-right:5px;
}

/* フォームエリア外 */
.login_info {
  width:520px;
  margin:0 auto 30px;
  font-size:108%;
}
.login_gotop {
  font-size:108%;
}

/* そのほか */
.name {
    width: 50px;
    margin: 0 0 1em 0;
    border: 1px solid #cccccc;
    }

.clr {
    clear:both;
    }

.ctr {
    text-align: center;
}

/*  ++++++++++++++++++++++++++++++
32. EC
++++++++++++++++++++++++++++++  */
div.content_ec_menu #ec_index_group,
div.content_ec_menu #ec_order_group,
div.content_ec_menu #ec_setting_group,
div.content_ec_menu #ec_report_group {
  width:97%;
  margin:0 auto;
  clear:both;
}
div.content_ec_menu div.linkgroup {
  margin-left:10px;
}
div.content_ec_menu h4 {
  clear:both;
}
div.content_ec_menu ul.linkbtn {
  float:left;
  clear:both;
  margin:0 5px;
}
div.content_ec_menu ul.linkbtn li {
  float:left;
  margin:0 10px 10px 0;
}
div.content_ec_menu ul.linkbtn li.hint {
  clear:both;
}

div.content_ec_menu ul.linkbtn:after,
div.content_ec_menu div.linkgroup:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

div.content_ec_menu a.linkbutton {
  display: inline-block;
  padding: 6px 12px 5px;
  min-width:145px;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border-radius: 2px;
  color:#2d6bb3;
  border: 1px solid #2d6bb3;
  background-color:#FFFFFF;
}
div.content_ec_menu a.linkbutton:hover {
  color:#639bdb;
  border: 1px solid #639bdb;
}
div.content_ec_menu a.linkbutton:active,
div.content_ec_menu a.linkbutton:focus {
  color:#24568f;
  border: 1px solid #24568f;
  background-color:#e5e5e5;
}

/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
90. 未整理
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */


/*
                用途はコンテンツのタイトル名の表示です。
                例）メルマガモジュールでのメルマガタイトル、アンケートの調査名など
*/

div#content h3.title {
                background: #eee;
                border: 1px solid #ccc;
                font-size: 14px;
                letter-spacing: 0.1em;
                padding: 3px 3px 3px 5px;
                margin: 5px 0;
}

div#content h3 {font-size: 14px;}

div#content h3#menu_title {
                /*background: url(/images/management/bg_rcms.gif) 0 -779px no-repeat;*/
                border-top: solid 2px #f36312;
                background: #ffcc66;
                padding: 7px 0px 9px 20px;
                margin: 5px 0px 8px;
}



/* 通常のh3部分（右にボタンを含む）
-------------------------------------------------------------- */
div.list_right_bt {
                height: 30px;
                width: 780px;
                margin: 0px 0px 4px;
}
div.list_right_bt h2 {
                padding:10px 0 0 48px;
                float:left;
                font-size: 14px;
                height: 20px;
                margin-left: 10px;
}
div.list_right_bt ul {
                padding-top:4px;
                padding-right:10px;
                float:right;
}
div.list_right_bt ul li{
                height: 21px;
                min-width: 105px;
                margin-left: 5px;
                float: left;
                display : block ;
}

div.list_right_bt ul li a {
                height: 17px;
                min-width: 105px;
                margin-left: 5px;
                display : block ;
                padding-top: 4px;
}
div.list_right_bt ul li.normal a {
                /*background: url(/images/management/bt_back2.gif) no-repeat;*/
                background: #afd788; /* Old browsers */
                background: -moz-linear-gradient(top,  #afd788 0%, #8bc664 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afd788), color-stop(100%,#8bc664)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  #afd788 0%,#8bc664 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  #afd788 0%,#8bc664 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  #afd788 0%,#8bc664 100%); /* IE10+ */
                background: linear-gradient(to bottom,  #afd788 0%,#8bc664 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afd788', endColorstr='#8bc664',GradientType=0 ); /* IE6-9 */
                border-radius: 3px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border: solid 1px #eff8cd;
}
div.list_right_bt ul li.add a {
                /*background: url(/images/management/bt_back_add.gif) no-repeat;*/
                background: #afd788; /* Old browsers */
                background: -moz-linear-gradient(top,  #afd788 0%, #8bc664 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afd788), color-stop(100%,#8bc664)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  #afd788 0%,#8bc664 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  #afd788 0%,#8bc664 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  #afd788 0%,#8bc664 100%); /* IE10+ */
                background: linear-gradient(to bottom,  #afd788 0%,#8bc664 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afd788', endColorstr='#8bc664',GradientType=0 ); /* IE6-9 */
                border-radius: 3px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border: solid 1px #eff8cd;
}
div.list_right_bt ul li.view a {
                /*background: url(/images/management/bt_back_view.gif) no-repeat;*/
                background: #afd788; /* Old browsers */
                background: -moz-linear-gradient(top,  #afd788 0%, #8bc664 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afd788), color-stop(100%,#8bc664)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  #afd788 0%,#8bc664 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  #afd788 0%,#8bc664 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  #afd788 0%,#8bc664 100%); /* IE10+ */
                background: linear-gradient(to bottom,  #afd788 0%,#8bc664 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afd788', endColorstr='#8bc664',GradientType=0 ); /* IE6-9 */
                border-radius: 3px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border: solid 1px #eff8cd;
}
div.list_right_bt ul li a span {
                display: inline-block;
                /*padding-top: 3px;
                text-shadow:1px 1px white;*/
}
div.list_right_bt ul li.normal a span {
                padding-left: 10px;
                color: #000000;
}
div.list_right_bt ul li.add a span {
                adding-top: 3px;
                padding-left: 10px;
                color: #000000;
                margin-right: 8px;
}
div.list_right_bt ul li.view a span {
                adding-top: 3px;
                padding-left: 15px;
                color: #123466;
}
div.list_right_bt ul li a.big1 {
                background: url(/images/management/bt_back_big1.gif) no-repeat;
                display: block;
                height: 19px;
                width: 139px;
                float: left;
}
div.list_right_bt ul li a:hover {
                background-position:center bottom;
                background: #82cc39; /* Old browsers */
                background: -moz-linear-gradient(top,  #82cc39 0%, #68ba16 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82cc39), color-stop(100%,#68ba16)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  #82cc39 0%,#68ba16 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  #82cc39 0%,#68ba16 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  #82cc39 0%,#68ba16 100%); /* IE10+ */
                background: linear-gradient(to bottom,  #82cc39 0%,#68ba16 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82cc39', endColorstr='#68ba16',GradientType=0 ); /* IE6-9 */

}




/* ポップアップ用
------------------------------------------------------------- */
#content_pop {
                width: 560px;
                border: 1px solid #CC3300;
                margin: 5px 0 5px 5px;
                padding: 5px;
}
#content_pop div.list_right_bt {
                background: url(/images/management/h3back_mini.gif) no-repeat left bottom;
                width: 560px;
                height: 27px;
}
#content_pop div.list_right_bt h2 {
                padding:6px 0 0 10px;
}
#content_pop div.list_right_bt ul {
                padding-top: 3px;
}
#content_pop div.list_main {
                margin-bottom: 0px;
}

/* メニューアイコン
-------------------------------------------------------------*/
/*
div#content ul#mainnav {
                margin: 5px 0 0 0;
}
div#content ul#mainnav li {
                margin: 5px 5px 25px 5px;
                float: left;
                display: inline;
}
div#content ul#mainnav li a {
                display: block;
                width:95px;
                height: 14px;
                padding-top: 50px;
                color: #0033FF;
}
div#content ul#mainnav li a span {
                display: block;
*/
                /*background: url(/images/management/mainnav_back.gif) no-repeat center;*/
/*
                background: #e0e0e0;
                height: 10px;
                text-align: center;
                cursor: pointer;
                border-radius: 5px;
}
*/




div#content ul#subnav li,div#content ul#subnav li a{height: 20px;}


div#content ul#subnav {margin: 5px 0px 0px;}
div#content ul#subnav li {margin: 5px 5px;display: inline;}
div#content ul#subnav li a {width: 78px;display: block;float: left;margin-right: 10px;text-align: center;padding-top: 50px;color: #0033FF;}
div#content ul#subnav li a span {display: block;background: url(/images/management/mainnav_back.gif) no-repeat center;width: 78px;cursor: pointer;}



/* ----- ３カラムレイアウト ----- */
div#box {width:560px;float:left;}
div.center_box {width:420px;float:right;}
div.left_box {float: left;width: 128px;}
div.right_box {float: right;width: 125px;}
/* ----- ３カラムレイアウト ----- */



li.err_msg{
                color : red;
                font-weight:bold;
}






/* ----- テーブル設定 ----- */
table.gray_list {
                font-size: 11px;
                margin: 0px 0px 5px;
}
table.gray_list th {
                background: #ddd;
                padding: 2px;
                text-align: center;
}
table.gray_list td {
                border-bottom: 1px dotted #888;
                padding: 2px 2px 2px 4px;
}
tr.gray_cell td {background: #ccc;}
/* ----- テーブル設定 ----- */
/* ----- トップページ中央 ----- */





/* ----- トップページ左側 ----- */




p.new_message {
                background: #66CC00 url(/images/management/mail.gif) no-repeat 3px 4px;
                font-size: 10px;
                padding: 2px 2px 2px 20px;
                color: #0033FF;
                margin-top: 8px;
                margin-right: 0px;
                margin-bottom: 8px;
}
p.login_acc_txt {
                font-size: 11px;
                margin-bottom: 5px;
}

/* ----- トップページ左側 ----- */





/* ----- トップページ右側 ----- */

div.list_main {
                margin-bottom:5px;
                width: 100%;
}
div.list_main h3, h3.list_main_tit, div.list_main h3.big, h3.list_main_tit_big, div.draft_list h3{
    background-image: none;
    background-color: #f1f1f1;
    font-weight: bold;
    min-width: 750px;
    font-size: 13px !important;
    color: #007bbb;
    padding: 9px 0px 7px 10px;
    margin: 20px 0px 10px;
    clear: both;
    height:13px;
    border-top: 1px solid #007bbb;
    border-bottom: 1px solid #007bbb;
}

div.list_main h4.basic {
        font-weight: bold;
        font-size: 100%;
        background: url(/images/management/icon_h4.gif) no-repeat 5px;
        background-color: #FFEFCE;
        padding: 5px 0 4px 15px;
        margin: 20px 0 5px;
}


/* タブの下メニュー
--------------------------------------------------- */
ul.sub_tab {
                margin: 10px 0 0 0;
                background: url(/images/management/tab/tab_line.gif) repeat-y top right;
                height:21px;
}
ul.sub_tab li {
display:inline;
}
ul.sub_tab li a {
                float: left;
                padding: 3px 8px 3px 28px;
                height:15px;
                display: block;
                background: url(/images/management/tab/tab_bg.gif) no-repeat;
}
ul.sub_tab li#here a {
                background-position: left bottom;
}



ul.tabnavi {
                margin: 10px 0px;
                background: url(/images/management/tab/back.gif) no-repeat left bottom;
                height: 29px;
}
ul.tabnavi li {display:inline;}
ul.tabnavi li a {
                display: block;
                float: left;
                height: 22px
}
ul.tabnavi li a div {
                color: #666;
                font-weight: bold;
                padding-top: 5px;
                padding-left: 30px;
}
ul.tabnavi li.regist_001 a {background: url(/images/management/tab/bt_001.gif) no-repeat;width: 80px;}
ul.tabnavi li.regist_002 a {background: url(/images/management/tab/bt_002.gif) no-repeat;width: 80px;}
ul.tabnavi li.regist_003 a {background: url(/images/management/tab/bt_003.gif) no-repeat;width: 123px;}
ul.tabnavi li.regist_004 a {background: url(/images/management/tab/bt_004.gif) no-repeat;width: 89px;}
ul.tabnavi li.regist_005 a {background: url(/images/management/tab/bt_005.gif) no-repeat;width: 77px;}
ul.tabnavi li.regist_006 a {background: url(/images/management/tab/bt_006.gif) no-repeat;width: 57px;}
ul.tabnavi li.regist_007 a {background: url(/images/management/tab/bt_007.gif) no-repeat;width: 103px;}
ul.tabnavi li.regist_008 a {background: url(/images/management/tab/bt_008.gif) no-repeat;width: 57px;}
ul.tabnavi li.regist_009 a {background: url(/images/management/tab/bt_009.gif) no-repeat;width: 57px;}
ul.tabnavi li.regist_009 a {background: url(/images/management/tab/bt_010.gif) no-repeat;width: 57px;}
ul.tabnavi li.regist_011 a {background: url(/images/management/tab/bt_011.gif) no-repeat;width: 57px;}
ul.tabnavi li.regist_012 a {background: url(/images/management/tab/bt_012.gif) no-repeat;width: 57px;}
ul.tabnavi li.regist_000 a {background: url(/images/management/tab/bt_000.gif) no-repeat;width: 123px;}

ul.tabnavi li.regist_001 a:hover,
ul.tabnavi li.regist_002 a:hover,
ul.tabnavi li.regist_003 a:hover,
ul.tabnavi li.regist_004 a:hover,
ul.tabnavi li.regist_005 a:hover,
ul.tabnavi li.regist_006 a:hover,
ul.tabnavi li.regist_007 a:hover,
ul.tabnavi li.regist_008 a:hover,
ul.tabnavi li.regist_009 a:hover,
ul.tabnavi li.regist_010 a:hover,
ul.tabnavi li.regist_011 a:hover,
ul.tabnavi li.regist_012 a:hover,
ul.tabnavi li.regist_000 a:hover,
ul.tabnavi li#here a {background-position:center bottom;}

img.member_photo {
                background: #E1E1E1;
                padding: 10px;
                margin: 0px 10px 0px 0px;
                vertical-align: -20%;
}

div.list_main table {
                margin-bottom: 10px;
}
div.list_main table.not_list_main {
                margin-bottom: 0px;
}
div.list_main table td input,
div.member_regist table td select,
div.member_regist table td textarea,
input.custombtn1 { /* border: 1px solid #FF6600; */}

div.list_main table th {
                background: #ddd;
                padding: 8px;
                text-align: left;
                font-weight:bold;
                color:#555;
}
div.list_main table th.sub {
                border-bottom:1px dotted #dedccc;
}
div.list_main table.not_list_main th{ /*上記を打消し入れ子tableに使用*/
                background:none;
                padding: 0px;
                text-align: left!important;
}

div.list_main table td {padding: 8px;background: #f3f3f3;}
div.list_main table td.pv {
    text-align: right;
}
div.list_main table.not_list_main td{padding: 0px;background:none;} /*上記打消し入れ子tableに使用*/

.red {font-weight: bold;color: #FF0000;}
td.gray, tr.gray td {background: #D5D5D5!important;}
td.light_gray, tr.light_gray td{background: #f3f3f3;}

div.list_main span.contents_open{color: #00FF00;}
div.list_main span.contents_close{color: #FF0000;}
div.list_main span.contents_group{color: #FF00FF;}

.form_width_100 {width: 100%;}
.form_width_50 {width: 50%;}
.form_width_40 {width: 40%;}
.form_width_25 {width: 25%;}

p.bt_orange a {
                background: url(/images/management/bt_orange.gif) no-repeat bottom;
                height: 22px;
                width: 101px;
                display: block;
                color: #000000;
}
p.bt_green a {
                background: url(/images/management/bt_green.gif) no-repeat bottom;
                height: 22px;
                width: 101px;
                display: block;
                color: #000000;
}
p.bt_blue {
                background: url(/images/management/bt_blue.gif) no-repeat bottom;
                height: 17px;
                width: 120px;
                padding: 2px 0 0 20px;
}

p.bt_orange a span,
p.bt_green a span {
                display: block;
                padding-top: 4px;
                padding-left: 27px;
}
p.bt_orange a:hover,
p.bt_green a:hover {
                background-position:center top;
}
p.back {float: right;font: 10px Verdana;}
p.back a {
                background: url(/images/management/arrow_top.gif) no-repeat left center;
                display: block;
                padding: 0px 0px 0px 15px;
}
form.list_form input, form.list_form select {/*font-size: 14px; border: 1px solid #FF6600;*/}

ul.report {margin: 5px 0px 3px;}
ul.report li {display:inline;}

ul.report li a {
                color: #000000;
                background: url(/images/management/report_back.gif) no-repeat center center;
                display: block;
                width: 123px;
                padding: 2px 0px 3px;
                margin-right: 10px;
                font-size: 10px;
                text-align: center;
                float: left;
}






/* 記事編集ページ
---------------------------------------------- */

/* 改ページ */
.page_change {
        position: relative;
        background-color: #EEEEEE;
        padding: 10px 15px 0 15px;
}
.page_change .caption {
        width: 350px;
}
.page_change .delete_page {
        position: absolute;
        right: 15px;
}

/* テキスト・ファイル切り替えタブ*/
ul.topics_tab,
ul.topics_tab2 {
  padding-top:10px;
  height: 26px;
  border-bottom: 2px solid #007BBB; /*blue*/
}
ul.topics_tab li.text,
ul.topics_tab2 li.pdf,
ul.topics_tab li.pdf a,
ul.topics_tab2 li.text a,
ul.topics_tab li.extends a,
ul.topics_tab2 li.extends {
  display: block;
  float: left;
  font-size: 12px;
  font-weight:bold;
  height:26px;
  line-height:26px;
  padding:0 13px;
  border-top-left-radius: 3px; 
  border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px; 
}
ul.topics_tab li.text,
ul.topics_tab2 li.pdf {
  margin-right: 5px;
  color: #fff;
  background-color: #007BBB; /*blue*/
}
ul.topics_tab2 li.text a,
ul.topics_tab li.pdf a,
ul.topics_tab2 li.extends {
  margin-right: 5px;
  color: #007BBB;
  height:25px;
  line-height:25px;
  padding:0 12px;
  background-color:#FFFFFF;
  border:1px solid #007BBB; /*blue*/
}
ul.topics_tab2 li.text a:hover,
ul.topics_tab li.pdf a:hover,
ul.topics_tab li.extends a:hover {
  background-color:#007BBB; /*blue*/
  color: #fff;
}


form#kiji_itiran th, form#kiji_itiran td {text-align:center;}

div.kiji_hensyu_top, div.kiji_hensyu_bottom {background: #eee;padding: 10px;}
div.kiji_hensyu_top td {padding: 5px;}

div.kiji_hensyu_center {background: #eee;padding: 10px;margin-bottom: 20px;}
div.kiji_hensyu_center h3 {clear:both;}
div.kiji_hensyu_center h3 span, div.kiji_hensyu_bottom h3 span {display:none;}
div.kiji_hensyu_center h3 a, div.kiji_hensyu_bottom h3 a {text-align: right;display: block;font-size: 11px;margin: 2px 13px 0px 0px;}
div.kiji_hensyu_center h3.hensyu_01 {background: url(/images/management/title_hensyu_01.gif) no-repeat;height: 31px;}
div.kiji_hensyu_bottom h3.hensyu_02 {background: url(/images/management/title_hensyu_02.gif) no-repeat;height: 31px;}
div.hensyu_form {text-align:center;}
div.hensyu_form textarea {width:660px;height:400px;margin:5px 0;border: 1px solid #FF3300;}

div.kiji_hensyu_bottom h4 {background: #FEDF6A;padding: 3px 0px 3px 20px;}
div.kiji_hensyu_bottom ul{background: #FFFFFF;}
div.kiji_hensyu_bottom ul li {float: left;width: 140px;margin: 5px 0px 5px 20px;}
div.kiji_hensyu_bottom ul li a {
                background: url(/images/management/bt_sakujo.gif) no-repeat;
                width: 49px;
                height: 19px;
                display: block;
                margin-left: auto;
}
div.kiji_hensyu_bottom ul li a:hover {background-position:center bottom;}
div.kiji_hensyu_bottom ul li a span {
                font-size: 10px;
                display: block;
                padding: 2px 0px 0px 18px;
                color: #000000;
}
div.kiji_hensyu_bottom div {
                background-color:#FFFFFF;
}
div.kiji_hensyu_bottom table{
                margin:10px;
}
div.kiji_hensyu_bottom td{}

ul.bt_orange,
ul.bt_orange_big {
                display:inline;
}
ul.bt_orange li,
ul.bt_orange_big li {
                display:inline;
}
ul.bt_orange li a {
                background: url(/images/management/bt_orange.gif) no-repeat bottom;
                height: 22px;
                width: 101px;
                display: block;
                color: #000000;
                float: left;
                margin: 0px 0px 0px 5px;
}
div.bt_orange_std a {
                background: url(/images/management/bt_orange.gif) no-repeat bottom;
                height: 22px;
                width: 101px;
                display: inline;
                color: #000000;
                margin: 0px 0px 0px 5px;
}

ul.bt_orange li#bt_orange_big a,
ul.bt_orange_big li a {
                background: url(/images/management/bt_orange_big.gif);
                height: 22px;
                width: 159px;
                display: block;
                color: #000000;
                float: left;
                margin: 0px 0px 0px 5px;
}

ul.bt_orange li#bt_orange_big2 a {
                background: url(/images/management/bt_orange_big2.gif);
                height: 22px;
                width: 199px;
                display: block;
                float: left;
}

ul.bt_orange li#bt_orange_big a:hover,
ul.bt_orange_big li a:hover {
                background-position:center bottom;
}
ul.bt_orange li a span,
ul.bt_orange_big li a span {
                display: block;
                padding-top: 4px;
                padding-left: 27px;
}
ul.bt_orange a:hover,
ul.bt_orange_big a:hover {
                background-position:center top;
}

div.kiji_hensyu_bottom2 {margin: 20px;}
div.kiji_hensyu_bottom2 table th {background: #FEDF6A;padding: 8px;text-align: right;}
div.kiji_hensyu_bottom2 table td {padding: 8px;}
div.kiji_hensyu_bottom2 table.innner_table{}
div.kiji_hensyu_bottom2 table.innner_table td{padding:0px;}

.two_col table.table_extension_10 {
  width:100%;
  border:1px solid;
  border-collapse:collapse;
}

.two_col table.table_extension_10 th,
.two_col table.table_extension_10 td {
  border:1px solid;
  border-collapse:collapse;
  width:auto;
}

/* ----- 記事編集ページ ----- */

/* ------更新/削除等　ボタン配置部分------ */
div.btn_box_bottom {padding-top:5px; margin-top:10px; margin-bottom: 10px; border-top:solid #EC661B 1px;}
/* ------更新/削除等　ボタン配置部分------ */

/* ------得点表------ */
table.tokuten{
                background-color: #CCCCCC;
}
table.tokuten td{
                border: solid #FFFFFF 1px;
                background: #D5D5D5;
}
/* ------得点表------ */

.required {
 color: #FF0000;
 font-size: 0.875em;
 margin-left: 5px;
}


span.relationItem {
                margin: 3px 5px 3px 5px;
                padding: 4px;
}

/* ------ファイル管理------ */
#fileserver_list a span, #fileserver_file_move_sel a span {
                display: inline;
                margin-left: 5px;
}

/* フォルダツリーで選択されているフォルダ */
#fileserver_list div.focus_folder span {
                font-weight: bold;
                color: #000;
}

#fileserver_list span.focus_folder {
                font-size:1.2em;
                font-weight: bold;
}
#fileserver_list span.auth_able, #fileserver_folder_edit span.auth_able {
                color: #333;
                font-weight:bold;
}
#fileserver_list span.auth_disable, #fileserver_folder_edit span.auth_disable {
                color: #ccc;
                font-weight:bold;
}
/* ------//ファイル管理------ */

/* ------カレンダー------ */
/* カレンダー移動ナビ */
div.calendar_list table.navi {
                width: 100%;
}
div.calendar_list table.navi .header th {
                text-align: center;
}
div.calendar_list table.navi .header th span {
                font-size:120%;font-weight:bold;
}
div.calendar_list table.navi .month td {
                text-align: center;
}
div.calendar_list table.navi .month td span {
                font-weight: bold;
}
div.calendar_list table.navi .jump td {
                text-align: center;
}
div.calendar_list table.navi .jump td select {
                margin-right: 3px;
}

/* 月間カレンダー */
div.calendar_list .monthCal {
                width: 100%;
                padding: 0;
                border: 0;
                margin: 3px;
                color: inherit;
                background-color: #CCD5DD;
}
div.calendar_list .monthCal tr.header th {text-align:center;margin:3px 0;font-size:1.5em;}
div.calendar_list .monthCal tr.header .pre  {}
div.calendar_list .monthCal tr.header .this {margin-left:20px;margin-right:20px; font-weight:bold;}
div.calendar_list .monthCal tr.header .next {}
div.calendar_list .monthCal tr.daysHeader td {
                padding:5px;
                margin:1px;
/*  background-color:#ddE5ee; */
                background-color:#ddeeee;
                font-size:80%;
                font-weight:bold;
                text-align:center;
                width: 14%;
                border-top: 1px solid #fff;
                border-left: 1px solid #fff;
}
div.calendar_list .monthCal tr.days td {
                width:14%;
                padding:1px;
                margin:1px;
                text-align:left;
                vertical-align: top;
                height:100px;
}
div.calendar_list .monthCal tr.days td div.head {margin-bottom:4px;}
div.calendar_list .monthCal tr.days td div.head span{float: left;font-weight: bold;font-size: 110%;}
div.calendar_list .monthCal tr.days td div.head a{float: right;font-size: 80%;}

div.calendar_list .monthCal tr.days td li {
                list-style-type:none;
                border-bottom: 1px dashed #ccc;
                margin-bottom: 3px;
}
div.calendar_list .monthCal tr.days td.Sun {color:red;   background-color: #FFEEEE;}
div.calendar_list .monthCal tr.days td.Mon {color:black; background-color: #FFFFFF;}
div.calendar_list .monthCal tr.days td.Tue {color:black; background-color: #FFFFFF;}
div.calendar_list .monthCal tr.days td.Wed {color:black; background-color: #FFFFFF;}
div.calendar_list .monthCal tr.days td.Thu {color:black; background-color: #FFFFFF;}
div.calendar_list .monthCal tr.days td.Fri {color:black; background-color: #FFFFFF;}
div.calendar_list .monthCal tr.days td.Sat {color:black; background-color: #DDE5FF;}
div.calendar_list .monthCal tr.days td.Hol {color:red;   background-color: #FFEEEE;}
div.calendar_list .monthCal tr.days td.Out {color:gray;  background-color: #EEEEEE;}
div.calendar_list .monthCal tr.days td.Tod {color:black; background-color: #ccffcc !important;}
/* ------//カレンダー------ */

/* ------アンケート------ */
td a.allow-first, td a.allow-down {display: block;margin-bottom: 3px;}
td a.allow-up, td a.allow-last {display: block;}
/* ------//アンケート------ */

/* ------ tasklist------ */
table.tasklist_list .deadline {color: #FF0000;}
table.tasklist_list .serious1 {}
table.tasklist_list .serious2 {background: #ffcc66;}
table.tasklist_list .serious3 {background: #ff8800;}
table.tasklist_list .serious4 {background: #ff0000;}
table.tasklist_list .priority1 {}
table.tasklist_list .priority2 {background: #ffcc66;}
table.tasklist_list .priority3 {background: #ff8800;}
table.tasklist_list .priority4 {background: #ff0000;}
/* ------// tasklist------ */



/* ------ mail ------ */
table.mail_send_list td span.more {
                display: block;
                text-align: right;
                margin: 0 5px 0 0;
                font-size: 0.9em;
}
/* ------ mail ------ */

#relationArea {
                background-color: #F9F7F4;
                width:180px;
                height:100px;
                border: 1px solid;
}
.relation_box {
padding: 2px;
background-color: #ffffff;
border: 1px solid #cccccc;
height: 310px;
margin-bottom: 20px;
}

/* ------ inquiry ------ */
#user_profile_table th {
                text-align: center;
                width: 50px;
                border-bottom: 1px solid #999;
}
#user_profile_table td.btn {
                text-align: center;
}

/* staticcontents 閲覧制限 */
ul.secure_level_list                {
                line-height: 1.4em;
                border: 1px solid #ccf;
                padding: 5px;
                margin-right: 20px;
}
ul.secure_level_list ul {
                margin-left: 20px;
}
ul.secure_level_list label {
                padding-left: 5px;
}

/* サポートフォーラム
------------------------------------------------------------------- */
.btn_ask {
                text-align: right;
                margin-top: 10px;
}

/* 質問詳細 */
.supportforum_detail .asking h3 {
                background: none;
                padding: 5px 0 0 10px;
                margin:0px;
                height: 20px;
                color: #333333;
                background-color: #DFEFFF;
                font-size: 14px !important;
}
.supportforum_detail p.dateArea {
                float: left;
                padding: 5px;
}
.supportforum_detail p.dateArea img {
                margin-right: 5px;
                vertical-align: bottom;
}
.supportforum_detail p.dateArea .name {
                margin: 0px 10px;
}
.supportforum_detail p.dateArea .site{
                margin-right: 10px;
}
.supportforum_detail p.help {
                color: #CC0000;
                text-align: right;
                padding: 3px 5px 5px 5px;
}
.supportforum_detail p.help img {
                vertical-align: middle;
                margin-right: 10px;
}
.asking p.writing {
                padding: 10px;
                border-bottom: 1px dotted #999999;
}
.asking p.buttonArea {
                text-align: right;
                padding: 5px 5px 0px 0px;
}
.supportforum_detail h4 {
                color: #006699;
                font-weight: bold;
                margin: 20px 0px 5px 10px;
                font-size: 12px;
}
.supportforum_detail .answer_list {
                padding-top: 3px;
                margin-bottom: 15px;
                border-top: 1px dotted #999999;
}
.answer_list p.buttonArea {
                text-align: right;
                margin-bottom: 3px;
}
.answer_list .answerDate {
                padding: 1px 0;
                background-color: #efefef;
}
.answer_list .answer {
                clear: both;
                margin: 5px;
}

/* 入力画面 */
.supportforum_input {
                width: 465px;
                padding: 10px;
                text-align: left;
}
.forum_header {
                background: url(/images/management/forum/h1_back.gif) no-repeat;
                text-align: left;
                margin-bottom: 10px;
                height: 21px;
}
.forum_header h2 {
                color: #0066CC;
                font-size: 14px;
                font-weight: bold;
                padding: 4px 0px 0px 30px;
                float: left;
}
.forum_header div {
                text-align: right;
                padding: 3px 10px 0px 0px;
}
.forum_iuputArea {
                border: 1px solid #ababab;
                width: 465px;
                margin: 0px 0px 10px 0px;
}
.forum_iuputArea table th {
                padding: 5px 8px 5px 8px;
                background-color: #DFEFFF;
                width: 100px;
}
.forum_iuputArea table td {
                padding: 5px 10px;
}
.forum_inputButton {
                text-align: center;
}


#forum_footpath {
                font-size: 10px;
                margin-bottom: 15px;
}
#forum_h2 {
                border-bottom: 1px dotted #EC661B;
                margin-bottom: 15px;
                padding: 0px 5px;
                height: 23px;
}
#forum_h2 h2 {
                background: url(/images/management/forum/icon_h2.gif) no-repeat 0px 5px;
                font-size: 14px;
                padding: 5px 0px 0px 18px;
                float: left;
                font-weight: bold;
}
#forum_h2 .buttonArea {
                text-align: right;
}
#forum_h2 .buttonArea p {
                float: right;
                margin-left: 5px;
}


/*  囲み枠の指定                */
.forum_contentsBox {
                border: 1px solid #ababab;
                background-color: #efefef;
                padding: 3px;
}
.forum_contentsBox2 {
                background-color: #ffffff;
                padding: 3px;
}

/*  サポートTOP         */
.qa_link {
                text-align: right;
}
.qa_link p {
                margin-bottom: 5px;
}
.support_info {
                margin-bottom: 5px;
}
.support_qa {
                margin: 5px 0 15px 0;
}
.support_qa h3 {
                font-size: 12px;
                color: #006699;
                font-weight: bold;
                background-color: #D9EBFF;
                padding: 3px 0 3px 10px;
                margin-bottom: 10px;
}
dl.qa_list dt.question {
                font-weight: bold;
                color: #189D32;
                float: left;
                margin: 0 5px 0 5px;
}
dl.qa_list dt.answer{
                font-weight: bold;
                color: #cc0000;
                float: left;
                margin: 5px 0 0 5px;
}
dl.qa_list dd.answer{
                font-size: 10px;
                margin: 3px 5px 0 25px;
}
dl.qa_count {
                font-size: 10px;
                text-align: right;
                margin: 0 5px 10px 5px;
                padding: 0 5px 5px 0;
                border-bottom: 1px dotted #999999;
}
dl.qa_count dt,
dl.qa_count dd {
                display: inline;
}
.new_entry_list h3 {
                color: #006699;
                border-bottom: 1px dotted #999999;
                padding: 0px 0px 5px 5px;
                font-size: 12px;
                font-weight: bold;
}
.new_entry_list ul li {
                border-bottom: 1px dotted #999999;
                padding: 5px;
}
.new_entry_list ul li p.question img.q_icon {
                margin-right: 5px;
}
.new_entry_list ul li p.question_detail {
                font-size: 10px;
                margin: 2px 0 5px 0;
}
.new_entry_list ul li p.date {
                float: left;
}
.new_entry_list ul dl {
                float: right;
                text-align: right;
}
.new_entry_list ul dt,
.new_entry_list ul dd {
                display: inline;
}
.new_entry_list ul li:after{
                content: ".";
                display: block;
                height: 0;
                clear: both;
                visibility: hidden;
}
.support_qa p.nothing,
.new_entry_list p.nothing {
                margin: 10px;
}

/* Q&A作成 */
.supportforum_detail .qa_edit {
                margin-bottom: 40px;
}
.supportforum_detail .qa_edit p {
                margin-top: 5px;
}

/* 付箋
------------------------------------------------------------------- */
#sticky {
                width: 383px;
                margin: 10px 0px 0px 10px;
}
.sticky_header {
                background: url(/images/management/sticky_header.gif) no-repeat;
                text-align: left;
                padding-top: 4px;
                height: 21px;
}
.sticky_header h1 {
                color: #0066CC;
                font-size: 14px;
                float: left;
                margin-left: 10px;
}
.sticky_header p {
                text-align: right;
                margin-right: 10px;
}
#sticky table {
                margin: 10px 0;
                border: 1px solid #dddddd;
}
#sticky table th {
                background-color: #DFEFFF;
                padding: 0 5px;
                width: 80px;
                font-size: 12px;
}
#sticky table td {
                text-align: left;
                padding: 5px;
                font-size: 12px;
}
#sticky table td li.group_list {
                float: left;
                width: 135px;
}

/* 補足説明部分
------------------------------------------------------------------- */
#add {
                background-color: #efefef;
                margin: 0 15px;
                padding: 10px;
}
#add dt {
                font-weight: bold;
                margin: 8px 0 3px 0;
}
#add dd {
                text-indent: 1em;
                margin-bottom: 8px;
}

/* 豆電球アイコン
------------------------------------------------------------------- */
.hint {
  color:#666666;
  font-size:0.9em;
}
.hint:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0eb";
  color:#ff7226;
  margin-right:3px;
}
.hint2 {
                color: #008000;
                font-size: 0.875em;
                margin-left: 5px;
}
.hint3 {
                color: #008000;
                background: url(/images/management/icon_mame.gif) no-repeat 0 1px;
                padding-left: 20px;
                margin: 3px 0;
}
.hint3 a {
                text-decoration: underline;
}
.lead {
                margin-bottom: 10px;
}

/* デザインテンプレート
------------------------------------------------------------------- */
table.template_category ul li{
                float: left;
                margin: 2px 7px 2px 7px;
}
table.design_list td {
                vertical-align: top;
}
.design_list .design_sample {
                text-align: center;
                margin: 5px 0;
}
.design_list .design_name {
                background-color: #FFF4D0;
                padding: 3px;
}
.design_list .design_name span {
                color: #ff0000;
}

/* ヘッダー画像変更
------------------------------------------------------------------- */
.header_change {
                margin : 10px;
                background: #E7E7E7;
                text-align: left;
}
.header_change h1 {
                font-size: 12px;
                margin-bottom: 10px;
}
.header_change dl {
                margin: 10px 0;
}
.header_change dt {
                margin-bottom: 5px;
}
.header_change dd {
                margin-bottom: 10px;
}
.header_change .close {
                margin-top: 20px;
                text-align: center;
}
.header_change .bt {
                color: #000000;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 8pt;
                font-weight: bold;
                border : 1px solid #b2b2b2;
                background: #D7D7D7;
}

/* 上部　よく使う機能
------------------------------------------------------------ */
.subBox_contents {
                border: 1px solid #ababab;
                background-color: #efefef;
                padding: 3px;
                margin-bottom: 10px;

}
.subBox_contents p.close {
                background-color: #ffffff;
                padding: 2px 2px 0 0;
                text-align: right;
}
.subBox_contents .often_use {
                padding: 0 8px 5px 8px;
                background-color: #ffffff;
line-height: 120%;
}

.subBox_contents h3 {
                text-align: center;
                width: 100px;
                height: 17px;
                margin: 15px 10px 0 0;
                padding-top: 3px;
                color: #fff;
                font-size: 12px !important;
                font-weight: bold;
                float: left;
                background: url(/images/management/bg_oftenUse.gif) no-repeat;
}
.subBox_contents div:after{
                content: ".";
                display: block;
                height: 0;
                clear: both;
                visibility: hidden;
}

div#content ul.subnav2 li {
                float: left;
                zoom: 1;
                display: inline;
                font-size: 10px;
}

div#content ul.subnav2 li a {
                width: 50px;
                display: block;
                float: left;
                margin-right: 15px;
                text-align: center;
                padding-top: 38px;
                color: #0033FF;
                line-height: 100%;
}
div#content ul.subnav2 li a span {
                display: block;
                /*background: url(/images/management/mainnav_back_s.gif) no-repeat center;*/
                background: #e0e0e0;
                width: 50px;
                height: 10px;
                cursor: pointer;
                border-radius: 5px;
}
.often_use ul.link {
                font-size: 10px;
                text-align: right;
                padding-top: 30px;
}
*html .often_use ul.link li {
                padding-top: 3px;
}
.often_use ul.link img {
                margin-right: 3px;
}

ul.favorite_edit li {
                margin: 3px 7px 0 0;
                text-align: right;
}
ul.favorite_edit li img {
                margin-right: 3px;
}
/*  簡易版ショートカットメニューと共通  */
ul.dropdown {
    position: relative;
    z-index: 100;
}
.shortcut ul.dropdown li a span {
    display: block;
    font-size: 10px;
}
ul.dropdown li a:hover {
    filter: Alpha(opacity=50);
    opacity:0.5;
}
ul.dropdown li:hover {
    position: relative;
}
ul.dropdown ul {
    visibility:hidden;
    width: 320px;
    position: absolute;
    top: 100%; left: 0;
    background:#f1f1f1;
    border: 1px solid #ccc;
    padding: 5px;
}
ul.dropdown ul li {
    float: none;
}
ul.dropdown ul li a {
    width: 300px !important;
    background: none !important;
    float: none !important;
    text-align: left !important;
    padding: 7px 10px !important;
    height: 15px;
    font-size: 13px;
}
ul.dropdown ul li a:hover {
    filter: Alpha(opacity=100);
    opacity:1;
    background-color: #FFDF9D !important;
}
*:first-child+html ul.dropdown ul li {
    display: inline;
    width: 100%;
}


/* 右部サポートフォーラム
------------------------------------------------------------ */
#sideBar2{
        position: absolute;
        width: auto;
        height: auto;
        top: 0px;
        right:0px;
        z-index: 150;
}

#sideBarTab2{
        float:left;
        height:200px;
        width:25px;
}

#sideBarContents2{
        float:left;
        overflow:hidden !important;
        width:450px;
        height:auto;
        background-color:#ffffff;
        text-align:left;
        padding:5px;
        border-left: 1px solid #4E91F5;
        border-bottom: 1px solid #4E91F5;
}






/* 更新コメント
------------------------------------------------------------ */
.update_comment table {
        width: 100%;
        margin-top: 20px;
}
.update_comment th {
        width: 150px;
}
.update_comment textarea {
        width: 98%;
        height: 50px;
}


/* ポップアップカレンダー
------------------------------------------------------------ */
div.pop_calendar {
        display:none;
        position:absolute;
        z-index: 100;
}
div.pop_calendar a span {
        display: inline;
}

/* メルマガ
------------------------------------------------------------ */
td.magazine_target .reader {
        margin-bottom: 5px;
        border-bottom: 1px solid #aaaaaa;
        padding: 0 0 3px 5px;
}
td.magazine_target ul {
        margin-top: 5px;
        height: 21px;
        border-bottom: 3px solid #FFA91A;
}
td.magazine_target li {
        width: 115px;
        height: 17px;
        text-align: center;
        display: block;
        float: left;
        padding: 4px 5px 0px 5px;
        margin-right: 5px;
}
td.magazine_target li.on {
        background: url(/images/management/tab_s_on.gif) no-repeat;
        font-weight: bold;
        color: #fff;
}
td.magazine_target li.off {
        background: url(/images/management/tab_s.gif) no-repeat;
}
td.magazine_target .new_group,
td.magazine_target .group {
        background: #fff;
        padding: 5px;
        margin-bottom: 5px;
        clear: both;
}
td.magazine_target .new_group p {
        text-align: right;
}

.header_note {
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    margin: 20px auto;
    padding: 10px;
    background:#f1f1f1;
}

/* 承認機能
------------------------------------------------------------ */
div.waiting_auth {
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    margin: 20px auto;
    padding: 10px;
    text-align: center;
    background:#f1f1f1;
}
div.waiting_auth p {
    margin-top: 10px;
}
div.waiting_auth .subject {
    font-size: 1.3em;
    font-weight: bold;
    color:#090;
}

/* 承認機能 言語別ステータス
------------------------------------------------------------ */
div.doc_lang_status_box {
    margin: 10px 0 5px;
    height:26px;
    border-bottom:2px solid #007BBB;
}
div.doc_lang_status_box li {
  display: block;
  float:left;
  height:25px;
  margin-right:5px;
}
div.doc_lang_status_box li a{
  display:block;
  height:25px;
  line-height:26px;
  padding:0 10px;
  background:#FFFFFF;
  border:1px solid #007BBB;
  border-top-left-radius: 3px; 
  border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
}
div.doc_lang_status_box li span {
  margin-left:5px;
}
div.doc_lang_status_box li span:before {
  display: inline-block;
  margin-right:3px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00c";
}

/* 選択中、マウスオーバー */
div.doc_lang_status_box li.current a,
div.doc_lang_status_box li:not(.addOnetime) a:hover {
  background:#007BBB;
  color:#FFFFFF;
}

/* 翻訳者へ依頼 */
div.doc_lang_status_box li.addOnetime a {
  line-height:29px;
  margin-left:10px;
  padding:0;
  background:none;
  border:none;
}
div.doc_lang_status_box li.addOnetime a:before {
  width: 1em;
  text-align: center;
  display: inline-block;
  margin-right:3px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f003";
}

/* 未作成 */
.doc_lang_status .none span {
  color: #bbb;
}
.doc_lang_status .none span:before {
  content: "\f071";
}

/* 非公開 */
.doc_lang_status .not_published span {
  color:#cc4747;
}
.doc_lang_status .not_published span:before {
  content: "\f00d";
}

/* 要更新 (主言語の後に更新) */
.doc_lang_status .latest span {
    display: inline;
    color: #71be54;
}
/* 主言語の前に更新 */
.doc_lang_status .not_latest span {
    color: #cc4747;
}
/* 承認待ち */
.doc_lang_status .waiting span {
    color:#71be54;
    padding:0 3px;    
}

.doc_lang_status .current.waiting span,
.doc_lang_status .waiting a:hover span {
  color:#71be54;
}

/* --------- 言語リンク (記事一覧) ----------- */
/* アイコン基本設定 */
ul.doc_lang_status li a:before {
  width: 1em;
  text-align: center;
  display: inline-block;
  margin-right:3px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00c";
}
/* 作成済み */
ul.doc_lang_status li.latest a {
  color:#71be54;
}
/* 未作成 */
ul.doc_lang_status li.none a:before {
  content: "\f071";
}
ul.doc_lang_status li.none a {
  color: #bbb;
}
/* 非公開 */
ul.doc_lang_status li.not_published a:before {
  content: "\f00d";
}
ul.doc_lang_status li.not_published a {
  color:#cc4747;
}
/* 未更新 */
ul.doc_lang_status li.not_latest a {
  color:#cc4747;
}
/* ロールオーバー */
ul.doc_lang_status li a:hover {
  color: #ff8e51;
}

/* 承認機能 一覧画面用 言語別ステータス
------------------------------------------------------------ */
.doc_lang_status_simple {
    margin: 15px 0 0 0;
    text-align: right;
}
.doc_lang_status_simple li {
    display: inline;
    margin-left: 10px;
}

/* ワンタイムメンバーが操作できるリンク一覧
------------------------------------------------------------ */
div.onetime_link_list ul li{
    display: inline;
    margin-right: 10px;
}

.wysiwyg_area{
    padding-left:10px;
}

/* 試用期間
--------------------------------------------------- */
#probation{
        background: url(/images/management/bg_rcms.gif) 0 -806px no-repeat;
            color: #cc0000;
        padding:8px 0 0 103px;
                height:32px;
                border:2px solid #cc0000;
}
.btn_order{
                text-align:right;
}
.btn_order img{
                margin-right:5px;
}
#btn_pay{
               text-align:center;
}
table #pay{
               margin:10px 0 20px 0;
               font-weight:bold;

}
#pay_type_1 table,
#pay_type_9 table{
               border:1px solid#ccc;
}
#pay_type_1 #card {
               margin-bottom:30px;
}
#pay_type_1 p,
#pay_type_3 p,
#pay_type_9 p{
               font-weight:bold;
               margin-bottom:10px;
}

#pay_type_1 th,
#pay_type_3 th{
               width:150px;

}
.sublist th{
               width:270px;
}
.sublist td{
               width:80px;
               text-align:center;
}


/* 翻訳ボタン
---------------------------------------------------------------- */
.major_language {
    padding: 5px 0;
}
.major_language .g_translate a {
    display: block;
    text-align: center;
    width: 45px;
    height: 14px;
    padding-top: 2px;
    font-size: 10px;
    background: url(/images/management/bg_rcms.gif) 47px 330px;
    position: absolute;
    top: -3px;
    left: 5px;
}
.major_language .g_translate {
    position: absolute;
}
.primary_text {
    margin-bottom: 10px;
}
.primary_text .g_translate a {
    display: block;
    text-align: center;
    width: 45px;
    height: 14px;
    padding-top: 2px;
    font-size: 10px;
    background: url(/images/management/bg_rcms.gif) 47px 330px;
}
.primary_contents {
    padding: 5px;
    border: 1px solid #d3d3d3;
}
.primary_contents .btn {
    text-align: right;
}


/* 翻訳機能がつかえなくなっているので
---------------------------------------------------------------- */
.g_translate {
  display: none;
}

.two_col{
    width:100%;
}

.two_col th{
    width:20%;
}
.two_col td{
    width:80%;
}