/* 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;}

div#site-header{width:100%;padding:5px 0;height:80px;}
#site-header h1{height:41px;line-height:41px;font-size:29px;padding-top:20px;}
#site-header h1 a{width:217px;height:41px;text-indent:100%;overflow:hidden;white-space:nowrap;display:block;background:url(../images/new_log.jpg) no-repeat;}

.a_spcc_news {font-size:80%;height:80px;width:450px;position:absolute;top:5px;right:20px;}
.a_spcc_news h2{background:#5facff;color:#ffffff;padding:2px 3px 2px 10px;font-size:100%;margin:0;height:17px;}
.a_spcc_news ul{background:#ffffff;overflow-y:scroll;height:63px;}
.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;}
.a_spcc_bnn{position:absolute;top:5px;right:0px;width:240px;height:80px;}

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

/* サイト　左カラム */
#left_title{color:#B70000;border-bottom:1px solid #e7e6e8;border-right:1px solid #e7e6e8;border-top:1px solid #e7e6e8;background:#f6f6f6;font-size:medium;font-weight:bold;}
#left_title a{width:216px;font-size:12px;font-weight:bold;height:48px;line-height:16px;vertical-align:middle;text-align:center;display:table-cell;}
.left_menu_title{background:#007aff;color:#fff;padding:12px 10px 12px 25px;font-size:14px;line-height:23px;text-align:left;}
.left_menu_title .fa,.inner .fa{font-size:100%;padding:0;}/** WEB名刺対策 **/
.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,
div#site-left ul li,
div#site-left ul li a,
div#site-left ul li input{padding:0;margin:0;width:auto;float:none;font-weight:normal;}

div#site-left ul{background-color:#EEEEEE;text-align:left;line-height:100%;}
div#site-left ul li a,
div#site-left ul li input{width:100%;display:block;padding:12px 15px 12px 25px;font-size:14px;line-height:23px;border-top:none;border-left:none;border-bottom:1px solid #e7e6e8;border-right:1px solid #e7e6e8;background:#f6f6f6;margin:0;
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;}
div#site-left ul li a{display:block;text-decoration:none;position:relative;}
div#site-left ul li input{color:#231917;}
div#site-left ul li a:link,div#site-left ul li a:visited,#left_title a:link,#left_title a:visited{color:#231917;}
div#site-left ul li a:hover,div#site-left ul li a:focus,#left_title a:hover,#left_title a:focus,
div#site-left ul li a.on:link,div#site-left ul li a.on:visited{background:#007aff;color:#fff;}
div#site-left ul li a:after{position:absolute;font-family:"FontAwesome";content:"\f104";right:10px;top:50%;margin-top:-13px;font-size:16px;color:#231917;}
div#site-left ul li a:hover:after{color:#ffffff;right:14px;}
div#site-left ul li a.on:after{color:#fff;}

div#site-left .inner{padding:10px;background:#f6f6f6;border:1px solid #e7e6e8;}
div#site-left .inner ul{border-top:1px solid #e7e6e8;}
div#site-left .inner li a{background:#fff;border-left:1px solid #e7e6e8;padding:8px 12px;}
div#site-left .inner li i{margin-right:3px;}
div#site-left .inner li i:before{margin-right:0;}
div#site-left ul li.menu_help a{background:#ff8d4f;color:#fff;font-size:13px;line-height:20px;}
div#site-left ul li.menu_help a:after,div#site-left .inner ul li.menu_help a:hover:after{color:#fff;}

