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

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

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

}

html {   
		 overflow-y:scroll;  
}  


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

a:hover {
		color:#e66665;
		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:0;
	padding:0;	
}


#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;
}


.red {
		color:#c4403f;
}

.light-red{
	color:#e66665;
}

.pink{
	color:#e29292;
}

.gold{
	color:#b29579;
}

.gold02{
	color:#9a7d61;
}

.gray666{
	color:#666;
}

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

.img-r15 {
		float:right;
		margin:0 0 10px 15px;
}

.img-r38 {
		float:right;
		margin:0 0 0 38px;
}

.img-l10 {
		float:left;
		margin:0 10px 0 0;
}

.img-l19 {
		float:left;
		margin:0 19px 0 0;
}

.img-l25 {
		float:left;
		margin:0 25px 0 0;
}

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


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-m {
		margin: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;
}



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

.section {
		margin:0 auto 40px auto;
		width:610px;
}

.section h2 {
		margin:0;
}

.inner {
	width: 100%;
    margin: 0 auto;
}

.inner.width-s {
	width: 600px;
}


.bg-pt01{
	background: #fffefe;
	border: 1px solid #ffdfdb;
}


.u-line{
	text-decoration: underline;
}



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

.btm8 {
		margin-bottom:8px!important;
}

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

.btm12 {
		margin-bottom:12px!important;
}

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

.btm18 {
		margin-bottom:18px!important;
}

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

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

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

.btm34 {
		margin-bottom:34px!important;
}

.btm35 {
		margin-bottom:35px!important;
}



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

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

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

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

.top15 {
		margin-top:15px!important;
}

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

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

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

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

.f10 {
		font-size:10px;
}

.f12 {
		font-size:12px;
}

.f13 {
		font-size:13px;
}

.f14 {
		font-size:14px;
}

.f18 {
		font-size:18px;
		line-height:1.8em;
}

.f20 {
		font-size:20px;
}

.f24 {
		font-size:24px;
		color:#555;
		line-height:1.5em;
}



.f26 {
		font-size:26px;
		color:#555;
		line-height:1.5em;
}

.f28 {
		font-size:26px;
		line-height:1.4em;
		font-weight:bold;
}

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

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

.l15 {
		line-height:1.5;
}

.l11 {
		line-height:1.1;
}

.l13 {
		line-height:1.3;
}

.m0 {
		margin:0!important;
}

.tal {
		text-align:left!important;
}

.tar {
		text-align:right;
}

.tac {
		text-align:center;
}

.f-l {
		float:left;
}

.f-r {
		float:right;
}

.mr15{
	margin-right: 15px;
}

.hover	{
		background:#fff;
}

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

}




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

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

#h1b {
		position:absolute;
		font-size:12px;
		top:1px;
		left:5px;
		color:#fff;
		width:960px;
}

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

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

h2.logo {
		position:absolute;
		top:53px;
		left:3px;
}

.h-acc {
	position:absolute;
	top:148px;
}

.h-add {
	position:absolute;
	top:208px;
}

.h-tel {
		position:absolute;
		top:40px;
		right:0;
}

.h-uketsuke {
		position:absolute;
		top:96px;
		right:0;
}

.h-time01 {
	position:absolute;
	top:150px;
	right:0;
}

.h-time02 {
	position:absolute;
	top:204px;
	right:0;
}




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

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

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

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



/*コンテンツ
----------------------------------------------------*/
#cont {
		width:940px;
		margin:0;
		padding:18px 0 0 18px ;
		background: #fff;
		border-left: solid 1px #e1e1e1;
		border-right: solid 1px #e1e1e1;
}


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

#side {
	width:250px;
	float:left;
	margin-bottom:20px;
}

#side img {
		vertical-align:bottom;
}



.side-menu {
		background:#fff;
		border-top:#a98d73 solid 4px;
		border-left:#e1e1e1 solid 1px;
		border-right:#e1e1e1 solid 1px;
		border-bottom:#e1e1e1 solid 1px;
		padding: 0;
		margin-bottom:12px;
}

.side-menu h2 {
	padding:17px 0 15px 15px;
}

.side-menu li {
		background:url(../images/common/arrow.gif) 200px center no-repeat;
		padding:15px 0 15px 10px;
		margin:0 10px;
		border-top:#dcdcdc solid 1px;
}

.side-menu .bg-no {
		background: none;
		color:#999;

}

.side-menu .line-no {
	font-size:14px;
	background:url(../images/common/arrow.gif) 185px 3px no-repeat;
		border-top: none;
		padding:0 0 15px 10px;
		margin:0 0 0 25px;

}


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

.side-menu li a:hover {
		color:#e66665;
		text-decoration:non;
}


.side-info {
	border-top:#dcdcdc solid 1px;
	margin:0 10px;
		background:#fff;
		padding:14px 0 6px 0;
		line-height:1.5em;
		font-size:13px;
}

.side-info dl{
		padding: 14px 0 0 0;
		margin:0;
}


.side-info dt {
		background:url(../images/common/maru.gif) 0 20px no-repeat;
		padding:15px 0 5px 14px;
		margin:0;
		border-top:#dcdcdc solid 1px;
		float:none;
}

.side-info dd {
		padding:0 0 12px 8px;
		margin:0;
		float:none;
}


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

#main {
	width:610px;
	float:right;
	padding:0 40px;
}

