/* global
----------------------------------------------- */
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align : center ;
background: #fff ;
font-family: helvetica,sans-serif;
}

img {
border:none;
}


/* layout
----------------------------------------------- */
#wrapper {
position: relative;
width: 750px;
margin: auto;
padding: 8px 0 0 0;
text-align: center;
}

#header {
width: 700px;
margin: auto;
padding: 0 0 8px 0;
text-align: right;
}

#pageheader {
background: #fff url(http://www.blanc-fleur.com/i/pagehead200802.jpg) center top no-repeat;
width: 700px;
height: 162px;
margin: auto;
padding: 0 0 0px 0;
text-align: right;
}

#flash {
background: url(http://www.blanc-fleur.com/i/top200802.jpg) no-repeat left top;
width: 700px;
height: 250px;
position: relative;
margin: auto;
padding: auto;
text-align: center;
clear: both;
}

#content {
width:564px;
margin: auto;
padding: 0 0 0 0;
repeat-y center;
text-align: left;
}




#right-box{
width: 300px;
background: #ffffff;
float: right;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#left-box{
float: left;
width: 380px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#footer {
background: #ffffff url(http://www.blanc-fleur.com/i/bg.gif) repeat-y center;
width: 750px;
padding: 12px 0 0 0;
margin: 0 0 0 0;
clear: both;
text-align: center;
color: #ba8738 ;

}

#jpfa{
text-align: right;
padding: 20px 12px 0 0;
margin: 0 0 0 0;
}

#getflash{
text-align: right;
padding: 20px 12px 0 0;
margin: 0 0 0 0;
}

.getflash {
font-size:9px;
text-align: 12px;
color :#d8c099 ;
}

/* text
----------------------------------------------- */

h1 {
font: 18px normal;
margin: 0 0 0 0;
padding: 0 0 0 0;
color :#d8c099 ;
text-decoration:none;
}

#header div.discription {
font: 9px normal;
line-height: 9px;
margin: auto;
padding: 0 0 0 0;
color :#d8c099 ;
height:9px;
text-decoration:none;
}
#header div.discription a{
text-decoration:none;
}



.gallery-h2 {
font-size: 16px ;
color :#d8c099 ;
font-weight: bold ;
padding: 0 0 0 0;
}

.news-h2 {
font-size: 16px ;
color :#d8c099 ;
font-weight: bold ;
padding: 0 0 0 0;
}

.school-h2 {
font-size: 16px ;
color :#d8c099 ;
font-weight: bold ;
padding: 0 0 0 0;
}

.atelier-h2 {
font-size: 16px ;
color :#d8c099 ;
font-weight: bold ;
padding: 0 0 0 0;
}

.contact-h2 {
font-size: 16px ;
color :#d8c099 ;
font-weight: bold ;
padding: 0 0 0 0;
}

#header a {
font: 8px normal;
color :#d8c099 ;
border:none;
style: none;
}

#header h4 {
font: 8px normal;
padding: 22px 22px 0 22px;
color :#d8c099 ;
}


.midashi {
font-size: 14px; 
color:#ba8738 ;
font-weight: bold ;
padding: 24px 0 12px 0;
}
.midashi2 {
font-size: 13px; 
color:#ba8738 ;
font-weight: bold ;
padding: 0 0 12px 0;
}


p {
font-size: 12px ;
color: #ba8738 ;
font-style: normal;
line-height : 20px; 
padding: 0 0 0 0;
margin: 0 0 0 0;
}



a {
color: #ba8738;
font-weight: normal;
}

a:hover {
color: #d8c099;
}


/* navi
----------------------------------------------- */
#navi {
background: transparent ;
width: 702px;
height: 24px;
margin:  4px auto 0 auto;
padding: 0 0 0 0 ;
text-align: left;
background:  transparent url(http://www.blanc-fleur.com/i/navi_bg.gif) no-repeat 0px -24px;
}

#navi li {
width:117px;             /* 項目の幅 */
height:24px;             /* 項目の高さ */
float:left;              /* 各項目を左側から回り込み */
}

#navi span{
display:none;
}

