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

/*
Theme Name: foobi
Theme URI: http://www.foobi.net/
Description: 札幌 トータルビューティ 『Foobi 風薇 ふうび』
Author: Norihisa Igawa
2009/2 更新 
*/

/* --------------------------------
   base
-------------------------------- */
* {
	margin: 0; 
	padding: 0; 
} 

body,div,pre,p,blockquote, 
form,fieldset,input,textarea,select,option, 
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, 
table,th,td,embed,object { 
	margin: 0; 
	padding: 0; 
	vertical-align: baseline; 
} 

h1,h2,h3,h4,h5,h6 {
	font-style: normal; 
	font-weight: normal; 
	font-size: 1.0em; 
	line-height: 160%;
}

table {
	border-spacing:0;
}
 
* html table {
	border-collapse:collapse;
}
 
*:first-child+html table {
	border-collapse:collapse;
} 

caption,th {
	text-align:left;
	font-weight:normal;
}
 
table,th,td,img {
	border:0;
}
 
img,input {
	vertical-align:middle;
}

ul {
	list-style: none;
}
 
p,li,dt,dl {
	line-height: 160%;
}
	
address {
	font-style: normal;
}

a { 
	text-decoration: none;
	color:#666; 
} 


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

s.clearfix:after {
	clear: both;
	height: 0px;
	visibility: hidden;
	display: block;
	content: ".";
}


.clearfix:after {
	clear: both;
	height: 0px;
	visibility: hidden;
	display: block;
	content: ".";
}


.clearfix {
	display: inline-block;
}


/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}


.clearfix {
	display: block;
}


/* End hide from IE-mac */

/* --------------------------------
   style
-------------------------------- */

/*
body [
----------------------------------------------------------- */
body {
	font-size: 80%; /* 13px */
	color: #333;
	font-family: Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	line-height: 1.6;
	text-align: center;
	background-color: #FFEBFA;
	background-image: url(img/bg_body.jpg);
	background-repeat: repeat-x;
}

/*
wrapper [
----------------------------------------------------------- */
div#wrapper{
	height: auto;
	width: 970px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background: #fff; 
}


/*
header [
----------------------------------------------------------- */
div#header {
	width:970px;
	height:120px;
	position:relative;
}

div#header p{
	width:970px;
	height:120px;
	position:absolute;
}

div#header h1{
	position:absolute;
	left:165px;
	text-align:right;
	background:#FFFFFF;
	width:800px;
	padding:0px 3px 0px 3px;
	z-index:1;
	opacity: 0.8;
	filter: alpha(opacity=80);
	color:#000;
	font-size: 12px;
}

/*
global_navi [
----------------------------------------------------------- */
div#global_navi{
	width:970px;
	height:32px;
}

div#global_navi ul{
	width:798px;
	height:32px;
	margin-left:172px;
}


div#global_navi ul li{
	float:left;
	overflow:hidden;    /*文字サイズ変更時-づれ防止*/
	font-size:1px;　　　/*文字サイズ変更時-づれ防止*/
}


div#global_navi ul li img{
	width:114px;
	height:32px;
}

/*
container [
----------------------------------------------------------- */
div#container{
	width:970px;
	height:auto;
	margin-bottom:10px;
}

/*
main [
----------------------------------------------------------- */
div#main{
	float:right;
	width:800px;
	height:auto;
}

div#main .main_top dl{
	float:left;
	width:360px;
	margin: 5px 0 0 5px;
	font-size: 13px;
}

div#main .main_top dl dt{
	float:left;
}

div#main .main_top dl dt span{
   font-size: 9px;
   font-weight: bold;
   letter-spacing: -2px;
   }

div#main .main_top dl dt a{
	font-weight:bold;
}


div#main .main_top dl dt a:hover{
	color:#888;
	text-decoration:underline;
}


div#main .main_top .main_top_right{
	float:right;
	margin-top:5px;
	width:410px;
}

div#main .main_top .main_top_right p{
	float:left;
	padding-top:3px;
	width:250px;
	text-align:right;
}

.main_top_right p{
    font-size: 12px;
}

div#main .main_top .main_top_right ul {
	height:30px;
}

div#main .main_top .main_top_right ul li{
	float:left;
	padding-left:5px;
	vertical-align:baseline;
	overflow:hidden;    /*文字サイズ変更時-づれ防止*/
	font-size:1px;　　　/*文字サイズ変更時-づれ防止*/
}

div#main .main_top .main_top_right ul .rss{
	width:60px;
	height:30px;
	margin-top:-3px;
}


/*
side_bar [
----------------------------------------------------------- */
div#side_bar{
	width:170px;
	height:auto;
	padding-top:30px;
	display:inline;
}

div#side_bar ul{
	width:163px;
	height:360px;
	padding: 30px 0 0 0;
}

div#side_bar ul li{
	width:163px;
	height:45px;
	overflow:hidden;    /*文字サイズ変更時-づれ防止*/
	font-size:1px;　　　/*文字サイズ変更時-づれ防止*/
}

div#side_bar p{
	width:160px;
	height:100px;
	text-align:center;
}


/*
footer [
----------------------------------------------------------- */
div#footer{
	width:970px;
	height:auto;
}

div#footer ul{
	text-align:right;
	margin-right:5px;
}

div#footer ul li{
	display:inline;
	border-right:1px #BBB solid;
	padding-left:2px;
	padding-right:3px;
}

div#footer ul .border_none{
	border:none;
}

div#footer ul li a{
	font-weight: normal;	
}

