@charset "utf-8";


/* ==============================================================
	ニットナビ	2009.08
	{
		1. 共通パーツ
		2. トップ
		3. 検索条件指定ボックス (2010.03.02条件追加)
		4. プレゼントバナー
		5. 書籍・作品一覧
		6. 書籍・作品詳細
		7. プレゼント
		8. 再検索ボタン
		9. 一覧へ戻るボタン
		10. 検索結果0件メッセージ (2009.09.02追加)
		11. 左カラム 最近チェックしたレシピ
		12. clearfix
	}

============================================================== */

/* --------------------------------------------------------------
	1. 共通パーツ
-------------------------------------------------------------- */

/* 大枠 */
.knitNaviKeyImg {
	padding-left: 4px;
	padding-bottom: 16px;
}

.knitNaviCon {
	padding-left: 8px;
	padding-right: 4px;
}

/* 生地柄背景見出し */
.textureTtlBg {
	position: relative;
	height: 32px;
	margin-bottom: 13px;
	background: url(/knitnavi/images/bg_texture_ttl.gif) no-repeat 0 0;
}

.textureTtlBg .textureTtl {
	padding-top: 8px;
	padding-left: 20px;
}


.textureTtlBg .textureRight {
	position: absolute;
	top: 5px;
	right: 20px;
}


/* アンダーライン付きオレンジ見出し */
.uLineTtlBg {
	margin-bottom: 15px;
	border-bottom: 1px solid #d14f27;
	background-color: #f7e7e3;
}

.uLineTtlBg .uLineTtl {
	padding: 8px;
}


/* ページネーション */
.resultPagination {
	margin-bottom: 15px;
	background: url(/knitnavi/images/bg_pgn_bt.gif) #f7e7e3 no-repeat 0 100%;
}

.resultPagination p {
	float: left;
	padding: 5px 7px;
	background: url(/knitnavi/images/bg_pgn_tp_left.gif) no-repeat 0 0;
}

.resultPagination ul {
	float: right;
	padding: 5px 7px;
	background: url(/knitnavi/images/bg_pgn_tp_right.gif) no-repeat 100% 0;
}

.resultPagination ul li {
	float: left;
	padding-right: 7px;
}

.resultPagination ul li.current {
	font-weight: bold;
}

.resultPagination ul li.prev {
	padding-left: 16px;
	padding-right: 14px;
	background: url(/shared/common_img/icon_arrow_sub_left.gif) no-repeat 0 50%;
}

.resultPagination ul li.next {
	padding-left: 7px;
	padding-right: 16px;
	background: url(/shared/common_img/icon_arrow_sub.gif) no-repeat 100% 50%;
}


/* --------------------------------------------------------------
	2. トップ
-------------------------------------------------------------- */

/* リード文 */
.knitNaviKeyImg p {
	padding: 16px 24px 0;
}

.knitNaviKeyImg p strong {
	color: #d14f27;
}


/* --------------------------------------------------------------
	3. 検索条件指定ボックス
-------------------------------------------------------------- */

/* 外枠 */
.serchFormBox {
	margin-bottom: 25px;
	background: url(/knitnavi/images/bg_bold_box_side.gif) repeat-y 0 0;
}

body.knitNaviResult .serchFormBox {
	margin-top: 30px;
	margin-bottom: 0;
}

body.knitNaviDetail .serchFormBox {
	margin-bottom: 0;
}

*html .serchFormBox {
	border-bottom: 1px solid #fff;
}

*:first-child+html .serchFormBox {
	border-bottom: 1px solid #fff;
}

.serchFormBox .formBtn {
	width: 640px;
	padding-top: 10px;
	padding-bottom: 18px;
	background-image: url(/knitnavi/images/bg_bold_box_bt.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
}

.serchFormBox .formBtn input {
	display: block;
	float: left;
	width: 110px;
	height: 28px;
	padding-left: 265px;
}

.serchFormBox .formBtn .dispSwitch {
	margin-left: 395px;
	padding-right: 23px;
}

.serchFormBox .formBtn .dispSwitch li,
.serchFormBox .formBtn .dispSwitch p {
	padding: 7px 0 4px 26px;
	background-repeat: no-repeat;
	background-position: 0 3px;
}

#switchOn {
	background-image: url(../images/icon_disp_on.gif);
}

