@charset "utf-8";

/* ---------------------------------------------------
   File: staff.css
   Version: 1.0.0
   Update: 2014-09-18
   Author: http://flowlab.co.jp

   (c)2007-2014 Flowlab inc. All Rights Reserved.
--------------------------------------------------- */




/* ===================================================
    Sub Navigation
=================================================== */

#snavi li#s_staff a				{ background-position:  -238px  -30px;}




/* ===================================================
    Local Navigation
=================================================== */

#lnavi_area h1 {
	height: 275px;
	background: url(../staff/images/tit_staff.jpg) 0 0 no-repeat;
}




/* ===================================================
    Contents
=================================================== */

.contents h2 {
	font-size: 1.5em;
	line-height: 1.4em;
	background: url(../img_common/line_h3.jpg) left bottom no-repeat;
	padding: 10px 0;
	margin-bottom: 25px;
	display: block;
}



/* -----------------------------------
		President Box
----------------------------------- */
#commentBox {
	width: 386px;
	display: block;
	float: left;
}
#commentBox  h3 {
	width: 246px;
	height: 61px;
	background: url(../staff/images/txt_catchcopy.jpg) 0 15px no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	margin-bottom: 0px;
	padding: 15px 0 32px;
}
#commentBox p {
	display: block;
	padding-bottom: 20px;
}
#president #mainImage {
	width: 276px;
	float: right;
}

/* Turning Point */
#turningPoint {
	font-size: 0.9em;
	background: url(../img_common/bg_paper.jpg) 0 0 no-repeat;
	display: block;
	margin-top: 24px;
	padding: 24px 24px 0;
}

#pointBox {
	width: 315px;
	background: url(../staff/images/line_dot_paper_tandem.jpg) right top repeat-y;
	display: block;
	padding-right: 24px;
	float: left;
}
#pointBox h4 {
	width: 315px;
	height: 35px;
	background: url(../staff/images/tit_turningPoint.jpg) 0 0 no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	margin-bottom: 0px;
	padding: 0 0 1.2em;
}
#turningPoint .float_r {
	width: 320px;
	display: block;
	padding-left: 16px;
}


/* -----------------------------------
		Staff Box
----------------------------------- */
.staffBox {
	display: block;
	margin-bottom: 64px;
}

/* Staff Photo */
.staffPhoto {
	width: 225px;
	height: 282px;
	display: block;
	overflow: hidden;
	float: left;
}

/* Profile Box */
.detailBox {
	width: 460px;
	display: block;
	padding-top: 8px;
	float: right;
}
.detailBox p {
	font-size: 1em;
	width: 250px;
	display: block;
	float: left;
}
.profileBox {
	width: 171px;
	display: block;
	float: right;
}
.profileBox p {
	width: 82px;
	float: none;
}

/* Table */
.contents table {
	background: url(../img_common/line_dot_normal.jpg) left bottom repeat-x;
}
.contents tr,
.contents tr.brownBox {
	font-size: 0.8em;
	line-height: 1.6em;
	width: 171px;
	background: url(../img_common/line_dot_brownBox.jpg) left top repeat-x;
}
.contents th {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	width: 49px;
	padding: 8px 4px 4px;
}
.contents td {
	vertical-align: middle;
	background: url(../staff/images/line_dot_normal_tandem.jpg) left center no-repeat;
	width: 107px;
	padding: 8px 16px 4px;
}
/* Brown Box */
.contents tr.brownBox {
	background: url(../img_common/bg_brown-box_dot.jpg) left top repeat-x;
	padding: 0;
}
.contents .brownBox td {
	background: url(../staff/images/line_dot_brownBox_tandem.jpg) left center no-repeat;
}
.profileBox span,
.profileBox span img {
	width: 173px;
	height: 3px;
	display: block;
	margin: 0;
	padding: 0;
}


/* Staff Comment */
p.staff_comment {
	font-size: 0.9em;
	line-height: 1.6em;
	width: 384px;
	background: url(../staff/images/bg_staff_comment.jpg) left top no-repeat;
	display: block;
	margin-top: 24px;
	padding: 20px 16px 0 60px;
}
span.staff_comment_bym,
span.staff_comment_bym img {
	width: 461px;
	height: 21px;
	display: block;
	margin: 0;
	padding: 0;
}