/* 基本内容 */

*{
	margin:0;
	padding:0;
	font-family:sans-serif;
}

/* Hide4MacIE \*/
* html .clr {height: 1%;}
.clr {display: block;}
/* endHide */

img,a img{
	margin:0px;
	padding:0px;
	border:0;
	vertical-align:bottom;
}
ul,li{
	list-style:none;
}
h3.title{
	background:#333333;
	color:white;
	text-align:left;
	border-left: 5px solid #CC0000;
	margin:0;
	padding:7px 10px;
	font-size:16px;
	font-family:sans-serif;
}
h4.title{
	background:#454545;
	color:white;
	text-align:left;
	border-left: 3px solid #CC0000;
	padding:5px 0px 5px 7px;
	margin:0px 0px 5px 0px;
	font-size:14px;
	font-family:sans-serif;
}
/*
h3.title{
	background: url('../img/biyoutop/bg_red.jpg');
	color:white;
	text-align:left;
	padding:7px;
	font-size:16px;
	font-family:sans-serif;
}
h4.title{
	background: url('../img/biyoutop/bg_red.jpg');
	color:white;
	text-align:left;
	padding:5px 0px 5px 7px;
	margin:0px 0px 5px 0px;
	font-size:14px;
	font-family:sans-serif;
}
*/
h5.title{
	width:700px;
	height:18px;
	color:black;
	font-weight:bold;
	font-size:16px;
	background: url('../img/biyoutop/bg_red.jpg') repeat-y;
	margin:3px 0px 10px 0px;
	padding:0px 0px 0px 20px;
}
br.clear{
	clear:both;
}
hr{
	color:#FFFFFF;}


.pb30{
	padding-bottom:30px;
}



/*  hairdresser_base.php head部分からの移動CSS  */

#toiawaseAb{
	position:absolute;
	top:20px;
	left: 702px;
}
	#toiawaseAb img{height:76px;}

.headerlink-img{
	height:44px;
	position:relative;
	float:left;
}
	.headerlink-img img{
		height:24px;
		margin:10px 0px;
	}
		
#headerbox1{
	background:url(../img/biyoutop/gnavi01.gif) no-repeat;
	text-indent:-9999px;
	width:121px;
	margin:0px;
}
	#headerbox1 img{width:70px;}

#headerbox2{
	text-align:center;
	width:132px;			
}
	#headerbox2 img{width:80px;}
		
#headerbox3{
	text-align:center;
	width:192px;			
}
	#headerbox3 img{width:140px;}

#headerbox4{
	text-align:center;
	width:177px;			
}
	#headerbox4 img{width:125px;}

#headerbox5{
	text-align:center;
	width:118px;			
}
	#headerbox5 img{width:65px;}

#headerbox6{
	text-align:center;
	width:117px;						
}
	#headerbox6 img{width:65px;}

#headerbox7{
	text-align:center;
	width:141px;						
}
	#headerbox7 img{width:85px;}

#news{
	display:block;
}




/* base */

#wrapper{
	width:100%;
	height:100%;
	background:url('../img/biyoutop/bg_base.jpg') repeat top left;
	text-align:center;
}

/* header */
#header-wrap{
	width:100%;
	text-align:center;	
}
#content-wrap{
	width:100%;
	text-align:center;	
}
#header-wrap{
	text-align:center;
	width:100%;	
}

#header{
	width:1082px;
}
#header-top-wrap{
	width:100%;
	text-align:center;
}

#header-description{
	position:absolute;
	top:2px;
	text-align:center;
}

#header-description h1,#header-description h2{
	font-size:10px;
	color:gray;
	position:relative;
	float:left;
	font-weight:normal;
}

#header-description p{
	font-size:10px;
	color:gray;
	position:relative;
	float:left;
	font-weight:normal;
	padding-left: 3px;
}

.subIndex #main-menu{
	display:none;
}

#header-top{
	position:relative;
	background: url('../img/biyoutop/header_top.jpg') no-repeat;
	height:124px;
	width:1082px;
	margin:0 auto;
	padding: 0px;
	text-align:right;
}

