@charset "utf-8";

/* --------------------------------------------------------------------------------------
夏の特集 CSS
--------------------------------------------------------------------------------------- */
dl dt img{
	vertical-align: bottom;
}

#family{
	width: 648px;
	margin-left: 2px;
}

#familyCt{
	width: 640px;
	margin: 20px 0 0 4px;
}

#family div.caBox{
	width: 616px;
	margin: 25px 0;
	border-top: 12px solid #E1F5FF;
	border-left: 12px solid #E1F5FF;
	border-right: 12px solid #E1F5FF;
	border-bottom: 25px solid #E1F5FF;
}


/*  index
----------------------------------------*/

/* 本の紹介 -------------------- */

#family div.introduce{
	width: 640px;
	margin-bottom: 25px;
}
#family div.introduce:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#family div.introduce { display:inline-block; }
/*\*/
* html #family div.introduce { height:1%; }
#family div.introduce { display:block; }
/**/

#family div.introduce p.photo{
	float: left;
	width: 199px;
}

#family div.introduce div.txtBox{
	float: right;
	width: 405px;
}

#family div.introduce div.txtBox p.link{
	margin-top: 13px;
	padding-left: 20px;
	background: url(../images/index_icon_arw.gif) no-repeat 0 .4em;
}

#family div.bookPhoto{
	width: 640px;
}
#family div.bookPhoto:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#family div.bookPhoto { display:inline-block; }
/*\*/
* html #family div.bookPhoto { height:1%; }
#family div.bookPhoto { display:block; }
/**/

#family div.bookPhoto p{
	float: left;
	margin-right: 10px;
}

#family div.bookPhoto p.right{
	margin-right: 0;
}


/* 手づくりの楽しさは、作るだけじゃ終わらない！ -------------------- */

#family div.enjoy{
	width: 608px;
	min-height: 232px;
	margin: 0 0 0 8px;
	padding: 14px 0 0;
	background: url(../images/index_bg_enjoy.jpg) no-repeat right top;
}
* html #family div.enjoy{
	height: 232px;
}

#family div.enjoy h2{
	margin-bottom: 7px;
}

#family div.enjoy p{
	width: 370px;
	margin-left: 10px;
	padding-bottom: 18px;
}


/* プロフィール -------------------- */

#family dl.profile{
	width: 586px;
	margin: 0 0 25px 15px;
	background: url(../images/index_bg_profile_rp.gif) repeat-y;
}

#family dl.profile dt{
	padding: 11px 0 7px 11px;
	background: url(../images/index_bg_profile_fix.gif) repeat-x;
}

#family dl.profile dd{
	padding: 0 0 7px 11px;
	background: url(../images/index_bg_profile_fix.gif) repeat-x left bottom;
}


/* ボタン -------------------- */

#family div.btnBox{
	padding: 0 0 10px 14px;
	border-bottom: 15px solid #E1F5FF;
}

#family div.btnBox p{
	margin-bottom: 14px;
}


/* 手づくりタウンオリジナル作品 -------------------- */

#family div.work{
	width: 614px;
	padding: 16px 0 14px;
	border: 1px solid #CBD8DF;
}
#family div.work:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#family div.work { display:inline-block; }
/*\*/
* html #family div.work { height:1%; }
#family div.work { display:block; }
/**/

#family div.work p.photo{
	float: left;
	width: 214px;
	margin-right: 20px;
	text-align: right;
}

#family div.work div.txtBox{
	float: left;
	width: 362px;
}

#family div.work div.txtBox h2{
	margin-bottom: 7px;
}

#family div.work div.txtBox div.recipeBtn{
	margin: 16px 0 0;
	text-align: center;
}

#family div.work div.txtBox div.recipeBtn p{
	margin-bottom: 10px;
}


/* リンク -------------------- */

#family div.linkBox{
	width: 640px;
	padding: 10px 0;
	background: #FFF3D4;
	text-align: center;
}

#family div.linkBox p{
	background: url(../images/bg_link.gif) repeat-y;
}

#family div.linkBox p span{
	margin-left: 40px;
}


/*  interview
----------------------------------------*/

#family div.interview{
	margin: 8px 0 0;
	padding: 0 15px;
	border-bottom: 20px solid #E1F5FF;
}

#family div.interview h2{
	margin-bottom: 20px;
}

#family div.interview dl.qa{
	padding-bottom: 25px;
}

#family div.interview dl.qa dt{
	margin-bottom: 15px;
}

#family div.interview div.answer{
	width: 570px;
	margin-left: 16px;
}
#family div.interview div.answer:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#family div.interview div.answer { display:inline-block; }
/*\*/
* html #family div.interview div.answer { height:1%; }
#family div.interview div.answer { display:block; }
/**/

#family div.interview div.answer p.txtL{
	float: left;
	width: 320px;
	padding-left: 35px;
	background: url(../images/interview_icon_answer.gif) no-repeat 0 0;
}

#family div.interview div.answer p.photoR{
	float: right;
	width: 196px;
}

#family div.interview div.answer p.txtR{
	float: right;
	width: 320px;
	padding-left: 35px;
	background: url(../images/interview_icon_answer.gif) no-repeat 0 0;
}

#family div.interview div.answer p.photoL{
	float: left;
	width: 196px;
}


/*  books
----------------------------------------*/

#family div.bookArea{
	width: 640px;
	margin: 25px 0;
}

#family div.bookArea h2{
	margin-bottom: 17px;
}

#family div.bookBox{
	width: 640px;
	margin-top: 20px;
}
#family div.bookBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#family div.bookBox { display:inline-block; }
/*\*/
* html #family div.bookBox { height:1%; }
#family div.bookBox { display:block; }
/**/

#family div.bookBox div.book{
	float: left;
	width: 320px;
}

#family div.bookBox div.book p.photo{
	float: left;
	width: 138px;
	margin-right: 10px;
}

#family div.bookBox div.book p.txt{
	float: left;
	width: 155px;
	font-weight: bold;
}