#main-image{
	margin-bottom:30px;
	text-align:center;
}




ul.check {
		padding:0 10px;
		font-size:17px;
		color:#777777;
		font-weight:bold;
}

ul.check li {
		background:url(../images/common/check_icon.gif) 0 0 no-repeat;
		padding:12px 0 4px 50px;
		margin:0;
}


.symptom01{
	width:536px;
	padding:15px 37px 0 37px;
}

.symptom02{
	width:361px;
	padding:0 124px 20px 124px;
}

.symptom01 .mr22{
	margin-right: 22px;
}

.symptom02 .mr31{
	margin-right: 31px;
}

.symptom-image{
	background:url(../images/top/image01.gif) bottom right no-repeat;
}


.voice {
		width:100%;
}

.voice h3,.voice h4 {
	width:590px;
	background:url(../images/common/voice_title.gif) 0 center no-repeat;
	font-size:18px;
	color:#fff;
	font-weight:bold;
	line-height:1.4em;
	margin-bottom:6px;
}

.voice-title01 {
		height:60px;
		padding:22px 0 0 20px;
}

.voice-title02 {
		height:72px;
		padding:10px 0 0 20px;
}


.box {
    	width: 610px;
   		margin: 0 auto;
}

.voice .left-box {
	width:173px;
	float:left;
}

.voice-person{
	background:url(../images/top/voice_p_bg.gif) 0 center no-repeat;
	width:173px;
	height:204px;
	margin-bottom:6px;
}
	
.person-image{
	padding:8px 0 8px 7px;
}

.voice-person p{
	line-height:1.5em;
}

.voice-thum {
		padding:0;
		margin:0;
}

.voice .right-box {
	width:410px;
	float:right;
	margin:0 auto;
	font-size:14px;
}

.reco_voice .left-box{
	width: 265px;
	float: left;
	padding-right: 30px;
}

.reco_voice .right-box{
	width: 100%;
	float: none;
	margin: 0 auto;
	font-size: 14px;
}

.reco_voice-person{
	background:url(../images/top/recovoice_p_bg.gif) 0 center no-repeat;
	width:265;
	height:273;
	margin-bottom:6px;
	padding-bottom: 15px;
}

.reco_person-image{
	padding:10px 0 20px;
	text-align: center;
}

.note{
	line-height:34px;
	background:url(../images/top/voice_note.gif) 0 0 repeat;
	}


.point-bg{
	background:url(../images/top/image02.gif) right 0 no-repeat;
}


.data-bg{
	width:550px;
	background:#f8eded;
	box-shadow: 0 0 0 10px #fff inset;
	border:solid 1px #eee;
	padding:28px 29px;
	margin-bottom:15px;
}

.data-title{
	background:url(../images/top/data_title_bg.gif) 0 0 repeat;
	font-size:18px;
	color:#fff;
	text-align:center;
	padding:8px 0;
	margin-bottom:15px;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	     -o-border-radius:3px;
	        border-radius:3px;
}


.title-obi {
	background:url(../images/common/title_bg.gif) 0 0 repeat;
	padding:23px 0 20px 0;
	margin-bottom:15px !important;
	font-size:22px;
	font-weight:bold;
	color: #444;
	text-align:center;
	line-height:1.7em;
	border-top: #b49c86 solid 4px;
	border-bottom: #d9d9d9 solid 2px;
}




.btm-info{
	width:550px;
	height:410px;
	background:#fcfafa;
	box-shadow: 0 0 0 10px #fff inset;
	border:solid 1px #e1e1e1;
	padding:28px 29px;
	margin-bottom:66px;
	position: relative;
}


.info-txt{
	font-size:13px;
	line-height:1.8em;
	margin-top:18px;
}

.btm-tel{
	position:absolute;
	top:193px;
	left:29px;
}

.btm-mail{
	position:absolute;
	bottom:29px;
	left:28px;
}

/*google地図(ボトムインフォ)
----------------------------------------------------*/

.btm-map {
	position:absolute;
	bottom:28px;
	right:30px;
		border:solid 4px #fff;
}

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

#footer {
		width:100%;
		text-align:center;
		background:url(../images/common/footer_bg.gif) 0 0 repeat-x #fff;
		padding:0;
		margin:0;

}

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

#footer .inner{

}

.footer-line {
		position:relative;
		height:112px;
}



.footer-info {
		position:absolute;
		top:48px;
		left:40px;
}


.footer-tel {
		position:absolute;
		top:30px;
		left:265px;
}

.footer-time{
	position:absolute;
	top:32px;
	right:42px;
	}

.pagetop {
		position:absolute;
		top:-26px;
		right:40px;
}



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

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


.footer-logo {
		margin:31px 0 0 0;
		padding-left:18px;
		float:left;
		font-size:14px;
		color:#666;
}


.footer-navi {
		width:543px;
		font-size:12px;
		margin:15px 0 15px 0;
		float:right;
}

.footer-navi dl {
		float:left;
		margin:0 0 1px 0;
		padding:5px 0 5px 15px;
		width:165px;
		height:174px;
		border-left:solid 1px #e1e1e1;
}

.footer-navi dt{
	color:#a98d73;
	font-size:15px;
	font-weight:bold;
	padding-bottom:2px;
}

.footer-navi dd{
	padding:4px 0 4px 0;
	line-height:1.4em;
}

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


/*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;
}