#header-line-wrap{
	background: url('../img/biyoutop/header_line.jpg') repeat-x;	
	width:100%;
	height:44px;
	text-align:center;
	margin: 0px;
	padding: 0px;
}
#header-line-wrap #gnavi{
	background: url(../img/biyoutop/header_line.jpg) repeat-x;	
	width:998px;
	height:44px;
	margin:0 auto;
	padding: 0px;
}
	#header-line-wrap #gnavi table{
		margin:0px;
		padding:0px;
	}
	#header-line-wrap #gnavi table td{
		margin:0px;
		padding:0px;
	}
	#header-line-wrap #gnavi table td img{
		margin:0px;
		padding:0px;
	}
	#header-line-wrap #gnavi table td a,a:link,a:hover,a:active,a:visited{
		margin:0px;
		padding:0px;
		zoom: 1;
	}

	#header-line-wrap #gnavi ul{
		margin:0px;
		padding:0px;
		border:0;
	}
	#header-line-wrap #gnavi #gmenu1{
		top:0;
		left:0;
	}


/* header */

/* catch */

#catch{
	margin:0 auto;
	width:1082px;
	background: url('../img/biyoutop/content-wrapper.jpg') repeat-y;
	padding:20px 0px 0px;

}
/* catch */

/* content */

#catch-wrap{
	width:100%;
	text-align:center;
}

#content-wrap{
	background:url('../img/biyoutop/bg_base.jpg') repeat top left;
}
#content{
	width:1082px;
	height:auto;
	background: url('../img/biyoutop/content-wrapper.jpg') repeat-y;
	margin:0 auto;
	text-align:center;
}

#content-body{
	width:960px;
	margin:0 auto;
	padding:0px 0px 50px 0px;
}

#content-first{
	width:100%;
	margin:0px auto;
	padding:0px;
}

#top-taiken-img{
	display:none;
	position:relative;
	float:left;
	z-index:99;
	top:-290px;
	left:383px;
	width:1082px;
	height:0px;
}
#main-menu{
	border-top: 1px solid #AAAAAA;
	padding:20px 0px 0px;
	width:960px;
}

#main-menu2{
	width:700px;
	height:100px;
	margin: 10px auto;
	padding:10px 0px 20px 5px;
}

#hschool,#college{
	position:relative;
	float:left;
	margin:0px;
	padding:0px 15px 0px 0px;
}

#hschool2,#college2{
	position:relative;
	float:left;
	margin:0px;
	padding:0px 10px 0px 0px;
}

#cores,#cores2{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
}

#contact{
	padding:0px 0px 20px;
	width:960px;
}

#info{
	border:solid 1px #cccccc;
	text-align:left;
	width:958px;
	margin:0 auto;
	padding:0px 0px 8px 0px;
	font-family:sans-serif;
}

#info h3{
	background:url('../img/biyoutop/tx_info.gif') no-repeat;
	margin:10px 0px 0px 8px;
	text-indent:-3000px;
}
#info li{
	margin:3px 20px 0px 20px;
	border-bottom: dotted 1px #cccccc;
	font-size:12px;
	height:20px;
}

#info li.last{
	border:none;
}

#content-secound{
	width:100%;
	margin:0px auto;
	padding:20px 0px 0px;
}

#content-left,#content-right{
	position:relative;
	float:left;
}

#content-left{
	line-height:20px;
}

#content-left table td{
	line-height:18px;
}

/* 2011/12/10 修正 */
/*
#header-text{
	border: 1px solid #CCC;
	text-align:left;
	width:950px;
	padding:0px 5px 8px 5px;
	margin:0px auto 10px auto;
}

#header-text h2{
	font-size:20px;
	margin:3px 3px 3px 0px;
}

#header-text h2 a{
	color:black;
	text-decoration:none;
}
*/
#header-text{
	position:relative;
	width:960px;
	height:68px;
	margin:0px;
	padding:0px;
	text-align:center;
	border: 1px solid #52b87f;
	text-align:left;
}

#header-text h2{
	position:absolute;
	width:180px;
	top:20px;
	left:15px;
	padding-bottom:2px;
	font-size:22px;
	font-weight:bold;
	border-bottom:2px solid #52b87f;
}

#header-text h2 a{
	color:#333333;
	text-decoration:none;
}

#header-text p{
	position:absolute;
	width:715px;
	top:15px;
	left:230px;
	font-size:14px;
	line-height:20px;
}


#content-left{
	width:700px;
	overflow:hidden;
	height:auto;
}

#main-text{
	min-height:400px;
	height:auto;
	padding:12px 0px 30px 10px;
	font-size:14px;
	text-align:left;
}

#main-text table{
	margin:10px 10px 10px 0px;
	font-size:14px;
	width:680px;
}
#main-text td{
	border:solid 1px #cccccc;
	padding:5px;
}
#main-text tr.h td{
	font-weight:bold;
	color:red;
}
#main-text th{
	padding:5px 10px;
	text-align:center;
	vertical-align:middle;
	background: url('../img/biyoutop/bg_red.jpg');
	color:white;
	font-weight:normal;
}

