@charset "utf-8";
*{
	font-style:normal;
	font-size:16px;
	line-height:1.3;
	color:#333;
	margin:0;
	padding:0;
	list-style-type:none;
	text-decoration:none;
	line-height:1.5;
	letter-spacing:2px;
}

body{
	background:#f9f9f5;
	font-family:"Hiragino maru Gothic ProN", "ヒラギノ丸ゴ ProN W3", "Lucida Grande", "Hiragino kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", sans-serif;

}

header, footer{
	background:#78cbe9;
}

.header_area01, .header_area03, .main_contents, .footer_area01{
	width:960px;
	margin:0 auto;
}


.header_area02{
	width:100%;
	background:#fff;
}

.header_area02 img{
	display:block;
}

.header_area02 .inner_01{
	width:960px;
	margin:0 auto;
	height:316px;
	background:url("images/main_img.png");
	border:solid 5px #fff;
}

.main_contents{
	overflow:hidden;
}

.right_contents{
	width:710px;
	float:right;
	background:#fff;
	border:solid 2px #78cbe9;
	margin:10px 0;
	border-radius:10px;
}

.left_contents{
	width:230px;
	margin:15px 0 0 0;
}

section{
	margin:30px;
}

.area_all{
	padding:40px;
}

.area_all p{
	margin:0 0 30px 0;
}



h1{
	color:#78cbe9;
	font-size:30px;
	border-bottom:3px dotted #78cbe9;
}

h1:before{
	content:url("images/mark_02.png");
	padding:0 10px 0 0;
}

h2{
	font-size:20px;
	border-bottom:2px dotted #eb7487;
	margin:0 0 10px 0;
}

strong{
	color:#ef0f0f;
	font-weight:normal;
}

h2 span{
	font-size:20px;
	color:#ed7487;
	font-weight:bold;
	margin:0 5px 0 0;
}

table{
	width:100%;
	margin:20px 0;
}

th{
	width:33%;
	padding:20px;
	text-align:center;
}


.header_area01{
	overflow:hidden;
	padding:20px 0 20px 0;
}

.header_area01 .inner_01{
	float:left;
}

.header_area02 .inner_01 a{
	position:relative;
	top:20px;
	left:500px;
	display:block;
	width:216px;
}

.header_area02 .inner_01 a:hover{
	opacity:0.8;
}

.header_area01 .inner_02{
	float:right;
	margin:10px 0 0 0;
}

.header_area01 .inner_02 p{
	color:#fff;
	font-size:12px;
	letter-spacing:1px;
}

.header_area01 .hoken{
	float:right;
	position:relative;
	right:50px;
}

.header_area03{
	padding:10px 0;
	margin:0 auto 10px;
}

.header_area03 img{
	display:inline-block;
}

.header_area03 .uketuke{
	display:inline-block;
	margin:0 0 0 40px;
}

#sp, .sp{
	display:none;
}

#pc{
	display:block;
}

.left_contents ul li a:before{
	content:url("images/mark_01.png");
	position:relative;
	top:5px;
	padding:0 10px 0 0;
}

.left_contents ul{
	margin:0 0 30px 0;
}

.left_contents ul li{
	margin:0 0 10px 0;
}

.left_contents ul li a{
	font-size:18px;
	line-height:40px;
	display:block;
	padding:0 0 0 10px;
	border-radius:8px;
}

.left_contents ul li a:hover{
	background:#fff;
}

.left_contents p{
	font-size:13px;
}

footer{
	margin:50px 0 0 0;
}

.footer_area01 .inner_01{
	float:left;
	margin:20px 0 0 0;
}

.footer_area01 .inner_01 p{
	text-align:center;
	color:#fff;
	margin:0 0 10px 0;
}

.footer_area01 .inner_02{
	float:right;
	position:relative;
}

.footer_area01{
	overflow:hidden;
	padding:20px 0;
}

.footer_area02{
	background:#f9f9f5;
}

.footer_area02 ul li{
	float:left;
	margin:10px 17px 0 0;
}

.footer_area02 ul li a{
	display:block;
	font-size:12px;
}

.footer_area02 ul li a:before{
	content:url("images/mark_04.png");
	padding:0 5px 0 0;
	position:relative;
	top:3px;
}

.footer_area02 .inner_01 ul{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}

.footer_area02 .inner_01{
	width:960px;
	margin:0 auto;
}


address{
	margin:10px 0;
	text-align:center;
}

.syosin_btn:hover{
	opacity:0.9;
}



