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

body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	font-size: 12px;
	line-height:1.5em;
	color: #333333;
	margin: 0;
	padding: 0;
}
div,p,table,tr,td,ul,il,a,img,h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	border: none;
}
p {
	color: #333333;
}

a {
	text-decoration: none;
}
a:link {
	color: #FF6600;
	text-decoration: none;
}
a:visited {
	color: #669900;
	text-decoration: none;
}
a:hover {
	color: #3399FF;
	text-decoration: none;
}
a:active {
	color: #3399FF;
	text-decoration: none;
}
.leftfloat {
	float: left;
}
.rightfloat {
	float: right;
}

.clear {
	clear: both;
}

.right {
	padding-right: 0.5em;
}
.left {
	padding-left: 0.5em;
}
.top {
	padding-top: 0.5em;
}
.bottom {
	padding-bottom: 0.5em;
}
.non {
	border-bottom-style: none;
}

.clearfix:after{
content: ".";
display: block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix { display:inline-block;}
/* Hides form IE-mac \*/
* html .clearfix{height:1%;}
.clearfix { display:block;}
/* End hide form IE-mac */





/* for HEAD*/
#head {
	height: 9em; /*change background*/
	background-color: #FFFFFF;
	background-image: url(../images/top/top_head_bk.gif);
	background-repeat: repeat-x;
}
#header {
	position: relative;
	margin: 0 auto;
	padding:0;
	width: 800px;
}
.head_leftside {
	margin: 2.8em 0 0 0;
	padding:0;
	width: 500px;
	float: left;
}
h1.blue_logo {
	color: #0B3A8B;
	font-size: 9px;
	font-weight: normal;
}

.head_leftside img {
	margin-left: 0px;
}

/* for common_navi*/
#common_navi {
	position: absolute;
	right: 1em;
}
#common_navi ul {
}
#common_navi li {
	padding: 0 0 0 0.2em;
	display: inline;
	float: left;	
	text-align: center;
}

#common_navi a {
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 1.3em 0 0 0;
	width: 134px;
	height: 34px;
	text-align: center;
	
}
#common_navi a:link {
	color: #666666;
	text-decoration: none;
	background-image:url(../images/top/tab_top.gif);

	background-repeat: no-repeat;
}
#common_navi a:visited {
	color: #6666CC;
	text-decoration: none;
	background-image:url(../images/top/tab_top.gif);
	background-repeat: no-repeat;
}
#common_navi a:hover {
	color: #6633FF;
	text-decoration: none;
	background-image:url(../images/top/tab_top.gif);
	background-repeat: no-repeat;
}
/* for common_navi */

/* for common_search */
#common_search {
	position: absolute;
	top: 4em;
	right: 0.5em;
	margin: 0.3em 0;
	padding: 0.5em 0.8em;
	color: #FF3366;
}
#common_search form {
	margin: 0;
	padding: 0;
}
/* for common_search */

/* for common_navi2 */
#common_navi2 {
	position: absolute;
	top: 6em;
	right: 0.5em;
}

#common_navi2 ul {
}
#common_navi2 li {
	margin: 0.9em 0 0 0;
	padding: 0 0.3em 0 0.3em;
	display: inline;
	float: left;
	border-left: solid #CCCCCC 2px;
	line-height: 1em;
}
.last {
	border-right: solid #CCCCCC 2px;
}
#common_navi2 a {
	text-decoration: none;
	font-size: 0.9em;
	display: block;
	text-align: center;
}
#common_navi2 a:link {
	color: #333333;
	text-decoration: none;
}
#common_navi2 a:visited {
	color: #9999CC;
	text-decoration: none;
}
#common_navi2 a:hover {
	color: #9999CC;
	text-decoration: none;
}

/* for common_navi2 */
/* for HEAD*/

/* for PANKUZU*/
p.pankuzu{
	margin: 0px 0px 1px 0px;
	font-size: 10px;
	color: #666666;
}
a.pankuzu:link{
	color: #ffffff;
	text-decoration: none;
}
a.pankuzu:visited{
	color: #ffffff;
	text-decoration: none;
}
a.pankuzu:hover{
	text-decoration: underline;
}
/* for PANKUZU*/

#content {
	position: relative;
	margin: 0 auto 2em auto;
	padding:0;
	width: 800px;
}

#cont_ad {
	position: relative;
	margin: 0.1em 0 0 0;
	padding:0;
	text-align: left;
}



#cont {
	position: relative;
	margin: 1em 0 0 0;
	padding:0;
	text-align: left;
}

#side_l {
	float: left;
	margin: 0 20px 0 0;
	padding:0;
	width: 180px;
}
#aboutbe {
	margin: 0 0 0.5em 0;
	padding: 29px 0 0 0;
	background: url(../images/top/side_bk_about.jpg) no-repeat;
	height: 204px;
}
.side_cont{
	margin: 0 3px 0 3px;
}
.side_cont img{
		margin: 0;
	
}
img.side_contimg{
	float: left;
	margin: 1px 3px 5px 0;
}
* html img.side_contimg{
	margin: 3px 3px 5px 0;
}
*:first-child+html img.side_contimg{
	margin: 3px 3px 5px 0;
}
.side_cont p{
	font-size:10px;
	line-height:1.3em;
}
#side_main {
	float: left;
	margin: 0;
	padding: 0 0 1em 0;
	width: 404px;
}
.con_img {
}

