@charset "Shift_JIS";
/*

CSS information

Site URL:		http://www.fjx.co.jp/sewingcom/
File name:		base.css
Summary:		base style	
Last update:	2010-7-29 by Etsuko Hashiyama
Author:			Etsuko Hashiyama
Copyright:		(c)2010 kikanshicom. inc

*/

/*++++++++++++ Reyout Style ++++++++++++*/


.clear { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.rflo { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.lflo { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}

/*++++++++++++ clearfix ++++++++++++*/

/*a:link {
	color: #009;
	text-decoration: none;
}
a:visited {
	color: #66f;
	text-decoration: none;
}
a:hover {
	color: #939;
	text-decoration: underline;
}*/

/*++++++++++++ clearfix ++++++++++++*/

.clearfix:after {
 content:" ";
	display: block;
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
.clearfix {
 display: block;
}
.clear{
	clear:both;
}
hr.clear{
	visibility:hidden;
	border-width:0;
	border:0;
	display:block;
}
* html	hr.clear{
	height:1%;
	margin-top:-1em;
}

*:first-child+html	hr.clear{
	height:1%;
	margin-top:-1em;
}






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





/* wrapper -------------------*/

#wrapper{
	margin:0px auto;
	width:900px;
	text-align:left;
}

#main_margin{
	width: 864px;
	padding: 0 18px 15px 18px;
	background-color: #ffffff;
}


/* header -------------------*/

#header{
	width:900px;
	height:282px;
	text-align:left;
	background:url(../../2010/img/common/main-img.jpg) no-repeat left top;
	position:relative;
}

#header h1#top{
	/*width:200px; height:71px;
	background:url(../../2010/img/common/logo.jpg) no-repeat left top;
	float:left;
	display:block;*/
	text-indent:-9999px;
	float:left;
}

#header h1#top a{
	/*text-indent:-9999px;
	font-size:1px;*/
	display:block;
	width:220px;
	height:70px;
	position:absolute;
	top:50px;
	left:45px;
}

#header #shop{
	position:absolute;
	top: 0px; left: 341px;
}
#header #event{
	position:absolute;
	top: 0px; left: 477px;

}
#header #sewing{
	position:absolute;
	top: 0px; left: 613px;
}
#header #fjxlink{
	position:absolute;
	top: 0px; left: 749px;
}

/*monita*/
#monita {
	width: 200px;
	height: 200px;
	position:absolute;
	top:50px;
	left:750px;
	z-index:1;
}
#hareruyan-link a{
	position:absolute;
	width: 132px;
	height: 27px;
	top:145px;
	left:780px;
	background: url(../../../image/top/monita-link-h.gif) no-repeat 0 0;
	text-indent:-9999px;
	z-index:2;
}
#faq-link a{
	position:absolute;
	width: 132px;
	height: 38px;
	top:175px;
	left:782px;
	background: url(../../../image/top/monita-link-f.gif) no-repeat 0 0;
	text-indent:-9999px;
	z-index:2;
}

/*main config*/
body{
	margin:0px;
	padding:0px;
	background-color:#fff;
	font-size:12px;
	color:#333333;
	text-align:center;
	line-height:1.5;
	background-color: #fff;
	font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",'Meiryo',verdana,arial,sans-serif;
}

p,h1,h2,h3,option,form,input,table,tr,th,td,ol,ul,li,dl,dt,dd{
	margin:0px;
	padding:0px;
}

img {
	border:0px;
	margin:0px;
	vertical-align:top;
}


li{
	list-style-type:none;
}
.vi li{
	list-style-type:inherit
}


a:link { color: #000; text-decoration: underline; }
a:visited { color: #666; text-decoration: underline; }
a:hover { color: #939; text-decoration: underline; }
/*a:active { color: #343434; }*/


h2{
	text-indent:-9999px;
}
h2.no-ind{
	text-indent:-0;
}

/* Menu -------------------*/

#menu {
	position:relative;
	height:57px;
	z-index:1;
	padding-top:10px;
	background-color:#fff;
}

#menu li {
	position:absolute;
}

#menu li a {
	height:57px;
	position:absolute;
	background-repeat:no-repeat;
	background:url(../../2010/img/common/menu.jpg) 0 0 no-repeat;
	text-indent:-9999px;
}

#menu li.m1 a {
	width:140px; left:15px;
	background-position:-15px 0;
}

#menu li.m2 a {
	width:140px; left:160px;
	background-position:-160px 0;
}

#menu li.m3 a {
	width:140px; left:306px;
	background-position:-306px 0;
}