.pan{
	width:714px;
	float:right;
	margin:5px 0 0 0;
}

.pan ul li{
	float:left;
	margin:0 1%;
	line-height:30px;
}

.pan a{
	border-bottom:1px solid #333;
}

.pan a:hover{
	border:0;
}

.map_btn:hover{
	opacity:0.8;
}

/*メインページ
-----------------------------------------------*/
.main_page .area_01 h2::before{
	content:"";
	height: 33px;
	width: 33px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.5em 0 0px;
}
.main_page .area_01 h2:nth-child(1):before{
	background:url("images/number_01.png") no-repeat center/100%;
}

.main_page .area_01 h2:nth-child(2):before{
	background:url("images/number_02.png") no-repeat center/100%;
}

.main_page .area_01 h2:nth-child(3):before{
	background:url("images/number_03.png") no-repeat center/100%;
}

.main_page .area_01{
	overflow:hidden;
}

.main_page .area_01 h2{
	font-size:26px;
	border:0;
	margin:0 0 20px 0;
	letter-spacing:0.1em;
	text-indent:-1.8em;
	padding-left:1.8em;
}

.main_page .area_02{
	overflow:hidden;
}

.main_page .area_01 p{
	float:right;
	width:530px;
}

.main_page .area_02 img{
	display:block;
	float:left;
	position:relative;
	top:20px;
	left:-20px;
}

.main_page .area_02 p{
	width:55%;
	float:right;
	line-height:1.8;
}

.main_page .area_02 p span{
	font-size:20px;
	font-weight:bold;
	display:inline-block;
	float:right;
	margin-top:20px;
}

.main_page .area_03 p{
	text-align:right;
	margin:20px 0;
}

.main_page .area_03 p span{
	display:inline-block;
	background:orange;
	padding:3px 8px;
	margin:0 5px 0 0;
	color:#fff;
	border-radius:5px;
}

.main_page .area_03 p{
	margin-bottom:60px;
}

.main_page .area_03 .map02{
	display:block;
	margin:40px auto;
}

.main_page .area_03 dl{
	margin:30px 0 0 30px;
}

.main_page .area_03 dt{
	font-size:18px;
	margin:0 0 5px 0;
	font-weight:bold;
}

.main_page .area_03 dd{
	margin-left:1em;
}

.main_page .area_03 h2{
	margin:30px 0 0 0;
}

.main_page .area_03 h2 span{
	color:#ed7487;
}

#access h1 span{
	font-size:18px;}

.main_page .area_03 .bass{
	text-align:center;
	margin:0 0 10px 0;
	background:#ff717b;
	color:#fff;
	padding:5px 5px 5px 10px;
	width:180px;
	
}

/*Q&A
-----------------------------------------------*/

.qa_page dl{
	margin:0 0 30px 0;
	border:solid 1px #78cbe9;
	border-radius:10px;
	padding:15px;
	background:#f9f9f5;
}

.qa_page dt{
	color:#eb7487;
	font-size:20px;
	margin:0 0 10px 0;
	background:url("images/text_q.png") no-repeat;
	background-size:6%;
	padding-left:40px;
	line-height:1.7;
}

.qa_page dd{
	padding:20px;
	background:#fff;
	border-radius:20px;
}



/*交通事故医療
--------------------------------------*/


.jiko_page dl{
	margin:0 0 30px 0;
	border:solid 1px #78cbe9;
	border-radius:10px;
	padding:15px;
	background:#f9f9f5;
}

.jiko_page dt{
	color:#eb7487;
	font-size:20px;
	margin:0 0 10px 0;
	background:url("images/text_q.png") no-repeat;
	background-size:6%;
	padding-left:40px;
	line-height:1.7;
}

.jiko_page dd{
	padding:20px;
	background:#fff;
	border-radius:20px;
}



.jiko_page .area_02 h2{
	color:#f42;
}

.jiko_page .area_02 h2 span{
	color:#f42;
}

/*診療料金について
------------------------------------------------*/

.ryoukin_page .line_01 th:first-child{
	background:#eaeaea;
}

.ryoukin_page .line_02 th, .ryoukin_page .line_03 th{
	background:#f3fff5;
}

.ryoukin_page dl dt{
	width:66%;
	float:left;
	background:#f3fff5;
	padding-left:3%;
}

.ryoukin_page dl dd{
	width:28%;
	text-align:right;
	float:right;
	background:#fffff5;
	padding-right:2%;
}