.con {
	margin: 1.5em 0 0 0;
}




/* salon search */
#search_salon {
	margin: 1em 0 0 0;
	padding: 0;
	background-image: url(../images/top/searchi_bg.gif);
	background-repeat: repeat-x;
	width: 404px;
	line-height:0.1em;
}
#search_salon_con {
	margin: 0;
	padding: 0 1em;
	background-image: url(../images/top/searchi_waku.gif);
	background-repeat: repeat-y;
}
#search_salon_con p {
	font-size:10px;
	line-height:1.3em;
}
#search_salon_con form {
	margin: 0;
	padding: 0.3em 0;
}
/* salon search */



/* dastumou test */

#datutest {
	margin: 1.4em 0 0 0;
	line-height:0;
	padding: 0;	
	background-image: url(../images/top/datutest01.jpg);
	background-repeat: no-repeat;
}
.txt_datu {
	margin: 0;
	line-height:1.5em;
	padding: 11em 2em 0 2em;	
}

.shindan {
	margin: 0.5em 0 0 0;
	float: right;
}
.shindan a {
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0;
	width: 204px;
	height: 28px;
	text-align: center;
	background:url(../images/top/bt_shindan.jpg) no-repeat;
}
.shindan a:link {
	background:url(../images/top/bt_shindan.jpg) no-repeat;
}
.shindan a:hover {
	background:url(../images/top/bt_shindan_o.jpg) no-repeat;
}


#datutest_img {
	margin: 0;
	padding: 0;
	line-height:0;
	clear:both;
}
/* dastumou test */

/* course7 */
#course7 {
	margin: 1.4em 0 0 0;
	line-height:0;
	padding: 0;	
	background-image: url(../images/top/7course01.jpg);
	background-repeat: no-repeat;
}

#course7_txt {
	margin: 0;
	line-height:1.5em;
	padding: 4em 1em 1em 10em;	
}

#course7_img {
	margin: 0;
	padding: 0;
	line-height:0;
}

/* course7 */



#side_r {
	float: right;
	margin: 0;
	padding:0;
	width: 180px;
}

#mob {
	margin: 0;
	padding: 9px;
	background: url(../images/top/banner_mobile.jpg) no-repeat;
	height: 82px;
}

#mob img{
	float: left;
	margin: 0 3px 3px 0;
}
#mob p{
	font-size:10px;
	line-height:1.3em;
}

/*2100120revision*/
#safety {
	margin: 1em 0 1em 0;
	padding:0;
	line-height:0.1em;
	text-align: center;
}

#safety img {
	margin: 0;
	padding:0;
}
#safety a {
	border: 0px;
	margin: 0;
	padding:0;
}
/*2100120revision*/

.bottom_banner {
	margin: 1em 0 0 0;
	padding: 0 0 0 108px;
	border-top: #CCCCCC solid 1px;
	background: url(../images/top/banner_titi_group.gif) no-repeat;
	height:47px;
}
.bottom_banner img {
	margin: 0.2em 0 0 0.5em;
	padding:0;
}
.bottom_banner2 {
	margin: 0;
	padding: 0 0 0 108px;
	background: url(../images/top/banner_titi_teikei.gif) no-repeat;
	height:47px;
	border-top: #CCCCCC solid 1px;
	border-bottom: #CCCCCC solid 1px;
}
.bottom_banner2 img {
	margin: 0 0 0 0;
	padding:0;
}
/* for FOOTER*/

#footer {
	clear: both;
	margin: 0;
	text-align: center; /*change background*/
	height: 30px;
	padding: 2em 0 0 0;
	background-color: #99CCFF;
	background-image: url(../images/top/footer_bk.gif);
	background-repeat: repeat-x;
}
#copyright {
	font-size: 0.8em;
	color: #666666;
	clear: both;
}
/* for FOOTER*/
.add01{
padding-top:0px;

}
.f10{
	font-size:10px;
	line-height:normal;
	display:block;
	padding:2px 0px 5px 0px;
	color:#666666;
}
.f10 a{
	color:#666666;
}
.add02{
	font-size:10px;
	padding:0px;
	margin:0px;
	line-height:1.3em;

}
.add03{
	color: #0B3A8B;
	font-size: 9px;
	font-weight: normal;
}
.add03 a{
	color: #0B3A8B!important;

}
img{
	border:none;

}
.add04{
	background:url(../images/logo.gif); 
	width:169px; 
	height:52px;
	font-size:8px;
}
.add04 a{
	width:169px;
	height:52px;
	color:#666666;
}
.add05{
	margin:10px 5px;
	width:650px;
	height:100px;
	font-size:14px;
}
.add06{
	width:180px; 
	height:150px;
}
.add_h2{
	font-size:12px;
	font-weight:normal;
}
.add07{
	font-size:10px;
	margin-bottom:10px;
}