.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{margin-left:260px;width:auto;min-height:500px; height:auto !important; height:500px;}
div#site-right-contents{margin-left:280px;margin-right:20px;padding:20px 0;}
h3{color:#FFFFFF;font-size:16px;text-align:left;margin-bottom:25px;margin-top:48px;padding:12px 20px;font-size:18px;font-weight:normal;border-radius: 5px;
border:1px solid #306fb8;
background: #4e9bd5; /* Old browsers */
background: -moz-linear-gradient(top, #4e9bd5 0%, #2b6fb8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4e9bd5 0%,#2b6fb8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4e9bd5 0%,#2b6fb8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* サイト　右カラム メニューコンテンツ部分*/
.menu_contents{float:left;}
.menu_contents dt{font-weight:bold;}
.menu_contents dt a{display:block;text-align:center;text-decoration:none;}
.menu_contents dt a:hover{background-color:#99ccff;background-image:url(../images/menu_back_r.gif);}
.menu_contents dd{}

div#index .menu_contents{clear:none;width:217px;padding:0;background:none;margin:0 23px 16px 0;}
div#index .menu_contents dt{width:100%;height:120px;}
div#index .menu_contents dt a,div#index .menu_contents dt input.menu{width:217px;height:120px;line-height:30px;vertical-align:middle;display:table-cell;padding:0;font-size:20px;border:none;}
div#index .menu_contents dt a:link,div#index .menu_contents dt a:visited{background:url(../images/red_block.jpg);color:#fff;}
div#index .menu_contents dt a:hover,div#index .menu_contents dt a:focus{background:url(../images/red_block.jpg);color:#222;}
div#index .menu_contents dt a.mini{line-height:20px;font-size:16px;padding:40px 0;height:40px;}
div#index .menu_contents dd{display:none;}
div#index a:link,div#index a:visited{color:#007aff;}
div#index a:hover,div#index a:focus{color:#231917;}

div.datafield{padding-bottom:40px;padding-right:20px;}
div.datafield p > br.clear{clear:none;height:0;}

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;}

/* フッター */
div#site-bottom{background:#f6f6f6;width:auto;padding:20px 10px;text-align:right;color:#231917;font-weight:normal;}

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

/* ログイン画面 */
div#login{width:80%;margin:80px auto;text-align:center;background:#fff;}
div#login_formbox{width:100%;}
div#login table.login_tbl{border:none;text-align:left;margin:0 auto;}
div#login table.login_tbl th{font-size:24px;color:#666699;font-family: 'Georgia',Times, "ＭＳ 明朝", serif;border:none;padding:10px;text-align:right;}
div#login table.login_tbl td{font-size:22px;border:none;padding:10px;text-align:left;}
div#login table.login_tbl td.right{text-align:right;}
.login_tbl input[type="submit"]{width:200px;height:50px;}
input.txt_fix{padding:10px;font-size:15px;line-height:19px;}
#login_pass{font-size:25px;padding:5px;line-height:29px;}
#manage_login_btn{background:#666699;font-size:20px;color:#fff;font-weight:bold;border-radius: 10px;}

/* 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;}
div#navi{padding:0;width:auto;height:48px;font-size:13px;line-height:48px;margin:0 0 0 -43px;border-bottom:1px solid #e7e6e8;border-right:1px solid #e7e6e8;border-top:1px solid #e7e6e8;background:#f6f6f6;}

div#navi .now{font-weight: bold;color: #00008B;}
* html div#navi{margin-right:-50px;}

/* 追記しました */
.surface_link{width:210px;float:right;margin:0;padding:0;}
.surface_link a{height:43px;display:block;text-decoration:none;text-align:center;color:#663300;}
.surface_link a:hover{color:#CD2B00;}
.surface_link a:active {color: #ffd700;}

.return_link{float:right;margin:0 10px 0 0;}
#pankuzu{float:left;margin:28px 10px 0 0;margin:0;padding-left:43px;}
.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;}


/*inputs*/
/*safari対策*/
input[type=text], input[type=submit], input[type=button], input[type=reset], input[type=number], input[type=email], input[type=tel],textarea,input[type=pssword]{
	font-family:"HiraKakuProN-W3","AppleGothic Regular",Arial,sans-serif; /* iOS6対策 */
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	-ms-appearance:none;
	appearance:none;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing:content-box;
}
input[type=text],input[type=number], input[type=email], input[type=tel],textarea,input[type=pssword],select{
	padding:8px;background:#fff;border:1px solid #acacac;
}

input[type=submit], input[type=button], input[type=reset]{
	padding:16px 10px;font-size:13px;background:#eeeeee;border:1px solid #acacac;
}

div#index input[type="submit"],div#index input[type="button"],div#index button,div#index button,.login_tbl input[type="submit"],.login_tbl button{
padding:16px 10px;font-size:13px;background:#eeeeee;border:1px solid #acacac;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-o-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing:content-box;}

div#site-right table td .img_in_box input{padding:5px;}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 641px) {
.pc_none,.sp_only{display:none;}
}/*-------------------------------------------------------------------------------------------------------------------------------------------------------------*/