/*　自動生成のサムネイルサイズ統一(一覧とおすすめ)　*/
.alignItem_06 .thumbnail{
width:120px;
}
.alignItem_05 .thumbnail{
width:130px;
}
.alignItem_04 .thumbnail{
width:170px;
}
.alignItem_03 .thumbnail{
width:225px;
}
.alignItem_02 .thumbnail{
width:340px;
}
html*div .gl_Item{
margin:0;
padding:0;
}
html*div #FS2_Recommend_itemlayout_B{
margin:0;
padding:0;
}
* html div .gl_Item{
margin:0;
padding:0;
}
* html div #FS2_Recommend_itemlayout_B{
margin:0;
padding:0;
}
.itemCenter{
margin:0 10px;
}
* html div .itemCenter{
margin:0 5px;
}
.red_bold{
color:#FF0000;
font-weight:bold;
}
/*　商品名のサイズ変更　*/
.FS2_itemlayout_td_Right .itemTitle{
font-size:28px;
color:#333333;
}

/*　キャッチコピーを改行・文字色・サイズ変更　*/
.itemCatchCopy{
font-size:12px; /* フォントサイズ */
color:#666666; /* フォント色 */
display:block;　/* キャッチコピーを改行 */
}
.FS2_itemPrice_text,.FS2_special_price{
font-size:12px;
}
.itemPrice{
font-size:16px;
color:#ff0000;
}

.FS2_itemPrice_addition{
font-size:12px;
display:block;
}

.system_content{
text-align:left;
}

@charset "utf-8";
/* --------------------------------

		* last update 2010/10/08
		* author : nazal;
	
--------------------------------

	/// index ///
	
	0. reset css
	1. 基本レイアウト

	2. Template Style
		├ 2-1. header
		├ 2-2. mainContent
		├ 2-3. aside
		└ 2-4. footer

	3. 各種汎用モジュール
		├ アンカー要素
		├ セクションスタイル
		├ セクションのグルーピング
		├ キービジュアル
		├ 見出し
		├ 商品アイテムグルーピング
		├ 商品アイテム
		├ スタンダードアイテム
		├ ピックアップアイテム
		├ カテゴリサマリー 01
		├ カテゴリサマリー 02
		├ 検索結果出力
		├ その他

	50. indexページスタイル
		├ キービジュアル
		├ 最新情報エリア
		├ .inner 内の商品アイテムブロックたち
		├ スタンダードアイテム
		├ ピックアップアイテム

	51. パッチワーク一覧
		├ 

	52. 生地・芯材
		├ スタンダードアイテム
	53. リンク集
		
	54. ショッピングガイド
	
	55. サイトマップ

	99. 印刷CSS
	999. clearFix
	
-------------------------------- */


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

	 0. reset css
 
============================================================================================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin : 0; padding : 0; font-size : 100.01%; font-style : normal; }
html { height : 100%; }
body { background-color: #FFFFFF; height : 100%; font-size : 12px; font-family : "ＭＳ Ｐゴシック", sans-serif; color : #999; letter-spacing : 0em; line-height : 1.6; margin:0; padding:0; }
h1 { margin:0; padding:0; line-height: 1.6;}
h2 { margin:0; padding:0; line-height: 1.6;}
h3 { margin:0; padding:0; line-height: 1.6;}
p {margin: 0; padding:0; line-height: 1.6;}
ul { list-style : none; -webkit-padding-start: 0; margin:0; padding:0;}
ol {list-style : none;}
dt { display : block; width : auto; }
table { border : none; border-collapse : collapse; border-spacing : 0; font-size : 100%; }
td, th { /* セルの規定値をmiddleからtopに変更 */ vertical-align : top; }
th { font-weight : normal; text-align : left; }
caption { text-align : left; }
img { background-color : transparent; vertical-align : top; }
a img { border : none; }
em { font-style: normal; }
br { letter-spacing : normal; }
hr { height : 1px; }
input, textarea, select, option, optgroup { vertical-align : middle; font : 99%/1.6 "ＭＳ Ｐゴシック", sans-serif; }
* html input { line-height: 1.0; height: 1.6em; }
*:first-child+html input { line-height: 1.0; }
input { zoom: 1; }
*:first-child+html label { zoom: 1; }

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

	 1. 基本レイアウト
 
============================================================================================================*/
html {
}
body {
	background: url(/shop/item/tsukuruonline/design/img01/wrapper.gif) no-repeat center top;
	text-align : center;
	color : #222222;
}
#wrapper {
	text-align : left;
	margin : 0px auto;
	width : 950px;
}
#header {
	position: relative;
	height: 150px;
	zoom: 1;
}
#container {
	clear : both;
	background: url(/shop/item/tsukuruonline/design/img01/aside_bg.gif) repeat-y left top;
}
#mainContent {
float:right;
	padding-top: 10px;
	width : 750px;
	line-height: 1.5;
}
#aside {
float:left;
	width : 200px;
	line-height: 1.5;
