@charset "utf-8";
/*基本設定
section p
ヘッダー
ナビ
コンテンツ
サイド
メイン
google地図
フッター
css3ボタン
----------------------------------------------------*/

/*基本設定
----------------------------------------------------*/

body {
		margin:0;
		padding:0;
		background:url(../images/common/h_bg.gif) top repeat-x,url(../images/top/main_image_bg.jpg)  center 255px no-repeat #fffef8;
		font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
		color:#222;
		line-height:1.9em;
		font-size:15px;
		text-align:center;
		
}

html {   
		overflow-y:scroll;   
}  


a {
		color:#fd4800;
		text-decoration:underline;
}

a:hover {
		color:#fd4800;
		text-decoration:none;
}

.pagetop a:hover,
.section.trouble a:hover{
		opacity: .6;
		filter: alpha(opacity=60);
		-moz-opacity: .6;	
}


img {
		border:0;
}

h1,h2,h3,h4,h5,p {
		margin:0;
		padding:0;
		font-weight:normal;
}

ul,li {
		margin:0;
		padding:0;
		list-style-type:none;
}

table {
		width:100%;
		border:0;
}

th,td {
		font-size:14px;
}

dt,dd {
	margin:0px;
	padding:0px;	
}


#wrap {
		margin:0 auto;
		padding:0;
		width:960px;
		text-align:left;
}

.clear {
		clear:both;
}

.fix:after {
  content: "."; 
  display:block; 
  clear:both;
  height:0;
  visibility:hidden;
}

.fix {
  min-height:1px;
}

* html .fix {
  height:1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.ohz {
		overflow: hidden;
		_zoom: 1;
}


p.mark {
		display:none;
}

span.red {
		color:#ea5113;
}

strong.red {
		color:#f50;
}


.orange {
		color:#ff6e00;
		font-weight:bold;
}

.img {
		float:left;
		margin:0 20px 0 0;
}

.img02 {
		float:right;
		margin:0 0 0 20px;
}

.tel {
		font-size:30px;
		font-weight:bold;
		font-family:Century Gothic,Arial, Helvetica, sans-serif;
		color:#ea5113;
}


p.del {
		width:100px;
		height:50px;
		text-align:center;
		margin:10px 0 0 0;
}

p.del a {
		display:block;
		background:#419444;
		color:#fff;
		text-decoration:none;
		border:solid 1px #419444;
}

p.del a:hover {
		display:block;
		background:#fff;
		color:#419444;
		text-decoration:underline;
		border:solid 1px #419444;
}

.no {
		background:none!important;
		border:none!important;
		margin:0!important;
		padding:0!important;
}

.no-btm15 {
		background:none!important;
		border:none!important;
		margin:0 0 15px 0!important;
		padding:0!important;
}

.no-btm20 {
		background:none!important;
		border:none!important;
		margin:0 0 20px 0!important;
		padding:0!important;
}


strong {

}

p.pu {
		padding:7px;
		text-align:center;
		margin:0 0 20px 0;
		background:#FFF2F2;
		border:solid 1px #FFD6D6;
		color:#f00;
}

.fl{
	float:left;
}


/*section p
----------------------------------------------------*/

.section {
		margin:0 0 40px 0;
		width:100%;
}


.section h2 {
		margin:0 0 10px 0;
}

.inner {
		width:100%;
}

.btm5 {
		margin-bottom:5px!important;
}

.btm10 {
		margin-bottom:10px!important;
}

.btm13 {
		margin-bottom:13px!important;
}

.btm15 {
		margin-bottom:15px!important;
}

.btm20 {
		margin-bottom:20px!important;
}

.btm25 {
		margin-bottom:25px!important;
}

.btm30 {
		margin-bottom:30px!important;
}

.btm40 {
		margin-bottom:40px!important;
}

.btm60 {
		margin-bottom:60px!important;
}

.top5 {
		margin-top:5px!important;
}

.top10 {
		margin-top:10px!important;
}

.top20 {
		margin-top:30px!important;
}

.top30 {
		margin-top:30px!important;
}

.top40 {
		margin-top:40px!important;
}

.top50 {
		margin-top:50px!important;
}

.f10 {
		font-size:10px;
}

.f14 {
		font-size:14px;
}

.f17 {
		font-size:17px;
}

.f19-5 {
		font-size:19.5px;
}

.f20 {
		font-size:20px;
}

.f24 {
		font-size:24px;
		font-weight:bold;
}

.f-bold{
		font-weight:bold;
}

p.l11 {
		line-height:1.1;
}

p.l13 {
		line-height:1.3;
}

.m0 {
		margin:0!important;
}

/*マージン*/
.txt-l15{
	margin:0 0 0 15px;
}

.tar {
		text-align:right;
}

.tac {
		text-align:center;
}

.f-l {
		float:left;
}

.f-r {
		float:right;
}

.hover	{
		background:#fff;
}

.hover a:hover{
    opacity: 0.5; 
    filter: alpha(opacity=50); 
    -moz-opacity: 0.5;

}


/*ヘッダー
----------------------------------------------------*/

#header {
		width:100%;
		height:188px;
		position:relative;
 }