.navi_all {
width:702px;             /* リスト全体の幅 */
height:24px;             /* リスト全体の高さ */
list-style:none;         /* リストマークを無しにする */
margin: auto;
padding: 0 0 0 0 ;
background:  transparent url(http://www.blanc-fleur.com/i/navi_bg.gif) no-repeat 0px -24px;
}
   
.to_home a{
width:100%; height:100%;  
display: block;
background:  transparent url(http://www.blanc-fleur.com/i/navi_bg.gif) no-repeat 0px -24px;
}
.to_home a:hover{
display: block;
background:  transparent url(http://www.blanc-fleur.com/i/navi_bg.gif) no-repeat 0px 0px;
}

.to_school a{
width:100%; height:100%;  
display: block;
background:  url(http://www.blanc-fleur.com/i/navi_bg.gif) no-repeat -116px -24px;
}
.to_school a:hover{
display: block;
background:  url(http://www.blanc-fleur.com/i/navi_bg.gif) no-repeat -116px 0px;
}

.to_gallery a{
width:100%; height:100%;  
display: block;
background:  url(http://www.blanc-fleur.com/i/navi_bg.gif) no-repeat -233px -24px;
}
.to_gallery a:hover{
display: block;
background:  transparent url(http://www.blanc-fleur.com/i/navi_bg.gif) no-repeat -233px 0px;
}

.to_blog a{
width:100%; height:100%;  
display: block;
background:  url(http://www.blanc-fleur.com/i/navi_bg.gif) no-repeat -350px -24px;
}
.to_blog a:hover{
display: block;
background:  url(http://www.blanc-fleur.com/i/navi_bg.gif) no-repeat -350px 0px;
}

.to_link a{
width:100%; height:100%;  
display: block;
background:  url(http://www.blanc-fleur.com/i/navi_bg.gif) no-repeat -467px -24px;
}
.to_link a:hover{
display: block;
background:  url(http://www.blanc-fleur.com/i/navi_bg.gif) no-repeat -467px 0px;
}

.to_contact a{
width:100%; height:100%;  
display: block;
background:  url(http://www.blanc-fleur.com/i/navi_bg.gif) no-repeat -584px -24px;
}
.to_contact a:hover{
display: block;
background:  url(http://www.blanc-fleur.com/i/navi_bg.gif) no-repeat -584px 0px;
}

/* table
----------------------------------------------- */
table{
border-collapse: collapse;
font-size: 12px;
line-height:20px;
} 
td{
color:#ba8738;
border: 1px solid #ce8b43;
padding: 8px 5px 8px 5px;
}
th{
width:100px;
color:#ba8738;
border: 1px solid #ce8b43;
padding: 8px 5px 8px 5px;
}



/* topnews
----------------------------------------------- */

.topnews-unit{
background: #fff;
border-bottom: 0px solid #d8c099 ;
width:100%;
margin: 0 0 12px 0 ;
}

.topnews-unit ul  {
list-style: none;
padding: 0 0 0 0;
margin: 0 0 6px 0;
border-top: 0px solid #d8c099;
border-right: 0px solid #d8c099 ;
border-left: 0px solid #d8c099 ;
font-style: normal;
}

.topnews-unit ul h3{
color: #bf4e27 ;
margin: 0 0 2px 0;
padding: 0 0 0 0;
font-size: 10px;
}


.topnews-unit ul li {
font-size: 11px;
margin: 0 0 0 0;
padding: 0 0 0 0;
line-height: 16px;
width:100%;
}


#topnews{
width: 100%;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#topnews h2{
font-size: 12px;
font-style: normal;
color: #d8c099 ;
margin: 0px 0px 0px 0px;
padding: 0px 0px 12px 0px;
}



/* topblog
----------------------------------------------- */
#topblog{
padding: 8px 12px 16px 12px;
margin: 0 0 0 0;
border-top: 1px solid #d8c099;
border-right: 1px solid #d8c099 ;
border-left: 1px solid #d8c099 ;
border-bottom: 1px solid #d8c099 ;

}

#topblog  h2{
font-size: 10px;
font-style: normal;
color: #d8c099 ;
margin: 12px 0px 0px 0px;
padding: 0px 0px 12px 0px;
height:48px;
text-align:right;
background:  url(http://www.blanc-fleur.com/i/top_h_blog.gif) no-repeat left top;
}

#topblog  h3{
color: #bf4e27 ;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-size: 9px;
}


.topblog-unit {
padding: 0 0 12px 0;
margin: 0 0 0 0;
}

#topblog p {
font-size: 11px;
margin: 0 0 0 0;
padding: 0 0 8px 0;
line-height: 18px;
}



/* topmenu
----------------------------------------------- */
#topmenu{
background: #fff;
border-bottom: 1px solid #d8c099 ;
width:100%;
margin: 0 0 12px 0 ;
}

#topmenu ul  {
padding: 12px 12px 12px 12px;
margin: auto;
border-top: 1px solid #d8c099;
border-right: 1px solid #d8c099 ;
border-left: 1px solid #d8c099 ;
font-size: 12px;
font-style: normal;
}

#topmenu ul h2{
font-size: 12px;
font-style: normal;
color: #d8c099 ;
margin: 0px 0px 4px 0px;
padding: 0px 0px 0px 0px;
}


#topmenu ul li{
list-style: none;
font-size: 12px;
margin: 2px 0 0 0;
padding: 0 4px 0 0;
line-height: 20px;
width:100%;
}




/* gallery
----------------------------------------------- */
#gallery {
text-align: center;
}

.gallery-box {
margin: auto;
padding: 24px 0 24px 0;
width: 400px;
text-align: left;
border-top:0px #bf4e27 dotted;
}

.gallery-box img {
border: 1px solid #aaaaaa; 
}

.page { 
width: 700px;
text-align: right;
}

.page p {
font-size:12px;
font-style: serif; 
}

.page a {
color: #bf4e27;
font-weight: bold;
}

.page a:hover {
color: #8f3213;
}


/* news
----------------------------------------------- */

#news {
margin: 0 0 0 0;
padding: 0;
text-align: center;
}

.news-unit {
width: 450px;
margin: auto;
padding: 20px 8px 12px 8px ;
text-align: left;
border-top: 1px dotted #d8c099;
}

.news-left {
width: 80px;
margin: 0 0 0 0;
padding: 0 ;
text-align: right;
float: left;
}

.news-right {
width: 300px;
margin: 0 0 0 0;
padding: 0 0 0 0 ;
text-align: left;
float: right;
}

.news-footer {
margin: 0 0 0 0;
padding: 0 0 0 0 ;
clear: both;
}

#news h3{
font-size: 12px;
font-style: bold;
color: #ba8738;
margin: 0 0 0 0;
padding: 0 0 8px 0;
}

#news p{
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 20px;
}

.news-date{
color: #ba8738 ;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-size: 12px;
font-style: bold;
}




/* school
----------------------------------------------- */
#school {


}

