@charset "utf-8";
/* CSS Document */

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
info 教室のご案内
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#info div#contents{
background:url(../info/img/tit_img.png) 0 0 no-repeat;
overflow:hidden;
}

#info div#main h2{ background:url(../info/img/tit.png) 0 0 no-repeat;}

#info div#main #con01 h3{
background:url(../info/img/stit01.png) 0 0 no-repeat;
margin-bottom:30px;
}

#info div#main #con02 h3{
background:url(../info/img/stit02.png) -1px 0 no-repeat;
margin-bottom:30px;
}

#info div#main #con03 h3{
background:url(../info/img/stit03.png) -1px 0 no-repeat;
margin-bottom:30px;
}

#info div#main #con01, #info div#main #con02, #info div#main #con03{
padding-top:30px;
padding-bottom:30px;
background:url(../share/line.gif) 0 bottom repeat-x;
}

#info div#main #con01 .box01{
background:url(../info/img/img04.png) 450px 0 no-repeat;
}

#info div#main #con02 .box01{

}

#info div#main #con03 .box01{
background:url(../info/img/img01.png) 450px 0 no-repeat;
}

#info div.dl_box{
background:url(../info/img/dl_bg.gif);
padding:8px;
width:400px;
margin-bottom:35px;
}

#info dl.detail{
background:#fff;	
padding:20px;
border:1px solid #e2e1dc;
}

#info dl.detail dt{
display: inline;
padding-right:1.2em;
font-weight:bold;
}

#info dl.detail dd{
display: inline;
}

#info div#main table.info_table01{
border-collapse:collapse;
border-top:7px solid #77221a;
border-bottom:1px solid #77221a;
width:650px;
}

#info div#main table.info_table01 th{
background: url(../info/img/table_bg01.png) ;
padding:4px 6px;
border-bottom:1px solid #b48783;
border-left:1px solid #b48783;
color: #77221a;
text-align:center;
}

#info div#main table.info_table01 td{
padding:14px 16px;
border-left:1px solid #b48783;
}

#info div#main table.info_table01 td.left, div#main table.info_table01 th.left{
border-left:none;
}

#info div#main table.info_table01 td.center{
text-align:center;
}

#info div#main table.info_table01 td.bg02{
background: url(../info/img/table_bg02.png) ;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
profile プロフィール
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#prof div#contents{
background:url(../profile/img/tit_img.png) 0 0 no-repeat;
overflow:hidden;
}

#prof div#main h2{ background:url(../profile/img/tit.png) 0 0 no-repeat;
}

#prof #title_box{ 
position:relative;
} 

#prof #title_box p.img{ 
position:absolute;
right:0;
top:90px;
} 

#prof div#main #con01{
padding-top:30px;
}

#prof div#main #con02{
padding-top:30px;
}

#prof div#main #con01 h3{
background:url(../profile/img/stit01.png) 0 0 no-repeat;
margin-bottom:0;
}

#prof div#main #con02 h3{
background:url(../profile/img/stit02.png) 0 0 no-repeat;
}

#prof div#main #con03 h3{
background:url(../profile/img/stit03.png) 0 0 no-repeat;
}

#prof div#main h4 span{
font-size:12px;
}

#prof div#main h4{
clear:both;
font-size:18px;
font-weight:bold;
margin-bottom:20px;
}

#prof div#main table.history{
border-collapse:collapse;
border:none;
width:650px;
background:url(../share/line.gif) 0 bottom repeat-x;
margin-top:0;
}

#prof div#main table.history td{
padding:2px 4px;
vertical-align:top;
}

#prof div#main table.history td.month{
text-align:right;
width:2.5em;
padding:2px 8px 2px 0;
}

#prof div#main table.history td.year{
text-align:center;
width:4em;
padding:2px 0;
}

#prof div#main table.history td.img{
padding:8px 2px;
}

