@charset "shift_jis";
/* CSS Document */

/*---------------------------------------------
clearfix
-----------------------------------------------*/
/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow:hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
	display: block;
}

/*----------------------------------------------
	h2
------------------------------------------------*/
/*-----タレント側-------------------------------*/
#index h2,#order h2,
#setup h2,#b_help h2{
	font-family:'Times New Roman',Times,FreeSerif,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:30px;
	margin:0;
	padding:0px 0px 20px 0;
}
h2 .ja{
	padding-left:10px;
	font-weight:lighter;
	font-size:15px;
}
#mail h2{
	font-size:16px;
	letter-spacing:2px;
	margin:0 0 0 10px;
}
/*-----管理者側-------------------------------*/
.admin h2,
#index.admin h2,
#setup.admin h2{
	border-top: 4px double #aaa;
	border-bottom: 4px double #aaa;
	margin:0 0 10px 0;
	padding:5px 0 5px 10px;
	font-size:18px;
	max-width:800px;
}
/*----------------------------------------------
	h3
------------------------------------------------*/
h3{
	font-family:'Times New Roman',Times,FreeSerif,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:16px;
	margin:0;
	padding:30px 0 10px 0;
	font-weight: bold;
	letter-spacing: 1px;
}

#schedule.admin h3,
#news.admin h3,
#message.admin h3{
	font-size:12px;
	background-color: #fafafa;
	padding: 0;
	margin-bottom:5px;
}
#schedule.admin h3,
#message.admin h3{
	margin-bottom:5px;
}





/*---------------------------------------------
全体の骨組み
-----------------------------------------------*/
body, html{	
	height: 100%;
}

body{ 
	margin:0;
}

#contents{
	width:950px;
	margin: 0 auto;
	padding:20px 0;
}

#b_help #contents{
	height:100%;
}

#b_help #contents,
#news.admin #contents,
#schedule.admin #contents,
#message.admin #contents{
	min-height:100%;
	width:100%;
	margin: 0 auto;
	min-width: 950px;
	position: relative;
	padding: 0;
	overflow: hidden;
}

#schedule.admin #contents,
#message.admin #contents{
	display:table;
	height:100%;
	width:100%;
}



#side{
	float:left;
}

#b_help #side,
#news.admin #side,
#schedule.admin #side,
#message.admin #side{
	padding-top:30px;
	margin: 0 0 0 auto;
	position: relative;
	width: 20%;
}

#schedule.admin #side,
#message.admin #side{
	float:none;
	display:table-cell;
	vertical-align: top;
	width:auto;
	font-size:12px;
	padding-left:10px;;
}

#schedule.admin #side p,
#message.admin #side p{
	padding-bottom:10px;
}

#main{
	float:left;
	padding-left:20px;
}

#b_help #main,
#news.admin #main,
#schedule.admin #main{
	float:right;
	height:100%;
	width: 80%;
	padding:0;
	min-height: 100%;
}

#schedule.admin #main,
#message.admin #main{
	display:table-cell;
	width:auto;
	float:none;
	padding:30px;
}
/*---------------------------------------------
全体に関わる設定
-----------------------------------------------*/
body{
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background-color:#eee;
	font-size:13px;
	color:#333;
	line-height:150%;
}

body#b_help,
body#news.admin,
body#schedule.admin,
body#message.admin{
	background-color:#e7e7e7;
}

#side{
	text-align:center;
}

#b_help #side,
#news.admin #side,
#schedule.admin #side,
#message.admin #side{
	text-align:left;
}

#b_help #main,
#news.admin #main,
#schedule.admin #main,
#message.admin #main{
	background-color:#f0f0f0;
}

a{
	text-decoration:none;
	color:#2371F1;
}

a:hover{
	color:#7D77F9;
	text-decoration:underline;
}
a img{
	border:none;
}

p{
	margin:0px;
}

strong{
	color:#F66;
}


ul{
	padding:0;
	margin:0;
	text-align:left;
	list-style:none;
}

li{
	padding:0;
	margin:0;

}

table{
border-collapse:collapse;
border:1px solid #aaa;
}

table tr td {
	padding:5px;
}


table {
	background-color:#fff;
	border-spacing: 0px;
}

th,td{
	padding:0px;
}

table{
	margin-bottom:10px;
}

table .body{
	border-right:1px solid #aaa;
	border-left:1px solid #aaa;
}

#message table .body{
	border:none;
	margin:10px;
}

/*---------------------------------------------
header
-----------------------------------------------*/
/*--admin--*/

#headerTest
{
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 20px;
  background-color: red;
  color: white;
}

.admin #headerTest,
.admin #headerAlert{
	width:100%;
	height:24px;
	line-height:24px;
	color: white;
	text-align: center;
}

.admin #headerTest{
	background-color:#00f;
}

.admin #headerAlert{
	background-color:#f00;
}