.ryoukin_page dl{
	overflow:hidden;
}
.ryoukin_page dt, .ryoukin_page dd{
	height:60px;
	line-height: 60px;
	border-bottom:1px dotted #eaeaea;
}

.ryoukin_page td{
	background:#fff;
}

/*施術案内
-------------------------------------*/
.sejyutu_page dt{
	font-size:18px;
	background:#f5fff5;
	padding:5px 0 5px 10px;
	margin:0 0 10px 0;
	font-weight:bold;
}

.sejyutu_page dd{
	margin:0 0 30px 20px;
}



/*治療器機の紹介
-------------------------------------*/
.kiki_page dl{
	margin-top:20px;
}

.kiki_page dt{
	margin:0 0 5px 0;
	font-size:18px;
	background:#f5fff5;
	padding:5px
}

.kiki_page dd{
	margin:0 0 30px 0;
}

.kiki_page p{
	overflow:hidden;
}

.kiki_page p img{
	float:right;
	margin:0 0 5px 5px;
}



/*交通事故治療
--------------------------------------*/

.jiko_page .area_01 p{
	font-weight:bold;
	font-size:22px;
	margin:0;
	line-height:2.0;
}

.jiko_page .area_02 ul{
	margin:20px 0 30px 20px;
}

.jiko_page .area_02 ul li{
	margin:0 0 10px;
}

.jiko_page img{
	float:right;
}

.jiko_page .area_01, .jiko_page .area_02{
	overflow:hidden;
}

/*料金のページ
----------------------------------------*/

.ryoukin_page table{
	width:100%;
	margin:20px 0;
	background:#eaeaea;
}

.ryoukin_page th{
	width:33%;
	padding:20px;
	text-align:center;
	font-size:18px;
	background:#fffff5;
}

.ryoukin_page td{
	text-align:right;
	padding-right:2%;
	background:#fff;
}






.fm_tbl th {
	width:30%;
	vertical-align: bottom;
	box-shadow:0 2px 0 #eee;
	position:relative;
	text-align:left;
	font-size:14px;
}


.fm_tbl th span.hissu{
	position:absolute;
	right:0;
	background:#f42;
	padding:3px 4px 3px 5px;
	color:#fff;
	font-size:12px;
	letter-spacing:3px;
}



.fm_tbl th span.chk {
	box-sizing: border-box;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	position:absolute;
	right:75px;
	bottom:20px;
	display: inline-block;
	vertical-align: middle;
	display:none;
}

.fm_tbl th span.chk:after {
	border-color: #53b300;
}

.fm_tbl th span.chk:after {
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 50%;
	left: 15px;
	display: block;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 2px solid #bbb;
	border-radius: 6px;
	content: '';
}


.fm_tbl th span.chk:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 21px;
	display: block;
	margin-top: -7px;
	width: 5px;
	height: 9px;
	border-right: 3px solid #53b300;
	border-bottom: 3px solid #53b300;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.fm_tbl th span.chk:before {
	opacity: 1;
}



.fm_tbl td {
	width:70%;
	vertical-align: bottom;
	box-shadow:0 2px 0 #eee;
}

.fm_tbl th{
	padding:10px 5px;
	box-sizing:border-box;
}

.fm_tbl td{
	padding:10px 5px 5px;
	box-sizing:border-box;
}

#submit_button input[type="submit"]{
	display:block;
	width:30%;
	margin:10px auto;
	background:#FF717B;
	color:#fff;
	letter-spacing:3px;
	border:solid 1px #fff;
	font-weight:bold;
	font-size:16px;
	padding:10px;
	box-shadow:0 2px 1px #eee;
	transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);

}

#submit_button input[type="submit"]:hover{
	background:#fcfcfc;
	color:#555;
	cursor:pointer;
}


#company_name,
#user_name,
#user_tel{
	width:200px;
}

#user_email{
	width:270px;
}

#user_zip{
	width:120px;
	margin-left:3px;
}

#user_address{
	margin-top:10px;
	width:320px;
	margin-left:7px;
}

#user_mes{
	height:6em;
	width:400px;
}


.attention{
	font-size:11px;
	color:#f22;
}

:-moz-placeholder{
    color:    #999;
    font-size:14px;

}

::-webkit-input-placeholder {
    color:    #999;
    font-size:14px;
}

#user_name:-moz-placeholder,
#user_email:-moz-placeholder{
    color:#f22;
}

#user_name::-webkit-input-placeholder,
#user_email::-webkit-input-placeholder{
    color:#f22;
}
textarea:-moz-placeholder{
    color:#f22;
}