#switchOff {
	display: none;
	background-image: url(../images/icon_disp_off.gif);
}

.serchFormBox .formBtn .dispSwitch p {
	background-image: url(../images/icon_disp_off.gif);
}


/* 指定（入力）フォーム */
.serchFormBox .inputBox {
	margin: 0 23px;
	border-top: 1px solid #c6c6c6;
	border-left: 1px solid #c6c6c6;
	border-right: 1px solid #c6c6c6;
	background-image: url(/knitnavi/images/bg_input_box.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
}

*html .serchFormBox .inputBox {
	background-position: 1px 0;
}

*:first-child+html .serchFormBox .inputBox {
	background-position: 1px 0;
}

.serchFormBox p {
	padding: 0 23px 8px;
}

.serchFormBox .inputBox dl {
	border-bottom: 1px solid #c6c6c6;
	background: url(/knitnavi/images/bg_input_margin.gif) no-repeat 0 100%;
}

.serchFormBox .inputBox dl dt {
	float: left;
	width: 147px;
	padding: 10px;
	background: url(/knitnavi/images/bg_input_margin.gif) no-repeat 0 0;
}

.serchFormBox .inputBox dl dd {
	float: right;
	width: 415px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
}

.serchFormBox .inputBox dl.last dd {
	padding-top: 10px;
	padding-bottom: 10px;
}

.serchFormBox .inputBox dl dd img {
	padding-left: 4px;
	vertical-align: bottom;
}

.serchFormBox .inputBox dl ul li {
	float: left;
	padding-right: 12px;
}

*html .serchFormBox .inputBox dl ul li {
	white-space: nowrap;
}

*:first-child+html .serchFormBox .inputBox dl ul li {
	white-space: nowrap;
}

.serchFormBox .inputBox dl ul li input {
	margin-right: 4px;
}

.serchFormBox .inputBox input.fText {
	width: 200px;
	border: 1px solid #a5acb2;
}


/* 追加検索項目 */
#additionalInputBox {
	display: none;
	margin-top: -8px;
	/*padding-bottom: 23px;
	background-image: url(/knitnavi/images/bg_bold_box_bt.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;*/
}


/* --------------------------------------------------------------
	4. プレゼントバナー
-------------------------------------------------------------- */

.knitNaviCon .banner {
	padding-bottom: 25px;
}

.knitNaviCon .banner.top {
	position: relative;
	width: 640px;
	height: 152px;
	background: url(/knitnavi/images/bnr_present_top091120.gif) no-repeat 0 0;
}

.knitNaviCon .banner.top h3,
.knitNaviCon .banner.top p,
.knitNaviCon .banner.top .btn {
	text-indent: -9999px;
}

.knitNaviCon .banner.top .btn {
	position: absolute;
	top: 114px;
	display: block;
	width: 63px;
	height: 21px;
}

.knitNaviCon .banner.top .btn.link1 {
	left: 386px;
}

.knitNaviCon .banner.top .btn.link2 {
	left: 470px;
}

.knitNaviCon .banner.top .btn.link3 {
	left: 555px;
}


/* --------------------------------------------------------------
	5. 書籍・作品一覧
-------------------------------------------------------------- */

.knitItemList {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #c6c6c6;
}