div#footer ul li a:hover{
	color:#FF9900;
}

div#footer p{
	width:970px;
	height:70px;
}

div#footer address{
	background:#231F20;
	padding:3px 0 3px 0;
	text-align:center;
	color:#EEE;
}





/*
トップページ main style[
----------------------------------------------------------- */
div#main .main_img{
	width:800px;
	height:189px;
	margin-bottom:10px;
}


div#main .main_content h2{
	width:400px;
	height:22px;
}


div#main .main_content .news{
	width:400px;
	height:228px;
	overflow-y:auto;
	overflow-x:hidden;
	float:left;
	background:url(../img/contents/contents-bg.jpg) repeat;
}

div#main .main_content .news ul{
	padding-left:22px;
	margin-top:10px;
}


div#main .main_content .news ul li{
	list-style:disc;
	margin-top:2px;
}

div#main .main_content .news ul li a{
	color:#333;
}

div#main .main_content .news ul li a:hover{
	color:#FF9900;
	text-decoration:underline;
}

div#main .main_content .introduction{
	width:400px;
	height:250px;
	margin-top:-22px;
	float:left;
	overflow-y:auto;
	overflow-x:hidden;
	padding-bottom:22px;
	background:url(../img/contents/contents-bg.jpg) repeat;
}

div#main .main_content .introduction dl{
	margin-top:10px;
	padding-left:10px;
}

div#main .main_content .introduction dl dt{
	font-weight:bold;
	color:#FF0000;
	margin: 0 0 8px 0;
}

div#main .main_content .introduction dl dd#top01{
   width: 300px;
   }
   
div#main .main_content .introduction dl dd#top01{
   padding: 0 0 8px 0;
   border-bottom: 1px dotted #f60;
   }

div#main .main_content .introduction ul li#top02{
   margin: 5px 0 0 10px;
   }


div#main .main_content .introduction p a img.iepngfix{
   margin: 8px 0 0 10px;
}


/*
シングルページ style[
----------------------------------------------------------- */
div#main .single{
	width:780px;
	height:auto;
	margin-bottom:10px;
}

div#main .single ul li a{
	color:#666;
}


div#main .single ul li a:hover{
	text-decoration:underline;
	color:#999;
}


div#main .single h2{
	color:#FF0000;
	font-size:1.2em;
	border-bottom:1px dotted #999;
	width:780px
}

div#main .single .day{
	text-align:right;
	color:#999;
	font-size:0.95em;
}

/*
カテゴリー－ style[
----------------------------------------------------------- */
div#main .category{
	width:780px;
	height:auto;
	margin-bottom:20px;
}

div#main .category h2{
	border-bottom:1px dotted #999;
	width:780px
}

div#main .category h2 a{
	color:#FF0000;
	font-size:1.2em;
}

div#main .category h2 a:hover{
	color:#FF8000;
	text-decoration:underline;
}


div#main .category .day{
	text-align:right;
	color:#999;
	font-size:0.95em;
}





address,caption,cite,code,dfn,em,strong,th,var{
   font-style: normal;
   font-weight: normal;
   }

.inner{
   margin-bottom:20px;
   }

.clearFloat{
   clear: both;
   width: 100%;
   }

img.iepngfix {
   behavior: url(http://www.foobi.net/wp-content/themes/foobi_/iepngfix.htc);
  }

a:link{
   text-decoration: none;
   color: #45413a;
   font-weight: bold;
   }
a:visited{
   text-decoration: none;
   color: #45413a;
   font-weight: bold;
   }
a:hover{
   text-decoration: none;
   color: #a0ce17;
   }
a:active{
   text-decoration: none;
   color: #ebbdaf;
   }

#contents{
   margin: 0 0 0 6px;
   }





/* --------------------------------
   セミナー
-------------------------------- */

#boxSeminarA h2#seminarH2{
   width: 100%;
   overflow: hidden;
   }

#boxSeminarA h2#seminarH2{
   margin: -5px 0 0 0;
   }

#boxSeminarA{
   float: left;
   width: 790px;
   height: auto;
   background: url(img/contents/contents-bg.jpg);
   }

#boxSeminarA ul,
#boxSeminarB ul,
#boxSeminarC ul,
#boxSeminarD ul{
   width: 70%;
   }

#boxSeminarA ul,
#boxSeminarB ul,
#boxSeminarC ul,
#boxSeminarD ul{
   margin: 0 0 20px 9%;
   }

#boxSeminarA ul li,
#boxSeminarB ul li,
#boxSeminarC ul li,
#boxSeminarD ul li{
   list-style-type: disc;
   }

#boxSeminarB{
   clear: both;
   float: left;
   width: 790px;
   height: 250px;
   background: url(img/contents/contents-bg.jpg);
   }

#boxSeminarC{
   clear: both;
   float: left;
   width: 790px;
   height: auto;
   background: url(img/contents/contents-bg.jpg);
   }

#boxSeminarC h3#sem01{
   margin: 50px 0 20px 0;
   }

#boxSeminarC p{
   width: 70%;
   }
   
#boxSeminarC p{
   margin: 0 0 0 9%;
   }

#boxSeminarD{
   clear: both;
   float: left;
   width: 790px;
   height: auto;
   background: url(img/contents/contents-bg.jpg);
   }

#boxSeminarA,
#boxSeminarB,
#boxSeminarC,
#boxSeminarD{
   margin: 0 0 20px 0;
   }

