@charset "utf-8";

/* --------------------------------------------------------------------------------------
手作りRoom CSS
--------------------------------------------------------------------------------------- */
#room{
	width: 640px;
	margin-left: 12px;
	padding-top: 4px;
}

#roomMenu{
	width: 640px;
}

#roomCt{
	width: 616px;
	margin-bottom: 10px;
	border-top: 1px solid #FFF3DE;
	border-right: 12px solid #FFF3DE;
	border-bottom: 12px solid #FFF3DE;
	border-left: 12px solid #FFF3DE;
	background-color: #FFF3DE;
}

/* schedule */

div.schedule{
	margin-top: 25px;
}

#room div.ctBox{
	width: 616px;
	padding-top: 15px;
	border-top: 2px solid #ffaf22;
	background-color: #fff;
}

#room div.ctBox2{
	width: 616px;
	padding-top: 15px;
	border-top: 12px solid #fff3de;
	background-color: #fff;
}

#room div.ctBox3{
	width: 593px;
	padding: 15px 0 0 23px;
	border-top: 12px solid #fff3de;
	background-color: #fff;
}

#room dt img{
	vertical-align: bottom;
}

/* 見出し -------------------- */

#room h1{
	margin-bottom: 25px;
}

#room .ctBox h2{
	margin-bottom: 10px;
	text-align: center;
}

#room .ctBox3 h2{
	width: 568px;
	height: 38px;
	margin-bottom: 10px;
	border: 1px solid #c7c7c7;
	font-weight: bold;
}

#room .ctBox3 h2 img{
	margin-right: 10px;
	vertical-align: middle;
}

/* index */

#room h3{
	text-align: center;
}


/* リンク -------------------- */

#room div.linkBox{
	padding: 11px 0;
	background: #FFF3D4;
	text-align: center;
}

#room div.linkBox p{

}

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


/* indexコンテンツ -------------------- */

/* 特長 */

#room div.roomPoint{
	padding-bottom: 21px;
	background: #FFF3DE;
}

#room div.roomPoint div.pointBox{
	width: 616px;
	margin-top: 11px;
}
#room div.roomPoint div.pointBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#room div.roomPoint div.pointBox { display:inline-block; }
/*\*/
* html #room div.roomPoint div.pointBox { height:1%; }
#room div.roomPoint div.pointBox { display:block; }
/**/

#room div.roomPoint div.pointBox dl{
	float: left;
	width: 299px;
	margin-right: 18px;
}

#room div.roomPoint div.pointBox dl.right{
	margin-right: 0;
}

#room div.roomPoint div.pointBox dd{
	width: 280px;
	margin: 7px 0 0 7px;
}

/* プレ体験教室で作れる7作品 */

#room div.workBox{
	width: 608px;
	margin: 15px 0 0 8px;
	padding-bottom: 12px;
}

#room div.workL{
	float: left;
	width: 204px;
	padding-top: 10px;
	background-image: url(../images/lineV_dot.gif);
	background-repeat: repeat-y;
	background-position: 193px 0px;
}

#room div.workR{
	float: left;
	width: 191px;
	padding-top: 10px;
}

#room div.workBox div.work{
	width: 192px;
	height: 420px;
	margin-bottom: 15px;
	background-color: #fffade;
}

#room div.workBox div .workTable{
	height: 200px;
	margin-top: 5px;
}

#room div.workBox div .workTable table{
	width: 192px;
	border: 1px solid #c7c7c7;
}

#room div.workBox div .workTable th{
	width: 35%;
	padding: 3px;
	background-color: #fffade;
	border-bottom: 1px dashed #c7c7c7;
}

#room div.workBox div .workTable td{
	width: 65%;
	padding: 3px 5px;
	border-bottom: 1px dashed #c7c7c7;
}

#room div.workBox div .workTable .tableEnd{
	border-bottom: none;
}

#room div.workBox div .work p{
	padding: 3px;
}

#room div.workBox div .btnLink{
	margin: 0 0 15px 5px;
}


#room div .placeBox{
	width: 600px;
	padding-left: 8px;
	border-bottom: 1px dashed #c7c7c7;
}

#room div .placeBox2{
	width: 600px;
	padding-left: 8px;
	margin-bottom: 10px;
}

#room div p{
	margin: 10px 0 5px;
}

#room div .placeBox .placeH{
	width: 279px;
	margin: 0 0 5px 0;
	padding: 10px 0 5px;
	border: 3px solid #f5eaad;
	background-color: #fffade;
}

#room div .placeBox .placeH p{
	text-align: center;
}

#room div .placeL{
	float: left;
	width: 285px;
	margin: 0;
	padding: 0 10px 10px 0;
}

#room div .placeR{
	float: left;
	width: 280px;
	padding: 0 10px 10px 10px;
	border-left: 1px dashed #c7c7c7;
}




/* 手編みコンテンツ -------------------- */

#room div.teamiBox{
	width: 568px;
	margin-bottom: 20px;
}

#room div.teamiBox .teamiImg{
	float: left;
	width: 356px;
	height: 244px;
	margin-right: 20px;
}