.knitItemList ul {
	background-image: url(/knitnavi/images/bg_item_dot_col4.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
}

/* 最終行 剰余対策 */
.knitItemList ul.col1 {
	background-image: url(/knitnavi/images/bg_item_dot_col1.gif);
}

.knitItemList ul.col2 {
	background-image: url(/knitnavi/images/bg_item_dot_col2.gif);
}

.knitItemList ul.col3 {
	background-image: url(/knitnavi/images/bg_item_dot_col3.gif);
}


.knitItemList ul li {
	float: left;
	width: 120px;
	padding: 0 20px;
}

.knitItemList ul li .itemName {
	padding-top: 6px;
}

.knitItemList ul li .itemName a {
	font-weight: bold;
	color: #af8b3f;
}

.knitItemList ul li .catName {
	padding-top: 3px;
	font-size: 85%;
}

.knitItemList ul li .icon {
	padding: 4px 0 3px;
}


/* --------------------------------------------------------------
	6. 書籍・作品詳細
-------------------------------------------------------------- */

/* 全体枠 */
.itemDetail {
	margin-bottom: 15px;
	border: 1px solid #c6c6c6;
}

/* タイトル */
.itemDetail .itemTtl {
	border-bottom: 1px solid #c6c6c6;
	padding: 8px 15px 6px;
	background-color: #faf2f0;
}

.itemDetail .itemTtl dl {
	float: left;
}

.itemDetail .itemTtl dl dt {
	font-size: 88%;
	padding-bottom: 0.2em;
}

.itemDetail .itemTtl dl dd {
	margin-top: 4px;
}

.itemDetail .itemTtl dl dd h3 {
	font-size: 115%;
	font-weight: bold;
	color: #ad8b41;
}

.itemDetail .itemTtl dl dd img {
	padding-left: 6px;
}

.itemDetail .itemTtl p {
	text-align: right;
	line-height: 320%;
}

.itemDetail .itemTtl p img {
	padding-top: 10px;
}


/* 写真・情報エリア */
.itemDetail .itemPhotoInfo {
	padding: 20px;
}


/* 写真 */
.itemDetail .itemPhoto {
	float: left;
	width: 278px;
}

.itemDetail .itemPhoto .zoomTxt {
	padding-top: 15px;
	padding-bottom: 10px;
}

.itemDetail .itemPhoto.photo1 ul.zoomImg li.zoomImg1 ,
.itemDetail .itemPhoto.photo2 ul.zoomImg li.zoomImg2,
.itemDetail .itemPhoto.photo3 ul.zoomImg li.zoomImg3 {
	display: block;
}

.itemDetail .itemPhoto.photo1 ul.zoomImg li.zoomImg2,
.itemDetail .itemPhoto.photo1 ul.zoomImg li.zoomImg3,
.itemDetail .itemPhoto.photo2 ul.zoomImg li.zoomImg1,
.itemDetail .itemPhoto.photo2 ul.zoomImg li.zoomImg3,
.itemDetail .itemPhoto.photo3 ul.zoomImg li.zoomImg1,
.itemDetail .itemPhoto.photo3 ul.zoomImg li.zoomImg2 {
	display: none;
}

.itemDetail .itemPhoto ul.thumbImg li {
	float: left;
	padding-left: 5px;
}

.itemDetail .itemPhoto ul.thumbImg li.first {
	padding-left: 0;
}

.itemDetail .itemPhoto ul.thumbImg li a img {
	border-width: 3px;
	border-style: solid;
	border-color: #fae1da;
}

.itemDetail .itemPhoto.photo1 ul.thumbImg li.thumbImg1 a img,
.itemDetail .itemPhoto.photo2 ul.thumbImg li.thumbImg2 a img,
.itemDetail .itemPhoto.photo3 ul.thumbImg li.thumbImg3 a img {
	border-color: #ef9e87;
}

.itemDetail .itemPhoto ul.thumbImg li a:hover img {
	border-color: #facabc;
}

.itemDetail .itemPhoto.photo1 ul.thumbImg li.thumbImg1 a:hover img,
.itemDetail .itemPhoto.photo2 ul.thumbImg li.thumbImg2 a:hover img,
.itemDetail .itemPhoto.photo3 ul.thumbImg li.thumbImg3 a:hover img {
	border-color: #ef9e87;
}


/* 情報 */
.itemDetail .itemInfo {
	float: right;
	width: 295px;
}


.itemDetail .itemInfo dl.exp,
.itemDetail .itemInfo dl.data,
.itemDetail .itemInfo .tool,
.itemDetail .itemInfo dl.makerBnr,
.itemDetail .itemInfo .priceBtn {
	background: url(/shared/common_img/dot_line.gif) repeat-x 0 100%;
}

.itemDetail .itemInfo dl.exp {
	padding-bottom: 20px;
}

.itemDetail .itemInfo dl.exp dt,
.itemDetail .itemInfo dl.makerBnr dt,
.itemDetail .itemInfo .priceBtn dt {
	padding-left: 9px;
	margin-bottom: 10px;
	line-height: 1.1;
	background: url(/knitnavi/images/bg_dbl_line_icon.gif) repeat-y 0 0;
	font-weight: bold;
	color: #d14f27;
}


.itemDetail .itemInfo dl.data {
	padding: 14px 10px 12px 16px;
}

.itemDetail .itemInfo dl.data dt {
	float: left;
	padding-bottom: 2px;
	background: url(/knitnavi/images/bg_colon.gif) no-repeat 100% 50%;
}

.itemDetail .itemInfo dl.data.em4 dt {
	width: 4.7em;
}

.itemDetail .itemInfo dl.data.em7 dt {
	width: 7.7em;
}

.itemDetail .itemInfo dl.data dd {
	padding-bottom: 2px;
}

.itemDetail .itemInfo dl.data.em4 dd {
	padding-left: 5.2em;
}

.itemDetail .itemInfo dl.data.em7 dd {
	padding-left: 8.2em;
}


.itemDetail .itemInfo dl.makerBnr {
	margin-top: 15px;
	padding-bottom: 15px;
}

.itemDetail .itemInfo dl.makerBnr dd {
	margin-top: 13px;
}

.itemDetail .itemInfo dl.makerBnr dd ul {
	text-align: center;
}

.itemDetail .itemInfo dl.makerBnr dd li {
	display: inline;
}


.itemDetail .itemInfo .tool {
	padding: 15px 0 16px;
	text-align: center;
}

.itemDetail .itemInfo .tool li {
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
}

.itemDetail .itemInfo p.btn {
	margin-top: 25px;
	padding: 17px 0;
	background: url(/knitnavi/images/bg_buy_btn.gif) no-repeat 0 0;
	text-align: center;
}

.itemDetail .itemInfo p.btnBuyRecipe {
	margin-top: 16px;
}

.itemDetail .itemInfo .priceBtn {
	margin-top: 15px;
	padding-bottom: 15px;
}

.itemDetail .itemInfo .priceBtnBg {
	padding-bottom: 2px;
	background: url(/knitnavi/images/bg_buy_btn_btm.gif) no-repeat 0 100%;
}

.itemDetail .itemInfo .priceBtn dd {
	padding-right: 10px;
	padding-left: 12px;
}

.itemDetail .itemInfo .priceBtnBg dd {
	padding-top: 17px;
	padding-bottom: 15px;
	background: #efefef url(/knitnavi/images/bg_buy_btn_top.gif) no-repeat 0 0;
}

.itemDetail .itemInfo .priceBtn dd .price {
	float: left;
	width: 122px;
	padding-top: 4px;
	font-size: 116.67%;
	color: #df542a;
}

.itemDetail .itemInfo .priceBtn dd .linkBtn {
	float: right;
	width: 145px;
}



/* sale
----------------*/
.itemDetail .itemInfo .priceBtnSale dd .price {
	color: #e91616;
}

.itemDetail .itemInfo .priceBtnSale dd .price img {
	display: block;
	margin-bottom: 3px;
}

.itemDetail .itemInfo .priceBtnSale dd .linkBtn {
	padding-top: 16px;
}
/* end sale
----------------*/



.itemDetail .itemInfo .priceBtn dd.btn {
	padding: 17px 0;
	background: url(/knitnavi/images/bg_buy_btn.gif) no-repeat 0 0;
	text-align: center;
}

.itemDetail .itemInfo .lastBox {
	margin-bottom: 0;
	padding-bottom: 0;
	background: none;
}

.itemDetail .itemInfo dl.pubBook {
	margin-top: 15px;
	background-color: #f9f7ef;
}

.itemDetail .itemInfo dl.pubBook dd.pic {
	float: left;
	width: 120px;
	padding-left: 15px;
	padding-bottom: 12px;
}

.itemDetail .itemInfo dl.pubBook dd.name,
.itemDetail .itemInfo dl.pubBook dd.data {
	padding-left: 145px;
	padding-right: 15px;
}

.itemDetail .itemInfo dl.pubBook dd.name {
	padding-bottom: 10px;
	font-weight: bold;
}

.itemDetail .itemInfo dl.pubBook dd.name a {
	color: #af8b3f;
}

.itemDetail .itemInfo dl.pubBook dd.data {
	padding-bottom: 2px;
}

.itemDetail .itemInfo dl.pubBook dd.data.price {
	color: #d14f27;
}

.itemDetail .itemInfo dl.pubBook dd.data.last {
	padding-bottom: 12px;
}

.itemDetail .itemInfo dl.pubBook dd.toKnitList {
	clear: both;
	margin-left: 15px;
	padding-bottom: 13px;
}

.itemDetail .itemInfo dl.pubBook dd.toKnitList a {
	padding-left: 15px;
	background: url(/shared/common_img/icon_arrow_sub.gif) no-repeat 0 50%;
}


/* --------------------------------------------------------------
	7. プレゼント
-------------------------------------------------------------- */

.presentBox {
	position: relative;
	margin-bottom: 15px; 
	padding: 2px;
	border: 1px solid #f5be70;
}

.presentBox .presentTtl {
	padding: 4px 13px;
	background-color: #fdebd2;
}

.presentBox p.btn {
	position: absolute;
	top: 10px;
	right: 14px;
}

.presentBox p.txt {
	padding: 10px 10px 8px;
}


/* --------------------------------------------------------------
	8. 再検索ボタン
-------------------------------------------------------------- */

.otherKnitSearch {
	margin-top: 20px;
	padding: 10px 10px 9px;
	text-align: center;
	background: url(/knitnavi/images/bg_re_search.gif) no-repeat 0 0;
}


/* --------------------------------------------------------------
	9. 一覧へ戻るボタン
-------------------------------------------------------------- */

.backToListBtn {
	padding-bottom: 15px;
}


/* --------------------------------------------------------------
	10. 検索結果0件メッセージ
-------------------------------------------------------------- */

.resultMessage {
	padding: 15px 0 48px 23px;
	font-weight: bold;
}


/* --------------------------------------------------------------
	11. 左カラム 最近チェックしたレシピ
-------------------------------------------------------------- */

#subNav .subBox {
	margin-bottom: 25px;
	background: url(/knitnavi/images/subbox_bg_rep.gif) repeat-y 0 0;
}