#boxSeminarA h3,
#boxSeminarB h3,
#boxSeminarC h3,
#boxSeminarD h3{
   margin: 0 0 20px 0;
   padding: 0 0 5px 10px;
   border-bottom: 2px solid #ddd;
   font-weight: bold;
   }

p#con01{
   margin: 50px 0 0 500px;
   }

p#con01 span{
   margin: 0 0 0 10px;
   color: #ff6600;
   }

#boxSeminarD p#p_01{
   margin: 50px 0 20px 0;
   }

#boxSeminarD p#p_01 a{
   font-weight: normal;
   color: ##222;
   }





/* --------------------------------
   スクール
-------------------------------- */

#boxSchoolA h2#makecollegeH2{
   width: 100%;
   overflow: hidden;
   }

#boxSchoolA h2#makecollegeH2{
   margin: -5px 0 0 0;
   }

#boxSchoolA h2#nintei{
   width: 90%;
   height: 50px;
   color: #111;
   font-size: 11px;
   background: url(img/contents/contents-bg.jpg);
   }

* html #boxSchoolA h2#nintei{
   font-size: 90%;
   }

#boxSchoolA h2#nintei{
   margin: 0 0 0 4%;
   }

#boxSchoolA{
   float: left;
   width: 790px;
   height: 350px;
   background: url(img/contents/contents-bg.jpg);
   }

#boxSchoolA h3#schoolH3{
   float: left;
   width: 120px;
   color: #222;
   font-size: 14px;
   letter-spacing: 0.1em;
   }

#boxSchoolA h3#schoolH3{
   margin: 70px 0 0 50px;
   padding: 0 10px 0 15px;
   border-left: 5px solid #A49798;
   border-right: 5px solid #A49798;
   }

#boxSchoolA p#School01{
   float: left;
   width: 133px;
   }

#boxSchoolA p#School02{
   float: left;
   width: 133px;
   }

#boxSchoolA p#School02{
   margin: 0 0 0 50px;
   }

#boxSchoolA p#School03{
   float: right;
   width: 133px;
   }

#boxSchoolB{
   clear: both;
   float: left;
   width: 790px;
   height: 200px;
   background: url(img/contents/contents-bg.jpg);
   }

#boxSchoolB p#img04{
   float: left;
   width: 200px;
   }

#boxSchoolB p#img05{
   float: left;
   width: 200px;
   }

#boxSchoolB p#img06{
   float: left;
   width: 200px;
   }

#jukou{
   margin: 0;
   }

#boxSchoolC{
   clear: both;
   float: left;
   width: 790px;
   height: auto;
   background: url(img/contents/contents-bg.jpg);
   }

#boxSchoolC h3{
   height: 25px;
   }

#boxSchoolC h3{
   margin: 0 0 20px 0;
   padding: 0 0 0 2%;
   color: #fff;
   font-weight: bold;
   letter-spacing: 0.2em;
   background: url(img/contents/H3bar.jpg);
   }

#boxSchoolC p{
   width: 80%;
   }

#boxSchoolC p{
   margin: 0 0 50px 9%;
   }

#boxSchoolC dl{
   clear: both;
   width: 80%;
   }

#boxSchoolC dl{
   margin: 30px 0 0 9%;
   }

#boxSchoolC dd.underline{
   width: 90%;
   }

#boxSchoolC dd.underline{
   border-bottom: 1px dotted #333;  
   }
   
#boxSchoolC dl dd{
   margin: 10px 0 0 1em;
   padding: 0 0 10px 2%;
   }

#boxSchoolC dt, #boxSchoolC dd{
   width: 90%;
   }

#boxSchoolC dl#marginBottom{
   margin: 30px 0 50px 9%;
   }
#boxSchoolC #table_02{
   margin: 0 0 20px 3%;
   border: #ccc 1px solid;
   }

#boxSchoolC #table_02 caption{
   margin: 0 0 20px 2%;
   font-weight: bold;
   }

#boxSchoolC #table_02 tr th{
   width: 160px;
   border: #ccc 1px solid;
   text-align: center;
   padding: 2px 0 2px 0;;
   color: #444;
   font-weight: bold;
   }

#boxSchoolC #table_02 tr td{
   padding: 2px 2px 2px 6px;
   border-right: #ccc 1px solid;
   border-bottom: #ccc 1px solid;
   color: #333;
   }

#boxSchoolC #table_02 tr .td_01{
   text-align: center;
   }

#boxSchoolC #table_02 tr .td_02{
   vertical-align: top;
   }

#boxSchoolC ul{
   width: 85%;
   }
#boxSchoolC ul{
   margin: 20px 0 0 2%;
   }

#boxSchoolC p#p_01{
   margin: 50px 0 20px 0;
   }

#boxSchoolC p#p_01 a{
   font-weight: normal;
   color: #222;
   }





/* --------------------------------
   ブライダル
-------------------------------- */

#boxbridalA{
   float: left;
   width: 790px;
   height: 450px;
   background: url(img/contents/contents-bg.jpg);
   }

#boxbridalA h2#bridalH2{
   width: 100%;
   overflow: hidden;
   }

#boxbridalA h2#bridalH2{
   margin: -5px 0 0 0;
   }

#boxbridalA p{
   margin: 0 0 0 9%;
   }

#boxbridalA ul{
   margin: 20px 0 0 9%;
   }

#boxbridalA ul li{
   float: left;
   }




