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

/*****************************************************************************
 顧問医師コメント
 *****************************************************************************/
#comment_square {
	width: 530px;
	clear: both;
	padding-top: 50px;
}

#doc_comment {
	padding: 10px;
	background: #EFC3AC;
	line-height: 2;
}

#doc_name {
	text-align: right;
	padding-right: 15px;
	padding-bottom: 10px;
	background: #EFC3AC;
}

/*****************************************************************************
 次のページへ
 *****************************************************************************/
#next_btn1 {
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 230px;
}

#nextbtn1 {
	position:relative;
	height: 51px;
	width: 300px;
}

#nextbtn1 span {
	position:absolute;
	top:0;
	left:0;
	display:block;
	height: 100%;
	width: 100%;
	background: url(../artmake/images/btn_nextart2.jpg) 0px -51px;
}

#nextbtn1 a.visible {
	position:absolute;
	top:0;
	left:0;
	display:block;
	height: 100%;
	width: 100%;
}

#nextbtn1 a.visible {
	background: url(../artmake/images/btn_nextart2.jpg) no-repeat;
}

#nextbtn1 a.visible:hover {
	background-position: 0 -51px;
}

/*****************************************************************************
 医師体験談
 *****************************************************************************/
.docfeedback {
	width: 500px;
	border: 5px solid #D5C78C;
	padding: 10px;
	margin-top: 30px;
}

.dfleft {
	float: left;
	width: 280px;
	margin-right: 10px;
}

.dftext {
	margin-top: 10px;
	line-height: 1.8;
}

.dfright {
	float: left;
	width: 210px;
}

.docname {
	margin-top: 5px;
}

/*****************************************************************************
 次のページへ
 *****************************************************************************/
#next_btn2 {
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 230px;
}

#nextbtn2 {
	position:relative;
	height: 51px;
	width: 300px;
}

#nextbtn2 span {
	position:absolute;
	top:0;
	left:0;
	display:block;
	height: 100%;
	width: 100%;
	background: url(../artmake/images/btn_nextflow.jpg) 0px -51px;
}

#nextbtn2 a.visible {
	position:absolute;
	top:0;
	left:0;
	display:block;
	height: 100%;
	width: 100%;
}

#nextbtn2 a.visible {
	background: url(../artmake/images/btn_nextflow.jpg) no-repeat;
}

#nextbtn2 a.visible:hover {
	background-position: 0 -51px;
}

/*****************************************************************************
 施術の流れ
 *****************************************************************************/
.flow1 {
	width: 530px;
	margin-top: 30px;
	border-bottom: 1px dotted #A9976D;
	padding-bottom: 15px;
}

.flowleft1 {
	float: left;
	width: 300px;
	margin-right: 12px;
}

.flowright1 {
	float: left;
}

.flowleft2 {
	float: left;
}

.flow2 {
	width: 530px;
	margin-top: 15px;
	clear: both;
	padding-bottom: 15px;
	border-bottom: 1px dotted #A9976D;
}

.flowright2 {
	float: left;
	width: 300px;
	margin-left: 10px;
	display: inline;
}

.flowtext {
	margin-top: 10px;
}

/*****************************************************************************
 次のページへ
 *****************************************************************************/
#next_btn3 {
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 230px;
}

#nextbtn3 {
	position:relative;
	height: 51px;
	width: 300px;
}

#nextbtn3 span {
	position:absolute;
	top:0;
	left:0;
	display:block;
	height: 100%;
	width: 100%;
	background: url(../artmake/images/btn_nextbf.jpg) 0px -51px;
}

#nextbtn3 a.visible {
	position:absolute;
	top:0;
	left:0;
	display:block;
	height: 100%;
	width: 100%;
}

#nextbtn3 a.visible {
	background: url(../artmake/images/btn_nextbf.jpg) no-repeat;
}

#nextbtn3 a.visible:hover {
	background-position: 0 -51px;
}

/*****************************************************************************
 施術例
 *****************************************************************************/
.bf_crosshead {
	margin-top: 30px;
}

.bfimg {
	margin-top: 5px;
}

/*****************************************************************************
 ブライダルアートメイク
 *****************************************************************************/
#ba {
	height: 400px;
	width: 530px;
	background: url(../artmake/images/ba_flame.gif) no-repeat;
	margin-top: 50px;
	margin-bottom: 80px;
}

#baflame_inner {
	padding-top: 35px;
	padding-right: 20px;
	padding-left: 20px;
}

#basubtitle {
	margin-top: 10px;
}

#baread {
	margin-top: 10px;
}

#baimg {
	margin-top: 15px;
}

#bacap {
	margin-top: 10px;
}