#main-text td table{
	width:500px;
	text-align:left;
}

#main-text td table td{
	width:240px;
	text-align:left;
}

#main-text li{
	margin:0px 0px 0px 30px;
	list-style:square;
}

.contact2{
	width:700px;
	height:42px;
	background: url('../img/biyoutop/contact_bg.gif') no-repeat;
	margin:10px 0px;
	padding:0px;
	text-align:left;
}

.contact2 .tit{
	float:left;
	width:170px;
	margin:0;
	padding:6px 5px;
}
.contact2 .txt{
	float:left;
	margin:0;
	padding:0;
}
.contact2 .txt h4{
	text-align:left;
	font-size:14px;
	font-weight:bold;
	margin:12px 0 0 25px;
	padding:0;
}

.contact3{
	width:700px;
	height:65px;
	background: url('../img/biyoutop/contact_bga.gif') top left no-repeat;
	margin:10px 0px;
	padding:0;
	text-align:left;
}

.contact3 p{
	font-size:14px;
	line-height:20px;
	margin:0;
	padding:10px 10px 0px 210px;
}

.menu{
	width:700px;
	height:100px;
	padding:10px 0px;
	border-bottom:dotted 1px gray;
}
.last{
	border:none;
}
.imgtx,.txbody{
	position:relative;
	float:left;
}
.imgtx{
	width:122px;
	height:90px;
	padding:10px 20px 0px 0px;
}
.txbody{
	width:540px;
	height:80px;
}
.txbody h4{
	margin:10px 0px 10px 0px;
	width:100%;
	text-align:right;
	font-size:16px;
}
.txbody p{
	width:100%;
	text-align:right;
	font-size:14px;
	color:#666666;
}
#content-right{
	width:230px;
	text-align:left;
	
}
#content-right #archive,#point{
	width:230px;
}
#archive,#news,#point{
	margin:0px 0px 0px 20px;
	width:100%;
	padding:0px 0px 20px 0px;
	font-size:14px;
	color:black;
	font-family:sans-serif;
}

	#archive li{
		background:url(../img/base/archive_bg.gif) left no-repeat;
		width:206px;
		margin:3px 5px 0px;
		padding:6px 2px 6px 12px;
	}

	#archive li a,a:link,a:visited{
		width:206px;
		color: #333333;
		text-decoration:none;
	}
	#archive li a:hover,a:active{
		width:206px;
		color: #666666;
		text-decoration:underline;
	}



#news{
	display:none;
	width:230px;
}

	#news li{
		padding:2px 0px 2px 10px;
	}

#point img{
	padding:5px 0 0;
}
#point dt{
	background:url(../img/base/point_bg.gif) left no-repeat;
	font-weight:bold;
	margin:5px 0 0 10px;
	padding:1px 0 0 15px;
}
#point dd{
	font-size:12px;
	line-height:16px;
	margin:0 0 5px 10px;
	padding:2px 0 0 20px;
}

/* content */



/* footer */

#footer-wrap2{
	width:100%;
	text-align:center;
	background:#595959;
	border-bottom: 1px solid #FFFFFF;
}
#footer2{
	width:1082px;
	text-align:center;	
	margin:0 auto;
}
#footer-body2{
	width:1000px;
	margin:0 auto;
	padding:0px;
}
#footer-body2 .footerlink{
	float:left;
	width:220px;
	margin:0;
	padding:10px;
	text-align:left;
}
#footer-body2 .footerlink h3{
	margin:0;
	padding:0;
}
#footer-body2 .footerlink ul li{
	margin:8px 0 0 8px;;
	padding:0 0 0 13px;
}
#footer-body2 .footerlink ul.gakkou li{
	background:url(../img/biyoutop/fl_arrow01.gif) left bottom no-repeat;
	font-size:10px;
	line-height:12px;
}
#footer-body2 .footerlink ul.senmon li{
	background:url(../img/biyoutop/fl_arrow02.gif) left bottom no-repeat;
	font-size:10px;
	line-height:12px;
}
#footer-body2 .footerlink ul.koutou li{
	background:url(../img/biyoutop/fl_arrow03.gif) left bottom no-repeat;
	font-size:10px;
	line-height:12px;
}
#footer-body2 .footerlink ul.tsushin li{
	background:url(../img/biyoutop/fl_arrow04.gif) left bottom no-repeat;
	font-size:10px;
	line-height:12px;
}

