@charset "shift_jis";

/*

CSS fujix

Site URL:		http://www.fjx.co.jp/c/
File name:		catalog_katei.css
Summary:		catalog_katei style
Last update:	2010-11-08 by Etsuko hashiyama
Copyright:		(c)2009 kikanshicom. inc

*/

/** {
border:1px solid #ccc;
}*/

/*katei-in*/
/**/
#catalog-main .katei-indextb {
	width:100%;
	border:none;
}
ul.katei-top-navi {
	padding:0;
	margin:0 0 0.5em 0;
	text-align:center;
}
.katei-top-navi li {
	list-style:none;
	display:inline;
	border-right:1px dotted #666;
	font-size:75%;
	padding:0 0.5em ;
}
#catalog-main .katei-indextb td {
	padding:10px;
	width:105px;
	border:none;
	vertical-align:top;
}
#catalog-main h2{
	color:#909;
	text-align:left;
	font-size:100%;
	margin:1em 0 0 0.5em;
	padding:0.5em;
	border-top:1px dotted #909;
}
#catalog-main .katei-indextb td h3{
	color:#036;
	font-size:100%;
	line-height:110%;
	margin:0.2em 0;
	padding:0;
	height:2em;
}
#catalog-main .katei-indextb td h3.ls1{
	letter-spacing: -0.1em;
	letter-spacing: 0;
}
#catalog-main .katei-indextb td h3.w03{
	letter-spacing: 0.3em;
}
#catalog-main .katei-indextb td h3.ls2,#catalog-main .katei-indextb td h4.ls2{
	letter-spacing: -0.15em;
	_letter-spacing: -0.1em;
}
#catalog-main .katei-indextb td h3.ls3,#catalog-main .katei-indextb td h4.ls3{
	letter-spacing: -0.3em;
	_letter-spacing: -0.2em;
}
#catalog-main .katei-indextb td h4{
	font-size:90%;
	font-weight:normal;
	margin:0.2em 0 0 0 ;
	padding:0;
	text-align:left;
	line-height:110%;
}
#catalog-main .katei-indextb td p {
	margin:0;
	padding:0;
	text-align:left;
	font-size:85%;
}
#catalog-main .katei-indextb img{
	border:none;
}



#catalog-main table{
	clear:both;
	width: 500px;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	font-size: 75%;
}
#catalog-main th,#catalog-main td{
	text-align:center;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding:5px;
}
#catalog-main table.no-border-tbl,#catalog-main table.no-border-tbl th,#catalog-main table.no-border-tbl td{
	border:none;
}

#catalog-main th {
	background-color: #f9c;
}
#catalog-main td.menu_katei{
	background-color: #f9c;
	width:3.5em;
	
}
#catalog-main td.menu_kateiII{
	text-align:center;
	background-color: #f9c;
	width:5em;
	padding:0 15px;	
}
#catalog-main td.hinmei{
	background-color: #fcc;
}
#catalog-main td.hinmei08{
	background-color: #fcc;
	text-align:left;
	width:7em;
}
#catalog-main td.w3{
	width:3em;
}
#catalog-main td.w4{
	width:4em;
}
#catalog-main td.w5{
	width:5em;
}
#catalog-main td.w6{
	width:6em;
}
#catalog-main td.w7{
	width:7em;
}
#catalog-main td.w8{
	width:8em;
}
#catalog-main td.w9{
	width:9em;
}
#catalog-main td.w10{
	width:10em;
}
.manner {
	clear:both;
}
.manner h3 {
	color:#939;
	font-weight:normal;
}
#catalog-main .left {
	text-align:left;
}