.admin #headerAlertReturn {
    text-align: right;
    margin-right: 12px;
    float: right;
}
	

/*--共通--*/
#headerLogo{
	background-color:#000;
	background-image:url(../img/headerLogo.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:27px;
	background-position:50px 0px;
	margin:0 auto;
}
	
#headerMenu-wrap{
	background-image:url(../img/back.gif);
	text-align:center;
	width:100%;
	margin:0 auto;
	position:relative;
	border-bottom:1px solid #ccc;
}

#headerMenu{
	width:804px;
	overflow:hidden;
	margin:0 auto;

}


.admin #headerMenu{
		width:900px;
}


#logout a, #headerMenu a{
	line-height:22px;
	font-weight:bold;
	font-size:15px;
	color:#000;
	display:block;
	width:100px;
	width:89px;
	padding:10px 0;
	font-family:'Times New Roman',Times,FreeSerif,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

}

#logout a{
	right:20px;
	position:absolute;
	right:0px;
	text-align:center;
}

#logout a:hover, #headerMenu a:hover{
	background-color:#f5f5f5;
	text-decoration:none;
}

#confirm #headerMenu a.index,
#index #headerMenu a.index,
#message #headerMenu a.message,
#schedule #headerMenu a.schedule,
#setup #headerMenu a.setup,
#b_help #headerMenu a.help,
#news #headerMenu a.news,
#talent #headerMenu a.talent,
#case #headerMenu a.case,
#cont #headerMenu a.cont,
#document #headerMenu a.document{
	background-color:#fff;
}

#confirm.admin #headerMenu a.confirm,
#index.admin #headerMenu a.index,
#message.admin #headerMenu a.message,
#schedule.admin #headerMenu a.schedule,
#setup.admin #headerMenu a.setup,
#b_help.admin #headerMenu a.help,
#news.admin #headerMenu a.news,
#talent.admin #headerMenu a.talent,
#case.admin #headerMenu a.case,
#contra.admin #headerMenu a.contra,
#guara.admin #headerMenu a.guara,
#contra.admin #headerMenu a.contra,
#document.admin #headerMenu a.document{
	background-color:#000;
	color:#fff;
}


#headerMenu a{ 
	display:block;
	float:left;
	text-align:center;
}

.admin #headerMenu a{
		font-size:13px;
		width:80px;
		padding:5px 0;
		border-right:1px solid #aaa;
}



p.headerMenu_jp{
	color:#999;
	font-size:12px;
}

#headerMenu a.logout{
	float:right;
}


/*---------------------------------------------
左側
-----------------------------------------------*/
#side p.job{
	font-size:11px;
	color:#666;
	text-align:center;
}

#side p.title{
	font-size:12px;
	font-weight:bold;
	padding:5px 0 0 0;
	margin: 0 0 10px 0;
	color: #F36;
}

#side p.img{
	text-align:center;
}


/*角丸テーブル無くなったら削除*/
#side table .mm{
	width:150px;
}
/*角丸テーブル無くなったら削除　ここまで*/

#index #side table{
	width:160px;
}
#index #side table td{
	padding:10px;
}


#mail #side {
	width:250px;

}

#mail #side #wrap{
	width:250px;
	background-color: white;
	text-align: left;
}



#mail #side I {
  display: block;
  font-size:12px;
  text-align:right;
  margin-right: 6px;
  font-style: normal;
}

#mail #side .block,
#mail #side .blockdone,
#mail #side .blockcur {
	margin: 0px 0;
	padding: 0;
	border-bottom:1px dotted #aaa;
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
}

#mail #side .blockdone {
  background-color: #eee;
}
#mail #side .blockcur {
  background-color: #fee;
}

#mail #side .s {
    padding: 4px 4px;
}

#mail #side .s a{
	display:block;
	font-weight:bold;
}

/*----赤ボタン----*/
a.btn,
a.btn_white,
a.btn_gray,
.admin input[type="submit"],
#mail #main input[type="submit"]{
	color:#fff;
	background-color:#f2445a;
	padding:5px;
	border:1px solid #970100;
	font-weight:bold;
	letter-spacing:2px;
	text-indent:2px;
	cursor:pointer;
	text-align:center;
	vertical-align:center;
}

a.btn{
	display:block;
}

#mail a.btn{
	letter-spacing:0;
}

#mail #main input[type="submit"]{
	display:block;
}

/*----白ボタン----*/
a.btn_white,
#message.admin input[type="button"]{
	color:#000;
	background-color:#fff;
	border:1px solid #999;
	padding:5px;
}

/*----グレーボタン----*/
a.btn_gray {
	color:#000;
	background-color:#ccc;
	border:1px solid #666;
}

#mail #main table{
	width:670px;
}

#mail #main table.new{
	width:700px;
}

#mail #main table.new tr,
#mail #main table.new td,
#mail #main table.new th {
  padding: 6px 0;
  vertical-align: top;
}