#footer-body2 .footerlink ul li a,a:link,a:visited{
	color: #FFFFFF;
	text-decoration:none;
}
#footer-body2 .footerlink ul li a:hover,a:active{
	color: #AAAAAA;
	text-decoration:underline;
}



#footer-wrap{
	width:100%;
	text-align:center;	
	background:#434343;
}
#footer{
	width:1082px;
	text-align:center;	
	margin:0 auto;
}
#footer-body{
	width:960px;
	margin:0 auto;
	padding:20px 0px;
}
#footeradd{
	height:50px;
	margin:0 auto;
	padding:0;
}
	#footeradd img{
		width:165px;
		height:50px;
		float:left;
		vertical-align:text-top;
		margin:0 20px 0 40px;
		padding:0;
	}
	#footeradd p{
		float:left;
		color:#FFFFFF;
		text-align:left;
		vertical-align:middle;
		line-height:22px;
		margin:0;
		padding:2px 0 0;
	}

#footer-left{
	float:left;
	width:205px;
	height:50px;
	margin:0 0 20px;
	padding:0 20px;
	text-align:right;
}
#footer-right{
	float:left;
	width:635px;
	height:44px;
	margin:0 0 20px;
	padding:0;
}
#footer-left img,
#footer-right img{
	margin:0;
	padding:0;
}


#footer-copy{
	position:relative;
	float:left;
	width:446px;
}
#footer-menu{
	width:514px;
	position:relative;
	float:left;
	height:auto;
	text-align:left;
	padding:20px 0px 0px 0px;
}
.footer-menu{
	width:160px;
	height:auto;
	float:left;
	position:relative;
}

#footer-menu3{
	width:110px;
}
#footer-menu2{
	width:200px;
}

#footer li,#footer a{
	font-size:14px;
	color:white;
	font-family:sans-serif;
	text-decoration:none;
}
/* footer */

/* form */
.wpcf7-form h4{
	margin:20px 0px 3px 0px;
}

#mlink{
	clear:both;
	text-align:left;
	font-size:14px;
	line-height:18px;
	margin:0 0 30px;
	padding:0;
}



#foot-relate{
  /*height:350px;*/
  width:680px;
}
#foot-relate-left{
  position:relative;
  width:380px;
  float:left;
  padding-left:10px;
}

	#foot-relate-left li{
		background:url(../img/base/arrow.gif) left no-repeat;
		margin:0;
		padding:2px 0 2px 18px;
	}

	#foot-relate-left li a,a:link,a:visited{
		color: #333333;
		text-decoration:none;
	}
	#foot-relate-left li a:hover,a:active{
		color: #666666;
		text-decoration:underline;
	}

#foot-relate-right{
  position:relative;	
  float:right;
  width:300px;
}

.wpcf7-mail-sent-ok{
	padding:5px;
	border:solid green 3px;
	
}
.wpcf7-validation-errors{
	padding:5px;
	border:solid red 3px;
	
}
.wpcf7-not-valid-tip-no-ajax{
	color:red;
	font-weight:normal;	
}



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

      wordpressで編集するページのCSS

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


#taiken{
	background:url('../img/biyoutop/taiken.jpg') top right no-repeat;
}
#taiken2{
	background:url('../img/biyoutop/taiken2.jpg') top right no-repeat;
}
#ryo{
	background:url('../img/hair/ryo.jpg') top right no-repeat;
}
#qa p{
	background:url('../img/hair/answer.gif') top left no-repeat;
	padding: 5px 0px 40px 35px;
}
#employ-dubble{
	background:url('../img/hair/employ-dubble.jpg') top right no-repeat;
	padding-right:170px;
}
#employment{
	float: left;
	width: 680px;
	height: 370px;
	background:url('../img/hair/employment.jpg') top right no-repeat;
}
	#employment ul{
		float: left;
		padding-right: 20px;
	}