#h1b {
		position:absolute;
		top:5px;
		left:0px;
		color:#777;
		width:630px;
}

#h1b h1 {
		font-size:12px;
		float:left;
		margin:0 5px 0 0;
}

#h1b p {
		font-size:12px;
		float:left;
}

h2.logo {
		position:absolute;
		top:33px;
		left:0px;
}

.h-add{	
		position:absolute;
		top:116px;
		left:0px;
}

.h-tel {
		position:absolute;
		top:12px;
		right:8px;
}


/*ナビ
----------------------------------------------------*/

#navi {
		width:960px;
		height:67px;
		margin:0;
		padding:0;
}

#navi li {
		margin:0;
		padding:0;
		float:left;
}

#navi li img {
		vertical-align:bottom;
}



/*コンテンツ
----------------------------------------------------*/
#cont {
		width:100%;
		margin:0;
		padding:0;
}


/*サイド
----------------------------------------------------*/

#side {
	width:240px;
	float:left;
	padding:0;
	margin-top: 20px;
}

#side img {
		vertical-align:bottom;
}

.news {
		padding:10px;
		background:#fff;
		border:solid 1px #E3E2DD;
		border-top:none;
		line-height:1.5em;
		font-size:13px;
}

.news strong {
		color:#d00;
}

.news p {
		border-bottom:dotted 1px #ccc;
		padding:0 0 5px 0;
		margin:0 0 5px 0;
}

ul.side-menu {
		background:#fff;
		border:solid 1px #D4D4D4;
		border-top:none;
		padding:10px 0 0 0;
}

.side-menu li {
		background:url(../images/common/side_menu_arrow.gif) 12px 17px no-repeat;
		padding:9px 0 9px 30px;
		border-bottom: 1px dotted #e5decf;
}

.side-menu li a {
		color:#111;
		text-decoration:none;
}

.side-menu li a:hover {
		color:#111;
		text-decoration:underline;
}

.side-access {
		padding:10px 10px 15px 10px;
		border:solid 1px #D4D4D4;
		line-height:1.5em;
		font-size:13px;
		background:#fff;
}

.side-access strong {
		color:#DB3400;
		font-weight:bold;
}

.side-access dl {
		padding:0;
		margin:0;
}


.side-access dt {
		background:url(../images/common/side_dt_bg.gif) 0 4px no-repeat;
		padding:0 0 0 15px;
		margin:0;
		float:none;
}

.side-access dd {
		padding:0 0 10px 0;
		margin:0;
		float:none;
}


/*メイン
----------------------------------------------------*/

#main {
	width:610px;
	float:right;
	margin:20px 0 0 0;
	background: #fff;
	padding: 25px 40px;
	box-shadow: 0 2px 4px rgba(111,69,63,0.26) ; 
}

/*タイトル帯------------------------------------*/

h1.page-title,h2.page-title {
	width:588px;
	height:47px;
	background:url(../images/second/page_title.gif) 0 0 no-repeat;
	padding:23px 0 0 32px;
	font-size:26px;
	font-weight:bold;
	color:#3b1f04;
	margin:0 0 20px 0;
}