text-align:left;
}
#footer {
	background: #ffffff;
	clear : both;
	width : 950px;
text-align:left;
}
/*  スクリーンリーダー用とCSS無効時の配慮
-----------------------------------*/
#nocss,
.accessible {
	display : none;
}
/* ==========================================================================================================

	 * 2. Template Style
 
============================================================================================================*/

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

	 2-1. header
 
============================================================================================================*/
#header .siteID,
#header #tagLine,
#header #tagLine02,
#header #gNav,
#header #subNav,
#header #utilNav,
#header #search{
	position: absolute;
}
#header .siteID,
#header #tagLine,
#header #search{
	left: 0;
}
#header #tagLine02,
#header #gNav,
#header #subNav,
#header #utilNav{
	right: 0;
}

/*  サイトロゴとタグラインテキスト
-----------------------------------*/
#header .siteID{
	top: 24px;
	left: 1px;
}
#header #tagLine{
	top: 14px;
	color: #997e4d;
}
#header #tagLine02{
	bottom: 32px;
}

/*  グローバルナビとユーティリティナビ
-----------------------------------*/
#header #gNav{
	bottom: 0;
}
#header #utilNav{
	top: 43px;
}
#header #gNav li,
#header #utilNav li{
	float: left;
}

/*  サブナビゲーション
-----------------------------------*/
#header #subNav{
	top: 20px;
	font-size: 12px;
}
#header #subNav li{
	float: right;
	margin-left: 1em;
}
#header #subNav a,
#header #subNav  a:visited{
	color: #FFF;
}
#header #subNav  a:hover {
	color: #3c3c3c;
}

/*  検索窓
-----------------------------------*/
#header #search{
	bottom: 0;
	background: url(/shop/item/tsukuruonline/design/img01/bg_search.gif) no-repeat;
	padding-top: 5px;
	width: 190px;
	height: 26px;
	overflow: hidden;
}
#header #search input{
	float: left;
}
#header #search #keywordSearchQuery {
	background: url(/shop/item/tsukuruonline/design/img01/bg_search_input.gif) no-repeat;
	border: none;
	margin-left: 5px;
	padding-left: 3px;
	width : 130px;
	height : 21px;
	vertical-align: bottom;
}
/* ie6 hack */
* html #header #search #keywordSearchQuery {
	padding-top: 6px;
	height : 15px;
}
/* ie7 hack */
*:first-child+html #header #search #keywordSearchQuery {
	padding-top: 6px;
	height : 15px;
}
#header #search #keywordSearchBtn {
	margin-left: 5px;
	width : 41px;
	height : 21px;
}


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

	 2-2. mainContent
 
============================================================================================================*/
#mainContent .inner {
	
}

#mainContent .inner .main {
	background : #ffffff;
	float : left;
	width : 595px;
}
#mainContent .inner .sub {
	background: url(/shop/item/tsukuruonline/design/img01/sidebg.gif) repeat-y left top;
	float : right;
	width : 145px;
}
.layout_menu{
	background: url(/shop/item/tsukuruonline/design/img01/aside_bg.gif) repeat-y left top;
}
/* ie6 hack */
* html #mainContent .inner .sub {
	position: absolute;
	z-index: 30;
}
/* ie7 hack */
*:first-child+html#mainContent .inner .sub {
	position: absolute; 
	z-index: 30;
}

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

	サブカラム

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




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

	 2-3. aside
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	カテゴリ一覧

---------------------------------------------------------------------*/
#categoryNav {
	background: url(/shop/item/tsukuruonline/design/img01/category_bg.gif) repeat-y left top;
}
#categoryNav li {
	margin-bottom: 6px;
}

/*  中カテゴリ
-----------------------------------*/
#categoryNav ul {
	margin-left: 13px;
	padding-top: 7px;
	font-weight: bold;
	color: #806536;
}
#categoryNav ul a,
#categoryNav ul a:visited{
	color: #806536;
}
#categoryNav ul a:hover {
	color: #dc5800;
}

/*  小カテゴリ
-----------------------------------*/
#categoryNav p {
	margin: 5px 13px 0;
	font-weight: normal;
}
#categoryNav p a,
#categoryNav p a:visited{
	margin-right: 8px;
	color: #3c3c3c;
}
#categoryNav p a:hover {
	color: #A4236D;
}

#categoryNav ul p {
	margin-top: 0;
	margin-left: 0;
}

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

	連絡先一覧

---------------------------------------------------------------------*/
#aside .contacts {
	background: url(/shop/item/tsukuruonline/design/img01/aside_inqBg2.gif) repeat-y left top;
	margin-top: -6px;
}
#aside .contacts h2 {
	background: url(/shop/item/tsukuruonline/design/img01/aside_inqBg.gif) repeat-y left top;
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
}
#aside .contacts span {
	display: block;
	padding: 5px;
}
/*  最後のテキスト
-----------------------------------*/
#aside .contacts p.lastChild {
	padding: 10px;
	font-size: 10px;
}

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

	営業カレンダー

