/* {{{ メインコンテンツ
 * ============================================================================================ */

	/* ベース
	---------------------------------------- */
	#contents {
		background: url('../img/staffdetail/contents.png') repeat-y !important;
	}

/* }}} ======================================================================================== */

/* {{{ 共通見出し
 * ============================================================================================ */

	/* ベース
	---------------------------------------- */
	#contents h3 {
		margin-bottom: 5px;
		padding: 0 5px;
		border-bottom: 5px solid #DDB78C;
		font-size: 108%;
		font-weight: bold;
	}

	#contents h3.sche {
		width: 860px;
	}

	/* 左右
	---------------------------------------- */
	#contents h3 span.en {
		display: inline; float: left;
		color: #59493F;
	}
	#contents h3 span.ja {
		display: inline; float: right;
		color: #B2A18D;
		font-size: 77%;
	}

/* }}} ======================================================================================== */

/* {{{ 上段
 * ============================================================================================ */

	/* ベース
	---------------------------------------- */
	#contents .top {
		padding: 0 0;
	}

/* }}} ======================================================================================== */

/* {{{ 写真カラム
 * ============================================================================================ */

	/* ベース
	---------------------------------------- */
	/*
	#contents .top #photo {
		display: inline; float: left;
		width: 404px;
	}
	*/
#contents .top #photo {
display: inline; float: left; position: relative;
width: 340px;
margin-left: 6px;
}

#contents .top #photo .hvblog{padding-top: 10px; width: 330px; height: 320px; position: absolute; top:590px; left: 4px;}
#contents .top #photo .hvblog iframe{width: 330px; height: 320px;}

	/* 大きい写真
	---------------------------------------- */
	#contents .top #photo .mkview {
		display: inline; float: left;
		padding: 15px 17px;
		background: url('../img/staffdetail/photo.png') no-repeat;
	}
	#contents .top #photo .mkview img {
		position: absolute;
		top: 16px; left: 18px;
	}

	/* サムネイルベース
	---------------------------------------- */
	#contents .top #photo ul.mkthumb {
		display: inline; float: left;
		padding: 15px 17px;
		background: url('https://www.bisyonure-hisyo.com/img/staffdetail/photo2.png') no-repeat;
	}
	*:first-child+html #contents .top #photo ul.mkthumb {
		width: 80px;
		margin-left: -30px;
	}

	/* サムネイル画像
	---------------------------------------- */
	#contents .top #photo ul.mkthumb li {
		width: 100px; /* height: 80px; */
		margin-top: 0px;
		border: 1px solid #EFEFEE;
		display: inline;
		float: left;
	}
	#contents .top #photo ul.mkthumb li img {
		width: 95%; height: 100%;
	}

/* }}} ======================================================================================== */

/* {{{ 右カラム
 * ============================================================================================ */

	/* ベース
	---------------------------------------- */
	#contents .top .right {
		display: inline; float: right;
		width: 530px;
	}

/* }}} ======================================================================================== */

/* {{{ 名前
 * ============================================================================================ */

	/* ベース
	---------------------------------------- */
	#contents .top .right p.name {
		padding: 8px 3px;
		background: #FDF9CA;
		color: #7E6B5A;
	}

	/* 名前
	---------------------------------------- */
	#contents .top .right p.name span.name {
		font-weight: bold;
	}




	/* 秘書、オフィス、プラチナアイコン
	---------------------------------------- */
	#contents .top .right p.name span.name img {
		margin-right: 5px;
		margin-left: 5px;
		vertical-align: -3px;
		max-height: 15px;
	}





	/* 新人アイコン
	---------------------------------------- */
	#contents .top .right p.name span.new img {
		margin-right: 8px;
		margin-left: 10px;
		vertical-align: -3px;
		max-height: 15px;
	}

	/* 本日出勤アイコン
	---------------------------------------- */
	#contents .top .right p.name span.today img {
		margin-left: 8px;
	}

#contents .top .right p.name .plaicon img{width: 20px; height: 20px; margin-right: 2px; vertical-align: middle;}

/* }}} ======================================================================================== */

/* {{{ プロフィール
 * ============================================================================================ */

	/* ベース
	---------------------------------------- */
	#contents .top .right .profile {
		margin-top: 8px;
		min-height: 211px;
	}

	/* テーブル
	---------------------------------------- */

		/* ベース
		------------------------------------ */
		#contents .top .right .profile table {
			margin: 0 auto;
			line-height: 21px;
			width: 100%;
		}

		/* セル
		------------------------------------ */
		#contents .top .right .profile table tr th,
		#contents .top .right .profile table tr td {
			padding: 2px 4px;
			border: 1px solid #D1C0A5;
			font-size: 93%;
		}

		/* 項目名
		------------------------------------ */
		#contents .top .right .profile table tr th {
			width: 130px;
			background: #FDF9CA;
		}

		/* 内容
		------------------------------------ */
		#contents .top .right .profile table tr td {
			width: 360px;
			background: #FFF;
		}


	/* テーブル2
	---------------------------------------- */

		/* ベース
		------------------------------------ */
		#contents .top .right .profile table.tcomment {
			margin: 5px auto;
			line-height: 21px;
		}

		/* セル
		------------------------------------ */
		#contents .top .right .profile table.tcomment tr th,
		#contents .top .right .profile table.tcomment tr td {
			padding: 2px 4px;
			border: 1px solid #D1C0A5;
			font-size: 93%;
		}

		/* 項目名
		------------------------------------ */
		#contents .top .right .profile table.tcomment tr th {
			width: 130px;
			background: #FFD3EC;
		}

		/* 内容
		------------------------------------ */
		#contents .top .right .profile table.tcomment tr td {
			width: 356px;
			background: #FFF;
		}

