@charset "Shift_JIS";
/*

CSS information

Site URL:		http://www.fjx.co.jp/topics/decoqlo-staff/
File name:		base.css
Summary:		base style	
Last update:	2010-7-10 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:870px;
	text-align:left;
}

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



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

#header{
	width:870px;
	height:178px;
	text-align:left;
	background:url(../topics/decoqlo-staff/img/title.gif) no-repeat left top;
	position:relative;
}

#header h1#top {
	display:block;
	width:385px;
	height:144px;
	position:absolute;
	top:25px;
	left:245px;
	text-indent:-9999px;
}
#read{
	width:870px;
	height:192px;
	text-align:center;
	background:url(../topics/decoqlo-staff/img/read-back.gif) no-repeat left top;
	position:relative;
}
#read h2{
	width:300px;
	height:100px;
	position:absolute;
	top:50px;
	left:280px;
	font-size:100%;
	font-weight:normal;
}



/*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; }*/




/* top main -------------------*/

.staff-info {
	float:left;
	margin:40px 8px 0 0;
}
.staff-info-end {
	float:left;
	margin:40px 0 0 0;
}
dl.woman {
	background:url(../topics/decoqlo-staff/img/mark-f.gif) no-repeat left top;
	margin:0 0 0 50px;
}
dl.man {
	background:url(../topics/decoqlo-staff/img/mark-m.gif) no-repeat left top;
	margin:0 0 0 50px;
}
dl.woman dt,dl.woman dd,dl.man dt,dl.man dd{
	margin:0 0 0 40px;
}
.staff-f {
	background:url(../topics/decoqlo-staff/img/mark-f.gif) no-repeat left top;
	width:33px;
	height:41px;
	margin:10px 0 0 -40px;
	text-indent:-9999px;
}
.staff-m {
	background:url(../topics/decoqlo-staff/img/mark-m.gif) no-repeat left top;
	width:33px;
	height:41px;
	margin:10px 0 0 -40px;
	text-indent:-9999px;
}
dl.staff-pro {
	margin:0 0 0 50px;
}

dl.staff-pro dt,dl.staff-pro dd{
	text-align:center;	
}
.woman dd,.man dd{
	font-weight:bold;
	font-size:110%;
}
dl.staff-pro dd{
	font-weight:bold;
	font-size:110%;
}
.staff-info h4 a,.staff-info-end h4 a{
	float:left;
	background:url(../topics/decoqlo-staff/img/miru-detail.jpg) no-repeat left top;
	width:141px;
	height:44px;
	text-indent:-9999px;
	margin:0;
}

/* detail -------------------*/

.staff-d-info {
	border:dotted 2px #c9f;
	width:500px;
	height:5em;
	position:relative;
	left:160px;
}
.staff-d-info dl{
	position:absolute;
	top:1em;
	left:-35px;
}
.staff-d-info p{
	position:absolute;
	left:90px;
}
.click-dis {
	font-weight:normal;
	font-size:90%;
	margin:0 0 5px 0;
}
#polo-black {
	background:url(../topics/decoqlo-staff/img/tit-polo-b.gif) no-repeat left top;
	width:240px;
	height:82px;
	text-indent:-9999px;
	margin:0 0 1em 0 ;
}
#polo-white {
	background:url(../topics/decoqlo-staff/img/tit-polo-w.gif) no-repeat left top;
	width:240px;
	height:82px;
	text-indent:-9999px;
	margin:2em 0 1em 0;
}
#polo-pink {
	background:url(../topics/decoqlo-staff/img/tit-polo-p.gif) no-repeat left top;
	width:240px;
	height:82px;
	text-indent:-9999px;
	margin:2em 0 1em 0;
}
.polo-comm {
	float:right;
	width:200px;
	margin:0 60px 0 0 ;
	_margin:0 30px 0 0 ;
}
.polos-comm-use{
	float:left;
	width:20em;
	margin:0 0 1em 5em;
	_margin:0 0 1em 2em;

}
.polos-comm-comm{
	float:left;
	width:40em;
	margin:0 0 1em 2em;
}

.polo-comm-use dt,.polo-comm-comm dt,.polos-comm-use dt,.polos-comm-comm dt{
	background:url(../topics/decoqlo-staff/img/use-ito.gif) no-repeat left top;
	font-weight:bold;
	margin:0 0 0.5em 0;
}
.polo-comm-use dt,.polos-comm-use dt {
	background:url(../topics/decoqlo-staff/img/use-ito.gif) no-repeat left top;
	padding:0 0 0 20px;
}
.polo-comm-comm dt,.polos-comm-comm dt {
	background:url(../topics/decoqlo-staff/img/comment.gif) no-repeat left top;
	padding:0 0 0 24px;
}
.polo-comm-use dd,.polo-comm-comm dd,.polos-comm-use dd,.polos-comm-comm dd{
	margin:0 0 0.2em 2em;
}

/* Slide show  -------------------*/

#slideshows {
	position: relative; /* 基準位置 */
	margin:0 0 0 50px;
	_margin:0 0 0 10px;
}
.fronts {
	width:750px;
	_margin:0 0 0 40px;
}