#room div.teamiBox .teamiImg p{
	margin-top: 10px;
}

#room div.teamiBox .teamiImg2{
	float: left;
	margin-right: 10px;
}



#room div.teamiBox .teamiTxt{
	float: left;
	width: 190px;
}

#room div.teamiBox .teamiTxt2 {
	width: 190px;
	padding: 0 0 5px 0;
}

#room div.teamiBox .teamiTxt3 {
	width: 182px;
	padding: 1px 0 3px 8px;
	background-color: #fffade;
}

#room div.teamiBox .teamiTxt3 img{
	margin-right: 3px;
	vertical-align: middle;
}

#room div.teamiBox .teamiTxt3 p{
	margin-top: 5px;
	padding: 0 ;
}

#room div .footerLink{
	width: 568px;
	padding: 15px 0;
	background-image:url(../images/lineH_dot.gif);
	background-repeat: no-repeat;
	text-align: center;
}

/* パッチワークコンテンツ -------------------- */

#room div .patchHtxt {
	width: 568px;
	margin-bottom: 10px;
}

#room div.patchBox{
	width: 568px;
	height: 145px;
	margin-bottom: 10px;
}

#room div.patchBox .patchImgL{
	float: left;
	width: 184px;
}

#room div.patchBox .patchImgR{
	float: left;
	width: 184px;
	margin-left: 8px;
}

#room div .patchTxt {
	width: 568px;
	margin-bottom: 20px;
	padding: 5px 0 5px 15px;
	background-color: #fffade;
}

#room div .patchTxt img{
	margin-right: 3px;
	vertical-align: middle;
}

#room div .patchTxt span{
	margin-right: 10px;
}

#room div .patchTxt .workTxt{
	margin-right: 15px;
}

/* 追加更新コンテンツ -------------------- */

#room .ctBox #knitArea,
#room .ctBox #patchworkArea,
#room .ctBox #embroideryArea{
background:url(../images/index_bg_ctBox.gif) repeat-y;
display:block;
float:left;
clear:both;
margin:0;
padding:0;
text-align:left;
width:596px;}
#room .ctBox #embroideryArea{
border:0;
margin:0;
padding:0;}
#room .ctBox .border{
border-bottom:1px dotted #FA2;
display:block;
float:left;
clear:both;
margin:0 0 15px;
width:596px;}

#room .ctBox #knitArea h3,
#room .ctBox #patchworkArea h3,
#room .ctBox #embroideryArea h3{
display:block;
float:left;
margin-right:15px;
height:100%;
width:60px;}

#room .ctBox .generalinfo{
	display:block;
	float:left;
	width:600px;
	margin: 0 0 10px 50px;
}

#room .ctBox .contArea{
display:block;
float:left;
width:521px;}
#room .ctBox .contArea dl.works,
#room .ctBox .contArea dl.worksSmall,
#room .ctBox .contArea dl.worksMiddle{
display:block;
float:left;
margin:0 15px 15px 0;
width:240px;}
#room .ctBox #patchworkArea .contArea dl.works{
margin:0 15px 0 0;}
#room .ctBox .contArea dl.worksSmall{
margin-right:10px;
width:120px;}
#room .ctBox .contArea dl.worksMiddle{
margin-right:0;
width:250px;}
#room .ctBox .contArea dl.works dt,
#room .ctBox .contArea dl.works dd,
#room .ctBox .contArea dl.worksSmall dt,
#room .ctBox .contArea dl.worksSmall dd,
#room .ctBox .contArea dl.worksMiddle dt,
#room .ctBox .contArea dl.worksMiddle dd{
margin:0 0 10px;}
#room .ctBox .contArea dl.works dt{
font-weight:bold;}

#room .ctBox #knitArea h4,
#room .ctBox #patchworkArea h4,
#room .ctBox #embroideryArea h4{
display:block;
clear:both;
margin:0 0 15px;}
#room .ctBox #knitArea p,
#room .ctBox #patchworkArea p,
#room .ctBox #embroideryArea p{
display:block;
clear:both;
margin:0 0 15px;}

#room .ctBox #embroideryArea .contArea p{
display:block;
width:520px;}
#room .ctBox #embroideryArea .contArea p img,
#room .ctBox #embroideryArea .contArea p span.txt{
display:block;
float:left;}
#room .ctBox #embroideryArea .contArea p img{
display:block;
margin-right:15px;}
#room .ctBox #embroideryArea .contArea p span.txt{
margin-top:50px;
width:260px;}


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

#room .ctBox #knitArea:after,
#room .ctBox #patchworkArea:after,
#room .ctBox #embroideryArea:after,
#room .ctBox .border:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;}
/* Hides from IE-mac \*/
* html #room .ctBox #knitArea,
* html #room .ctBox #patchworkArea,
* html #room .ctBox #embroideryArea,
* html #room .ctBox .border{height: 1%;}
/* End hide from IE-mac */

/* IE Hacks ---------- */

* html #room .ctBox #knitArea h3,
* html #room .ctBox #patchworkArea h3,
* html #room .ctBox #embroideryArea h3{
margin-right:11px;}