/* --------------------------------
   lightbox
-------------------------------- */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 48%;
	height: 100%;
	background: transparent url(css/img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background:  url(light_box_images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:  url(light_box_images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}





/* --------------------------------
   イベント
-------------------------------- */

#boxEventA{
   float: left;
   width: 790px;
   height: 450px;
   background: url(img/contents/contents-bg.jpg);
   }

#boxEventA h2#eventH2{
   width: 100%;
   overflow: hidden;
   }

#boxEventA h2#eventH2{
   margin: -5px 0 0 0;
   }

#boxEventA h3{
   width: 200px;
   }

#boxEventA h3{
   margin: 20px 0 20px 9%;
   padding: 0 0 0 20px;
   color: #fff;
   font-weight: bold;
   background: url(img/contents/H-bg.jpg);
   }

#boxEventA dl{
   margin: 0 0 5px 9%;
   }

#boxEventA dl.eve01{
   clear: both;
   }

#boxEventA dt{
   float: left;
   width: 70px;
   }

#boxEventA dt{
   padding: 0 0 0 10px;
   border-left: 3px solid #f60;
   }





/* --------------------------------
   会社案内
-------------------------------- */

#boxCompanyA{
   float: left;
   width: 790px;
   height: 450px;
   background: url(img/contents/contents-bg.jpg);
   }

#boxCompanyA h2#companyH2{
   width: 100%;
   overflow: hidden;
   }

#boxCompanyA h2#companyH2{
   margin: -5px 0 0 0;
   }

#boxCompanyA h3{
   margin: 20px 0 20px 2%;
   font-weight: bold;
   border-left: 10px solid #ccc;
   border-right: 10px solid #ccc;
   margin: 0 0 20px 0;
   padding: 0 0 0 2%;
   background: #eee;
   font-weight: bold;
   letter-spacing: 0.2em;
   }


#boxCompanyA h3#com02{
   margin: 20px 0 20px 0;
   }

* html #boxCompanyA h3#com02{
   margin: 40px 0 20px 0;
   }

#boxCompanyA dl{
   margin: 0 0 5px 7%;
   }

#boxCompanyA dl.com01{
   clear: both;
   }

#boxCompanyA dt{
   float: left;
   width: 70px;
   }

#boxCompanyA dt{
   padding: 0 0 0 10px;
   }

#boxCompanyA p#p_01{
   margin: 50px 0 20px 0;
   }

#boxCompanyA p a img.iepngfix{
   margin: 10px 0 0 125px;
   }

* html #boxCompanyA p a img.iepngfix{
   margin: 10px 0 0 135px;
   }

#boxCompanyA p#p_01 a{
   font-weight: normal;
   color: #222;
   }




/* --------------------------------
   スタッフ
-------------------------------- */

#boxStaffA{
   float: left;
   width: 790px;
   height: auto;
   background: url(img/contents/contents-bg.jpg);
   }

#boxStaffA{
   margin: 0 0 20px 0;
   }

#boxStaffA h2{
   width: 100%;
   overflow: hidden;
   }

#boxStaffA h2{
   margin: -5px 0 0 0;
   }

#boxStaffA p img{
   float: left;
   width: 133;
   }

#boxStaffA p img{
   margin: 0 40px 20px 7%;
   }

#boxStaffA dl{
   width: 70%;
   overflow: hidden;
  }

#boxStaffA dl{
   margin: 0 0 0 0;
   padding: 10px 0 20px 0;
   border-bottom: 1px dotted #FF6600;
   }

#boxStaffA dl{
   height: 180px;
   }

#boxStaffA dt{
   margin: 0 0 10px 0;
   font-weight: bold;
   }

#boxStaffA dd span{
   float: left;
   display: block;
   width: 100px;
   }

#boxStaffA dd.sta01{
   margin: 20px 0 0 0;
   }

#boxStaffA dd.sta01 ul li{
   margin: 0 0 0 3%;
   font-size: 97%;
   list-style-type: disc;
   }

#boxStaffB{
   clear: both;
   float: left;
   width: 790px;
   background: url(img/contents/contents-bg.jpg);
   }

#boxStaffB #innerStaffB{
   margin: 20px;
   }

#boxStaffB h3{
   padding: 0 10px 0 10px;
   color: #f60;
   font-weight: bold;
   border-left: 10px solid #ccc;
   }

#boxStaffB p{
   margin: 0 0 10px 20px;
   }

#boxStaffB ul#sta02 li{
   float: left;
   }

#boxStaffB ul#sta03 li{
   float: left;
   }

* html #boxStaffB ul#sta03 li{
   margin: -30px 0 0 0;
   }

#boxStaffB p#p_01{
   margin: 50px 0 20px 0;
   }

#boxStaffB p#p_01 a{
   font-weight: normal;
   color: #222;
   }




/* --------------------------------
   プロフィール
-------------------------------- */

#boxProfileA{
   float: left;
   width: 790px;
   height: auto;
   background: url(img/contents/contents-bg.jpg);
   }

#boxProfileA,
#boxProfileB,
#boxProfileC{
   margin: 0 0 20px 0;
   }

#boxProfileA h2#profileH2{
   width: 100%;
   overflow: hidden;
   }

#boxProfileA h2#profileH2{
   margin: -5px 0 0 0;
   }

#boxProfileA img#pro04{
   float: left;
   width: 134px;
   }

#boxProfileA img#pro04{
   margin: 10px 0 0 9%;
   }

* html #boxProfileA img#pro04{
   margin: 10px 0 0 6%;
   }

#boxProfileA #pro01{
   float: left;
   width: 60%;
   }

