@charset "Shift_JIS";
/*

CSS information

Site URL:		http://www.fjx.co.jp/sewingcom/
File name:		top.css
Summary:		top style
Created:		2009-2-5	
Last update:	2010-7-28 by Etsuko Hashiyama
Author:			Etsuko Hashiyama
Copyright:		(c)2010 kikanshicom. inc

*/


/*++++++++++++ Header Style ++++++++++++*/ 



/*++++++++++++ Main ++++++++++++*/



/*++++++++++++ Sidebar ++++++++++++*/ 



/*++++++++++++ Alpha Style ++++++++++++*/

h3{
	text-indent:-9999px;
	font-size:14px;
}

.what_fil{
	font-size:88%;
	line-height:135%;
	margin-right:10px;
}

.catalog_detail{
	width:280px;
}
.catalog_detail .work{
	margin-bottom:10px;
}
.catalog_detail .explan{
	width:200px;
}
.catalog_detail .work .ie_h{
	*margin-bottom:10px;
}
.catalog_detail .work .katagami{
	margin-left:2px; margin-right:2px;
	*margin-top:-1px;
}
.catalog_detail .work p.text{
	line-height:120%;
	margin:3px 0;
}
.catalog_detail .work p.howto{
	text-align:right;
}

.bkcata_list{
	margin:5px 0;
}
.bkcata_list img{
	margin-right:7px;
}

#thread_story {
	background:url(../img/top/thread_story.jpg) 0 0 no-repeat;
	width:496px; height:173px;
	padding:80px 30px 20px 50px;
	position:relative;
}
#thread_story .thread_dit {
	margin-left:10px; width:300px;
}
#thread_story #thread_name {
	font-size:16px; margin:15px 0 7px 0;
}
#thread_story .sequel {
	position:absolute; 
	top:220px; left:435px;
}

#tezucon_bn{
	margin:13px 0 0 0;
	padding:0;
	width:274px;
	height:250px;
	background:url(../img/top/contest_new.jpg) 0 0 no-repeat;
	position:relative;
}
#tezucon_bnII{
	margin:18px 5px 0 0;
	padding:0;
	width:600px;
	height:150px;
	background:url(../img/top/top-contest-yokonaga.jpg) 0 0 no-repeat;
	position:relative;
}
#tezucon_bn .con_text{
	width:115px;
	position:absolute;
	top:70px; left:23px;
	font-size:12px;
	line-height:125%;
}
#tezucon_bnII .con_text{
	width:320px;
	position:absolute;
	top:70px; left:140px;
	font-size:12px;
	line-height:125%;
}
#tezucon_bn .con_text p{
	font-size:12px;
	line-height:125%;
	margin-bottom:5px;
}
body:first-of-type #tezucon_bn .con_text p{
	font-size:11px;
}

#tezucon_bn .con_link{
	width:106px;
	position:absolute;
	top:202px; left:150px;
}
#tezucon_bnII .con_link{
	width:106px;
	position:absolute;
	top:100px; left:470px;
}

#bottom{
	margin-top:15px;
}
#bottomII{
	margin-top:0;
}
#content_bn{
	width:240px;
}
#content_bn #kiso{
	width:191px; height:110px;
	background:url(../img/top/kiso.jpg) 0 0 no-repeat;
	padding:40px 25px 0 25px;
	line-height:130%;
	position:relative;
}
#content_bn #kisoII{
	width:191px; height:173px;
	background:url(../img/top/kiso.jpg) 0 0 no-repeat;
	padding:40px 25px 0 25px;
	line-height:130%;
	position:relative;
}
#kisoIII{
	width:260px; height:250px;
	background:url(../img/top/top-kiso-sikaku.jpg) 0 0 no-repeat;
	padding:0;
	margin:12px 5px 0 0;
	line-height:130%;
	position:relative;
}
#kisoIII p{
	position:absolute;
	top:85px;
	left:35px;
	width:200px
}
#kisoIII p.sequel{
	text-indent:-9999px;
}
#kisoIII p.sequel a{
	display:block;
	width:110px;
	height:22px;
	position:absolute;
	top:120px;
	left:90px;
}
#content_bn #kiso .sequel{
	text-indent:-9999px;
}
#content_bn #kiso .sequel a{
	display:block;
	width:110px;
	height:22px;
	position:absolute;
	top:112px;
	left:93px;
}

#content_bn #cm{
	width:194px; height:113px;
	background:url(../img/top/magazin.jpg) 0 0 no-repeat;
	padding:37px 25px 0 22px;
	line-height:120%;
	position:relative;
	margin-top:18px;
}
#content_bn #cm .sequel{
	text-indent:-9999px;
}
#content_bn #cm .sequel a{
	display:block;
	width:125px;
	height:26px;
	position:absolute;
	top:104px;
	left:88px;
}
#content_bn #cm img{
	margin-right:10px;
}

#recipe{
	background:url(../img/top/recipe-bg.jpg) 0 0 no-repeat;
	width:563px; height:270px;
	padding:48px 25px 0 23px;
	position:relative;
}
#recipe #bk_w{
	background-color:#FFFFFF;
	height:210px;
	padding:12px; _padding:12px 12px 0px 12px;
}
#recipe img#dl{
	margin:-5px -5px 0 10px;
}
#recipe p.read{
	margin-bottom:5px;
}
#recipe .dl_detail{
	width:265px;
}
#recipe .work{
	width:265px; /*height:89px;*/
}
#recipe .work p.text{
	line-height:120%;
	margin:3px 0;
}
#recipe #other{
	/*text-indent:-9999px;*/
}
#recipe #other a{
	display:block;
	width:192px;
	height:46px;
	position:absolute;
	top:17px;
	left:390px;
}

.filnews{
	float:right;
}
.filnews dt {
	color:#c6f;
}

.subtit{
	color:#993399; font-size:13px; margin-top:3px;
}
.new {
	color:#c0c;
	font-size:120%;
	font-weight:bold;
	padding:0 0.5em 0 0;
}

/*newsA*/
.sewing-update {
	margin:10px 0 0 0;
	width:590px;
	border:1px dotted #c6f;
	padding:10px;
	font-size:0.85em;
	float:left;
	line-height:2em;
}
.sewing-update p,.sewing-update ul{
	float:left;
}
.sewing-update p {
	width: 80px;
	height: 80px;
	margin:0 10px 0 0;
	background:url(../img/top/sewing-news.gif) no-repeat 0 0;
	text-indent:-9999px;
}
.sewing-update ul span {
	color:#c6f;
}
.sewing-banner {
	margin:10px 0 0 0;
	width:240px;
	float:right;
}
.sewing-banner li{
	display:inline;
	margin:0 0 0 10px;
}

/*newsB*/
#cm-topnews {
	width: 50px;
	height: 50px;
	position:absolute;
	top:30px;
	left:550px;
}
/*newsC*/
.sewing-updateC {
	width:210px;
	height:295px;
	border:1px dotted #c6f;
	padding:10px;
	font-size:0.85em;
	position:relative;
	overflow: scroll;
}
.sewing-updateC p {
	width: 80px;
	height: 80px;
	background:url(../img/top/sewing-news.gif) no-repeat 0 0;
	text-indent:-9999px;
	position:absolute;
	left:120px;
}
.sewing-updateC dl{
	margin:1em 0 0 0;
	position:absolute;
	top:90px;
	width:190px;
}
.sewing-updateC dt {
	color:#c6f;
}
.sewing-updateC dd {
	margin:0 0 0 1em;
}