@charset "UTF-8";
/* CSS Document */

.framePageProfile {
}

/*写真、専門*/
.framePageProfile .boxImg {
	float:left;
	width:270px;
}

.framePageProfile .boxImg #photoProfile {
	width:270px;
	height:270px;
	line-height:0;
	margin:0 auto 25px auto;
	overflow:hidden;
	border-radius: 270px;        /* CSS3草案 */
	-webkit-border-radius: 270px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 270px;   /* Firefox用 */
}

.framePageProfile .boxImg .listSkill li {
	float:left;
}

/*プロフィールデータ*/

.framePageProfile #frameProfileTxt {
	margin-left:300px;
}
.framePageProfile #frameProfileTxt .boxText.eng {
	font-size:0.9em;
	padding-top:25px;
}

.framePageProfile #frameProfileTxt .boxText {
	margin-bottom:35px;
}
.framePageProfile #frameProfileTxt .boxText p {
	margin-bottom:10px;
}

.framePageProfile #frameProfileTxt ul {}
.framePageProfile #frameProfileTxt li {
	padding:5px 0 5px 30px;
	background:url(css_img/iconListFlow.png) no-repeat left 5px;
	color:#333;
	font-size:1.03em;
}


/*アーカイブページ設定*/

#listFrameStaff {
	background:#eee;
	padding:25px 45px;
}

.itemStaff{
	margin-bottom:15px;
}

.itemStaff .frame{
	padding:25px 35px 25px 35px;
	background:#fff;
}

.itemStaff .boxImg{
	width:200px;
	float:left;
}
.itemStaff .boxImg .photo{
	width:200px;
	height:200px;
	line-height:0;
	text-align:center;
	margin:0 auto 15px auto;
	overflow:hidden;
	border-radius: 200px;        /* CSS3草案 */
	-webkit-border-radius: 200px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 200px;   /* Firefox用 */
	padding:0!important;
}
#contents .itemStaff .boxImg h3 {
	padding-left:0;
	padding-bottom:10px;
	text-align:center;
	margin-bottom:10px;
	font-size:1.2em;
	border-bottom: solid 3px #c1eef7;
}
#contents .itemStaff .boxImg h3,
#contents .itemStaff .boxImg h3 a {
	color:#595959;
	text-decoration:none;
}
.itemStaff .boxImg li{
	float:left;
}
.itemStaff .frameProfileTxt {
	margin-left:230px;
	color:#666;
	font-size:0.9em;
}

/**************************************************************************************
**************************************************************************************
画面サイズが640pxより小さい場合
**************************************************************************************
**************************************************************************************/


@media screen and (max-width: 640px){
	
	/*写真、専門*/
	.framePageProfile .boxImg {
		width:180px;
	}
	.framePageProfile .boxImg #photoProfile {
	width:180px;
	height:180px;
	border-radius: 180px;        /* CSS3草案 */
	-webkit-border-radius: 180px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 180px;   /* Firefox用 */
	}
	.framePageProfile .boxImg .listSkill li {
		width:auto;
		float:none;
	}
	
	
	/*プロフィールデータ*/
	
	.framePageProfile #frameProfileTxt {
		margin-left:210px;
	}
	
	/*アーカイブページ設定*/
	
	#listFrameStaff {
		padding:5px 15px;
	}
	.itemStaff .frame{
		padding:15px 25px 15px 25px;
		background:#fff;
	}
	.itemStaff .boxImg{
		width:150px;
	}
	
	.itemStaff .boxImg .photo{
		width:150px;
		height:150px;
		border-radius: 150px;        /* CSS3草案 */
		-webkit-border-radius: 150px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 150px;   /* Firefox用 */
	}
	
	.itemStaff .frameProfileTxt {
		margin-left:170px;
		font-size:0.81rem;
	}
	
}

/**************************************************************************************
**************************************************************************************
画面サイズが460pxより小さい場合
**************************************************************************************
**************************************************************************************/


@media screen and (max-width: 460px){
	
	/*写真、専門*/
	.framePageProfile .boxImg {
		float:none;
		width:auto;
		margin-bottom:35px;
	}
	
	.framePageProfile .boxImg #photoProfile {
	width:205px;
	height:205px;
	border-radius: 205px;        /* CSS3草案 */
	-webkit-border-radius: 205px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 205px;   /* Firefox用 */
	}
	
	.framePageProfile .boxImg .listSkill li {
		float:left;
	}
	
	/*プロフィールデータ*/
	
	.framePageProfile #frameProfileTxt {
		margin-left:0;
	}
	.framePageProfile #frameProfileTxt h3 {
		text-align:center;
		padding-left:0;
	}
	
	/*アーカイブページ設定*/
	.itemStaff .boxImg{
		width:auto;
		float:none;
		margin-bottom:10px;
	}
	
	.itemStaff .boxImg .photo{
		width:180px;
		height:180px;
		border-radius: 180px;        /* CSS3草案 */
		-webkit-border-radius: 180px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 180px;   /* Firefox用 */
	}
	.itemStaff .frameProfileTxt {
		margin-left:0;
	}
	
}