.obi {
	width:610px;
	height:39px;
	background:url(../images/common/h2.gif) 0 0 no-repeat;
	padding:11px 0 0 37px;
	margin-bottom:20px;
	font-size:22px;
	font-weight:bold;
	color: #fff;
}


/*こんな悩みありませんか？---------------------*/
.section.trouble{
	margin-bottom: 0;
}

.section.trouble .mr{
	margin-right: 11px;
}


.note{
	width:610px;
	height:381px;
	font-weight:bold;
	background:url(../images/top/trouble_note.gif) left top no-repeat;
}

ul.check01 {
	width:277px;
	height:351px;
	padding:30px 0px 0px 28px;
}

ul.check02 {
	width:271px;
	height:351px;
	padding:30px 0px 0px 34px;
}

.note li {
		background:url(../images/common/check.png) 0 4px no-repeat;
		padding:0px 0 0 20px;
		margin:0 0 4px 0;
}

/*当院におまかせください！---------------------*/
.leave-txt{
	font-size:21px;
	line-height:1.8em;
	padding:0 0 0 5px;
	}

.drt{
	padding:25px 20px 25px 28px; 
	background-color:#fffbeb;
}


/*当院の5つの特徴------------------------------*/

.characteristics h2{
	width:573px;
	height:61px;
	padding:36px 0 0 37px;
	margin:0;
	background:url(../images/top/characteristics_h2.gif) top left no-repeat;
	font-size:22px;
	font-weight:bold;
	color:#fff;
}

.binder-bg{
	background: url(../images/top/characteristics_bg.gif) 0 0 repeat-y;
}

.characteristics h4{
		padding:0 15px;
		margin-bottom:10px;
}

.characteristics .point{
		padding:0 44px 0 40px;
		margin-bottom:20px;
}


/*完全無痛治療の流れ---------------------------*/

.box{
	width:587px;
	border:solid 1px #dfdfdf;
	box-shadow: 0 2px 4px rgba(90,90,90,0.1) ;
	padding:20px 15px 0 0;
	margin:0 0 0 6px;
}

.flow-title{
	width:562px;
	height:38px;
	background:url(../images/top/flow_h3.png) no-repeat;
	margin:0 0 17px -6px;
	padding:11px 0 0 30px;
	font-size:20px;
	font-weight:bold;
	color:#474747;
	}

.s-box{

	padding:0 20px 20px 28px;
}

.refuse{
	width:395px;
	height:153px;
	padding:65px 0 0 215px;
	background:url(../images/top/refuse_bg.gif) 120px 0 no-repeat;
}

.refuse li{
	list-style:disc;
	font-size:17px;
	text-decoration:underline;
}

/*治療の流れ------------------------------*/

.t-box{
	width:610px;
/*	border:solid 1px #f3f0e3;
	box-shadow: 0 2px 4px rgba(90,90,90,0.1) ;

/*	background:url(../images/top/square_bg.gif);*/
	background:#fffef8;
	padding:30px 0 20px 0;
	margin:0 0 0 0;
	position:relative;
}


.tiryou-bg {
	text-align:center;
		color:#474747!important;
		font-weight:bold!important;
		font-size:18px!important;
		background:url(../images/top/tiryou_bg.gif) 51px 0 no-repeat!important;
		height:37px;
		padding-top:8px;
		margin:0 0 15px 0!important;
		border:none!important;
}

.tiryou-img{
	position:absolute;
	bottom:20px;
	left:20px;
	
}


/*来院された方の声------------------------------*/
.voice {
		width:100%;
}

.vice-copy{
	margin:0 0 26px 50px;
	
}

.voice-title {
		color:#474747!important;
		font-weight:bold!important;
		font-size:18px!important;
		background:url(../images/top/voice_title.gif) 0 0 no-repeat!important;
		width:590px;
		height:53px;
		padding:11px 0 0 20px!important;
		margin:0 0 5px 0!important;
		border:none!important;
}


.voice .box01 {
	width:535px;
	margin:0 0 0 36px;
}

.voice-image{
		float:left;
		margin: 0 20px 0 0;
}

/*

.voice-thum {
		float:left;
		padding:0 0 30px 0;
		background:url(../images/second/click.gif) 0 bottom no-repeat;
		margin:0 15px 0 0;
}

*/