#mail #main table.new th {
  width: 100px;
  text-align: right;
  padding-right: 10px;
}

#mail #main table.new input {
  width: 600px;
}

#mail #main table.new textarea {
  width: 600px;
  height: 200px;
}

#mail #main .header {
	position:relative;
  padding: 5px 10px 8px 10px;
}

#mail #main .time{
	position:absolute;
	right:0px;
	font-weight:bold;
	color:#888;
}

#mail #main p{
	font-weight:bold;
}

#mail #main .body {
  padding: 0 10px;
  margin-left:10px;
  border:0px;
  overflow-wrap: break-word;
  word-break: break-all;
}


#mail #main hr{
height: 1px;
border: none;
border-top: 1px solid #aaa;
}


/*---------------------------------------------
右側
-----------------------------------------------*/
#index #main table{
	width:710px;
}
#index #main table td{
	padding:20px;
}


#longmain{
	padding-left:20px;
	float:left;
}

#longmain table{
	width:800px;
}


table p.main{
	padding:0 10px;
}

/*----【index】新着メッセージ----*/
div.sub{
	font-weight:bold;
	width:520px;
	height:18px;
	overflow:hidden;
	display:block;
	float:left;
	padding-right:10px;
}
/*-------------------------------*/



div.read{
	font-weight:lighter;
}

span.massage{
	color:#777;
	text-align:right;
}

div.date{
	font-weight:bold;
	font-size: 12px;
}
	
li{

}

.news a,
.news a.link,
.news a.visited
{
	font-style:normal;
	text-decoration:underline;
}

.news a#done,
.news a.link#done,
.news a.visited#done
{
    font-style:normal;
    text-decoration:underline;
}


#newstitle{
	font-size:16px;
	font-weight: bold;
	letter-spacing:2px;
	margin-left: 10px;
	padding:10px 0px 10px 0;
	border-bottom:1px dotted #aaa;
}
#newsdate{
	font-size:13px;
	padding-right:10px;
}
#newsbody{
  margin: 8px 12px;
}



/*--------検索窓----------*/
.admin table.normal,
.admin table.search{
	width: 800px;
	background-color:#fff;
}

.admin table.normal th,
.admin table.normal td,
.admin table.search th,
.admin table.search td{
	padding:3px;
}

.admin table.normal tr,
.admin table.search tr{
	border-bottom: 1px dotted #aaa;

}

.admin table.normal th,
.admin table.search th{
	color:#416156;
	background-color:#A8DDC9;
}

.admin form select,
.admin input[name="station"],
.admin input[name="name"],
.admin input[name="biko"]{
	width:160px;
}

.admin input[name="addr"]{
	width:250px;
}

.admin select[name="yyyymm"],
.admin select[name="changed_d1"],
.admin select[name="changed_d2"]{
	width:90px;
}
/*--------検索結果----------*/
#talent.admin form[name="F"] table.normal,
#message.admin table.normal{
	border-top:1px solid #999;
	width:820px;
}

#talent.admin form[name="F"] table.normal tr,
#message.admin table.normal{
	border-left:1px solid #999;
}

#talent.admin form[name="F"] table.normal td,
#message.admin table.normal td{
	border-right:1px dotted #999;
	border-bottom:1px solid #999;
}

#talent.admin input[value="一括メッセージ作成"],
#talent.admin input[value="表示順位を更新"]{
	background-color:#f2445a;
	border:1px solid #970100;
	color:#fff;
	font-weight:bold;
	padding:5px;
	letter-spacing:2px;
	text-indent:2px;
	margin:0 0 0 auto;
	cursor:pointer;
}

/*----------------------------------------------------
【admin】お知らせindex
------------------------------------------------------*/
#news.admin table.normal{
	width:100%;
	max-width:800px;
	min-width:700px;
}


/*----------------------------------------------------
【talent】パスワードの変更
------------------------------------------------------*/
#setup table.normal,
#setup table.normal tr,
#setup table.normal td{
	background-color:transparent;
	margin:0 auto;
}


#setup form{
	margin:0 auto;
	width:500px;
	padding:30px 10px;
	border:1px solid #888;
}


#setup table.normal th{
	text-align:right;
}

#setup table.normal th,
#setup table.normal td{
	padding:5px;	
}

#setup [type="submit"]{
	margin-top:30px;
}



#cont div.aisatsu {
  padding: 12px;
}

#cont table.normal,
#cont table.normal tr,
#cont table.normal td{
	background-color:transparent;
	margin:0 auto;
}


#cont form{
	margin:0 auto;
	width:500px;
	padding:30px 10px;
	border:1px solid #888;
}


#cont table.normal th{
	text-align:right;
}
#cont table.normal td{
	text-align:left;
}

#cont table.normal th,
#cont table.normal td{
	padding:5px;	
}

#cont [type="submit"]{
	margin-top:30px;
}