---------------------------------------------------------------------*/
#aside .calendar{
	background: url(/shop/item/tsukuruonline/design/img01/calendar_bg.gif) repeat-y left top;
}
#aside .calendar table {
	table-layout: fixed;
	width: 175px;
	margin: 5px 0 0 8px;
}

/*  キャプション
-----------------------------------*/
#aside .calendar table caption {
	margin-bottom: 3px;
	color: #fff;
}
#aside .calendar table caption span.calYear {
	display: block;
	float: left;
}
#aside .calendar table caption span.calMonth {
	display: block;
	float: right;
}
/* start clearfix */
#aside .calendar table caption:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0px; line-height: 0; }
/* ie6 hack */
* html #aside .calendar table caption { height: 1%; }
/* ie7 hack */
*:first-child+html #aside .calendar table caption { min-height: 1%;}
/* end clearfix */

/*  表
-----------------------------------*/
#aside .calendar table th,
#aside .calendar table td {
	background: #fff;
	border: 1px dotted #efde96;
	padding: 1px 3px;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro W3", "HiraMinPro-W3","ＭＳ Ｐ明朝", serif;
}
#aside .calendar em.holiday {
	color: #df3229;
	font-weight: bold;
}

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

	GMOグローバルサイン

---------------------------------------------------------------------*/
#aside #gSign {
	background: url(/shop/item/tsukuruonline/design/img01/ssl_bg.gif) repeat-y left top;
}
#aside #gSign li {
	background: url(/shop/item/tsukuruonline/design/img01/ssl_bottom.gif) no-repeat left bottom;
	padding: 0 10px 10px;
	font-size: 10px;
	color: #fff;
}
#aside #gSign li.firstChild {
	background: url(/shop/item/tsukuruonline/design/img01/ssl_top.gif) no-repeat left top;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 0;
	text-align: center;
}


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

	 2-4. footer
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	各種インフォメーション

---------------------------------------------------------------------*/
#footer .secGroup {
	background: url(/shop/item/tsukuruonline/design/img01/footer_bg.gif) repeat-y left top;
	padding: 2px 0 0 10px;
}
#footer .secGroup div.section {
	clear: none;
	display: inline;
	float: left;
	width: 302px;
	margin-right: 14px;
	margin-bottom: 0;
}
#footer .secGroup div.section.lastChild {
	margin-right: 0;
}
#footer .secGroup div.section div.section {
	float: none;
	display: block;
	margin-right: 0;
	margin-bottom: 30px;
	width: 100%;
}
/*  見出しのグルーピング
-----------------------------------*/
#footer .hGroup {
	background: url(/shop/item/tsukuruonline/design/img01/bg_partition.gif) repeat-x left bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
/*  見出し
-----------------------------------*/
#footer h3 {
	margin-bottom: 10px;
}
#footer h4 {
	margin-bottom: 5px;
	color: #7F95CA;
}
/*  テキスト
-----------------------------------*/
#footer .secGroup p {
	margin-bottom: 5px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#footer .secGroup p.mgn {
	margin-bottom: 15px;
}
/*  テキストボタン
-----------------------------------*/
#footer .secGroup p.btn a {
	background: url(/shop/item/tsukuruonline/design/img01/footer_btn_bg.gif) no-repeat left bottom;
	display: block;
	overflow: hidden;
	width: 301px;
	height: 20px;
	text-align: center;
	color: #FFF;
}
#footer .secGroup p.nolink{
	background: url(/shop/item/tsukuruonline/design/img01/footer_btn_bg2.gif) no-repeat left bottom;
	display: block;
	overflow: hidden;
	width: 301px;
	height: 20px;
	text-align: center;
	color: #FFF;
}
#footer .secGroup p.btn a:hover {
	background: url(/shop/item/tsukuruonline/design/img01/footer_btn_bg_on.gif) no-repeat left bottom;
	text-decoration: none;
}

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

	フッターナビ、著作権表記

---------------------------------------------------------------------*/
#gFoot {
	background: url(/shop/item/tsukuruonline/design/img01/footer_bottom_bg.gif) no-repeat left top;
	padding: 15px 5px;
}
/*  フッターナビ
-----------------------------------*/
#footNav {
	float: left;
	display: inline;
	width: 750px;
	font-size: 11px;
}
#footNav li {
	float: left;
	margin-right: 10px;
}
#footNav li.rightChild,
#footNav li.lastChild, {
 border: none;
}
#footNav a,
#footNav a:visited{
	color: #FFF;
}
#footNav a:hover {
	color: #3c3c3c;
}
/*  フッターナビ：ボタン
-----------------------------------*/
#footNavBtn {
	float: right;
	display: inline;
	width: 184px;
	font-size: 10px;
}
#footNavBtn li {
	float: left;
}