#boxProfileA #pro01{
   margin: 10px 0 0 30px;
   }

#boxProfileA #pro01 h3{
   margin: 0 0 8px 0;
   font-weight: bold;
   border-bottom: 1px solid #ff6600;
   }


#boxProfileA #gyoumunaiyou{
	width:585px;
	height:auto;
    margin: 0 0 0 73px;
}

#boxProfileA .monbu{
	text-align:right;
	font-size:80%;
}

#boxProfileA h4{
	color:#FF0000;
	margin-top:20px;
   }
   
#boxProfileA .h4_01{
   	margin:20px 0 0 73px;   
}
      
	  
#boxProfileA .p_01{
   	margin:0 0 0 80px;   
}

   
#boxProfileA dl{
   width: 80%;
   }

#boxProfileA dl{
   margin: 0 0 0 3%;
   }

#boxProfileA dt{
   float: left;
   width: 50px;
   }

#boxProfileA dt{
   margin: 0 0 0 9%;
   }

* html #boxProfileA dt{
   margin: 0 0 0 3%;
   }
#boxProfileA dl#pro02{
   margin: 0 0 0 3%;
   }

* html #boxProfileA dl#pro02{
   margin: 0 0 0 3%;
   padding: 30px 0 0 0;
   }

#gyoseki{
   margin: 0;
   }

#boxProfileB{
   float: left;
   width: 790px;
   height: auto;
   background: url(img/contents/contents-bg.jpg);
   }

#boxProfileB h3{
   border-left: 10px solid #EFC05B;
   border-right: 10px solid #EFC05B;
   margin: 0 0 20px 0;
   padding: 0 0 0 2%;
   background: #555;
   color: #fff;
   font-weight: bold;
   letter-spacing: 0.2em;
   }

#boxProfileB ul{
   width: 70%;
   }

#boxProfileB ul{
   margin: 0 0 0 9%;
   }

#boxProfileB ul li{
   background: url(img/contents/profile/checkmark.gif) no-repeat;
   list-style-type: none;
   margin: 3px 0 0 0;
   padding-left: 25px;
   font-size: 95%;
   }

#boxProfileC{
   float: left;
   width: 790px;
   height: auto;
   background: url(img/contents/contents-bg.jpg);
   }

#boxProfileC h3{
   border-left: 10px solid #EFC05B;
   border-right: 10px solid #EFC05B;
   margin: 0 0 20px 0;
   padding: 0 0 0 2%;
   background: #555;
   color: #fff;
   font-weight: bold;
   letter-spacing: 0.2em;
   }

#boxProfileC h3#pro03{
   margin: 50px 0 20px 0;
   }

#boxProfileC ul{
   width: 70%;
   }

#boxProfileC ul{
   margin: 0 0 20px 9%;
   }

#boxProfileC p{
   width: 70%;
   }
   
#boxProfileC p{
   margin: 0 0 0 9%;
   }

#boxProfileD{
   float: left;
   width: 790px;
   height: auto;
   background: url(img/contents/contents-bg.jpg);
   }

#boxProfileD h3{
   border-left: 10px solid #EFC05B;
   border-right: 10px solid #EFC05B;
   margin: 0 0 20px 0;
   padding: 0 0 0 2%;
   background: #ddd;
   font-weight: bold;
   letter-spacing: 0.2em;
   }

#boxProfileD ul{
   margin: 0 0 0 9%;
   }

#boxProfileD ul li{
   list-style-type: disc;
   }

#boxProfileD p#p_01{
   margin: 50px 0 20px 0;
   }

#boxProfileD p#p_01 a{
   font-weight: normal;
   color: #222;
   }





/* --------------------------------
   スペシャリスト
-------------------------------- */

#boxSpecialistA{
   float: left;
   width: 790px;
   height: auto;
   background: url(img/contents/contents-bg.jpg);
   }

#boxSpecialistA{
   margin: 0 0 20px 0;
   }

#boxSpecialistA h2#specialistH2a{
   width: 100%;
   overflow: hidden;
   }

#boxSpecialistA h2#specialistH2a{
   margin: -5px 0 0 0;
   }

#boxSpecialistA h2#specialistH2b{
   margin: 0 0 0 2%;
   font-size: 16px;
   font-weight: bold;
   }

#boxSpecialistA h3{
   margin: 0 0 20px 2%;
   font-weight: bold;
   }

#boxSpecialistA p#spe02 img{
   float: left;
   width: 205px;
   }

#boxSpecialistA p img{
   margin: 10px 20px 0 9%;
   }

#boxSpecialistA p#spe01{
   width: 85%;
   }

#boxSpecialistA p#spe01{
   margin: 30px 0 50px 9%;
   }

#boxSpecialistA table#spe03{
   margin: 50px 0 0 30px;
   }

#boxSpecialistA table#spe03 tr th{
   width: 160px;
   text-align: center;
   }

#boxSpecialistB{
   clear: both;
   float: left;
   width: 790px;
   height: auto;
   background: url(img/contents/contents-bg.jpg);
   }

#boxSpecialistB{
   margin: 0 0 20px 0;
   }

#boxSpecialistB h2{
   height: 25px;
   }

#boxSpecialistB h2{
   margin: 0 0 20px 0;
   padding: 0 0 0 2%;
   color: #fff;
   font-weight: bold;
   letter-spacing: 0.2em;
   background: url(img/contents/H3bar.jpg);
   }

#boxSpecialistB dl{
   margin: 10px 0 20px 9%;
   }