/* }}} ======================================================================================== */

/* {{{ プロフィール用コメント
 * ============================================================================================ */

	/* ベース
	---------------------------------------- */
	/*
	#contents .top .right .pcomment {
		height: 157px;
		width: 505px;
		margin: 17px 0 0 -70px;
		border: 1px solid #D1C0A5;
		background: #FFF;
	}
	#contents .top .right .pcomment p {
		padding: 5px;
		height: 147px;
		width: 495px;
		overflow: auto;
		line-height: 1.5;
		font-size: 93%;
	}
	*/
	
	#contents .top .right .pcomment {
		min-height: 655px;
		/* width: 505px; */
		/* margin: 17px 0 0 -70px; */
		border: 1px solid #D1C0A5;
		background: #FFF;
	}
	#contents .top .right .pcomment p {
		padding: 5px;
		height: 640px;
		/* width: 495px; */
		overflow: auto;
		line-height: 1.5;
		font-size: 93%;
	}

	#contents .top .right .pcomment2 {
		min-height: 341px;
		/* width: 505px; */
		/* margin: 17px 0 0 -70px; */
		border: 1px solid #D1C0A5;
		background: #FFF;
	}
	#contents .top .right .pcomment2 p {
		padding: 5px;
		height: 325px;
		/* width: 495px; */
		overflow: auto;
		line-height: 1.5;
		font-size: 93%;
	}

/* }}} ======================================================================================== */

/* {{{ スケジュール
 * ============================================================================================ */

	/* ベース
	---------------------------------------- */
	#contents #box .schedule {
		margin: 10px 9px 0;
	}

	/* テーブル
	---------------------------------------- */

		/* ベース
		------------------------------------ */
		#contents #box .schedule table {
			margin: 0 auto;
			border-collapse: separate;
			border-spacing: 2px;
			width: 872px;
		}

		/* セル
		------------------------------------ */
		#contents #box .schedule table tr th,
		#contents #box .schedule table tr td {
			width: 117px;
			border: 1px solid #D1C0A5;
			font-size: 93%;
			text-align: center;
			vertical-align: middle;
		}

		/* 日付
		------------------------------------ */
		#contents #box .schedule table tr th {
			height: 25px;
			background: #FDF9CA;
		}

		/* 時間
		------------------------------------ */
		#contents #box .schedule table tr td {
			height: 70px;
			background: #FFF;
		}

/* }}} ======================================================================================== */

/* {{{ 在籍表
 * ============================================================================================ */

	/* ベース
	---------------------------------------- */
	#contents #box .stafflist {
		margin-top: 10px;
	}

	/* ベース
	---------------------------------------- */
	#contents #box .stafflist .staff {
		display: inline; float: left;
		width: 150px;
		margin: 10px 0 0 10px;
		padding: 5px 7px;
		background: #FFF;
	}

	/* 一言コメント
	---------------------------------------- */
	#contents #box .stafflist .staff p.comment {
		color: #7E0043;
		font-size: 77%;
		font-weight: bold;
		text-align: center;
	}

	/* 写真
	---------------------------------------- */
	#contents #box .stafflist .staff p.photo {
		height: 200px;
		margin-top: 2px;
	}
	#contents #box .stafflist .staff p.photo a img {
		width: 100%; height: 100%;
		border: 1px solid #DDD;
	}

	/* 名前
	---------------------------------------- */
	#contents #box .stafflist .staff p.name {
		margin-top: 5px;
		padding: 0 5px;
		font-size: 93%;
		font-weight: bold;
	}
	#contents #box .stafflist .staff p.name a {
		color: #B80F6D;
	}

	/* 新人アイコン
	---------------------------------------- */
	#contents #box .stafflist .staff p.name img {
		margin-right: 3px;
		vertical-align: -2px;
	}

	/* サイズ
	---------------------------------------- */
	#contents #box .stafflist .staff p.size {
		margin-top: 1px;
		padding: 0 5px;
		font-size: 85%;
	}

	/* スケジュール
	---------------------------------------- */
	#contents #box .stafflist .staff p.schedule {
		margin-top: 2px;
		padding: 1px 5px;
		background: #EEE;
		font-size: 85%;
		font-weight: bold;
	}

	/* タイプアイコン
	---------------------------------------- */
	#contents #box .stafflist .staff p.icon {
		margin-top: 3px;
		text-align: center;
	}
	#contents #box .stafflist .staff p.icon img {
		margin: 0 1px;
	}
	
	/* タイプアイコン詳細ページ用
	---------------------------------------- */
	
	#contents .top .right p.name span.icon  {
		margin-left: 60px;
	}
	#contents .top .right p.name span.icon img {
		margin: 0 10px;
		vertical-align: -4px;
	}
	
	/* ムービー
	---------------------------------------- */
	#contents .top .right .movie {
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
		background-color: #000;
	}

/* }}} ======================================================================================== */