@charset "utf-8";

@import url(utility.css);
@import url(reset.css);

* {
	margin: 0;
	padding: 0;
}
html,body{
height: 100%;
}
body {
	margin : 0px;
	padding : 0px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-size:13px;
	line-height: 1.6;
	background-color: #fff;
	color:#555;
	-webkit-text-size-adjust: 100%;
	
	
}
/* /////////////////共通 ///////////////// */
#wrapper{
	margin: 0 auto;
	text-align: left;
	background-color: #fdfdf5;
	color: #555;
	background-image:url(../img/bg.png);
	background-position:center;
	background-repeat:repeat;
	
}
.head{
	background-color: #ffa842;
	color:#fff;
	padding:0.5em 0;
}
.head h1{
	font-size:12px;
}
.head .area{
	position:relative;
}
.head p.tel{
	position:absolute;
	top:-0.5em;
	right:0.5em;
	
}
.area{
	width:980px;
	padding:0 10px;
	margin:0 auto;
}
.header{
	padding:2em 0 0 0;
	
}
.header h2{
	float:left;	
}
.header .topTime{
	float:right;
	padding:3.5em 0 0 0;
	text-align:right;
}
.header .topTime  p.time{
	color:#ff7567;
	font-size:14px;
	letter-spacing:1px;
	margin-bottom:0.2em
}
.header .topTime  p.time i{
	font-size:24px;
	line-height: 0.75em;
	vertical-align: -15%;
	
}
.header .topTime  p.week{
	font-size:13px;
}
/* /////////////////フッター ///////////////// */
#footer{
	padding:4em 0 2em 0;
	width: 100%;
	background-color:#fff4e3;
}