#boxSpecialistB dt{
   margin: 10px 0 20px 0;
   font-weight: bold;
   }

#boxSpecialistB dd{
   margin: 0 0 0 2%;
   }

#boxSpecialistB div#left{
   float: left;
   width: 300px;
   }

#boxSpecialistB div#left{
   margin: 30px 0 0 9%;
   }

* html #boxSpecialistB div#left{
   margin: 30px 0 0 7%;
   }

#boxSpecialistB h4{
   margin: 50px 0 0 0;
   font-weight: bold;
   }

#boxSpecialistB h4#spe05{
   margin: 20px 0 0 0;
   }

#boxSpecialistB div#right{
   float: left;
   width: 300px;
   }

#boxSpecialistB div#right{
   margin: 0 0 0 0;
   }

#boxSpecialistB p img{
   float: left;
   }

#boxSpecialistB p img{
   margin: 50px 0 40px 2%;
   }

#boxSpecialistB p{
   width: 80%;
   }

#boxSpecialistB p{
   margin: 0 0 0 9%;
   }

#boxSpecialistB p#spe06{
   padding: 0 0 20px 0;
   border-bottom: 1px dotted #ff6600;
   }

#boxSpecialistC{
   clear: both;
   float: left;
   width: 790px;
   height: auto;
   background: url(img/contents/contents-bg.jpg);
   }

#boxSpecialistC{
   padding: 30px 0 0 0;
   }

#boxSpecialistC p img{
   float: left;
   }

#boxSpecialistC p img{
   margin: 0 0 10px 9%;
   }

#boxSpecialistC p.spe04{
   float: left;
   width: 65%;
   }

#boxSpecialistC p.spe04{
   margin: 0 0 10px 20px;
   }

#boxSpecialistC p#p_01{
   margin: 50px 0 20px 0;
   }

#boxSpecialistC p#p_01 a{
   font-weight: normal;
   color: #222;
   }





/* --------------------------------
   ヘアアレンジ
-------------------------------- */

#boxHairAarrangementA{
   float: left;
   width: 790px;
   height: auto;
   background: url(img/contents/contents-bg.jpg);
   }

#boxHairAarrangementA h2#HairAarrangementH2{
   width: 790px;
   overflow: hidden;
   }

#boxHairAarrangementA h2#HairAarrangementH2{
   margin: -5px 0 0 0;
   }

#boxHairAarrangementA p{
   margin: 0 0 0 2%;
   font-weight: bold;
   }

#boxHairAarrangementA p em{
   font-weight: bold;
   }

#boxHairAarrangementA p{
   width: 80%;
   }

#boxHairAarrangementB{
   clear: both;
   float: left;
   width: 790px;
   height: 300px;
   background: url(img/contents/contents-bg.jpg);
   }

#boxHairAarrangementB{
   margin: 0 0 20px 0;
   }

#boxHairAarrangementB p img{
   float: left;
   width: auto;
   }

#boxHairAarrangementB p img{
   margin: 0 0 0 9%;
   }

#boxHairAarrangementC{
   clear: both;
   float: left;
   width: 790px;
   height: auto;
   background: url(img/contents/contents-bg.jpg);
   }

#boxHairAarrangementC h3{
   height: 25px;
   }

#boxHairAarrangementC h3{
   margin: 0 0 20px 0;
   padding: 0 0 0 2%;
   color: #fff;
   font-weight: bold;
   letter-spacing: 0.2em;
   background: url(img/contents/H3bar.jpg);
   }

#boxHairAarrangementC p{
   width: 80%;
   }

#boxHairAarrangementC p#hai01{
   margin: 30px 0 20px 9%;
   padding: 0 0 20px 0;
   border-bottom: 1px dotted #f60;
   }

#boxHairAarrangementC p#hai02{
   margin: 0 0 0 9%;
   }

#boxHairAarrangementC dl{
   clear: both;
   width: 80%;
   }

#boxHairAarrangementC dl{
   margin: 30px 0 0 9%;
   }

#boxHairAarrangementC dl dt{
   margin: 0 0 20px 0;
   font-weight: bold;
   }

#boxHairAarrangementC dd{
   margin: 0 0 0 4%;
   }

#boxHairAarrangementC p#p_01{
   margin: 50px 0 20px 0;
   }

#boxHairAarrangementC p#p_01 a{
   font-weight: normal;
   color: #222;
   }






/* --------------------------------
   ATF色彩検定
-------------------------------- */

#boxAFTA{
   float: left;
   width: 790px;
   height: auto;
   background: url(img/contents/contents-bg.jpg);
   }

#boxAFTA,#boxAFTB{
   margin: 0 0 20px 0;
   }

#boxAFTA h2,#boxAFTA h3{
   width: 80%;
   font-weight: bold;
   }

#boxAFTA h2{
   margin: 10px 0 10px 9%;
   }
#boxAFTA h3{
   margin: 10px 0 30px 9%;
   }

#boxAFTA h2#atfH2{
   width: 100%;
   overflow: hidden;
   }

#boxAFTA h2#atfH2{
   margin: -5px 0 0 0;
   }

#boxAFTA p{
   width: 80%;
   }

#boxAFTA p{
   margin: 0 0 0 9%;
   }

#boxAFTB{
   clear: both;
   float: left;
   width: 790px;
   height: auto;
   background: url(img/contents/contents-bg.jpg);
   }

#boxAFTB h3{
   height: 25px;
   }