/**/
h1#katei{
	color:#993399;
}
.sozai_katei{
	float:left;
	text-align:right;
	width:240px;
	padding:0.5em 0;
}
.sozai_katei08{
	float:right;
	text-align:right;
	margin:0.5em 0;
	font-size:90%;
}
.setumei{
	padding:10px 0 0 0;
	float:left;
	width:270px;
	font-size: 90%;
	line-height:130%;
	font-weight: normal;
	vertical-align: middle;
	text-align:left;
	color:#000;
}
.setumei dt{
	float:left;
	width:5.5em;
	font-size: 90%;
	font-weight: normal;
	clear:left;
	margin:0;
}
.setumei dd{
	float:left;
	width:15em;
	font-size: 90%;
	margin:0;
}

.photo {
	float:right;
	width:200px;
}
.photo p {
	margin:0 0 0.5em 0;
	padding:0;
	text-align:center;
	font-size:80%;
}
.photo-d {
}
.photo-d p {
	float:left;
	width:200px;
	margin:0 1.5em;
	text-align:center;
	font-size:80%;
}
.photo-d p span {
	display:block;
	margin:1em 0 0 0;
	text-align:right;
}
#catalog-main .setumei h2{
	text-align:left;
	color:#333;
	font-size:110%;
	margin:0 0 0.5em 0;
	_margin:1em 0 0.5em 0;
	border-top:none;
}
#catalog-main .setumei p{
	_margin:0 0 0.5em 0;
}

#catalog-main .setumei h3{
	text-align:left;
	color:#333;
	font-size:90%;
	margin:0 0 0.5em 0;
	_margin:1em 0 0.5em 0;
}
#catalog-main .setumei ul{
	list-style:none;
	margin:0 0 0.5em 0;
}
.sozai_setumei{
	width:240px;
	float:left;
	margin:5px 0 ;
}
dl.chui{
padding:10px;
	background-color: #dce;
}
dl.chui dt{
	font-size:110%;
	color: #993399;
	font-weight: bolder;
	margin:0 0 10px 10px;
}
dl.chui dd{
	font-size:90%;
margin:0 5px 10px 10px;
}

/*Patchwork Coton*/
h1#pw-coton10{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2010/logo-pw-coton.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
}	
/*KING STAR*/
h1#kingstar_katei08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-star.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
}

/*Shappespun*/
h1#shappe08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-shappe.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
	_margin:0.5em 0 0 0 ;
}


/*FINE*/
h1#fine08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-fine.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
	_margin:0.5em 0 0 0;
}


/*RSILON*/
h1#resilon08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-resilon.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
	_margin:0.5em 0 0 0;
}

/*Monocolor*/
h1#monocolor08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-monocolor.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
	_margin:0.5em 0 0 0;
}

/*RollHem-lock*/
h1#rollhem-lock08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-hemlock.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
	_margin:0.5em 0 0 0;
}

/*Woollie-lock*/
h1#woollie-lock08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-woollie-lock.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
	_margin:0.5em 0 0 0;
}

/*Knit*/
h1#knit08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-knit.gif) no-repeat left top;
	height:80px;
	width:300px;
}

/*Hi-SPUN*/
h1#hi-spun08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-hi-spun.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
}

/*Hi-SPUN-B*/
h1#hi-spun-b08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-hi-spun-b.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
	_margin:0.5em 0 0 0;
}
h1#hi-spun-b-cs08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-hi-spun-b-cs.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
}

/*JEANS*/
h1#jeans08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-jeans.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
}

/*METALLIC*/
h1#metalic_katei08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-metallic.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
	_margin:0.5em 0 0 0;
	}

	
/*CHIRIMEN*/
h1#chirimen08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-chirimen.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
}	

	
/*MIYAKO TEMARI*/
h1#temariito08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-miyakotemari.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
}	
/*MIYAKO TEMARI HANA*/
h1#temarihanaito08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-miyakotemari-hana.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
	_margin:0.5em 0 0 0;
}
/*MIYAKO TEMARI Needle*/
h1#temari-needle08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-temari-needle.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
	_margin:0.5em 0 0 0;
}	
/*MIYAKO TEMARI CoreCube*/
h1#temari-cube08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-temari-cube.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
}		
	

/*MELTER*/	
h1#melter_katei08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-melter.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
	_margin:0.5em 0 0 0;
}