/*  著作権表記
-----------------------------------*/
#footer p.copy {
	clear: both;
	display: block;
	padding-top: 5px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}
/* ie6 hack */
* html p.copy {
	margin-top: -15px;
}
/* ie7 hack */
*:first-child+html p.copy {
	margin-top: -15px;
}

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

	 3. 各種汎用モジュール
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	アンカー要素

---------------------------------------------------------------------*/
a {
	text-decoration: none;
	color: #3c3c3c;
}
a:link,
a:visited {
	text-decoration: none;
}

a:hover {
	color: #A4236D;
	text-decoration: underline;
}

/*  画像ボタンをhover時に透過させる
-----------------------------------*/
a.alpha:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80); /* IE7 */
	-ms-filter: "alpha(opacity=80)"; /* IE8 */
}

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

	セクションスタイル

---------------------------------------------------------------------*/
div.section {
	clear : both;
	margin-bottom : 0px;
}
div.section div.section {
}
div.section div.section div.section {
}
/*  サブカラム
-----------------------------------*/
#mainContent .inner .sub div.section {
	margin-bottom : 0;
}
/*  サイドバー
-----------------------------------*/
#aside div.section {
	margin-bottom : 0;
}
/*  フッター
-----------------------------------*/
#footer div.section {
	margin-bottom : 0;
}

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

	セクションのグルーピング

---------------------------------------------------------------------*/
.catSummary02 div.secGroup {
}
.catSummary02 div.secGroup div.section {
	clear: none;
	float: left;
	margin-bottom: 0;
}
.catSummary02 div.secGroup div.section.lastChild {
	float: right;
}

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

	キービジュアル

---------------------------------------------------------------------*/
#mainGraphic  {
	margin-bottom: 10px;
}
/*  ------------------------------------------------------------------

	見出し

---------------------------------------------------------------------*/
/*  見出し+ボタンのセット
-----------------------------------*/
.hSet {
	position: relative;
	z-index: 15;
	margin-bottom: 10px;
	zoom: 1;
}
.hSet a {
	position: absolute;
	top: 17px;
	right: 5px;
	z-index: 20;
}

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

	商品アイテムグルーピング

---------------------------------------------------------------------*/
div.dlGroup {
	margin-bottom: 7px;
}
div.dlGroup.end {
	margin-bottom: 5px;
}
div.dlGroup dl {
	float: left;
}
div.dlGroup dl.lastChild {
	float: right;
}
/* start clearfix */
div.dlGroup:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0px;
	line-height: 0;
}
/* ie6 hack */
* html div.dlGroup {
	height: 1%;
}
/* ie7 hack */
*:first-child+html div.dlGroup {
	min-height: 1%;
}
/* end clearfix */

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

	商品アイテム

---------------------------------------------------------------------*/
dl.item {
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	width: 145px;
	font-size: 10px;
}
dl.item dt,
dl.item dd p{
	margin-bottom: 3px;
}
dl.item dd p span.price{
	display: block;
	margin-top: 4px;
}
/*  サブカラム用
-----------------------------------*/
#mainContent .inner .sub dl.item {
	padding: 0 10px;
	margin-bottom: 12px;
	width: 125px;
}

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

	スタンダードアイテム

---------------------------------------------------------------------*/
/*  背景設定
-----------------------------------*/
.standardItems{
}
.standardItems .bgHead{
}
.standardItems .bgFoot{
	overflow: hidden;
	zoom: 1;
}
/*  見出し
-----------------------------------*/
.standardItems h2 {
	float: left;
}
.standardItems h2 a{
	display: block;
}
/*  商品アイテムを括るグループ
-----------------------------------*/
.standardItems div.dlGroup{
	clear: both;
	border-top: 1px dashed #a2a2a0;
	margin: -1px 10px 15px;
	padding-top: 15px;
}
/*  商品アイテムを括るグループ：3件用
-----------------------------------*/
.standardItems div.dlGroup.clm03{
	clear: none;
	float: left;
	margin-right: 0;
	margin-left: 0;
	width: 548px;
}
/*  商品アイテム
-----------------------------------*/
.standardItems dl.item{
	display: inline;
	width: 88px;
	margin: 0 8px 0 85px;
}
.standardItems dl.item dt{
	position: relative;
	float: left;
	margin-left: -85px;
	zoom: 1;
}
.standardItems dl.item dd{
	float: left;
}
.standardItems dl.item dd p.hedding{
	font-family: "ヒラギノ明朝 Pro W3", "HiraMinPro-W3", "ＭＳ 明朝", serif;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: -0.05em;
}
.standardItems dl.item dd p.hedding a,
.standardItems dl.item dd p.hedding a:visited,
.standardItems dl.item dd p.hedding a:hover {
	text-decoration: none;
}

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

	ピックアップアイテム