#boxAFTB h3{
   padding: 0 0 0 2%;
   color: #fff;
   font-weight: bold;
   letter-spacing: 0.2em;
   background: url(img/contents/H3bar.jpg);
   }

#boxAFTB p{
   margin: 15px 0 15px 7%;
   }

#boxAFTB dl{
   width: 80%;
   }

#boxAFTB dt{
   margin: 10px 0 10px 9%;
   font-weight: bold;
   }

#boxAFTB dd{
   margin: 5px 0 0 12%;
   }

#boxAFTB dd.aft01{
   margin: 5px 0 30px 12%;
   }

#boxAFTB p#aft04{
   margin: 0 0 0 7%;
   }

#boxAFTB p#p_01{
   margin: 50px 0 20px 0;
   }

#boxAFTB p#p_01 a{
   font-weight: normal;
   color: #222;
   }





/* --------------------------------
   メイクスクール
-------------------------------- */

#boxMakeSchoolA{
   float: left;
   width: 790px;
   height: auto;
   background: url(img/contents/contents-bg.jpg);
   }

#boxMakeSchoolA h2#makeSchoolH2{
   width: 100%;
   overflow: hidden;
   }

#boxMakeSchoolA h2#makeSchoolH2{
   margin: -5px 0 0 0;
   }

#boxMakeSchoolA h2#nintei{
   width: 90%;
   height: 15px;
   color: #111;
   font-size: 11px;
   background: url(img/contents/contents-bg.jpg);
   }

* html #boxMakeSchoolA h2#nintei{
   font-size: 90%;
   }

#boxMakeSchoolA h2#nintei,#boxMakeSchoolA h3{
   margin: 0 0 10px 9%;
   font-weight: bold;
   }

#boxMakeSchoolA h2#nintei{
   margin: 0 0 0 4%;
   }

#boxMakeSchoolA .inner h2{
	margin-left:35px;
	margin-bottom:20px;
}

#boxMakeSchoolB{
   clear: both;
   float: left;
   width: 790px;
   height: auto;
   background: url(img/contents/contents-bg.jpg);
   }

#boxMakeSchoolB h3,
#boxMakeSchoolC h3,
#boxMakeSchoolD h3,
#boxMakeSchoolE h3{
   height: 25px;
   }

#boxMakeSchoolB h3,
#boxMakeSchoolC h3,
#boxMakeSchoolD h3,
#boxMakeSchoolE h3{
   margin: 0 0 20px 0;
   padding: 0 0 0 2%;
   color: #fff;
   font-weight: bold;
   letter-spacing: 0.2em;
   background: url(img/contents/H3bar.jpg);
   }

#boxMakeSchoolB p,
#boxMakeSchoolC p,
#boxMakeSchoolD p,
#boxMakeSchoolE p{
   margin: 0 0 10px 9%;
   }

#boxMakeSchoolD ul,
#boxMakeSchoolE ul{
   margin: 10px 0 0 9%;
   }

#boxMakeSchoolD ul li,
#boxMakeSchoolE ul li{
   margin: 0 0 0 3%;
   list-style-type: disc;
   }

#boxMakeSchoolB{
   margin: 0 0 20px 0;
   }

#boxMakeSchoolC{
   clear: both;
   float: left;
   width: 790px;
   height: auto;
   background: url(img/contents/contents-bg.jpg);
   }

#boxMakeSchoolD{
   clear: both;
   float: left;
   width: 790px;
   height: auto;
   background: url(img/contents/contents-bg.jpg);
   }

#boxMakeSchoolD{
   list-style-type: disc;
   }

#boxMakeSchoolE{
   clear: both;
   float: left;
   width: 790px;
   height: auto;
   background: url(img/contents/contents-bg.jpg);
   }

#boxMakeSchoolE p#p_01{
   margin: 50px 0 20px 0;
   }

#boxMakeSchoolE p#p_01 a{
   font-weight: normal;
   color: #222;
   }




/* --------------------------------
   提供できるコンテンツ
-------------------------------- */

#boxContentsPage{
   float: left;
   width: 790px;
   height: auto;
   background: url(img/contents/contents-bg.jpg);
   }

#boxContentsPage{
   margin: 0 0 20px 0;
   }

#boxContentsPage h2#ContentsPageH2{
   width: 100％;
   overflow: hidden;
   }

#boxContentsPage h2#ContentsPageH2{
   margin: -5px 0 0 0;
   }

#boxContentsPage h3{
   margin: 0 0 20px 5%;
   font-weight: bold;
   }

#boxContentsPage ul li{
   background: url(img/contents/profile/checkmark.gif) no-repeat;
   list-style-type: none;
   margin: 3px 0 0 9%;
   padding-left: 25px;
   font-size: 95%;
   }

#boxContentsPage p#p_01{
   margin: 50px 0 20px 0;
   }

#boxContentsPage p#p_01 a{
   font-weight: normal;
   color: #222;
   }



/* --------------------------------
   プライバシーポリシー
-------------------------------- */


#boxPrivacyPolicyA{
   float: left;
   width: 790px;
   height: auto;
   background: url(img/contents/contents-bg.jpg);
   }

#boxPrivacyPolicyA h2{
   width: 100%;
   overflow: hidden;
   }

#boxPrivacyPolicyA h2{
   margin: -5px 0 0 0;
   }

#boxPrivacyPolicyB{
   clear: both;
   float: left;
   width: 790px;
   height: auto;
   background: url(img/contents/contents-bg.jpg);
   }

#boxPrivacyPolicyB dl{
   width: 90%;
   }