#shokugyo{}
	#shokugyo dl{
		padding-left: 170px;
	}
	#shokugyo dt{
		font-weight: bold;
	}
	#shokugyo dd{
		padding-bottom: 8px;
	}
	#shokugyo .workbox1 p,
	#shokugyo .workbox2 p,
	#shokugyo .workbox3 p,
	#shokugyo .workbox4 p{
		color: #FF6633;
		font-weight: bold;
		padding-bottom: 70px;
		padding-left: 170px;
	}
	#shokugyo .workbox1{
		margin: 20px 10px 10px;
		background:url('../img/hair/workbox01.jpg') top left no-repeat;
	}
	#shokugyo .workbox2{
		margin: 10px;
		background:url('../img/hair/workbox02.jpg') top left no-repeat;
	}
	#shokugyo .workbox3{
		margin: 10px;
		background:url('../img/hair/workbox03.jpg') top left no-repeat;
	}
	#shokugyo .workbox4{
		margin: 10px;
		background:url('../img/hair/workbox04.jpg') top left no-repeat;
	}



#baito{
	background:url('../img/hair/baito.jpg') bottom right no-repeat;
}

#schooling{
	background:url('../img/hair/schooling.jpg') top right no-repeat;
	padding:0 0 20px;
}

#hikaku{
	background:url('../img/hair/hikaku.jpg') top right no-repeat;
	margin:20px 0;
}

#kyozai{
	background:url('../img/hair/kyozai_bg.jpg') bottom right no-repeat;
	margin:0;
}

.voice01{
	background:url(../img/hair/voice01_bg.gif) top left no-repeat;
	font-size:12px;
	margin:20px 0 0;
	padding:3px 10px 10px;
}

.voice02{
	background:url(../img/hair/voice02_bg.gif) top left no-repeat;
	font-size:12px;
	margin:20px 0 0;
	padding:3px 10px 10px;
}

#senmontop{
	background:url(../img/hair/senmontop_bg2.jpg) top right no-repeat;
	margin:0;
}

#kokkashiken{
	background:url(../img/hair/senmontop_bg.jpg) top right no-repeat;
	margin:0;
}
#kokkashiken li{
	background:url(../img/hair/licon01.gif) left no-repeat;
	margin:0;
	padding:3px 0px 0px 18px;
}

#main-text table.senmontable th{
	padding:5px 10px;
	text-align:center;
	vertical-align:middle;
	background:url(../img/hair/senmon_bg.gif) repeat;
	color:white;
	font-weight:normal;
}
#main-text table.koutoutable th{
	padding:5px 10px;
	text-align:center;
	vertical-align:middle;
	background:url(../img/hair/koutou_bg.gif) repeat;
	color:white;
	font-weight:normal;
}
	#main-text table.koutoutable .tdbg{
		background-color: #DDEEFF;
	}
#main-text table.tsushintable th{
	padding:5px 10px;
	text-align:center;
	vertical-align:middle;
	background:url(../img/hair/tsushin_bg.gif) repeat;
	color:white;
	font-weight:normal;
}
	#main-text table.tsushintable .tdbg{
		background-color: #CCFFCC;
	}


.tdbg{
	background-color: #FFCCCC;
}

#hantei{
	background:url(../img/hair/hantei-bg.jpg) top right no-repeat;
	margin:0;
}

	#hantei .hanteitxt{
		margin:0;
		padding-right:250px;
	}

	#hantei p{
		margin:0;
		padding: 0 0 10px;
	}

	#hantei2 p{
		margin:0;
		padding: 10px 0;
	}

#ganshotable{}

#ganshotable table th{
	background-color: #FFCCCC;
}
#ganshotable table td{
	vertical-align:text-top;
}

.alink {
	color: #0000FF;
		text-decoration:underline;
}

#howto01{
	background:url(../img/hair/howto-bg01.jpg) top right no-repeat;
	margin-right: 5px;
	padding: 0px 250px 30px 0px;
}

#howto02{
	background:url(../img/hair/howto-bg02.gif) top right no-repeat;
	margin-right: 5px;
	padding: 0px 290px 20px 0px;
}

#howto03{
	background:url(../img/hair/howto-bg03.jpg) top right no-repeat;
	margin-right: 5px;
	padding-right: 290px;
}

#campus01{
	width:660px;
	height: 64px;
	margin:0px;
	padding:0px;
	background:url(../img/hair/lifecopy01.gif) top left no-repeat;
	color: #FFFFFF;
}
#campus02{
	width:660px;
	height: 64px;
	margin:0px;
	padding:0px;
	background:url(../img/hair/lifecopy02.gif) top left no-repeat;
	color: #FFFFFF;
}
#campus03{
	width:660px;
	height: 64px;
	margin:0px;
	padding:0px;
	background:url(../img/hair/lifecopy03.gif) top left no-repeat;
	color: #FFFFFF;
}

#campus01 p,
#campus02 p,
#campus03 p{
	padding:16px 20px 0px 170px;
}