.school-header {
margin: auto;
padding: 0 320px 0 0 ;
height: 267px;
text-align: left;
background: url(http://www.blanc-fleur.com/i/school03.jpg) no-repeat right bottom;
background-position: 480px 0px;
}

.school-header-p{
padding: 60px 0 0 0 ;
}

#school-deproma {
margin: auto;
padding: 0 260px 0 20px ;
text-align: left;
background: url(http://www.blanc-fleur.com/i/school03.jpg) no-repeat right bottom;
background-position: 480px 0px;
}

#school-deproma p{
font-size: 11px;
padding: 0 0 16px 8px ;
line-height:17px;
}

#school-blanc {
margin: auto;
padding: 0 260px 0 20px ;
text-align: left;
background: url(http://www.blanc-fleur.com/i/school_blanc.jpg) no-repeat right bottom;
background-position: 480px 0px;
}

#school-blanc p{
font-size: 11px;
padding: 0 0 16px 8px ;
line-height:17px;
}

#school-chelsea {
margin: auto;
padding: 0 260px 0 20px ;
text-align: left;
background: url(http://www.blanc-fleur.com/i/school_chelsea.jpg) no-repeat right bottom;
background-position: 480px 0px;
}

#school-chelsea p{
font-size: 11px;
padding: 0 0 16px 8px ;
line-height:17px;
}

#school-how {
margin: auto;
padding: 0 260px 0 20px ;
text-align: left;
background: url(http://www.blanc-fleur.com/i/school_room.jpg) no-repeat right bottom;
background-position: 360px 0px;
}

#school-how p{
font-size: 12px;
padding: 0 0 16px 8px ;
line-height:18px;
}


