/* keitodama contents css */

/*
keitodama css start --------------------------*/

h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	line-height:100%;
	margin:0;
	padding:0;
	border:0;
	text-decoration: none;
}

.quilts {
	width:570px;
	margin:10px 0 0 0;
	padding:0;
	background-color:#ffffff;
	border:5px solid #f0f0f0;
	color:#696969;
}

.quilts p{
	padding:0;
	margin:0;
	font-size:75%;
	line-height:1.5em;
}

.quilts ul {
	padding:0;
	margin:0 0 0 5px;
	font-size:75%;
	line-height:1.5em;
}

.quilts h3 {
	width:570px;
	height:113px;
	padding:0;
	margin:0;
}

.quilts a img { border:none; }

.quilts a { color:#696969; }

.quilts a:hover { text-decoration:none; }
/*
pagetop return css start ----------------------------------*/

.quilts .quiltsPageTop{
	clear:both;
	width:550px;
	padding:0;
	margin:0;
	vertical-align:middle;
}

.quilts .quiltsPageTop ul {
	margin:5px 0 0;
	padding:0;	
	list-style:none;
	text-align:right;
	}

.quilts .quiltsPageTop ul li {
	font-size:75%;
	color:#69696;
	}

.quilts .quiltsPageTop ul li img {
	padding:0 5px 0 0;
	margin:0;
	border:0;
	vertical-align:bottom;
}

.quilts .quiltsPageTop ul li a {
	color:#696969;
	text-decoration:underline;
	
	padding:-2px 0 0 0;
	}
	
.quilts .quiltsPageTop ul li a:hover {
	text-decoration:none;
	}

/*
wb_ --------------------------*/

.quiltsHeader{
	width:550px;
	margin:0;
	padding: 20px 0 0 20px;
}

.quiltsHeader h3 {
	width: 324px;
	height: 83px;
	margin-bottom: 20px;
}

.quiltsHeader .cover {
	width: 200px;
	float: left;
	margin: 0 0 30px 0;
}
.quiltsHeader .cover img {
	margin: 0;
}
.quiltsHeader .cover p {
	text-align: center;
	font-weight: bold;
	margin: 2px 0 0 0;
}

.quiltsHeader .headerTxt{
	width:335px;
	float: right;
	margin-top: 40px;
}

.quiltsHeader .headerTxt h4 {
	margin: 0 0 10px 5px;
	font-size: 18px;
	font-weight: bold;
}

.quiltsHeader .headerTxt p {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.quiltsHeader .headerTxt ul{
	padding: 0;
	margin: 0 0 0 20px;
	font-size: 75%;
	line-height:1.3em;
	list-style-type: disc;
}

.quiltsHeader .headerTxt li {
	color: #444;
	margin: 0 0 3px 0;
	padding: 0;
}

.quiltsHeader .headerTxt .headerLink{
	margin:20px 0 0 25px;
}

.quiltsHeader .headerTxt .headerLink img{
	margin:0 5px;
}

/* IE6 hack --*/
*html body .quiltsHeader .headerTxt{ }



/* Rec 200909lj --------------------------*/


.qjBlock{
	width: 530px;
	margin: 10px 0 0 20px;
}

.qjBlockL{
	float: left;
	width: 255px;
	margin: 0 20px 0 0;
}

.qjBlockR{
	float: right;
	width: 255px;
	margin: 0;
}

.qjBlock .qjBox{
	padding: 5px 14px;
	border-right: 1px solid #7a6da5;
	border-left: 1px solid #7a6da5;
}

.qjBlockFooter {
	clear: both;
}

.qjBlock .qjBox img {
	background: #fff;
	border: 1px solid #CCC;
	padding: 3px;
}

.qjBlock .qjBoxInfo {
	padding: 0 14px;
	border-right: 1px solid #539c71;
	border-left: 1px solid #539c71;
}

.qjBlock .qjBoxInfo dl {
	margin: 0;
	padding: 0;
}

.qjBlock .qjBoxInfo dt {
	clear: both;
	font-size: 85%;
	font-weight: bold;
	padding: 5px 0 5px 10px;
	margin: 20px 0 5px 0;
	border-left: 8px solid #ccc;
}

.qjBlock .qjBoxInfo dd {
	padding: 0;
	margin: 0 0 20px 20px;
	font-size:75%;
	line-height:1.5em;
}

.qjBlock .qjBoxInfo dd img.imgR {
	float: right;
	margin-left: 10px;
}

.qjBlock .qjBoxInfo dd p {
	font-size: 100%;
	padding: 0.5em 0;
}

.qjBlock .qjBoxInfo ol {
	font-size: 100%;
	padding: 0;
	margin: 0 0 0 30px;
}

.qjBlock .qjBoxInfo ol li {
	padding: 0;
	margin: 2px 0 2px 0;
}

.qjBlockTech {
	width: 530px;
	height: 100px;
	background: url(../images/bg_qjBlock_technique.jpg) no-repeat;
	margin: 10px 0 0 20px;
}

.qjBlockTech p {
	margin: 12px 0 0 350px;
}

.qjBlockNenkan {
	width: 530px;
	margin: 10px 0 0 20px;
}

.qjBlockNenkan h4 {
	margin-bottom: 10px;
}

.qjBlockNenkan p {
	margin-bottom: 10px;
}

.qjBlockNenkan dl {
	margin: 0;
	padding: 0;
	font-size: 75%;
	line-height:1.3em;
}

.qjBlockNenkan dt {
	font-weight: bold;
}

.qjBlockNenkan dd {
	margin: 5px 0 1em 1em;
	padding: 0;
}

.qjBlockNenkan .qjBoxL{
	float: left;
	width: 240px;
	padding-top: 20px;
}

.qjBlockNenkan .qjBoxR{
	float: right;
	width: 280px;
}



/* 私の針仕事 */

.qjBlock .qjBox .harishigotoPic {
	float: right;
	width: 208px;
}

.qjBlock .qjBox .harishigotoTxt {
	float: left;
	width: 280px;
}

.qjBlock .qjBox .hharishigotoTxt p {
	margin: 0 0 0.5em 0;
}

.qjBlock .qjBox .Btn {
	padding: 10px 0 0 0;
}

.qjBlock .qjBox .Btn img {
	border: 0;
	padding: 0;
}

.qjBlock .qjBox .harishigotoCopy {
	clear: both;
}



/* 針休めの針仕事 */

.qjBlock .qjBox .hariyasumePic {
	float: right;
	width: 168px;
}

.qjBlock .qjBox .hariyasumeTxt {
	float: left;
	width: 320px;
}

.qjBlock .qjBox .hariyasumeTxt p {
	margin: 0 0 0.5em 0;
}

.qjBlock .qjBox .Btn {
	padding: 10px 0 0 0;
}

.qjBlock .qjBox .Btn img {
	border: 0;
	padding: 0;
}

.qjBlock .qjBox .hariyasumeCopy {
	clear: both;
}



/* キルトギャラリー */

.qjBlockGallery {
	width: 530px;
	margin: 10px 0 0 20px;
	color: #555;
}

.qjBlockGallery h4 {
	margin-bottom: 10px;
}

.qjBlockGallery p {
	margin-bottom: 10px;
}

.qjBlockGallery ul {
	background: #f3f1fb;
	padding: 10px 15px;
}

.qjBlockGallery li {
	clear: both;
	margin: 10px 0;
	border-bottom: 1px solid #ccc;
}

.qjBlockGallery li h6 {
	color: #999;
	font-size: 24px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1em;
	margin: 0 0 10px 0;
}

.qjBlockGallery li h5 {
	font-size: 100%;
	font-weight: bold;
	padding-bottom: 1.5em;
	line-height: 1em;
	margin: 0;
}

.qjBlockGallery li p {
	font-size: 100%;
}

.qjBlockGallery li img {
	float: left;
	background: #fff;
	border: 1px solid #CCC;
	padding: 3px;
	margin-right: 10px;
}

.qjBlockGallery li .cl {
	clear: both;
	font-size: 1px;
	line-height: 1px;
}


/* 私の針仕事 */

h4.qjHarishigotoH4 {
	margin: 10px 0 10px 20px;
}

.qjBlockHarishigoto {
	width: 528px;
	margin: 10px 0 0 20px;
	padding-bottom: 20px;
	color: #555;
	border-right: 1px solid #986b33;
	border-bottom: 2px solid #986b33;
}

.qjBlockHarishigoto .harishigotoHeader {
	background: #fff;
	padding: 10px 20px;
}

.qjBlockHarishigoto .harishigotoHeader h5 {
	padding: 10px 0;
}

.qjBlockHarishigoto .harishigotoHeader .photo {
	float: right;
	width: 200px;
	padding-top: 15px;
}

.qjBlockHarishigoto .harishigotoHeader .txt {
	float: left;
	width: 280px;
}

.qjBlockHarishigoto .harishigotoHeader .photocopy {
	clear: both;
	text-align: right;
	font-size: 65%;
	padding: 5px 0;
}

.qjBlockHarishigoto .harishigotoTxt {
	padding: 10px 20px;
}

.qjBlockHarishigoto .harishigotoTxt h6 {
	font-size: 100%;
	font-weight: bold;
	border-left: 5px solid #02004c;
	padding-left: 5px;
	margin-bottom: 10px;
}

.qjBlockHarishigoto .harishigotoPhoto {
	height: 120px;
	list-style: none;
	margin: 0 0 5px 20px;
}

.qjBlockHarishigoto .harishigotoPhoto li {
	display: block;
	float: left;
	width: 162px;
	margin-right: 3px;
}

.qjBlockHarishigoto .harishigotoPhoto li a img {
	border: 1px solid #fff;
}

.qjBlockHarishigoto .harishigotoPhoto li a:hover img {
	border: 1px solid #986b33;
}

.qjBlockHarishigoto .harishigotoPhoto .cl {
	clear: both;
	height: 0px
}

.qjBlockHarishigoto .harishigotoZoom {
	text-align: right;
	font-size: 65%;
	padding-right: 20px;
}

.btnQjwebtop {
	text-align: center;
	padding: 20px 0;
} 


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

.appendix{
	margin:0 0 0 20px;
}

.calendar {
	margin:20px 0 20px 20px;
}

.bottomTxt{
	margin:20px 0 20px 40px;
}

.btmLink{
	width:530px;
	height:80px;
	margin:0 0 0 20px;
	padding:10px 0;
	background-color:#f0f0f0;
	text-align:center;
	background:url(../images/bg_btmlink.gif) no-repeat 0 0;
}

.btmLink p img {
	margin:5px;
}

.quilts .btmLink{
margin-bottom:20px;
padding:0;
height:auto;
}

.quilts .btmLink p{
padding:15px;
background-image:url(../images/btm_links_bg_btm.gif);
background-position:0 100%;
background-repeat:no-repeat;
}


/*
Rec basic.html --------------------------*/

/*
N -------------------- */

.quilts .linkBox{
	width:530px;
	margin:0 20px 25px;
	padding: 11px 0;
	background-color:#faf3dc;
	text-align: center;
}



.quilts .linkBox p span{
	background: url(../images/bg_link.gif) repeat-y;
	margin-left: 21px;
	padding-left: 20px;
}

/*
obNio[ oi[ -------------------- */
p.quiltsBkBnr{
padding-left:20px;
padding-bottom:20px;
text-align:center;
}




/* reset */
.quiltBasic h5,
.quiltBasic p,
.quiltBasic dl,
.quiltBasic dd,
.quiltBasic dt,
.quiltBasic hr,
.quiltBasic img{
margin:0;
padding:0;
}

/* font */
.quiltBasic dl{
font-size:80%;
}
.quiltBasic h5{
font-size:90%;
}
.quiltBasic .epiPic dd{
font-size:75%;
line-height:1.4em;
}

/* margin */
.quiltBasic p,
.quiltBasic dl,
.quiltBasic hr{
margin-top:15px;
}

/* h5 */
.quiltBasic h5{
color:#b78a00;
font-weight:bold;
}

/* hr */
.quiltBasic hr{
font-size:1px;
line-height:1em;
border:none;
border-top:solid 1px #ede2bf;
background-color:#fff;
color:#fff;
}

/* epiPic */
.epiPic dl{
float:left;
width:172px;
}
.epiPic dd,
.epiPic dt{
margin-right:10px;
}

.epiPic dl.wide{
width:229px;
margin-right:5px;
}
.epiPic dl.end{
width:156px;
}
.epiPic .end dd,
.epiPic .end dt{
margin-right:0;
}

.epiPic img{
padding:3px;
background-color:#fff;
border:solid 1px #c2c0c6;
}


/* clear */
.epiPic:after{
content:'.';
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* IE6, IE7 \*/
*:first-child+html .epiPic{
display:inline-block;
}

*html .epiPic{
height:1%;
}
/* end */


.qjshow {
padding: 0 0 20px 0;
}




/*
|bvAbvy[W -------------------- */

.popBg{
	margin:0;
	padding:0;
	background: url(../pop/images/bg_pop.gif) repeat-x;
}

.quiltsPop{
	width:500px;
	height:600px;
}

.quiltsPop img{
	margin:0;
	padding:0;
}

.quiltsPop a img { border:none; }

.quiltsPop h3{
	margin:10px;
}

.quiltsPop .popBox{
	width:460px;
	margin:0 0 10px 20px;
}

.quiltsPop .closeBtn{
	width:500px;
	margin-bottom:20px;
	text-align: center;	
}

.quiltsPop .footerCopy{
	width:500px;
	text-align: center;
}


/*
clearfix -------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}