@charset "utf-8";


/* ------------------------------------------------------------------

　デザイナー・インタビュー（single-designer_intro.php） 2013/07

------------------------------------------------------------------ */

#designerIntro {
	margin:17px 0 0 0;
	font-size:13px;
}

/* ------------------------------------ */

#designerIntro .h2Box {
	overflow:hidden;
	width:680px;
	height:36px;
	position:relative;
	margin:0 0 20px 0;
}

#designerIntro .h2Box .title {
	background:url(../images/designer_intro_img1.png) left top no-repeat;
	width:680px;
	height:36px;
	height: 0 !important;
	height /**/:36px;
	padding-top:36px;
}

#designerIntro .h2Box span {
	position:absolute;
	top:0;
	left:249px;
	color:#017bb4;
	font-size:20px;
	line-height:1.2;
}

/* ------------------------------------ */


#designerIntro .mainImg {
	overflow:hidden;
	width:680px;
	height:188px;
	position:relative;
	margin:0 0 25px 0;
	min-width:400px;
}

#designerIntro .mainImg .ch {
	position:absolute;
	top:62px;
	left:45px;
	z-index:30;
	font-size:13px;
	min-width:400px !important;
}

#designerIntro .mainImg h2 {
	position:absolute;
	top:83px;
	left:45px;
	z-index:30;
	font-size:16px;
	font-weight:normal;
	min-width:400px !important;
}

#designerIntro .mainImg h2 span {
	font-size:28px;
}


#designerIntro .mainImg .over {
	position:absolute;
	top:0;
	left:0;
	z-index:20;
}

#designerIntro .mainImg .image img {
	position:absolute;
	top:1px;
	right:1px;
	z-index:10;
}

/* ------------------------------------ */


#designerIntro #lead {
	background:#F2F9FB;
	padding:24px 24px 22px 24px;
	margin:0 0 35px 0;
	clear:both;
}

#designerIntro #lead h3 {
	color:#017bb4;
	font-size:19px;
	margin:0 0 9px 0;
}

#designerIntro #lead p {
	line-height:1.7;
}

/* ------------------------------------ */


#designerIntro #contents {
	line-height:1.8;
	clear:both;
}

#designerIntro #contents h3 {
	background:url(../images/designer_intro_img3.png) left 9px no-repeat;
	margin:33px 0 11px 0;
	font-size:14px;
	padding:0 0 0 38px;
	line-height:1.5;
	clear:both;
}

#designerIntro #contents p {
	margin:0 0 1em 0;
}

#designerIntro #contents .wp-caption.alignright {
	display:inline;
	float:right;
	margin:5px 0 40px 40px;
	text-align:center;
	width:auto !important;
}

#designerIntro #contents img.alignright {
	display:inline;
	float:right;
	margin:5px 0 40px 40px;
	max-width:256px;
	height:auto;
}

#designerIntro #contents .wp-caption.alignleft {
	display:inline;
	float:left;
	margin:5px 40px 40px 0;
	text-align:center;
	width:auto !important;
}

#designerIntro #contents img.alignleft {
	display:inline;
	float:left;
	margin:5px 40px 40px 0;
	max-width:256px;
	height:auto;
}

#designerIntro #contents .wp-caption.alignright img,
#designerIntro #contents .wp-caption.alignleft img {
	max-width:256px;
	height:auto;
}

#designerIntro #contents .wp-caption .wp-caption-text {
	font-size:12px;
	margin:6px 0 0 0;
	text-align:center;
}

/* ------------------------------------ */

#designerProfile {
	margin:40px 0;
	clear:both;
}

#designerProfile .top {
	background:url(../images/designer_intro_img4.png) 0 0 repeat-x;
	height:11px;
	height: 0 !important;
	height /**/:11px;
	padding-top:11px;
}

#designerProfile .btm {
	background:url(../images/designer_intro_img4.png) 0 0 repeat-x;
	height:11px;
	height: 0 !important;
	height /**/:11px;
	padding-top:11px;
}

#designerProfile .mid {
	background:url(../images/designer_intro_img5.png) 0 0 repeat-y;
	padding:18px 37px 12px 37px ;
	min-height:155px;
}

#designerProfile h3 {
	background:url(../images/designer_intro_img6.png) left center no-repeat;
	font-size:18px;
	color:#0687be;
	padding:0 0 0 40px;
	margin:0 0 13px 0;
}

#designerProfile .imgProfile img {
	float:right;
	width:106px;
	height:auto;
}

#designerProfile .box {
	overflow:hidden;
	margin:0 0 5px 0;
}

#designerProfile .box .p1 {
	float:left;
	width:50px;
}

#designerProfile .box .p2 {
	float:left;
	width:25px;
}

#designerProfile .box .p3 {
	float:left;
	width:400px;
}



/* ------------------------------------ */

#designerIntro #manager {
	background:#FAFAFA;
	padding:20px;
	margin:0 0 30px 0;
	clear:both;
}

#designerIntro #manager .ch {
	color:#0687be;
	font-size:13px;
	font-weight:bold;
	margin:0 0 10px 0;
}

#designerIntro #manager .inner{
	font-size:12px;
}



/* ------------------------------------------------------------------

　デザイナー・インタビュー一覧（archive-designer_intro.php） 2014/02

------------------------------------------------------------------ */

#archiveDesignerIntro {
	overflow:hidden;
}

#archiveDesignerIntro .box {
	background:url(../images/designer_intro_bg1.png) left bottom repeat-x #f4f4f4 ;
	float:left;
	border:1px solid #f4f4f4;
	width:160px;
	height:157px;
	margin:0 12px 18px 0;
}

#archiveDesignerIntro .box a {
	color:#444;
}

#archiveDesignerIntro .box a:hover img {
	opacity:0.8;
}


#archiveDesignerIntro .box:nth-child(4n) {
	margin:0 0 18px 0;
}

#archiveDesignerIntro .box .image {
	overflow:hidden;
	width:160px;
	height:80px;
}

#archiveDesignerIntro .box .image img {}

#archiveDesignerIntro .box h2,
#archiveDesignerIntro .box .ch {
	font-weight:normal;
	font-size:10px;
	margin:13px 10px 0 10px;
	height:32px;
    line-height: 1.5;
}

#archiveDesignerIntro .box h3,
#archiveDesignerIntro .box .name {
	font-weight:bold;
	font-size:14px;
	margin:0 10px 0 10px;
}

#archiveDesignerIntro .box h3 span,
#archiveDesignerIntro .box .name span {
	font-weight:normal;
	font-size:11px;
}

/* ------------------------------------ */

#designerIntro #designer_toplink2 {
	background:url(../images/designer_toplink_bg2_w684.jpg) left top no-repeat;
	overflow:hidden;
	width:684px;
	height:124px;
	margin:56px 0 32px 0;
	position:relative;
	font-size:13px;
	line-height:13px;
	text-align:left;
	float:left;
}