---------------------------------------------------------------------*/
/*  商品アイテム
-----------------------------------*/
.pickUpItems dl.item{
	float: left;
	overflow: hidden;
	margin: 0 10px 10px 0;
	width: 180px;
	height: 147px;
}
.pickUpItems dl.item.rightChild{
	margin-right: 0;
}
/* 見出し
-----------------------------------*/
.pickUpItems dl.item dt a{
	display: block;
	padding-top: 2px;
	width: 180px;
	height: 20px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}
.pickUpItems dl.item dt a:hover{
	background: url(http://www.tukurutanosimi.com/img/contents/picUpbg_hover.gif) no-repeat left top;
	text-decoration: none;
}
.pickUpItems dl.item dt a.select{
	background: url(http://www.tukurutanosimi.com/img/contents/picUpbg_hover.gif) no-repeat left top;
	text-decoration: none;
}
/* 背景制御
-----------------------------------*/
.pickUpItems dl.item.cat01{
	background: url(http://www.tukurutanosimi.com/img/contents/picUpbg1.gif) no-repeat left top;
}
.pickUpItems dl.item.cat02{
	background: url(http://www.tukurutanosimi.com/img/contents/picUpbg2.gif) no-repeat left top;
}
.pickUpItems dl.item.cat03{
	background: url(http://www.tukurutanosimi.com/img/contents/picUpbg3.gif) no-repeat left top;
}
.pickUpItems dl.item.cat04{
	background: url(http://www.tukurutanosimi.com/img/contents/picUpbg4.gif) no-repeat left top;
}
.pickUpItems dl.item.cat05{
	background: url(http://www.tukurutanosimi.com/img/contents/picUpbg5.gif) no-repeat left top;
}
.pickUpItems dl.item.cat06{
	background: url(http://www.tukurutanosimi.com/img/contents/picUpbg6.gif) no-repeat left top;
}
.pickUpItems dl.item.cat07{
	background: url(http://www.tukurutanosimi.com/img/contents/picUpbg7.gif) no-repeat left top;
}
.pickUpItems dl.item.cat08{
	background: url(http://www.tukurutanosimi.com/img/contents/picUpbg8.gif) no-repeat left top;
}

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

	カテゴリサマリー 01

---------------------------------------------------------------------*/
.catSummary01 {
	margin-bottom: 20px;
}
.catSummary01 div.odd {
	float: left;
}
.catSummary01 div.even {
	float: right;
}
/*  アイテム一覧のブロック
-----------------------------------*/
.catSummary01 div.section {
	background: url(http://www.tukurutanosimi.com/img/contents/catSummary01_itembody.gif) repeat-y left bottom;
	clear: none;
	margin-bottom: 10px;
	width: 370px;
}
.catSummary01 div.dlGroup {
	background: url(http://www.tukurutanosimi.com/img/contents/catSummary01_itemFoot.gif) no-repeat left bottom;
	margin: 0;
}
/*  見出し（標準）
-----------------------------------*/
.catSummary01 div.section h2 {
	background: url(http://www.tukurutanosimi.com/img/contents/catSummary01_itemHead.gif) no-repeat left top;
	margin-bottom: 10px;
	padding: 0 0 0 185px;
	line-height: 1.2;
	font-size: 20px;
	font-family: "ヒラギノ明朝 Pro W3", "HiraMinPro-W3","ＭＳ Ｐ明朝", serif;
}

/*  見出し: a要素
--------------------------*/
.catSummary01 div.section h2 a {
	background: url(http://www.tukurutanosimi.com/img/contents/catSummary01_bg_h.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	padding-top: 20px;
	width: 185px;
	text-align: center;
	height: 41px;
	color: #FFF;
}
.catSummary01 div.section h2 a:hover {
	background: url(http://www.tukurutanosimi.com/img/contents/catSummary01_bg_h_on.gif) no-repeat left top;
	text-decoration: none;
}
.catSummary01 div.section h2 a.multi {
	padding-top: 8px;
	height: 53px;
}
.catSummary01 div.section h2 a.multi span {
	font-size: 12px;
	letter-spacing: -0.1em;
}



/*  商品アイテム
-----------------------------------*/
.catSummary01 div.section dl {
	width: 170px;
	padding-left: 10px;
	line-height: 1.4;
}
.catSummary01 div.section dt {
	margin-bottom: 10px;
}
.catSummary01 div.section dt span {
	float: left;
	margin-right: 10px;
}
.catSummary01 div.section dd {
	background: url(http://www.tukurutanosimi.com/img/contents/catSummary01_linkArrow01.gif) no-repeat 0 50%;
	margin-bottom: 10px;
	padding-left: 40px;
}
.catSummary01 div.section dd.lastChild {
	background: url(http://www.tukurutanosimi.com/img/contents/catSummary01_linkArrow02.gif) no-repeat 0 50%;
}

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

	カテゴリサマリー 02

---------------------------------------------------------------------*/
div.section.catSummary02 {
	margin-bottom: 20px;
}
/*  見出し
-----------------------------------*/
.catSummary02 h2 {
	margin-bottom: 15px;
}
/*  基本レイアウト
-----------------------------------*/
.catSummary02 dl {
	clear: both;
	border-bottom: 1px dashed #a2a2a0;
	margin-bottom: 10px;
	padding-bottom: 3px;
}
.catSummary02 dt,
.catSummary02 dd {
	float: left;
	margin-right: 4px;
	margin-bottom: 10px;
}
/*  dt
-----------------------------------*/
.catSummary02 dt {
	text-align: center;
}
.catSummary02 dt a {
	background: url(http://www.tukurutanosimi.com/img/contents/catSummary02_btn_cat.gif) no-repeat left top;
	display: block;
	padding-top: 5px;
	width: 146px;
	height: 26px;
	font-family: "ヒラギノ明朝 Pro W3", "HiraMinPro-W3", "ＭＳ 明朝", serif;
	font-size: 12px;
	letter-spacing: -0.05em;
	color: #FFF;
}
.catSummary02 dt a:hover {
	background: url(http://www.tukurutanosimi.com/img/contents/catSummary02_btn_cat_on.gif) no-repeat left top;
	text-decoration: none;
}
/*  dd
-----------------------------------*/
.catSummary02 dd {
	background-color: #f2f2f2;
	overflow: hidden;
	width: 146px;
	height: 31px;
	line-height: 1.4;
}
.catSummary02 dd span{
	float: left;
	margin-right: 5px;
}

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

	検索結果出力

---------------------------------------------------------------------*/
.searchResultItems {
	margin-bottom: 10px;
}

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

	その他

---------------------------------------------------------------------*/
/*  エラー表示：お知らせ程度
-----------------------------------*/
div.notify {
	background: #f2f2e9;
	border: 1px solid #ddddd5;
	padding: 1em;
	font-size: 82%;
}
/*  selected text
-----------------------------------*/
::selection {
 background : #edddba;
 color : #806536;
}

::-moz-selection {
 background : #edddba;
 color : #806536;
}
.clear {
	clear: both;
}
/*  コードヒント用予約語
-----------------------------------*/
.fig,
.photo,
.desc,
.link,
.odd,
.even,
.swap {
}
/*  免責条項など、2行目以降にスペース
	（例）※これは注意です
	　　　　やめてください！
-----------------------------------*/
.immunity { 
	padding-left: 1em;
	text-indent: -1em;
}



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

	50. indexページスタイル

============================================================================================================*/
/*  ------------------------------------------------------------------

	キービジュアル

---------------------------------------------------------------------*/
.inner #mainGraphic ul li {
	float: left;
	margin-bottom: 5px;
}
.inner #mainGraphic ul {
	float: left;
	width: 445px;
}
.inner #mainGraphic ul.lastChild {
	float: right;
	width: 145px;
}
.inner #mainGraphic ul.lastChild li {
	float: none;
	margin-right: 0;
}
/*  ------------------------------------------------------------------

	最新情報エリア

---------------------------------------------------------------------*/
.inner #news {
	background: url(http://www.tukurutanosimi.com/img/home2011/bg_news.gif) repeat-y left top;
	margin-bottom: 10px;
	line-height: 1.3;
}
.inner #news .section {
	float: left;
	width: 439px;
}
.inner #news .announcement {
	background: url(http://www.tukurutanosimi.com/img/contents/bg_content.gif) repeat-x left top;
	float: right;
	padding: 15px 0 0 10px;
	width: 145px;
}

/*  新着情報
-----------------------------------*/
dl.generalNews {
	margin-right:5px;
}
dl.generalNews dt {
	padding: 0 0 1em 5px;
	margin-bottom: -3em;
	width: 90px;
}
dl.generalNews dd {
	padding: 0.6em 10px 0.6em 90px;

}

/*  重要なお知らせ
-----------------------------------*/
.inner #news .announcement li {
	margin-bottom: 6px;
}
.inner #news .announcement dd {
	border: 2px solid #c09a65;
}
.inner #news .announcement p {
	padding: 5px;
}

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

	.inner 内の商品アイテムブロックたち

---------------------------------------------------------------------*/
.inner .items {
	width: 600px;
	position: relative;
	zoom: 1;
}

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

	スタンダードアイテム

---------------------------------------------------------------------*/
/*  背景設定
-----------------------------------*/
.standardItems{
	background: url(http://www.tukurutanosimi.com/img/home2011/standard_bg.gif) repeat-y left top;
}
.standardItems .bgHead{
	background: url(http://www.tukurutanosimi.com/img/home2011/standard_top.gif) no-repeat left top;
	padding-top: 35px;
}
.standardItems .bgFoot{
	background: url(http://www.tukurutanosimi.com/img/home2011/standard_bottom.gif) no-repeat left bottom;
	padding-bottom: 15px;
	margin-bottom:10px;
}


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

	51. パッチワーク一覧

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

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

	52. 生地・芯材

============================================================================================================*/
/*  ------------------------------------------------------------------

	スタンダードアイテム

---------------------------------------------------------------------*/
/*  背景設定
-----------------------------------*/
.standardItems.cat01{
	background: url(http://www.tukurutanosimi.com/img/fabric/fabric_standardBgBody.gif) repeat-y left top;
	margin-bottom: 20px;
}
.standardItems.cat01 .bgHead{
	background: url(http://www.tukurutanosimi.com/img/fabric/fabric_standardBgHead.gif) no-repeat left top;
	padding-top: 0;
}
.standardItems.cat01 .bgFoot{
	background: url(http://www.tukurutanosimi.com/img/fabric/fabric_standardBgFoot.gif) no-repeat left bottom;
	padding-bottom: 0;
	margin-bottom:10px;
}
/* ==========================================================================================================

	下層ページ共通

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

/*  コンテンツ用
-----------------------------------*/
.contents {
	float: left;
	width: 705px;
	padding: 10px 0px 0px 45px;
}
.contents #mainGraphic {
	margin-bottom: 15px;
}
.contents h2 {
	margin-bottom: 15px;
}

/*  ボーダー＋ボタン
-----------------------------------*/
.borderBtn {
	position: relative;
	z-index: 15;
	margin: 15px 0 15px;
	zoom: 1;
}
.borderBtn a {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 20;
}

/*  ボーダーのみ
-----------------------------------*/
.border {
	margin: 0 0 15px;
}


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

	53. リンク集

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

/*  リンクの説明
-----------------------------------*/
.linkTop {
	margin: 20px 0px;
	font-family: "ヒラギノ明朝 Pro W3", "HiraMinPro-W3", "ＭＳ 明朝", serif;
	font-size: 14px;
	font-weight: bold;
}
.linkTop a img {
	margin: 2px 0px 0px;
}

/*  リンクの説明
-----------------------------------*/
.linkList {
	margin-top: 20px;
}
.linkList .listBox {
	width: 700px;
	margin-bottom: 20px;
	background: #cb8b9f;
}
.linkList .listBox .title {
	font-family: "ヒラギノ明朝 Pro W3", "HiraMinPro-W3", "ＭＳ 明朝", serif;
	font-size: 14px;
	color: #a4236d;
	font-weight: bold;
}
.linkList .listBox .title a:link,
.linkList .listBox .title a:visited {
	color: #a4236d;
}
.linkList .listBox .title a:hover,
.linkList .listBox .title a:active {
	color: #a4236d;
}
.linkList .listBox td.ban {
	width: 125px;
	height: 80px;
	vertical-align: middle;
	text-align: center;
}
.linkList .listBox td.info {
	width: 195px;
	background: #fff0fa;
	padding: 10px;
}
.linkList .listBox .hSpace {
	height: 20px;
	background: #FFFFFF;
}
.linkList .listBox .vSpace {
	width: 20px;
	background: #FFFFFF;
}

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

	54. ショッピングガイド

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

/*  h1タイトル用
-----------------------------------*/
#mainGraphic h2.leftOver {
	margin-left: -45px;
}

/*  ご利用案内
-----------------------------------*/
.useguide {
	font-size: 14px;
	font-family: "ヒラギノ明朝 Pro W3", "HiraMinPro-W3", "ＭＳ 明朝", serif;
	font-weight: bold;
	margin-bottom: 25px;
}
.useguide ul {
	margin-bottom: 15px;
}
.useguide ul.lastChild {
	margin-bottom: 5px;
}
.useguide ul li {
	width: auto;
	display: inline;
	margin-right: 0px;
}
.useguide ul li.top {
	display: block;
	width: 20em;
	float: left;
}
.useguide ul li.middle {
	margin-right: 50px;
}

/*  ショップガイド汎用
-----------------------------------*/
.shopguide {
	margin-bottom: 15px;
}
.shopguide h3 {
	font-size: 20px;
	color: #cb8b9f;
	line-height: 1.5;
	margin-bottom: 5px;
}
.shopguide .bTitle01 {
	font-size: 15px;
	font-weight: bold;
	color: #b59968;
}
.shopguide .bTitle02 {
	font-weight: bold;
	color: #bd3232;
}

/*  ショッピングの流れについて
-----------------------------------*/
.shopguide .listFrow {
	margin: 10px 0px;
}
.shopguide .listFrow dt {
	clear: left;
	float: left;
	width: 2.5em;
	margin-bottom: 0.5em;
}
.shopguide .listFrow dd {
	margin-left: 2.5em;
	margin-bottom: 0.5em;
}
.shopguide .listFrow img {
	margin: -3px 2px 0px 0px;
}
/*  ポイントサービスについて
-----------------------------------*/
.shopguide .pointFrow dt {
	clear: left;
	float: left;
	width: 1.5em;
	margin-bottom: 0.5em;
}
.shopguide .pointFrow dd {
	margin-left: 1.5em;
	margin-bottom: 0.5em;
}

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

	55. サイトマップ

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

/*  用途から撰ぶ
-----------------------------------*/
.usage {
	font-size: 15px;
}
.usage ul.lastChild {
	margin-top: 15px;
}
.usage ul li {
	margin-right: 40px;
	display: inline;
}

/*  素材から撰ぶ＆会員コンテンツ＆ご購入サポート
-----------------------------------*/
.sitemapList {
	font-size: 15px;
	line-height: 1.5;
	margin-top: 15px;
	margin-top: 30px;
}
.sitemapList .odd {
	float: left;
}
.sitemapList .even {
	float: right;
}
.sitemapList dl.listBox {
	width: 350px;
	margin-bottom: 20px;
}
.sitemapList dt a:link,
.sitemapList dt a:visited {
	font-weight: bold;
	color: #b59968;
}
.sitemapList dt a:hover,
.sitemapList dt a:active {
	font-weight: bold;
	color: #A4236D;
}
.sitemapList dd{
margin:0 0 0 15px;
}
.sitemap_mg{
padding:0 0 0 15px;
}

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

	 99. 印刷CSS
 
============================================================================================================*/
@media print {
	body {
		background: #FFFFFF;
		font-size: 12px;
		font-family: "ヒラギノ明朝 Pro W3", "HiraMinPro-W3","ＭＳ Ｐ明朝", serif;
		color: #000000;
	}
	/* ie6 hack */
	* html body {
		zoom: 0.75;
	}
	a:link,
	a:visited {
		text-decoration: underline;
		color: #000000;
	}
	img {
		border: none;
	}
}




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

	999. clearFix

============================================================================================================*/
/* start clearfix */
#mainContent .inner:after,
#mainGraphic:after,
#footer .secGroup:after,
#gFoot:after,
#footNav:after,
#footNavBtn:after,
.catSummary01:after,
.catSummary02 dl:after,
.xxxxxxxx:after,
.inner #news:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0px; line-height: 0; }
/* ie6 hack */
* html #mainContent .inner,
* html #mainGraphic,
* html #footer .secGroup,
* html #gFoot,
* html #footNav,
* html #footNavBtn,
* html .catSummary01,
* html .catSummary02 dl,
* html .xxxxxxxx,
* html .inner #news { height: 1%; }
/* ie7 hack */
*:first-child+html #mainContent .inner,
*:first-child+html #mainGraphic,
*:first-child+html #footer .secGroup,
*:first-child+html #gFoot,
*:first-child+html #footNav,
*:first-child+html #footNavBtn,
*:first-child+html .catSummary01,
*:first-child+html .catSummary02 dl,
*:first-child+html .xxxxxxxx,
*:first-child+html .inner #news { min-height: 1%;}
/* end clearfix */




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

	補助

============================================================================================================*/
.pt15{padding-top:15px;}
.pb15{padding-bottom:15px;}
.pr5{padding-right:5px;}

.ml8{margin-left:8px;}

.layout_table {
	width: 950px;
}

.layout_menu {
	width: 200px;
}

.layout_header {
	height: 150px;
}



/*お試し店舗のヘッダを非表示*/
.FS2_trial{
display:none;
}

/*プレビューモードのヘッダを非表示*/
.FS2_preview{
display:none;
}

/*問い合わせ*/
#inquiry a,
#inquiry a:visited{
text-decoration:underline;
color:#FF0000;
}
#inquiry a:hover {
color:#CC0000;
text-decoration:none;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
  .ui-tabs-hide{
 display: none; }
}/* Hide useless elements in print layouts... */
@media print {
 .ui-tabs-nav{
 display: none; }
}

/* Skin */
.ui-tabs-nav{
 list-style: none; 
 margin: 0;
 padding: 0 0 0 4px;}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment*/
 display: block;
 clear: both;
 content: " ";}
.ui-tabs-nav li{
 float: left;
 border-left: sold #333 1px;}
.ui-tabs-nav li:first-child{
 border-left: none;}
.ui-tabs-nav li.first-child{ /*IE-expression (firrst-child)*/
 border-left: none;}
.ui-tabs-nav li { /* IE-expression (first-child)*/
 behavior: expression(
 this.className += (this.previousSibling == null) ? " first-child" : "",
 this.style.behavior = "none");}
.ui-tabs-nav a, .ui-tabs-nav a span{
 display: block;
 padding: 0 5px;}