.voice-name{
		font-size:13px;
		text-align:center;
}


/*ボトムコンタクト------------------------------*/

.btm-contact {
	background: url(../images/common/btm_info2.gif) 0 0 no-repeat;
	position: relative;
	height: 499px;
	width: 610px;
}

.btm-contact-logo{
		position:absolute;
		top:36px;
		left:47px;
}

.btm-contact-add{
	position:absolute;
	top:108px;
	left:125px;
	font-size:14px;
}

.btm-contact-access{
	position:absolute;
	top:138px;
	left:125px;
	font-size:14px;
	line-height:1.4em;
}


.btm-contact-tel {
		position:absolute;
		top:189px;
		left:45px;
}

.btm-contact-btn {
		position:absolute;
		top:397px;
		left:45px;
}

/*google地図
----------------------------------------------------*/

.map {
		position:absolute;
		top:192px;
		left:341px;
}

/*フッター
----------------------------------------------------*/

#footer-wrap {
		width:100%;
		text-align:center;
		background:url(../images/common/footer_bg.gif) 0 top repeat-x #fdedcb;
		padding:0 0 20px 0;
		margin:20px 0 0 0;
}

#footer {
		margin:0 auto;
		padding:0;
		width:960px;
		text-align:left;
}


#footer-line {
		position:relative;
		height:81px;
}

.pagetop {
		position:absolute;
		top:19px;
		right:1px;
}

.footer-tel {
		position:absolute;
		top:21px;
		right:71px;
}

.footer-info {
		position:absolute;
		top:32px;
		left:10px;
}


#footer a {
		color:#272727;
		text-decoration:none;
}

#footer a:hover {
		text-decoration:underline;
}


p.cr {
		font-size:12px;
		clear:both;
		text-align:center;
		font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

/*
p.cr a {
		color:#222!important;
}*/


.footer-logo {
		margin:0;
		float:left;
}

.footer-add{
		font-size:14px;
		font-weight:bold;
		line-height:1.8em;
		color:#4d4d4d;
		margin:20px 0 0 8px;
}


.footer-navi {
		width:450px;
		font-size:12px;
		margin:0 -30px 20px 0px;
		float:right;
}

.footer-navi li {
		float:left;
		margin:0 0 1px 0;
		padding:0 0 0 18px;
		width:132px;
		background:url(../images/common/f_arrow.png) 0 5px no-repeat;
}




/*css3ボタン
----------------------------------------------------*/

p.btn_base {
	position:relative;
	min-height:50px;
}

.button {
	display:block;
	position:absolute; /* 動くアニメーションを付けない場合はいらないです */
	width:300px;
	padding:10px 10px;
   
	/* 角丸  */
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	     -o-border-radius:5px;
	        border-radius:5px;
            
	/* 影 */
	-webkit-box-shadow: 0px 0px 4px 0px #93847c;
	   -moz-box-shadow: 0px 0px 4px 0px #93847c;
	     -o-box-shadow: 0px 0px 4px 0px #93847c;
	        box-shadow: 0px 0px 4px 0px #93847c;

	color:#FFF!important;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	text-decoration:none;
}
.button,
.button:hover {
	/* アニメーション */
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
} 
    

.yellow {
	background: #FE7C00;
	border:solid 1px #e39234;
	
	/* 影 */
	-webkit-box-shadow: 0px 0px 4px 0px #bbb, 0 1px 0 rgba(255, 255, 255, 0.2) inset;
	   -moz-box-shadow: 0px 0px 4px 0px #bbb, 0 1px 0 rgba(255, 255, 255, 0.2) inset;
	     -o-box-shadow: 0px 0px 4px 0px #bbb, 0 1px 0 rgba(255, 255, 255, 0.2) inset;
	        box-shadow: 0px 0px 4px 0px #bbb, 0 1px 0 rgba(255, 255, 255, 0.2) inset;
	
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.4);
}
.yellow:hover {
	background: #feaf52;
}
.yellow:active {
	background: #e89636;
	border:solid 1px #cf8530;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5) inset;
	   -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5) inset;
	     -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5) inset;
	        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5) inset;
}