/* CSS Document */

/* ----------------------------------------------------- */
/* default style reset */
/* ----------------------------------------------------- */
html{
	overflow-y:scroll;
	height:100%;
	margin-bottom:1px;
}
li{
	list-style:none;
}
img{
	border:none;
	vertical-align:bottom;
}

body {
	color: #000000;
	font-size: 12px;
	line-height: 1.6;
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
a {
	color: #000;
}
a:link, a:visited {
	text-decoration: underline;
}
a:hover, a:active {
	text-decoration: none;
}
:selection {
	text-shadow: none !important;
}
.mainbox {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	margin-bottom: 10px;
	padding-bottom: 20px;
	padding-top:0;
	text-align: center;
}
.underbox {
	width:100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom:12px;
	padding-top: 10px;
	text-align: center;
}
.underbox_l{
	width:292px;
	margin:0px;
	padding:0px;
	float:left;
}
.underbox_r{
	width:660px;
	margin:0px;
	padding:0px;
	float:right;
}
.underbox_r h4 span{
	font-size: 13px;
}
.line-content{
	margin-top: 5%;
}
.line-img{
	width: 20%;
	margin: 0 40%;
}
.line-img img{
	width: 100%;
}
.line-text{
	border: 1px solid #000;
	width: 70%;
	margin: 0 15%;
}
.w292 img{
	width:100%;
}
img {
	border: none;
}
a:hover img {
	opacity: 0.6;
	transition: 0.7s;
}
.clear {
	clear:both;
}
.center {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	margin-top: 20px;
}
header{
		margin: 0px;
	padding: 0px;
}
header .left{
	float:left;
	margin:0px;
	padding:0px;
	width:600px;
}
header .left h2{
	margin-top:25px;
	font-size:14px;
}
header .right{
	float:right;
	margin:0px;
	padding:0px;
	width:400px;
}
header .right ul{
	margin: 0px;
	padding: 0px;
	float: right;
}
header .right ul li{
	margin: 10px;
	padding: 0px;
	float:left;
	list-style-type:none;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
header .right p{
	margin: 0px;
	padding: 0px;
	float: right;
	text-align:right;
}
h1 {
	text-align:center;
	margin:5px 0 0;
	padding:0px;
	line-height:1.0;
}
h2 {
	text-align: left;
	margin: 5px;
	padding: 0px;
	font-size: 12px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
h3 {
	text-align: center;
	margin: 0px;
	padding: 0px;

}
h4 {
	text-align: left;
	margin-top: 30px;
	margin-bottom:20px;
	margin-left:0px;
	margin-right:0px;
	padding-top: 0px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	font-size: 18px;
	border-bottom:1px solid #c4c4c4;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
h4.title {
	text-align: center;
	color:#9F8761;
	margin-top: 30px;
	margin-bottom:20px;
	margin-left:0px;
	margin-right:0px;
	padding-top: 0px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;

	border-bottom:1px solid #9F8761;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:24px;
}
#header{
	margin: 0px;
	padding: 0px;
			background-repeat: repeat-x;
	background-image: url("../images/menubg.png");
	height:105px;
	position:relative;
}
#header ul{
	margin: 0px;
	padding: 0px;
	position:absolute;
	top:33px;
	left:20px;
}
#header ul li{
	margin: 10px;
	padding: 0px;
	float:left;
	list-style-type:none;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#header ul li a{
	color:#ffffff;
	text-decoration:none;
}
#header ul li a:hover{
	color: #9F8761;
	text-decoration: none;
}

