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

#page_banner h2 {
	background: url(../img/form/top_banner.jpg) 0 0 no-repeat;
}

#main {
	line-height: 1.8;
}

#main div#conts {
	width: 676px;
	margin-left: 20px;
	position: relative;
}

#fnameZZ{
	position:absolute;
	width:390px;
	z-index:10;
	top:650px;
	left:400px;
}

fieldset {
	border: none;
}

/*------------------------------------------------------------
	予約・相談
------------------------------------------------------------*/
#conts ul.note {
	margin-bottom: 15px;
	padding : 10px ;
	color: #AD3140;
	border : 1px solid #AD3140 ;
}

#conts ul.note li {
	padding-left: 1.5em;
	text-indent: -1.5em;
}

#conts p.note {
	margin-bottom: 5px;
	color: #AD3140;
	font-weight: bold;
}

#conts p.note span.clB {
	color: #fff;
	background-color: #0000ff;
	padding: 1px 3px;
}
#conts p.note span.clR {
	color: #fff;
	background-color: #ff0000;
	padding: 1px 3px;
}

#conts form {
	margin-bottom: 50px;
}

#conts form table {
	background: #ccc;
	border-collapse: separate;
}

#conts form th, #conts form td {
}

#conts form th {
	padding: 10px 5px 10px 5px;
	background: #F1EFED;
	border: 1px solid #fff;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	vertical-align: top;
}

#conts form td {
	padding: 10px;
	width: 100%;
	background: #fff;
	color: #333;
}

#conts form td p {
	font-size   : 80%;
	margin      : 3px 0 10px 0 ;
	color: #f00;
	font-weight:bold;
}

#conts form td p.consul {
	font-size : 100% ;
	color: #333;
}

#conts form td span.example {
	color       : #999   ;
	font-weight : normal ;
}

#conts form .fConsul li {
	/*width: 33%;*/
	width: 25%;
	float: left;
}

#conts form .fTreatment #fTreatOther {
	width :80%;
	margin-left:10px;
}


#conts form .fPurpose li.fpl_A {
	width: 45%;
	margin : 0 0 0 0 ;
	float: left;
}

#conts form .fPurpose li.fpl_B {
	width: 45%;
	margin : 0 0 0 0 ;
	float: left;
}

#conts form .fPurpose li.fpl_C {
	width: 99%;
	float: left;
}
#conts form .fPurpose li.fpl_D {
	width: 99%;
	margin : 10px 0 0 0 ;
	float: left;
}
/*-----fTreatment ul li START-----*/
#conts form .fTreatment li {
	width: 33%;
	margin-bottom : 5px ;
	float: left;
}

#conts form .fTreatment li.eye_A {
	width: 210px;
	margin-bottom : 5px ;
	float: left;
}

#conts form .fTreatment li.eye_B {
	width: 180px;
	margin-bottom : 5px ;
	float: left;
}


#conts form .fTreatment li.shibo {
	width: 66%;
	margin-bottom : 5px ;
	float: left;
}

#conts form .fTreatment li.nocut {
	width: 99%;
	margin-bottom : 5px ;
	float: left;
}


#conts form .fTreatment li.trea4_A {
	width: 28%;
	margin-bottom : 5px ;
	float: left;
}

#conts form .fTreatment li.trea4_B {
	width: 34%;
	margin-bottom : 5px ;
	float: left;
}

#conts form .fTreatment li.trea4_C {
	width: 16%;
	margin-bottom : 5px ;
	float: left;
}

#conts form .fTreatment li.trea4_D {
	width: 22%;
	margin-bottom : 5px ;
	float: left;
}

/*-----fTreatment ul li E N D-----*/


span.stRed {
	color       : #f00 ;
	font-weight : bold ;
}


#conts form .fPay li{
	margin-bottom : 5px ;
	line-height : 140% ;
}

#conts form .fConsul li input,
#conts form .fPurpose li input,
#conts form .fTreatment li input {
	margin-right: 5px;
	vertical-align: middle;
}

