@charset "UTF-8";

/*==================================================
	Chondroitin Web
	/css/senmon.css
==================================================*/


/*========== Interview Style ==========*/
.indexArticle {
	width: 647px;
	margin: 0 0 40px;
	text-align: left;
}
.indexArticle .indexOddBox {
	width: 647px;
	padding: 0 0 10px;
	background-color: #e0edff;
}
.indexArticle .indexEvenBox {
	width: 647px;
	padding: 0 0 10px;
	background-color: #fff;
}
.indexArticle .indexOddBox .titleBox,
.indexArticle .indexEvenBox .titleBox {
	margin: 0;
	padding: 10px 0 10px;
}
.title01 {
	background: url(../images/04senmon/index_ti_bg_01.gif) left top no-repeat;
}
.title02 {
	background: url(../images/04senmon/index_ti_bg_02.gif) left top no-repeat;
}
.title03 {
	background: url(../images/04senmon/index_ti_bg_03.gif) left top no-repeat;
}
.title04 {
	background: url(../images/04senmon/index_ti_bg_04.gif) left top no-repeat;
}
.title05 {
	background: url(../images/04senmon/index_ti_bg_05.gif) left top no-repeat;
}
.title06 {
	background: url(../images/04senmon/index_ti_bg_06.gif) left top no-repeat;
}
.title07 {
	background: url(../images/04senmon/index_ti_bg_07.gif) left top no-repeat;
}
.title08 {
	background: url(../images/04senmon/index_ti_bg_08.gif) left top no-repeat;
}

.indexArticle .indexOddBox .titleBox p.titleText,
.indexArticle .indexEvenBox .titleBox p.titleText {
	margin: 0 26px 0 203px;
}


.profBox {
	width: 647px;
}
.profBox .profLeft {
 width: 220px;
 text-align: right;
 float: left;
}
.profBox .profRight {
 width: 427px;
 float: left;
}
.profBox .profRight p {
	margin: 0 26px 0 10px;
}
.profBox .profRight p.profName {
	color: #006bff;
	margin: 0 26px 5px 10px;
	font-size: 1.2em;
}


/*========== Interview Common Style ==========*/
.contentsInnerBox h4 {
	color: #006bff;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #006bff;
	font-size: 1.4em;
	font-weight: bold;
}

.contentsInnerBox p {
	margin: 0 0 20px;
}
.contentsInnerBox p.interviewNum {
	margin: 0 0 5px;
}

.profile {
	width: 647px;
	margin: 0 0 20px;
}
.profile .profileLeft {
	width: 121px;
	float: left;
}
.profile .profileRight {
	width: 526px;
	background-color: #fff;
	float: left;
}
.profile .profileRight .profileTextBox {
	margin: 10px;
}
.profile .profileRight .profileTextBox p.profileTitle {
	color: #006bff;
	margin: 0 0 5px;
}
.profile .profileRight .profileTextBox p.profileName {
	color: #006bff;
	margin: 0 0 10px;
	font-size: 1.2em;
}
.profile .profileRight .profileTextBox p.profileText {
	margin: 0;
}



p.subTitle {
	color: #006bff;
	margin: 0 0 10px;
	font-size: 1.2em;
	font-weight: bold;
	clear: both;
}


.senmonImageTwoCol {
	width: 647px;
	margin: 0 0 20px;
}

.senmonImageTwoCol .senmonImageLeft {
	width: 323px;
	float: left;
}
.senmonImageTwoCol .senmonImageLeft p.senmonImageTitle {
	color: #006bff;
	margin: 0 10px 0 0;
}

.senmonImageTwoCol .senmonImageRight {
	width: 324px;
	float: left;
}
.senmonImageTwoCol .senmonImageRight p {
	margin: 0;
}
.senmonImageTwoCol .senmonImageRight p.zoomLink {
	margin: 5px 0 0;
	font-size: 0.8em;
}


.interviewNavi {
	width: 647px:
	margin: 0;
	padding: 20px 0 0;
}
.interviewNavi .interviewNaviCol {
	margin: 0 0 10px;
}

.navi1Block {
	width: 164px;
	float: left;
}
.navi1BlockEnd {
	width: 155px;
	float: left;
}

.naviProfBox {
	width: 155px;
	margin: 0 0 5px;
	padding: 0 0 6px;
	background: url(../images/04senmon/navi_bg.gif) left bottom no-repeat;
}
.naviProfBox p.naviProfPhoto {
	width: 43px;
	margin: 0;
	float: left;
}
.naviProfBox p.naviProfName {
	width: 112px;
	margin: 0;
	font-size: 0.8em;
	line-height: 1.2;
	float: left;
}
p.naviTitle {
	width: 155px;
	margin: 0;
	font-size: 0.8em;
	line-height: 1.2;
	clear: both;
}