.navibotton{
	margin: 0px;
	padding: 0px;
		position:absolute;
	top:38px;
	right:20px;
}
section{
	margin: 0px;
	padding: 0px;
}
.mainimg {
	text-align: center;
	margin: 0px;
	padding: 0px;
		position:relative;
}
.mainimg h3{
	position:absolute;
	top:330px;
	right:43px;
	width:194px;
	color:#ffffff;
	font-size:12px;
	text-align:left;
}
.mainimg .img{
	position:absolute;
	top:750px;
	right:70px;
}
.contentsbox {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	padding:0px;
		position:relative;
}
.contentsbox .text {
	margin: 0px;
	padding: 0px;
	position:absolute;
	top:30px;
	right:20px;
	width:235px;
	color:#ffffff;
	text-align:left;
}
section.navi{
	margin: 0px;
	padding: 0px;
	position: relative;
	height:65px;

}
section.navi ul{
	margin: 0px;
	padding: 0px;
	position:absolute;
	top:30px;
	left:20px;
}
section.navi ul li{
	margin: 10px;
	padding: 0px;
	float:left;
	list-style-type:none;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
section.navi ul li a{
	text-decoration:none;
}
section.navi ul li a:hover{
	color: #9F8761;
	text-decoration: none;
}
.navibotton2{
	margin: 0px;
	padding: 0px;
		position:absolute;
	top:35px;
	right:20px;
}
footer{
		border-top: 1px solid #000000;
		border-bottom: 1px solid #000000;
		margin: 20px;
	padding-right: auto;
	padding-left: auto;
	padding-bottom: 20px;
	padding-top: 20px;
}
footer .left{
	margin:0;
	padding:0px;
	text-align:left;
	width:360px;
}
footer .f-logo{
	margin:0;
	padding:0;
	text-align:center;
}
footer .right{
	float:right;
	margin:0px;
	padding:0px;
	width:580px;
}
.large{
	font-size:22px;
	font-weight:bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
address{
	font-size:11px;
	padding:0px;
	margin:10px;
	padding:20px;
	background-repeat: repeat-x;
	background-image: url("../images/menubg.png");
	color:#ffffff;
}
address a{
	color:#ffffff;
	text-decoration:none;
}

.box {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	width:960px;
}
.box .left{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 200px;
	text-align: left;
	color: #9F8761;
}
.box .right{
	float:right;
	margin:0px;
	padding:0px;
	width:730px;
}
.bgbox{
	margin: 0px;
	padding: 0px;
	background-repeat: repeat;
	background-image: url(../nailschool/images/bg.png);
}
dl.nailbox {
	margin:5px;
	padding:0px;
	width:150px;
	float:left;
}
.nailbox dt{
	margin:0px;
	padding:0px;
	color:#ffffff;
}
.nailbox dd{
	margin:5px;
	padding:0px;
	color:#ffffff;
}
.box2 {
	margin: 0px;
	padding: 0px;
	background-repeat: repeat;
	background-image: url(../nailschool/images/bg2.png);
}

dl.nailbox2 {
	margin:5px;
	padding-top:15px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	width:150px;
	float:left;
}
.nailbox2 dt{
	margin:0px;
	padding:0px;

}
.nailbox2 dd{
	margin:5px;
	padding:0px;
}
.privacy{
	margin:10px;
	padding:0px;
	text-align:left;
}
.privacy dt{
	color:#9e8660;
	margin:0px;
	padding:0px;
	font-weight:bold;
}
.privacy dd{
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.p1{
	color: #9F8761;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 30px;
	margin-top: 30px;
	padding:0px;
	text-align:left;
}
.voice{
	margin:10px;
	padding:0px;
	text-align:left;

}
.voice li{
	margin: 10px;
	padding:0px;
	list-style-type:none;
	float:left;
	width:250px;
}
.voice li img{
	width:100%;
}
table.contact{
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
	padding:0px;
	border-bottom:1px solid #8a8a8a;
	border-top:1px solid #8a8a8a;
	border-collapse: collapse;

}
table.contact td, table.contact th{
	padding:20px;
	margin-top:5px;
	margin-bottom:5px;
	font-size:14px;
	text-align:left;
	border-bottom:1px solid #8a8a8a;
	line-height:170%;
}
table.contact th{
	border-right:1px solid #8a8a8a;
	width:150px;

}
table.contact input{
	height:40px;
	background-color:#eae9e8;

}
table.contact input.height{
	height:20px;
	background-color:#eae9e8;

}
table.contact input.check{
	height:12px;
	background-color:#ffffff;

}
table.contact input.bg{
	height:auto;
	background-color:#ffffff;

}
table.contact select{
	height:40px;
	background-color:#ffffff;

}
table.contact textarea{
	height:220px;
	width:300px;
	background-color:#eae9e8;

}
table.contact input.name{
	width:300px;
}
table.contact input.mail{
	width:300px;
}
.red{
	color:#FE0105;
}
#confirm {
    background: url(../contact/images/confirm.png) left top no-repeat;
    width: 112px;
    height: 29px;
    border: 0px;

}
#submit {
    background: url(../contact/images/submit.png) left top no-repeat;
    width: 112px;
    height: 29px;
    border: 0px;

}
#reset {
    background: url(../contact/images/reset.png) left top no-repeat;
    width: 112px;
    height: 29px;
    border: 0px;

}
table.menu{
	width:100%;
	margin-top:20px;
	margin-bottom:40px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	border-bottom:1px solid #8a8a8a;
	border-top:1px solid #8a8a8a;
	border-collapse: collapse;

}
table.menu td, table.menu th{
	padding:10px;
	margin-top:5px;
	margin-bottom:5px;
	font-size:14px;
	text-align:left;
	border-bottom:1px dotted #8a8a8a;
	line-height:170%;
}
table.menu th{
	border-right:1px dotted #8a8a8a;
	width:300px;
	color:#9F8761;

}
table.menu td{
	text-align:right;

}
table.menu td span{
	font-size: 12px;
}
.small{
	font-size:12px;
}
.topbanner{
	position:absolute;
	bottom:20px;
	left:20px;
	z-index:100;
}