#conts form .fName input,
#conts form .fNameKana input {
	width: 100px;
}

#conts form .fAddress td {
	font-size: 14px;
	font-weight: bold;
}

#conts form .fAddress #fPostal_A {
	width: 30px;
	margin-bottom:0px;
}

#conts form .fAddress #fPostal_B {
	margin-right: 10px;
	margin-bottom:0px;
	width: 40px;
}

#conts form .fAddress span.note {
	font-size: 12px;
	font-weight: normal;
}

#conts form .fAddress .th {
	margin-right: 5px;

	position: relative;
	top: 10px;
}

#conts form .fAddress textarea {
	margin-top: 10px;
	margin-bottom : 5px ;
	width: 330px;
	height: 20px;
	vertical-align: top;
}

#conts form .fTel input {
	width: 100px;
}

#conts form .fTel .note {
	margin-left: 10px;
}
#conts form .note-red {
	margin-left: 0px;
	color:#FF0000;
}

#conts form .fAge td {
	font-size: 15px;
	font-weight: bold;
}

#conts form #fAge {
	width: 40px;
	text-align: right;
}

#conts form #fEmail {
	margin-bottom: 5px;
	width: 255px;
}

#conts form .fTime td {
	padding-bottom: 0;
	font-size: 15px;
	font-weight: bold;
}

#conts form .fTime td span {
	font-size: 12px;
	font-weight: normal;
}

#conts form .fTime select {
	margin-bottom: 10px;
	vertical-align: middle;
}

#conts form #fConsulBody {
	width: 380px;
	height: 150px;
}

#conts form .submit {
	margin: 30px 0 0;
	text-align: center;
}
/*------------------------------------------------------------
	赤枠線・青枠線
------------------------------------------------------------*/
#main .inp_z_index{
	z-index:10;	
}

.blueline{
	position:relative;
	z-index:1;	
	border : 3px solid #00f;
	width:574px;
	/*
	height:775px;
	*/
	height:831px;
	top: 0px;


	>width:566px;
	/*
	>height:802px;
	*/
	>height:858px;
	>top: 0px;
}

.redline{
	padding : 5px ;
	border : 2px solid #f00 ;
}

.payline {
	position:relative;
	/*border : 1px solid #0f0;*/
	width:574px;
	height:172px;
	/*top: 1588px;*/
	top: 1598px;
	z-index: -100;
	>width:566px;
	>height:170px;
	/*>top: 1616px;*/
	>top: 1626px;
}


/*table_input*/
.table_input {
	margin-top : -176px ;
	>margin-top : -170px ;

}
/* IE6-7-8対応 青線 */
.leftup{
	border-left:solid ;
	border-left-width:1px ;
	border-left-style:solid ;
	border-left-color:#00F !important;
	
	border-top:solid;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#00F !important;
}
.rightup{
	border-right:solid;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#00F !important;
	
	border-top:solid;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#00F !important;
}
.leftblue{
	border-left:solid;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#00F !important;
}
.rightblue{
	border-right:solid;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#00F !important;
}
.leftbottom{
	border-left:solid;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#00F !important;
	
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#00F !important;
}
.rightbottom{
	border-right:solid;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#00F !important;
	
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#00F !important;
}

/*------------------------------------------------------------
	エラー
------------------------------------------------------------*/
#error #conts td.error {
	background: #FFD2D3;
}

/*------------------------------------------------------------
	確認
------------------------------------------------------------*/
#preview #conts th {
	padding: 10px 80px 10px 10px;
}

#preview #conts td {
	padding: 10px;

	font-weight: normal;
	line-height: 1.6;
}

#preview #conts form .fTime td {
	padding-bottom: 10px;
}

#preview #conts form .submit input {
	margin-left: 20px;
}

/*------------------------------------------------------------
	サンキュー
------------------------------------------------------------*/
#thanks #conts p span {
	color: #f00;
	font-size: 16px;
	font-weight: bold;
}