#footer p.copy{
	font-size: 11px;
	text-align:center;
}
.footMenu{
	text-align: center;
	position: relative;
	overflow: hidden;
	margin-bottom:4em;	
}
.footMenu a:hover{
	text-decoration:underline;
}
.footMenu ul{
  position: relative;
  left: 50%;
  float: left;
}
.footMenu li{
	float:left;
	padding:0 15px;
	position: relative;
	font-size:12px;
	line-height:12px;
	letter-spacing:0.1em;
	left: -50%;
	border-right:1px solid #555;
}
.footMenu li:last-child{
	border-right:none;
}
.footName{
	text-align:center;
	margin-bottom:2em;
}
.footName p.name{
	font-size:16px;
	font-weight:bold;
	margin-bottom:0.3em;
}
.footName p.add{
	margin-bottom:0.5em;
}
.footName p.mail{
	padding-top:0.5em;
}
.footName p.mail a:link{
	color:#ff8a00;
	font-size:13px;
	font-weight:bold;
}
.footName p.mail a:visited{
	color:#ff8a00;
}
.footName p.mail a:hover{
	color:#ff8a00;
	text-decoration:underline;
}
.footName p.mail i{
	font-size:24px;
	line-height: 0.75em;
	vertical-align: -20%;
	color:#ff8a00;
	padding-right:0.4em;
	text-align:center;
}
/* /////////////////フッター ///////////////// */
.main{
}
.contents{
	padding:3em 0;
}
.conLeft{
	float:left;
	width:210px;
}
.conRight{
	float: right;
	width: 720px;
}
.menu{
	border:2px solid #ffc47f;
	background-color:#fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding:0em 1em 0.5em 1em;
	margin-bottom:3em;
}
.menu p.kazari{
	text-align:center;
	margin-top:-0.5em;
}
.menu i{
	font-size:26px;
	line-height: 0.75em;
	vertical-align: -20%;
	color:#ff8a00;
	width:45px;
	text-align:center;
}
.menu ul{
	padding-top:0.5em;
}
.menu li{
	padding:0.8em 0;
	background-image:url(../img/dot.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
.menu li:last-child{
	background-image:none;
}
.menu li a{
	display:block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color:#fff;
	padding:1em 0 0.8em 0;
}
.menu li a:visited{
	display:block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color:#fff;
	padding:1em 0 0.8em 0;
}
.menu li a:hover{
	display:block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color:#fff3e5;
	padding:1em 0 0.8em 0;
	text-decoration:none;
}
.menu li.active a{
	display:block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color:#fff3e5;
	padding:1em 0 0.8em 0;
}
.sideInfo{
	border:5px solid #ff8a00;
	background-color:#fff;
	
}
.sideInfo p.title{
	background-color:#ff8a00;
	color:#fff;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.1em;
	padding-bottom:0.5em;
	padding-top:0.2em;
}
.sideInfoArea{
	padding:0em 1em;
}

.sideInfoArea p.time{
	color:#ff8a00;
	font-size:14px;
	letter-spacing:1px;
	margin-bottom:0.2em;
	
}
.sideInfoArea p.time i{
	font-size:24px;
	line-height: 0.75em;
	vertical-align: -15%;
	
}
.sideInfoArea p.week{
	
	font-size:12px;
}
.sideInfoArea p.week span{
	font-size:13px;
}


.sideInfoArea li{
	padding:0.8em 0;
	background-image:url(../img/dot.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	text-align:center;
}
.sideInfoArea li:last-child{
	background-image:none;
}
.sideInfoArea p.mail a:link{
	color:#ff8a00;
	font-size:13px;
	font-weight:bold;
}
.sideInfoArea p.mail a:visited{
	color:#ff8a00;
	
}
.sideInfoArea p.mail a:hover{
	color:#ff8a00;
	text-decoration:underline;
}
.sideInfoArea p.mail i{
	font-size:26px;
	line-height: 0.75em;
	vertical-align: -20%;
	color:#ff8a00;
	padding-right:0.4em;
	text-align:center;
}
.sideInfoArea p.add{
	font-size:12px;
}
.mainPhoto{
	position:relative;
	margin-bottom:3em;
}
.mainPhoto h3{
	position:absolute;
	right:0;
	top:50%;
	margin-top:-48px;
}
.mainPhoto p.im img{
border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.mainTitle{
	margin-bottom:5em;
}
.mainTitle h4{
	font-size:22px;
	letter-spacing:4px;
	margin-bottom:1em;
}
.mainTitle h4 span{
	background: linear-gradient(transparent 60%, #ffb9b2 0);
	padding:0.2em 0.4em;
}
:root .mainTitle h4 span{
	background:url(../img/line.gif) bottom repeat-x\0;
}
.mainTitle ul{
	padding-left:0.5em;
	margin-bottom:2em;
}
.mainTitle li{
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.1em;
	margin-bottom:0.5em;
}
.mainTitle li span{
	color:#ff8a00;
	padding-right:0.5em;
}
.mainTitle p.im{
	float:right;
	padding-top:2em;
}
.mainTitle p.tx{
	font-size:13px;
	letter-spacing:0.1em;
	line-height:2.8;
	margin-bottom:2em;
}
.mainTitle p.tx span{
	background-image:url(../img/line2.png);
	background-position:bottom left;
	background-repeat:repeat-x;
	padding-bottom:0.5em;
}
p.atten{
	color:#ff8a00;
	margin-bottom:2em;
	font-size:16px;
}
p.atten2{
	color:#ff8a00;
	margin-bottom:2em;
	font-size:18px;
	border: 2px solid #ff8a00;
	text-align: center;
	padding: 0.5em;
	font-weight: bold;
}

.topSemi{
	margin-bottom:5em;
}
.topSemi h4{
	font-size:22px;
	letter-spacing:4px;
	margin-bottom:1em;
}
.topSemi h4 span{
	background: linear-gradient(transparent 60%, #ffb9b2 0);
	padding:0.2em 0.4em;
}
:root .topSemi h4 span{
	background:url(../img/line.gif) bottom repeat-x\0;
}
.topSemi p.title{
	font-size:14px;
	letter-spacing:0.1em;
	line-height:2;
	margin-bottom:2em;
}
.topSemi p.tx{
	font-size:13px;
	
	line-height:2.8;
	margin-bottom:3em;
}
.topSemi p.tx span{
	background-image:url(../img/line2.png);
	background-position:bottom left;
	background-repeat:repeat-x;
	padding-bottom:0.5em;
}
.topSemi li{
	float:left;
	margin-right:3em;
}
.topSemi li:last-child{
	margin-right:0em;
}
a.link{
	background-image:url(../img/arrow.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding:1em 0 1em 3em;
	font-size:14px;
	letter-spacing:0.2em;
	
}
a.link:visited{
	text-decoration:none;
}
a.link:hover{
	text-decoration:none;
}
a.link span{
	border-bottom:1px solid #333;
	padding-bottom:0.3em;
}


.otherTitle{
	font-size:18px;
	letter-spacing:0.1em;
	font-weight:bold;
	margin-bottom:1em;
	text-align:left;
}
.otherTitle i{
	font-weight:normal;
	text-align:center;
	position:relative;
	letter-spacing:0em;
	vertical-align: -5%;
	color:#fff;
	text-decoration: none;
	font-size:24px;
	border-radius: 50%;
	line-height: 50px;
	width:50px;
	background-color:#ff8a00;
	margin-right:0.5em;
}



.access{
}
.access p.title{
	font-size:15px;
	margin-bottom:1em;
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom:1em;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.access h4{
	font-size:16px;
	letter-spacing:2px;
	margin-bottom:1em;
	font-weight:bold;
}
.access h4 em{
	font-size:24px;
	color:#ff8a00;
}
.access h4 span{
	background: linear-gradient(transparent 60%, #ffb9b2 0);
	padding:0.2em 0.4em;
}
.accessBox{
	padding-top: 5em;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 4em;
}
.accessBox p.tx{
	line-height:2;
}
.accessBoxLeft{
	float:left;
	width:50%;
}
.accessBoxRight{
	float:right;
	width:45%;
}
.accessBoxRight p.im img{
	width:100%;
	max-width:100%;
	height:auto;
}

.other{
}
.other h4{
	font-size:16px;
	letter-spacing:2px;
	margin-bottom:2em;
	font-weight:bold;
}
.other h4 span{
	background: linear-gradient(transparent 60%, #ffb9b2 0);
	padding:0.2em 0.4em;
}



/*-----------------------------------------------
	LINEUP
-----------------------------------------------*/
.lineupTable {
	border: 1px #a0a0a0 solid;
	width: 100%;
	font-size: 12px;
	margin-bottom: 0em;
}

.lineupTable th{
	text-align:center;
	border: 1px #a0a0a0 solid;
	margin:0;
	padding:15px 10px;
	background-color:#eeeeee;
	font-weight:bold;
	font-size:13px;
}
.lineupTable td{
	
	border: 1px #a0a0a0 solid;
	margin:0;
	padding:15px 10px;
}



/*-----------------------------------------------
	流れ・料金
-----------------------------------------------*/

.nagare{
	padding-left:2em;
	padding-top:1em;
	margin-bottom:3em;
}
.nagare p.ii{
	float:right;
}
.nagareLeft{
	float:left;
	width:60%;
}
.nagare dl{
	margin-bottom:2em;
	
}
.nagare dt{
	float:left;
}
.nagare dt span{
	color:#fff;
	background-color:#ff8a00;
	font-size:16px;
	line-height:32px;
	width:32px;
	display:block;
	text-align:center;
}
.nagare dd{
	float:left;
	padding-left:1.5em;
	padding-top:0.3em;
}
.nagare p{
	line-height:1.8;
}
.nagare p.title{
	font-size:15px;
	margin-bottom:1em;
}
.price{
	padding-left:1em;
	margin-bottom:3em;
}
.price p{
	line-height:1.8;
}
.price p.title{
	font-size:15px;
	margin-bottom:1em;
}

.price p.title span{
	background-color:#ff8a00;
	color:#fff;
	padding:0.2em 0.4em;
	margin-right:0.2em;
}
.price p.tx{
	margin-bottom:3em;
}
.price p.tt{
	margin-bottom:1.5em;
}
.priceBox{
	margin-bottom:5em;
}
.priceBox p.ss{
	padding-top:1em;
}

.priceLeft{
	float: left;
	width: 60%;
}
.priceRight{
	float: right;
	width: 35%;
	text-align: right;
}
.price table.lineupTable td{
	text-align:center;
}
.price table.lineupTable{
	width:85%;
}

/*-----------------------------------------------
	セミナー
-----------------------------------------------*/
.semi{
}
.semi1{
	margin-bottom:5em;
}
.semi1 p{
	font-size: 14px;
	line-height: 2.2;
	margin-bottom: 1em;
}
.semi1Left{
	float:left;
	width:60%;
}

.semi1Right{
	float:right;
	width:35%;
}
.semi1Right p.im img{
	width:100%;
	max-width:100%;
	height:auto;
}
.semi2{
	margin-bottom:5em;
}
.semiBox{
	border:1px solid #facd89;
	background-color:#fff;
	padding:2em;
	margin-bottom:2em;
}
.semiBox p.title{
	border-bottom:1px solid #ff8a00;
	border-left:5px solid #ff8a00;
	font-size:15px;
	font-weight:bold;
	padding:0 0 0.3em 1em;
	line-height:2;
	margin-bottom:2em;
}
.semiBox dl{
	padding:0em 2em 0 2em;
	margin-bottom:1.5em;
}
.semiBox dt{
	color:#ff8a00;
	border:1px solid #ff8a00;
	width:15%;
	text-align:center;
	font-weight:bold;
	float:left;
	padding:0.2em 0;
}
.semiBox dd{
	float:right;
	width:80%;
	
}
.semi3{
	margin-bottom:5em;
}
.semi3 p{
	font-size:15px;
	margin-bottom:3em;
}
.semi3 dl{
	padding:0em 2em 0 2em;
	margin-bottom:1.5em;
}
.semi3 dt{
	color:#ff8a00;
	border:1px solid #ff8a00;
	width:15%;
	text-align:center;
	font-weight:bold;
	float:left;
	padding:0.2em 0;
}
.semi3 dd{
	float:right;
	width:80%;
	
}
.semi3 dd a:link{
	text-decoration:underline;
}
.semi3 dd a:visited{
	text-decoration:underline;
}
.semi3 dd a:hover{
	text-decoration:none;
}

.semi4{
	margin-bottom:5em;
}
.semi4 p.title,.semi2 p.title{
	margin-bottom:2em;
	font-size:15px;
}
.semi5{
	margin-bottom:5em;
}
.semi5 li{
	float: left;
	width: 40%;
	margin-right: 1em;
	margin-bottom: 1em;
}
.semi5 li.full{
	width: 82%;
	margin:0 auto 1em;
}
.semi5 li img{
	width:100%;
	max-width:100%;
	height:auto;
}
.semi6{
	margin-bottom:5em;
}

/*-----------------------------------------------
	当院について
-----------------------------------------------*/
.about,.greeting{
	margin-bottom:5em;
}
.about p{
	font-size:14px;
	line-height:2.4;
	margin-bottom:2em;
}
.greeting p{
	font-size: 14px;
	line-height: 2.8;
	margin-bottom: 2em;
}
.greeting p.name{
	text-align: right;
	font-size: 13px;
	line-height: 1.6;
	margin-bottom: 1em;
}
.about p.ii{
	float:right;
	margin-top:-60px;
}
.greetingLeft{
	float:left;
	width:75%;
}
.greetingRight{
	float:right;
	padding-top:1em;
}

/*-----------------------------------------------
	スマホ
-----------------------------------------------*/

p.telsp{
	display:none;
}
.sideSp{
	display:none;
}
	
#spMenu{
	display:none;
}