/*Fuzzy*/	
h1#fuzzy08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-fuzzy.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
	_margin:0.5em 0 0 0;
}


/*STEP COLOR*/
h1#stepcolor08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-stepcolor.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
	_margin:0.5em 0 0 0;
}	
	
/*Seiden*/
h1#seiden_katei08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-seiden.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
	_margin:0.5em 0 0 0;
}	

	
/*こうきん*/	
h1#koukin{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/koukin.gif) no-repeat left top;
	float:left;
	height:106px;
	width:240px;
}
h2#koukinphoto{
background: url(../catalog/katei/img/koukinphoto.jpg) no-repeat left top;
	margin: 0 0 10px 10px;
	padding: 0 0 0 0;
	float:right;
	width:250px;
	height:175px;
	text-indent:-9999px
	}
	
/*Nannen*/
h1#nannen08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-nannen.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
	_margin:0.5em 0 0 0;
	
}	
	
/*Water*/
h1#water08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-water.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
	_margin:0.5em 0 0 0;
}	
	
/*Leather*/	
h1#leather08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-leather.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
}
	
/*Saisei*/
h1#saisei08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-saisei.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
	_margin:0.5em 0 0 0;
}	
	
	
/*LAME*/
h1#lame08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-lame.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
}	

/*Quilter*/
h1#quilter08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-quilter.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
}
	
/*Quilter-soft*/
h1#quilter-soft08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-quilter-soft.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
	_margin:0.5em 0 0 0;
}
/*Quilter-silk*/
h1#quilter-silk08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-quilter-silk.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
	_margin:0.5em 0 0 0;
}

/*Bag*/
h1#bag08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-bag.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
}	
/*Mochite*/
h1#mochite08{

	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-mochite.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
}	
/*Sparkle Lame*/	
h1#sparkle-lame08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-sparkle-lame.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
	_margin:0.5em 0 0 0;
}

/*MOCO*/
h1#moco08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-moco.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
}

/*PICE*/
h1#pice08{
	background: url(../catalog/katei/img/logo2008/logo-pice.gif) no-repeat right bottom;
	height:80px;
	width:300px;
	text-indent:-9999px;
}

/*FJX BEAD CROCHET*/
h1#bead08{
	text-indent:-9999px;
	background: url(../catalog/katei/img/logo2008/logo-bead-crochet.gif) no-repeat right bottom;
	width:300px;
	height:80px;
}

/*HARERUYAN*/
h1#hareru10{
	text-indent:-9999px;
	background: url(../catalog/katei/img/hareru/title.gif) no-repeat left top;
	width:300px;
	height:115px;
}


/*TIARA*/	
h1#tiara08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-tiara.gif) no-repeat left top;
	float:left;
	width:300px;
	height:80px;
	_margin:0.5em 0 0 0 ;
}

	
/*TIRE*/	
h1#tire08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-tire.gif) no-repeat left top;
	float:left;
	width:300px;
	height:80px;
	_margin:0.5em 0 0 0 ;
}
/*TIRE-cs*/	
h1#tire-cs08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-tire-cs.gif) no-repeat left top;
	float:left;
	width:300px;
	height:80px;
}

/*Soie et*/
h1#soie08{
	background: url(../catalog/katei/img/logo2008/logo-soie.gif) no-repeat right bottom;
	height:80px;
	width:300px;
	text-indent:-9999px;
}

/*Cotton*/
h1#cotton08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-cotton.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
}	

/*Tokyo*/
h1#tokyo08{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/logo2008/logo-tokyo.gif) no-repeat left top;
	float:left;
	height:80px;
	width:300px;
	_margin:0.5em 0 0 0;
}	