.backs {
	margin:1em 0 0 0 ;
	width:750px;
	_margin:16px 0 0 40px;
}

.front-only {
	float: left;
	width:450px;
	_margin:0 0 0 20px;
}

.front,.back {
	float: left;
	width:350px;
	margin:0 20px 0 0px ;
}
*html .front,*html .back {
	margin:0 20px 0 20px ;
}
*:first-child+html .front,*:first-child+html .back {
	margin:0 20px 0 20px ;
}


/*ul.control{
	position: absolute;
	top: 20px;
	left: 20px;
	z-index:2;
	_left: -500px;
	
}
ul.controlI{
	position: absolute;
	top: 20px;
	left: 20px;
	z-index:2;
	_left: -750px;
}
*:first-child+html ul.controlI {
	left: 30px;
}
ul.controlII {
	position: absolute;
	top: 20px;
	left: 390px;
	z-index:2;
	_left: -365px;
}
*:first-child+html ul.controlII {
	left: 425px;
}*/
ul.controlIa,ul.controlIb,ul.controlIIIa,ul.controlIIIb,ul.controlVa,ul.controlVb {
	position: absolute;
	top: 20px;
	left: 340px;
	z-index:2;
}
ul.controlIIa,ul.controlIIb,ul.controlIVa,ul.controlIVb,ul.controlVIa,ul.controlVIb {
	position: absolute;
	top: 380px;
	left: 340px;
	z-index:2;
}

/*ul.control li,ul.controlI li,ul.controlII li{
	cursor: pointer;
	float: left;
	margin-left: 5px;
	border: 1px solid #c9f;
	padding: 7px;
	background: #fff;
	text-align:center;
	z-index:2;
}*/
ul.controlIa li,ul.controlIb li,ul.controlIIa li,ul.controlIIb li,
ul.controlIIIa li,ul.controlIIIb li,ul.controlIVa li,ul.controlIVb li,
ul.controlVa li,ul.controlVb li,ul.controlVIa li,ul.controlVIb li{
	cursor: pointer;
	border: 1px solid #c9f;
	padding: 7px;
	margin:0 0 0.5em 0;
	background: #fff;
	display:block;
	text-align:center;
}
/*ul.control li.selected,ul.controlI li.selected,ul.controlII li.selected {
	background: #fff;
	color: #333;
}
ul.visual li img{
	padding: 120px 100px 20px 100px;
	z-index:1;
	
}
ul.visualI li img,ul.visualII li img {
	padding: 120px 20px 20px 20px;
	z-index:1;
}*/
ul.visualI li img,ul.visualII li img,
ul.visualIII li img,ul.visualIV li img,
ul.visualV li img,ul.visualVI li img {
	width:300px;
	padding: 20px;
	float: left;
	z-index:1;
}
ul.visualsI li img,ul.visualsII li img,
ul.visualsIII li img,ul.visualsIV li img,
ul.visualsV li img,ul.visualsVI li img {
	width:300px;
	padding: 20px;
	float: right;
	z-index:1;
	margin:0;
}
*html ul.visualsI li img,*html ul.visualsII li img,
*html ul.visualsIII li img,*html ul.visualsIV li img,
*html ul.visualsV li img,*html ul.visualsVI li img{
	margin:-25px 0 0 0;
}
*:first-child+html ul.visualsI li img,*:first-child+html ul.visualsII li img,
*:first-child+html ul.visualsIII li img,*:first-child+html ul.visualsIV li img,
*:first-child+html ul.visualsV li img,*:first-child+html ul.visualsVI li img{
	margin:-25px 0 0 0;
}

.visual-back{
	border: 1px solid #c9f;
	background: #F7ECFC;
	width:500px;
}
.visuals-back {
	border: 1px solid #c9f;
	background: #F7ECFC;
	width:350px;
}
.visuals-backs {
	border: 1px solid #c9f;
	background: #F7ECFC;
	width:750px;
	padding:0;
}


ul.control2 {
	position: absolute;
	top: 40px;
	left: 60px;
	z-index: 1;
	margin:0;
	
}
*html ul.control2 {
	margin:0 0 0 -100px;
	
}
ul.control2 li {
	cursor: pointer;
	float: left;
	margin-left: 5px;
	border: 1px solid #c9f;
	padding: 7px;
	background: #fff;
}
ul.control2 li.selected {
	background: #fff;
	color: #333;
}
ul.visual2 li img {
	border: 1px solid #c9f;
	padding: 100px 50px 20px 50px;
	background: #F7ECFC;
}


ul.control3 {
	position: absolute;
	top: 40px;
	left: 60px;
	z-index: 1;
	margin:0;
	
}
*html ul.control3 {
	margin:0 0 0 -100px;
	
}
ul.control3 li {
	cursor: pointer;
	float: left;
	margin-left: 5px;
	border: 1px solid #c9f;
	padding: 7px;
	background: #fff;
}
ul.control3 li.selected {
	background: #fff;
	color: #333;
}
ul.visual3 li img {
	border: 1px solid #c9f;
	padding: 100px 50px 20px 50px;
	background: #F7ECFC;
}


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

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

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

#footer{
	width:870px;
	height:31px;
	background:url(../sewingcom/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(../sewingcom/2010/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;
}