#prof div#main table.history td.last{
padding-bottom:30px;

}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
about 日本刺繍とは
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#about div#contents{
background:url(../about/img/tit_img.png) 0 0 no-repeat;
overflow:hidden;
}

#about div#main h2{ 
background:url(../about/img/tit.png) 0 0 no-repeat;
}

#about div#main #con01{
clear:both;
display:block;
width:650px;
overflow:hidden;
background:url(../share/line.gif) 0 bottom no-repeat;
padding-top:30px;
padding-bottom:30px;
}

#about div#main #con01 h3{
background:url(../about/img/stit01.png) 0 0 no-repeat;
margin-bottom:25px;
}

#about div#main #con02,
#about div#main #con03{
display:block;
width:650px;
overflow:hidden;
background:url(../share/line.gif) 0 bottom no-repeat;
padding-top:30px;
}

#about div#main #con02 h3{
background:url(../about/img/stit02.png) 0 0 no-repeat;
margin-bottom:25px;
}

#about div#main #con03 h3{
background:url(../about/img/stit03.png) 0 0 no-repeat;
margin-bottom:25px;
}

#about div#main .right{
	display:block;
	text-align:right;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
news ニュース
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.news div#contents{
background:url(../news/img/tit_img.png) 0 0 no-repeat;
overflow:hidden;
}

.news div#main h2{ background:url(../news/img/tit.png) 0 0 no-repeat;
}


.news div#main .article_box{
margin-top:20px;
display:block;
}

.news div#main span.date02{
clear:both;
font-size:14px;
color:#514101;
font-family:Helvetica, Arial, sans-serif;
display:block;
margin-bottom:15px;
text-align:right;
padding-left:0;
}

.news div#main h3{
width:640px;
height:35px;
text-indent:0;
font-size:18px;
clear:both;
background:url(../share/line.gif) bottom repeat-x;
margin-bottom:6px;
}

.news div#main dl.detail02{
margin-top:20px;
padding:30px 15px;
border-top:1px dotted #a18d48;
border-bottom:1px dotted #a18d48;
font-weight:bold;
color:#514101;
}

.news div#main dl.detail02 dt{
display:inline;
}

.news div#main dl.detail02 dd{
display:inline;

}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
gallery ギャラリー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#gallery div#contents{
background:url(../gallery/img/tit_img.png) 0 0 no-repeat;
overflow:hidden;
}

#gallery div#main h2{ background:url(../gallery/img/tit.png) 0 0 no-repeat;
}

#gallery div#main #con01{
clear:both;
display:block;
width:650px;
overflow:hidden;
background:url(../share/line.gif) 0 bottom no-repeat;
padding-top:30px;
}

#gallery div#main #con02{
overflow:hidden;
clear:both;
display:block;
width:650px;
background:url(../share/line.gif) 0 bottom no-repeat;
padding-top:30px;
}

#gallery div#main #con01 h3{
background:url(../gallery/img/stit01.png) 4px 0 no-repeat;
margin-bottom:25px;
}

#gallery div#main #con02 h3{
background:url(../gallery/img/stit02.png) 4px 0 no-repeat;
margin-bottom:25px;
}

ul.works {
	float:left;
	margin:5px 0 30px 0;
	display:block;
	width:650px;
}

.works li{
	float:left;
	padding:0 0;
	margin:0 3px 4px 0;
	color:white;
	height:158px;
}

.works a{
	float:left;
	margin: 0 0 1.2em;
	padding:7px;
	background: url(../gallery/photo/waku.png) 0 0 no-repeat;
	width:144px; 
	height:144px;
}

.works a:hover{
	float:left;
	background: url(../gallery/photo/waku_on.png) 0 0 no-repeat;
}

.works p{
	float:left;
	padding:5px;
}

.box_left pre{
	float:left;
	width:630px;
	background:#000;
	color:#fff;
}

.works  a img{
	float:left;
	margin:0;