#subNav .subBoxInner {
	padding-bottom: 19px;
	background: url(/knitnavi/images/subbox_bg_btm.gif) no-repeat 0 100%;
}

#subNav .subBox ul {
	width: 168px;
	margin-left: 19px;
}

#subNav .subBox li {
	margin-top: 9px;
}

#subNav .subBox li .img {
	float: left;
	width: 72px;
}

#subNav .subBox li .itemName {
	float: right;
	width: 88px;
}


/* --------------------------------------------------------------
	12. マイレシピ保存完了
-------------------------------------------------------------- */

.savedRecipe {
	padding: 20px;
	border: 1px solid #c6c6c6;
}

.savedRecipe .btn {
	margin-top: 25px;
	text-align: center;
}

.savedRecipe .btn li {
	display: inline;
	padding: 0 30px;
}


/* --------------------------------------------------------------
	13. clearfix
-------------------------------------------------------------- */

.serchFormBox .inputBox dl:after,
.serchFormBox .formBtn:after,
.knitItemList ul:after,
.resultPagination:after,
.resultPagination ul:after,
.itemDetail .itemTtl:after,
.itemDetail .itemPhotoInfo:after,
.itemDetail .itemPhoto ul:after,
.itemDetail .itemInfo dl.data:after,
.itemDetail .itemInfo .priceBtn dd:after,
#subNav .subBox li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.serchFormBox .inputBox dl,
.serchFormBox .formBtn,
.knitItemList ul,
.resultPagination,
.resultPagination ul,
.itemDetail .itemTtl,
.itemDetail .itemPhotoInfo,
.itemDetail .itemPhoto ul,
.itemDetail .itemInfo dl.data,
.itemDetail .itemInfo .priceBtn dd,
#subNav .subBox li {
	display: inline-block;
}
/*\*/
*html .serchFormBox .inputBox dl,
*html .serchFormBox .formBtn,
*html .knitItemList ul,
*html .resultPagination,
*html .resultPagination ul,
*html .itemDetail .itemTtl,
*html .itemDetail .itemPhotoInfo,
*html .itemDetail .itemPhoto ul,
*html .itemDetail .itemInfo dl.data,
*html .itemDetail .itemInfo .priceBtn dd,
*html #subNav .subBox li {
	height: 1%;
}
.serchFormBox .inputBox dl,
.serchFormBox .formBtn,
.knitItemList ul,
.resultPagination,
.resultPagination ul,
.itemDetail .itemTtl,
.itemDetail .itemPhotoInfo,
.itemDetail .itemPhoto ul,
.itemDetail .itemInfo dl.data,
.itemDetail .itemInfo .priceBtn dd,
#subNav .subBox li {
	display: block;
}
/**/