/* CSS Document */
@import url(../../common/reset.css);
@import url(font-awesome.min.css);
@import url(../../common/common.css);
@import url(update.css);
@import url(window.css);

/* サイト基礎構成 */
body{font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;max-width:600px !important;font-size:13px;}

#input-table, #index form table, textarea, input{max-width:100% !important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
#input-table, #index form table, #input-table tbody, #index form tbody, textarea, #input-table tr, #index form tbody tr{width:100% !important;display:block;}

img,tr{max-width:100%;}
#site-header h1{background-color:#1BA1E2 !important;background-image:none !important;color:#fff !important;font-size:15px !important;width:100% !important;text-indent:0 !important;text-align:center;}
#site-header h1 a{width:auto !important;height:auto !important;display:inline !important;color:#fff !important;text-decoration:none !important;line-height:60px;}

div#site-header{width:100%;text-align:center;background:none;}

.a_spcc_news {float:right;font-size:80%;margin:5px 20px 5px 5px;height:80px;width:450px;}
.a_spcc_news h2{background-image:url(../images/a_spcc_news_h2_bac.jpg);color:#ffffff;padding:5px 3px 2px 10px;font-size:100%;margin:0;height:13px;}
.a_spcc_news ul{background:#ffffff;overflow-y:scroll;height:70px;}
.a_spcc_news li{padding:5px;border-bottom:solid 1px #cccccc;}
.a_spcc_news p{float:left;font-weight:bold;}
.a_spcc_news em{font-weight:normal;color:#424242;padding-left:10px;}
.a_spcc_news span{float:right;border:solid 1px #cccccc;}

div#site-center{margin-bottom:10px;width:100%;}
div#site-left{}
div#site-right{}
div#site-bottom{}
dl.indent{margin:0 0 20px 20px;}

/* サイト　左カラム */
#left_title{margin:0 0 10px 0;color:#B70000;border:2px solid #999999;background-image:url(../images/menu_title_back.gif);background-repeat:no-repeat;background-color:#9097AD;width:196px;font-size:medium;font-weight:bold;}
#left_title a{padding:6px 0 2px 0;display:block;width:196px;text-decoration:none;}
.left_menu_title{margin:10px 0 0 0;padding:8px 0 0 0;width:196px;color:#B70000;font-size:small;font-weight:bold;border:2px solid #999999;float:left;}
.left_menu_sub_title{margin:0;padding:4px 0 0 0;color:#666666;background-color:#EEEEEE;border:2px solid #EEEEEE;border-top:0;border-bottom:2px solid #999999;}

div#site-left ul{background-color:#EEEEEE;text-align:left;line-height:100%;}
div#site-left ul li{}
div#site-left ul li.menu_sub{}
div#site-left ul li a{display:block;text-decoration:none;}

.back_top a{border:1px solid #999999;background-color:#9d9d9d;background-image:url(../images/back_top.gif);background-repeat:no-repeat;width:180px;}

/* サイト　右カラム */
div#site-right-contents{margin-left:280px;margin-right:20px;padding:20px 0;}
h3{margin:0 0 10px 0;padding:8px 0 4px 20px;background-image:url(../images/titlebar_back.jpg);background-position:left top;background-color:#010183;color:#FFFFFF;font-size:16px;font-weight:bold;text-align:left;/*	height:22px*/}

/* サイト　右カラム メニューコンテンツ部分*/
.menu_contents{clear:left;margin:0 0 10px 0;padding:10px;width:570px;background-color:#e0e0e0;float:left;}
.menu_contents dt{width:158px;font-weight:bold;float:left;}
.menu_contents dt a{display:block;border:2px solid #999999;background-color:#f0c59b;background-image:url(../images/menu_back.gif);background-repeat:no-repeat;width:144px;text-align:center;text-decoration:none;color:#5E5E8F;}
.menu_contents dt a:hover{background-color:#99ccff;background-image:url(../images/menu_back_r.gif);}
.menu_contents dd{}

div.datafield{width:100%;float:left;padding-bottom:40px;}
div.topnew{float:right;text-align:right;margin:0 0 5px 0;}/* データ追加ボタン（リスト上部配置） */
div.bottomnew{float:left;width:100%;margin:5px 0 0 0;}/* データ追加ボタン（リスト下部配置） */
div#information{text-align: left;margin:0px 0px 10px 0px;padding:0px 0px 15px 0px;border-bottom: 1px dashed #999999;}

/* 右カラム ページタイトル */
h2{}

/*トップメニューリスト*/
div#index form{}
div#index a{margin-right: 5px;}
div#pagenavi{text-align:right;}

/* ログイン画面 */

div#login table.login_tbl{border:none;text-align:left;margin:0 auto;}
div#login{width:100%;margin:0;text-align:center;padding:25px 15px 30px;
-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
div#login_formbox{width:100%;text-align:center;background:#ffffff;line-height:1.2;}
div#login_formbox input[type="text"],
div#login_formbox input[type="password"]{border-radius:8px !important;}
div#login table.login_tbl{border:none;text-align:left;margin:0 auto;}
div#login table.login_tbl th{display:block;font-size:14px;color:#666699;font-family: 'Georgia',Times, "ＭＳ 明朝", serif;border:none;padding:3px 10px 3px 0px;text-align:right;}
div#login table.login_tbl td{display:block;font-size:12px;border:none;padding:3px 0px 3px 0px;text-align:left;}
div#login table.login_tbl td.right{text-align:right;}


/* membersのタブ */
ul.tab_box {width: 100%;}

/* ▼各タブ共通の装飾 */
ul.tab_box li {font-size:12px;font-weight:bold;list-style-type: none;float: left;background-image: url("../images/tab-base.gif");background-repeat: no-repeat;background-position: left top;margin:0 1px 0 1px;}
ul.tab_box li a {color:#663333;background-image: url("../images/tab-right.gif");background-repeat: no-repeat;background-position: right top;display: block;padding: 5px 12px;text-align: center;text-decoration:underline;}

/* ▼各タブ個別の装飾(※B) */
ul.tab_box li.mmb_select { background-color: #cc9966;}
ul.tab_box li.mmb { background-color: #E8CE8B;}

/* ▼マウスが載った際の変化用装飾 */
ul.tab_box li a:hover {color:#993333;}

/* 会員数表示のテーブル */
div#site-center table.enrollment {color:#ffffff;font-size:12px;border-width: 0;margin: 0px 0 0px 0;}
div#site-center table.enrollment th {color:#ffffff;font-size:12px;background-image: url("../images/tbl_enrollment_bg.gif");background-repeat: repeat-y;text-align: left;border-top: 1px solid #ffffff;border-width: 1px 0 0 0;padding: 5px 10px;}
div#site-center table.enrollment td.no {color:#ffffff;font-size:14px;font-weight:bold;font-family:'Georgia',Times,"ＭＳ 明朝",serif;background-color: #B41D1D;text-align: right;border-top: 1px solid #ffffff;border-width: 1px 0 0 0;padding: 3px 20px;}
div#site-center table.enrollment td.graph {background-color: #ffffff;font-weight: bold;text-align: center;border-top: 1px solid #ffffff;border-width: 1px 0 0 0;padding: 3px 0px;}

/* 待受アプリ情報発信・予約状況のテーブル */
div#site-center table.apli_reserv {color:#000000;font-size:12px;border-width: 0;margin: 0 0 15px 0;}
div#site-center table.apli_reserv th {background-image:url("../images/tbl_apli_bg2.gif");background-repeat: repeat-x;text-align: center;border-right: 1px solid #ffffff;border-bottom: 1px solid #4E4E4E;border-width: 0 1px 1px 0;padding: 5px 5px;}
div#site-center table.apli_reserv td{font-size:12px;border: 1px solid #4E4E4E;border-width: 0 0 1px 0;padding: 5px 5px;}
div#site-center table.apli_reserv td.state{color:#B41D1D;font-weight: bold;text-align: center;}
div#site-center table.apli_reserv td.center{text-align: center;}
div#site-center table.apli_reserv td.talent_name{color:#000000;font-weight: bold;background-color: #eeeeee;text-align: left;border: 1px solid #ffffff;border-width: 2px 0 1px 0;}

/* ボーダーなしのテーブル */
div#site-center table.no_border {border-width: 0;}
div#site-center table.no_border th {border-width: 0;}
div#site-center table.no_border td{border-width: 0;}

#navi{border-bottom:1px solid #cdcdcd;}
div#navi{font-size: 12px;width: 100%;}
div#navi .now{font-weight: bold;color: #00008B;}
* html div#navi{margin-right:-50px;}

/* 追記しました */
.surface_link{height:43px;width:237px;float:right;margin:0;padding:0;}
.surface_link a{background:url(../images/pre_icon.gif) no-repeat;height:43px;display:block;text-decoration:none;text-align:center;font-weight:bold;padding:15px 0px 0px 20px;color:#663300;}
.surface_link a:hover{background-image:url(../images/pre_icon_r.gif);color:#CD2B00;}
.surface_link a:active {color: #ffd700;}
.return_link{float:right;margin:28px 10px 0 0;}
#pankuzu{float:left;margin:28px 10px 0 0;}
.Limg{float:left;}
.Rimg{float:right;}
.floatL{float:left;}
.floatR{float:right;}
.textL{text-align:left;}
.textR{text-align:right;}

input.textbtn{background:none;padding:0px;margin:0px;border:none;color:#0033ff;text-align:left;font-size: 12px;}
input.textbtn:hover{color:#CD2B00;}
input.textbtn:active{color: #ffd700;}

/* 管理画面ブログ */
#contents_box {}
#contents_box .menu_box_back {width:600px;}
#contents_box .menu_box_back .menu_box {background:transparent url(../images/menu_list_box.gif) no-repeat scroll 0 0;float:left;height:155px;margin-right:15px;width:185px;}
.menu_box form {}
.menu_box p.menu_title {font-size:15px;font-weight:bold;margin:16px 0 0 30px;width:140px;}
.menu_box p.menu_title a {color:#205774;text-decoration:underline;}
.menu_box p.menu_title a:hover {color:#009999;text-decoration:none;}
.menu_box p.menu_text {font-size:12px;margin:20px 0 0;padding:0 10px;}
.menu_box .btn_blog_edit {background:none repeat scroll 0 0;border:medium none;color:#205774;cursor:pointer;font-size:100%;font-weight:bold;margin:-2px 0 0;}
p.blog_manage_title {color: #333;padding: 0 0 0 5px;margin: 0 0 5px 0;border-left: 6px solid #666;border-bottom: 1px solid #666;width: 90%;	}
.inputdata {width:100%;}
.break {word-break: break-all;overflow:auto;}

/*--アラート表示用--*/
.alert {color:#FF0000;font-size:80%;font-weight:bold;}

/*-- margin-bottom --*/
.margin-bottom{margin-bottom:10px;}

/*--カテゴリ用--*/
.category_input{width:80%;}
.addition{width:200px;}
.manage_category_table{}
.manage_category_table th.move{width:100px;}
.manage_category_table th.operation{width:200px;}
.manage_category_table td{text-align:center;}

.mtr5{margin-top:5px;margin-right:5px;}


/*通常管理画面 input-table*/
#input-table,
#index form table{border:0px;overflow:hidden;display:block;max-width:600px !important;
-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
#input-table tr,
#index form table tr{display:block;}
#input-table th,
#index form table th,
#input-table td,
#index form table td{display:block;width:100% !important;max-width:100% !important;border-right:0 !important;border-left:0 !important;border-top:0 !important;
-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
div#site-right table th,
#index form table th{border:0px;}
#input-table td,
#index form table td{padding-bottom:10px !important;zoom:1;}
#input-table td:after,
#index form table td:after{content:""; display: block; clear: both; height: 0; visibility:hidden;}
#input-table td img{margin:0 5px 5px 0;font-size:0.1px;}

/*通常管理画面 view*/
.datafield > table input[value="カテゴリ編集"]{display:none;}
.datafield > table input{margin:5px 0;}
.datafield > table td:first-of-type input{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.datafield > table td,.datafield > table th{word-break:break-all;}
.datafield > table td{vertical-align:top;}
.bottomnew button,.topnew button{
-webkit-appearance:none;border-radius:20px;padding:6px 10px;line-height:1.1;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c7c7c7), color-stop(0.00, #fff));
background: -webkit-linear-gradient(#fff, #c7c7c7);
background: -moz-linear-gradient(#fff, #c7c7c7);
background: -o-linear-gradient(#fff, #c7c7c7);
background: -ms-linear-gradient(#fff, #c7c7c7);
background: linear-gradient(#fff, #c7c7c7);}
.bottomnew button{float:right;}

/*通常管理画面 edit*/
textarea.edit-body{font-size:16px;}

/*メインカラム*/
div#site-right-contents{margin:0 !important;padding:0;}
div#site-right{float:none !important;}
h3{text-align:center;color:#333;background-image:none;background-color:#f0f0f0;border-bottom:1px solid #5A5A5A;font-size:14px;font-weight:normal;padding:7px 0;}

.menu_contents,.menu_contents dt,.menu_contents dd,.menu_contents dt a{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.menu_contents{width:50%;background:#fff;padding:5px;clear:none;}
.menu_contents dt{width:100%;padding:0;font-size:14px;letter-spacing:0;word-break:break-all;line-height:1.2;}
.menu_contents dt a{color:#fff;width:100%;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;padding:28px 5px;margin:0;border-radius: 10px;border:1px solid #DA030A;
background: #da030a; /* Old browsers */
background: -moz-linear-gradient(45deg, #da030a 0%, #fe777b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #da030a 0%,#fe777b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #da030a 0%,#fe777b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.menu_contents dt a:hover{background:#DA030A;color:#fff;}
.menu_contents dt a.mini{font-size:11px;}
.menu_contents dd{display:none;width:60%;float:left;line-height:1.2;min-height:82px;height:auto;background:#fff;padding:5px;}

/*削除*/
#pagenavi,
#navi .textL,
#attribute1_preview_block,#attribute2_preview_block,#attribute3_preview_block,
#attribute4_preview_block,#attribute5_preview_block,#attribute6_preview_block,#attribute7_preview_block,#attribute8_preview_block,#attribute9_preview_block,#attribute10_preview_block,#attribute11_preview_block,
#attribute12_preview_block,#attribute13_preview_block,#attribute14_preview_block,#attribute15_preview_block,#attribute16_preview_block,#attribute17_preview_block,#attribute18_preview_block,#attribute19_preview_block,
#attribute20_preview_block,#attribute21_preview_block,#attribute22_preview_block,#attribute23_preview_block,#attribute24_preview_block,#attribute25_preview_block,#attribute26_preview_block,#attribute27_preview_block,
#attribute28_preview_block,#attribute29_preview_block,#attribute30_preview_block,#attribute31_preview_block,#attribute32_preview_block,#attribute33_preview_block,#attribute34_preview_block,#attribute35_preview_block,
#attribute36_preview_block,#attribute37_preview_block,#attribute38_preview_block,#attribute39_preview_block,#attribute40_preview_block,#attribute41_preview_block,#attribute42_preview_block,#attribute43_preview_block,
#attribute44_preview_block,#attribute45_preview_block,#attribute46_preview_block,#attribute47_preview_block,#attribute48_preview_block,#attribute49_preview_block,#attribute50_preview_block,#attribute51_preview_block,
#body_preview_block,
#title_preview_block{display:none !important;}

/*サイドメニュー*/
#left_title{display:none !important;}
#site-left{float:none !important;width:100% !important;margin-right:0px !important;padding:0 !important;}
#site-left-contents{float:none !important;width:100% !important;padding:0 !important;}
.left_menu_title{float:none !important;width:100% !important;border:0px;background:#1BA1E2;color:#fff;padding:12px 7px;font-size:14px;
-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
div#site-left ul{float:none !important;width:100% !important;padding:0 !important;}
div#site-left ul li{float:none !important;width:100% !important;padding:0 !important;margin:0;}
div#site-left ul li a,
div#site-left ul li input{width:100% !important;color:#111;padding:12px 7px !important;background-image:none;background:#fff;margin:0;border:0;border-bottom:1px solid #afafaf;
-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
div#site-left ul li input{-webkit-appearance:none;font-size:13px !important;border-radius:0px;}

/*form input*/
input,textarea,select{font-size:15px;
-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
input[type="text"],input[type="search"],input[type="tel"],input[type="email"],input[type="password"],input[type="date"],select,
input[type="month"],input[type="week"],input[type="time"],input[type="number"],input[type="url"],textarea{padding:5px;}
input[type="checkbox"],input[type="radio"]{margin-right:1px;-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
input[type="submit"],input[type="button"],input[type="file"],button{padding:5px;font-size:15px;border-radius:6px;}

/*コピーライト*/
div#site-bottom{font-size:10px;background:#615FFF;color:#ffffff;font-weight: bold;height: 40px;padding-top: 20px;text-align: center;width: 100%;}
#asp_bnn,
.a_spcc_news{display:none;}
.surface_link {height: 23px;margin: 0;padding: 0;width: 200px;}
.surface_link a{background:none;display: block;height: 18px;padding: 5px 0 0 0;text-align: right;text-decoration: none;color:#4747BC;}
.surface_link a:hover{background:none;}

/** 追加 **/
div#site-right table td img{
	max-width:100px;
}

div#site-right table{

-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.datafield > table tr > th:nth-of-type(4),.datafield > table tr > th:nth-of-type(5),
.datafield > table tr > td:nth-of-type(4),.datafield > table tr > td:nth-of-type(5){display:none;}
.datafield > table tr > th:last-of-type,.datafield > table tr > td:last-of-type{display:table-cell !important;}
form .datafield > table tr > th:last-of-type,form .datafield > table tr > td:last-of-type{display:block !important;}

.datafield > table tr > td{
    max-width:100px; /* 最大80px */
    white-space: nowrap; /* 改行を半角スペースに置き換える */
    overflow: hidden; /* はみだした部分を削除する */
    text-overflow: ellipsis; /* 末尾に「…」を付加する */
    min-width:40px;
}

.datafield > table tr > td:first-of-type,
.datafield > table tr > td:last-of-type{
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    min-width:auto !important;
}

.datafield > table tr > td iframe{display:none;}

/** スマホ対応 **/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 640px){
.sp_none,.pc_only{display:none;}
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------*/