#boxPrivacyPolicyB dl{
   margin: 10px 0 0 0;
   }

#boxPrivacyPolicyB dt{
   margin: 10px 0 20px 6%;
   padding: 0 0 5px 10px;
   border-bottom: 2px solid #ddd;
   font-weight: bold;
   }

#boxPrivacyPolicyB dd{
   margin: 10px 0 30px 9%;
   }

#boxPrivacyPolicyB li{
   margin: 0 0 0 6%;
   list-style-type: disc;
   }

#boxPrivacyPolicyB li.pri01{
   margin: 10px 0 0 6%;
   }

#boxPrivacyPolicyB dd.pri02{
   margin: 0 0 0 9%;
   }

#boxPrivacyPolicyB p#p_01{
   margin: 50px 0 20px 0;
   }

#boxPrivacyPolicyB p#p_01 a{
   font-weight: normal;
   color: #222;
   }


/* --------------------------------
   お問合せ
-------------------------------- */

#boxContact{
   float: left;
   width: 790px;
   height: auto;
   background: url(img/contents/contents-bg.jpg);
   }

#boxContact h2#contactH2{
   width: 100%;
   overflow: hidden;
   }

#boxContact h2#contactH2{
   margin: -5px 0 20px 0;
   }

#boxContact p{
   width: 80%;
   }

#boxContact p{
   margin: 0 0 0 2%;
   }

#boxContact p#con02{
   margin: 0 0 20px 2%;
   }

#boxContact p{
   width: 80%;
   }

#boxContact dl dt{
   display: block;	
   margin: 0 20px 0 9%;
   font-weight: bold;
   }

#boxContact dl dd{
   display: block;	
   margin: 0 0 10px 9%;
   }

#boxContact dl dt span{
   font-size: 97%;
   color: #FF3333;
   }

#boxContact p#con01{
   margin: 0 0 0 9%;
   }

* html #boxContact p#con01{
   margin: 0 0 0 23px;
   }

#boxContact p#p_01{
   margin: 50px 0 20px 0;
   }

#boxContact p#p_01 a{
   font-weight: normal;
   color: #222;
   }





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


#boxLinkA{
   float: left;
   width: 790px;
   height: 455px;
   background: url(img/contents/contents-bg.jpg);
   }

#boxLinkA h2#linkH2{
   width: 100%;
   overflow: hidden;
   }

#boxLinkA h2#linkH2{
   margin: -5px 0 30px 0;
   }

#boxLinkA h3{
   width: 160px;
   }

#boxLinkA h3{
   margin: 20px 0 20px 9%;
   padding: 0 0 0 20px;
   color: #fff;
   font-weight: bold;
   background: url(img/contents/H-bg.jpg);
   }

#boxLinkA dl{
   margin: 0 0 0 9%;
   }

#boxLinkA dl dt{
   float: left;
   width: 180px;
   }

#boxLinkA dl dt{
   margin: 0 30px 30px 0;
   border-bottom: 1px dotted #f60;
   }

#boxLinkA dd#lin01{
   float: left;
   }

#boxLinkA dd#lin01{
   margin: 0 0 20px 0;
   }

#boxLinkA p#p_01{
   margin: 50px 0 20px 0;
   }

#boxLinkA p#p_01 a{
   font-weight: normal;
   color: #222;
   }






/* --------------------------------
   サイトマップ
-------------------------------- */


#boxSiteMap{
   float: left;
   width: 790px;
   height: auto;
   background: url(img/contents/contents-bg.jpg);
   }

#boxSiteMap h2#sitemapH2{
   width: 100%;
   overflow: hidden;
   }

#boxSiteMap h2#sitemapH2{
   margin: -5px 0 30px 0;
   }

#boxSiteMap ul{
   width: 300px;
   }

#boxSiteMap ul.sit04{
   margin: 10px 0 10px 9%;
   border-bottom: 1px dotted #555;
   }

#boxSiteMap ul.sit05{
   margin: 10px 0 20px 9%;
   }

#boxSiteMap li{
   margin: 10px 0 0 0;
   padding: 0 0 0 5px;
   font-weight: normal;
   font-size: 98%;
   list-style-image: url(img/contents/sitemap/listmark.jpg);
   letter-spacing: 0.2em;
   }

* html #boxSiteMap li{
   padding: 0 0 3px 5px;
   }

#boxSiteMap ul li.sit01{
   margin: 10px 0 10px 0;
   border-bottom: 1px dotted #555;
   list-style-image: url(img/contents/sitemap/listmark.jpg);
   }

#boxSiteMap ul li.sit02{
   margin: 0 0 0 30px;
   list-style-image: none;
   list-style-type: disc;
   }

#boxSiteMap ul li.sit03{
   margin: 0 0 10px 30px;
   list-style-image: none;
   list-style-type: disc;
   }

#boxSiteMap li a:link{
   text-decoration: none;
   color: #45413a;
   font-weight: normal;
   }

#boxSiteMap li a:visited{
   text-decoration: none;
   color: #45413a;
   font-weight: normal;
   }

#boxSiteMap li a:hover{
   text-decoration: none;
   color: #a0ce17;
   }
#boxSiteMap li a:active{
   text-decoration: none;
   color: #ebbdaf;
   }

#boxSiteMap p#p_01{
   margin: 50px 0 20px 0;
   }

#boxSiteMap p#p_01 a{
   font-weight: normal;
   color: #222;
   }


h2#staffH2{
   width: 100%;
   overflow: hidden;
   }