#menu li.m4 a {
	width:140px; left:454px;
	background-position:-454px 0;
}

#menu li.m5 a {
	width:140px; left:600px;
	background-position:-600px 0;
}

#menu li.m6 a {
	width:140px; left:746px;
	background-position:-746px 0;
}

#menu li.m1 a:hover {
	width:140px; left:15px;
	background-position:-15px -57px;
}

#menu li.m2 a:hover {
	width:140px; left:160px;
	background-position:-160px -57px;
}

#menu li.m3 a:hover {
	width:140px; left:306px;
	background-position:-306px -57px;
}

#menu li.m4 a:hover {
	width:140px; left:454px;
	background-position:-454px -57px;
}

#menu li.m5 a:hover {
	width:140px; left:600px;
	background-position:-600px -57px;
}

#menu li.m6 a:hover {
	width:140px; left:746px;
	background-position:-746px -57px;
}

/* footer -------------------*/

#pagetop{
	text-align:right;
	background-color:#fff;
	padding:0 0.5em 0.5em 0;
}

/* footer -------------------*/

#footer{
	width:900px;
	height:31px;
	background:url(../../2010/img/common/foot_img.gif) no-repeat left top;
	position:relative;
}

#footer #inquire{
	text-indent:-9999px;
	float:left;
}
#footer #inquire a{
	display:block;
	width:63px;
	height:15px;
	position:absolute;
	top:11px;
	left:715px;
}

#footer #policy{
	text-indent:-9999px;
	float:left;
}
#footer #policy a{
	display:block;
	width:75px;
	height:15px;
	position:absolute;
	top:11px;
	left:633px;
}

#footer #fujix_site{
	text-indent:-9999px;
	float:left;
}
#footer #fujix_site a{
	display:block;
	width:85px;
	height:19px;
	position:absolute;
	top:8px;
	left:785px;
}

/*gallery*/
.text_esta{
	font-size:13px;
}
#main_contents table {
	text-align:center;
	margin:0 auto;
}

/*general-purpose*/
.flo_l{
	float:left;
}
.flo_r{
	float:right;
}

.pankuzu {
	color:#666666;
	font-size:10px;
}
.pankuzu img{
	margin-top:4px;
	*margin-top:3px;
}
.pankuzu a:link { color: #666; text-decoration:underline; }
.pankuzu a:visited { color: #666; text-decoration:underline; }
.pankuzu a:hover { color: #666; text-decoration:underline; }

.dotline{
	border-bottom:2px #e2a7ff dotted; font-size:1px; margin-top:-1px;
}
.dotline2{
	border-bottom:1px #e2a7ff dotted; font-size:1px; margin-top:-1px;
}

.img_border{
	border:1px #e2a7ff solid; padding:4px; margin-top:2px; margin-right:7px;
}

* html .ie6_70{
	height:70px; display:block; float:left;
}

a:hover .img_border{
	border:1px #9f54af solid; padding:4px; margin-top:2px;
}

a.nodec :link { color: #000; text-decoration: none; }
a.nodec :visited { color: #000; text-decoration: none; }
a.nodec :hover { color: #000; text-decoration: none; }


.cont_border{
	border:1px #c5a1f8 solid; padding:8px;
}
a:hover .cont_border{
	border:1px #9f54af solid; padding:8px;
}


.li_style1{
	margin: 0; padding: 0;
	list-style-image:none;
}
.li_style1 li{
	background: url(../img/common/dot_01.gif) no-repeat 0 3px;
	*background: url(../img/common/dot_01.gif) no-repeat 0 4px;
	padding-left:15px;
}

.mt_3{
	margin-top:3px;
}
.mt_10{
	margin-top:10px;
}
.mt_15{
	margin-top:15px;
}
.mt_25{
	margin-top:25px;
}

.mb_5{
	margin-bottom:5px;
}
.mb_10{
	margin-bottom:10px;
}
.mb_15{
	margin-bottom:15px;
}
.mb_25{
	margin-bottom:25px;
}
.mb_35{
	margin-bottom:35px;
}

.mr_10{
	margin-right:10px;
}
.mr_15{
	margin-right:15px;
}
.mr_20{
	margin-right:20px;
}

.ml_10{
	margin-left:10px;
}
.ml_20{
	margin-left:20px;
}
.ml_25{
	margin-left:25px;
}
.small80 {
	font-size:80%;
}
.small85 {
	font-size:85%;
}

.small90 {
	font-size:90%;
}

.small95 {
	font-size:95%;
}