/* 追加CSS */
h3.image{
	padding:0;
	margin:0;
	background:none;
	border:none;
}
h3.ttl{
	margin:0;
	padding:0;
	font-size:36px;
}
h3.ttl span{
	margin-right:10px;
}
h3.ttl a{
	text-decoration:none;
}
#instafeed{
	margin:15px 0 30px;
}
#instafeed img{
	width:196px;
	border:1px solid #ddd;
	padding:1px;
}
.t-logo{
	margin: 0px;
	padding: 0px;
	position:absolute;
	top:15px;
	right:30px;
}
#bnr-area{
	margin:0 0 20px;
	padding:0;
}
#bnr-area li{
	float:left;
	width:480px;
	margin:0;
	list-style:none;
}
#bnr-area li.right{
	float: right;
}
#bnr-area div.left{
	float:left;
	width:48%;
	margin:0;
	border:1px solid #ddd;
	padding:13px 20px;
	box-sizing:border-box;
}
#bnr-area div.right{
	float:right;
	width:48%;
	margin:0;
	border:1px solid #ddd;
	padding:20px;
	box-sizing:border-box;
}
#bnr-area dl{
	margin:0;
	padding:0;
}
#bnr-area dl a{
	display:block;
}

#bnr-area dt{
	float:left;
	margin:0 15px 0 0;
}
#bnr-area dd{
	float:left;
	margin:0;
}
#bnr-area dd h4{
	font-size:18px;
	font-weight:bold;
	padding:0;
	margin:0 0 6px;
	text-align:left;
	border:none;
	background:none;
}
#bnr-area dd p{
	margin:0;
	font-size:14px;
}
#bnr-area div.right dt{
	width:221px;
}
#bnr-area div.left dt{
	width:87px;
}
/* トップバナー組み換え */
/* ----------------------------------------------------- */
.section{
	margin:0 0 40px;
}
#bnr-col{
	margin:0 0 20px;
}
#bnr-col dt{
	width:720px;
	float:left;
	margin:0;
}
#bnr-col dd{
	background:#2a2a2a;
	height:247px;
	width:278px;
	float:left;
	margin:0;
}
#bnr-col dd p{
	color:#fff;
	margin:0;
	padding:40px 15px 0;
	text-align:left;
}

.campaign-i{
	margin:0 0 40px;
	padding:0;
}
.campaign-i li{
	text-align:center;
	margin:0;
	padding:0;
}
.big{
	text-align:left;
	font-size:16px;
	color:#9F8761;
	margin:0 10px 30px;
}
figure{
	margin:0;
	padding:0;
}

/* フェイス */
/* ----------------------------------------------------- */
.exp-price{
	text-align:right;
	font-size:16px;
	margin:0;
}
.exp-price span{
	font-size:24px;
	margin-left:15px;
	color:#ed1270;
	line-height:1.2;
}
.exp-price .money{
	font-size: 12px;
	color: #000;
}

/* 追加 */
/* ----------------------------------------------------- */
#pic-img{
	margin:0 0 20px;
}
#pic-img .pic{
	float:left;
	width:42%;
	margin:0 20px 0 0;
}
#pic-img .pic img{
	width:100%;
}
#pic-img .txt{
	color: #9F8761;
	font-size:14px;
	text-align:left;
}
/* トップ採用追加　2018/03/09 */
/* ----------------------------------------------------- */
#recruit-col{
	margin:0 auto 30px;
	border:4px solid #ddd;
	padding:15px 0;
	box-sizing:border-box;
}
h3.top-ttl{
	text-align:center;
	margin:0 0 20px;
	font-size:30px;
	color:#857f5c;
}

#recruit-col p{
	margin:0 0 12px;
	font-size:18px;
	padding:0;
	line-height:1.5;
	text-align:center;
}
#recruit-col ul.list{
	width:300px;
	margin:0 auto 15px;
	padding:0;
}
#recruit-col ul.list li{
	font-size:16px;
	margin:0 0 8px;
	font-weight:bold;
	text-align:left;
}
#recruit-col p span.big{
	font-size:24px;
}
/* float clear */
/* ----------------------------------------------------- */
#bnr-area:after,
#bnr-col:after,
#pic-img:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#bnr-area,
#bnr-col,
{
	display:inline-block;
}

/* Hides from IE-mac \*/
* html #bnr-area,
* html #bnr-col,
* html #pic-img
{
	 height:1%;
}
#bnr-area,
#bnr-col,
#pic-img{
	display:block;
}
/* End hide from IE-mac */