#school table{
border-collapse: collapse;
font-size: 11px;
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 100%;
} 
#school td{
color: #ba8738 ;
font-style: bold;
line-height : 16px; 
border: 1px solid #d8c099;
padding: 8px 5px 8px 5px;
}

#school  th{
color: #ba8738 ;
font-style: normal;
line-height : 16px; 
border: 1px solid #d8c099;
padding: 8px 5px 8px 5px;
}

.school-h3 {
font-size: 14px ;
color: #ba8738 ;
font-weight: bold ;
padding: 12px 0 0px 0;
}

.school-h4 {
font-size: 13px ;
color: #ba8738 ;
font-weight: bold ;
padding: 0px 0 8px 0;
}


/* contact
----------------------------------------------- */
#contact {

}

.contact-header {
margin: auto;
padding: 0 320px 0 0 ;
height: 300px;
text-align: left;
background: url(http://www.blanc-fleur.com/i/contact04.jpg) no-repeat right top;
background-position: 480px 0px;
}

.contact-header-p{
padding: 24px 0 0 0 ;
}

#contact table{
border-collapse: collapse;
font-size: 11px;
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 100%;
} 
#contact td{
color: #ba8738 ;
font-style: bold;
line-height : 16px; 
border: 1px solid #d8c099;
padding: 8px 5px 8px 5px;
}

#contact  th{
color: #ba8738 ;
font-style: normal;
line-height : 16px; 
border: 1px solid #d8c099;
padding: 8px 5px 8px 5px;
}

.contact-h3 {
font-size: 14px ;
color: #ba8738 ;
font-weight: bold ;
padding: 12px 0 0px 0;
}

atelier----------------------------------------------- */
#atelier {
text-align: center;
}

.atelier-header {
margin: auto;
padding: 0 320px 0 0 ;
height: 267px;
text-align: left;
background: url(http://www.blanc-fleur.com/i/atelier01.jpg) no-repeat right bottom;
background-position: 480px 0px;
}

.atelier-header-p{
padding: 70px 0 0 0 ;
}

#atelier table{
border-collapse: collapse;
font-size: 11px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
 
#atelier td{
color: #ba8738 ;
font-style: bold;
line-height : 16px; 
border: 0px solid #d8c099;
padding: 8px 5px 8px 5px;
}

#atelier  th{
color: #ba8738 ;
font-style: normal;
line-height : 16px; 
border: 0px solid #d8c099;
padding: 8px 5px 8px 5px;
}

.atelier-h3 {
font-size: 14px ;
color: #ba8738 ;
font-weight: bold ;
padding: 12px 0 0px 0;
}


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


#footer-menu{
background: #ddd url(http://www.blanc-fleur.com/i/bg.gif) repeat-y center;
width:700px;
border-top:1px solid #dbc188;
margin: auto;
padding: 12px 0 0 0 ;
text-align: center;
font-size:10px;
}

#footer-menu ul{
background: transparent; 
padding: auto ;
margin: auto;
}

#footer-menu li{
display:inline;
list-style:none ;
background: transparent; 
padding: 0 0 0 0 ;
margin: 0 4px 0 0 ;
}

#copyright{
background: #ffffff url(http://www.blanc-fleur.com/i/bg.gif) repeat-y center;
font-size:10px;
height:28px;
clear: both;
padding: 24px 0 12px 0 ;
}


/* thanks
----------------------------------------------- */

.thanks{
padding: 150px 30px 150px ;
} 



/* link
----------------------------------------------- */

#link {
margin: 0 0 0 0;
padding: 0;
text-align: center;
}

.link-unit {
width: 600px;
margin: auto;
padding: 20px 8px 18px 8px ;
text-align: left;
border-top: 1px dotted #d8c099;
}

.link-left {
width: 135px;
margin: 0 0 0 0;
padding: 0 ;
text-align: left;
float: left;
}

.link-right {
width: 450px;
margin: 0 0 0 0;
padding: 0 0 0 0 ;
text-align: left;
float: right;
}

.link-footer {
margin: 0 0 0 0;
padding: 0 0 0 0 ;
clear: both;
}

#link h3{
font-size: 12px;
font-style: bold;
color: #ba8738;
margin: 0 0 0 0;
padding: 0 0 8px 0;
}

#link p{
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 20px;
}

.link-date{
color: #ba8738 ;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-size: 12px;
font-style: bold;
}