textarea::-webkit-input-placeholder{
    color:#f22;
}

label{
	text-align:center;
}


#alert_mes_name,
#alert_mes_mes,
#alert_mes_email{
	display:none;
}


.form_flow{
	width:100%;
	overflow:hidden;
	padding:0;
	margin:10px 0;
	border:dotted 1px #eb7487;
}

.form_flow li{
	width:29%;
	float:left;
	background:#eee;
	list-style-type:none;
	margin:5px 1% 5px 2.7%;
	padding:10px 0;
	position:relative;
	font-size:12px;
	text-align:center;
}

.form_flow li.now{
	box-shadow:2px 2px 4px #aaa inset;
	color:#eb7487;
}

.form_flow li.after{
	box-shadow:2px 2px 4px #aaa inset;
}


.form_flow li:after{
	content:">>";
	position:absolute;
	right:-10%;
	color:#eb7487;
}

.form_flow li:last-child:after{
	content:"";
}

.ovflwat{
	max-height:180px;
	overflow:auto;
}

.fm_prvcy{
	height:180px;
	overflow:auto;
	text-align:left;
	font-size:14px;
	border:solid 1px #333;
	width:95%;
	margin:5px auto;
}

.fm_prvcy h2{
	text-align:center;
}


.fm_prvcy p,
.fm_prvcy dl{
	width:95%;
	margin:5px auto;
	padding:0;
}

.fm_prvcy dt{
	border-bottom:dashed 1px #ccc;
	font-weight:bold;
}

.fm_prvcy dd{
	margin:0 auto 1em;
	width:95%;
}

.register{
	top:1600px !important;
}

.regi_block p{
	line-height:1.9em;
}

td{
	position:relative;
}


#alert_mes_name,
#alert_mes_email{
	position:absolute;
	background:#f22;
	border-radius:5px;
	padding:5px 10px;
	color:#fff;
	font-size:12px;
	border:solid 1px #f22;	
}

#alert_mes_name{
	right:0px;
	top:12px;
}

#alert_mes_email{
	right:-70px;
	top:40px;
}

#alert_mes_name:after{
	content: ' ';
	width:0;
	height: 0;
	position:absolute;
	border:8px solid transparent;
	border-right-color:#f22;
	top:20%;
	right:100%;
}

#alert_mes_email:after{
	content: ' ';
	width:0;
	height: 0;
	position:absolute;
	border:8px solid transparent;
	border-bottom-color:#f22;
	top:-15px;
	left:10%;
}


#alert_mes_mes{
	position:absolute;
	right:0;
	bottom:-10px;
	background:#f22;
	border-radius:5px;
	padding:5px 10px;
	color:#fff;
	font-size:12px;
	border:solid 1px #f22;	
}

#alert_mes_mes:after{
	content: ' ';
	width:0;
	height: 0;
	position:absolute;
	border:8px solid transparent;
	border-bottom-color:#f22;
	top:-15px;
	left:10%;
}

.fm_tbl textarea,
.fm_tbl input[type="text"]{
	padding:5px 10px;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	border:solid 1px #ccc;
	border-radius:5px;
}

.fm_tbl textarea{
	margin-bottom:0;
}

.fm_tbl textarea:focus,
.fm_tbl input[type="text"]:focus{
	border:solid 1px #6A9F02;
}



.point_img{
	width:100%;
	margin:20px auto -30px;
	text-align:center;
}

.point_img img{
	width:80%%;
	overflow:hidden;
}

.eyecatch_docter{
	overflow:hidden;
	margin-top:-80px;
}

.eyecatch_docter img{
	float:right;
}

.eyecatch{
	float:right;
	margin-top:-25px;
	margin-bottom:20px;
	width:120px;
}

.content_img{
	width:100%;
	overflow:hidden;
	clear:both;
	margin-top:-25px;
}

.content_img li{
	margin:0 7% 20px;
	float:left;
}

.content_img li img{
	margin-top:0;
}
#feed{
	width: 94%;
	margin: 0 auto 20px;
	padding: 2px 3% 5px;
	border: solid 2px #ccc;
	border-radius: 10px;
	background: #fff;
}
#feed dt time{
	font-size: 10px;
	color: #fff;
	background: #78cbe9;
	padding: 2px 5px;
}
#feed dd{
	margin:0 0 10px ;
}
#feed dd a{
	text-decoration:underline;
	font-size:13px;
	color:red;
}
#feed dd a:hover{
	opacity:0.7;
}