/*Kakishibu*/
h1#kakishibu08{
	background: url(../catalog/katei/img/logo2008/logo-kaki.gif) no-repeat right bottom;
	height:80px;
	width:300px;
	text-indent:-9999px;
}
#catalog-main .kakishibu08-tbl {
	width: 500px;
	padding:0 3px;
	border-top: none;
	border-left: none;
}
#catalog-main .kakishibu08-tbl td{
	width: 110px;
	border-bottom: none;
	border-right: none;
}
#catalog-main .kakishibu08-tbl td.title{
	width: 250px;
	border-bottom: none;
	border-right: none;
}
.kakishibu08-tbl dt,.kakishibu08-tbl dd{
	margin:0;
	text-align:left;
}
.kakishibu08-tbl dt {
	color:#633;
	margin:0 0 0.5em 0;
}
.kakishibu08-tbl dt span{
	font-size:85%
}


/*BEAD CROCHET*/
.bc-shiyou{
font-size:80%;
margin:0;
}
h3.bc{
margin:1em 0;
color:#663;
}

/**/
.katei-fnavi {
	margin:2em 0;
	padding:1em 0 0 0;
	border-top:1px dashed #93c;
}
.katei-fnavi h4{
	margin:0 0 1em 0;
	padding:0;
	color:#93c;
	font-size:90%;
}
.katei-fnavi h5{
	margin:0;
	padding:0;
	color:#333;
	font-size:95%;
}
.katei-fnaviI,.katei-fnaviII{
	float:left;
	width:48%;
	font-size:70%;
	margin:0;
	padding:0 0 0 0.5em;
	line-height:120%;
	list-style:outside;
}
.katei-fnaviI li,.katei-fnaviII li{
	margin:0;
	padding:0;
}


/*はれるや〜ん*/
#hareru{
float:left;
width:250px;
}
#hareru h1{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/hareru/logo.jpg) no-repeat left top;
	height:76px;
	width:250px;
}
h2#hareru_photo{
	text-indent:-9999px;text-decoration:none;
	background: url(../catalog/katei/img/hareru/hareru.jpg) no-repeat left top;
	float:left;
	height:327px;
	width:240px;
}
.sozai_hareru{
float:right;
text-align:right;
width:120px;
}

#hareru img{
float:left;
}
.hareru_setumei{
float:right;
width:220px;
}
#hareruyan h3{
padding:0 0 2em 0;
color:#663333;
font-size:100%;
}
#hareruyan h3#maru{
background: url(../catalog/katei/img/hareru/maru.jpg) no-repeat left bottom;
height:133px;
}
#hareruyan h3#yama{
background: url(../catalog/katei/img/hareru/yama.jpg) no-repeat left bottom;
height:133px;
}
#hareruyan h4{
color:#663333;
font-size:100%;
margin:2em 0 0 0 ;
}
/*銀の糸*/	

h2#silverphoto	{
	background: url(../catalog/katei/img/gin-ito.jpg) no-repeat left top;
	margin: 0 0 10px 10px;
	padding: 0 0 0 0;
	float:right;
	width:200px;
	height:158px;
	text-indent:-9999px;text-decoration:none;
}

.sozai_gin{
clear:both;
text-align:right;
}

h3.gin{
	color:#666699;
	float:left;
	width:250px;
	font-weight: bold;

}
h3.han{
color:#666699;
font-weight: bold;
margin:0px 0 10px 0;
}
.ginsetumei{
float:left;	
width:250px;
margin:0;
}
.kokin{
float:left;	
width:240px;
}
.kokin h4{
text-align:center;
background-color: #CCCCFF;
padding:10px 0;
}
#kokin {
background: url(../catalog/katei/img/kin-mamoru.gif) no-repeat left top;
text-indent:-9999px;text-decoration:none;
width:200px;
height:135px;


}
.taiden{
float:right;	
width:240px;
}
.taiden h4{
text-align:center;
background-color: #CCCCFF;
padding:10px 0;
}
#taiden{
background: url(../catalog/katei/img/seidenki.gif) no-repeat left top;
text-indent:-9999px;text-decoration:none;
width:200px;
height:135px;
}




/*#catalog-main p{
	clear:both;}*/