@charset "utf-8";

/*******************************
  基本要素
*******************************/

body {
	background-color:#FFF;
	color: #505050;
	background-image:url(../img/bk.png);
	background-repeat:repeat-x;
}

p {
	font-size: 28px;
	line-height:190%;
}

a {
	color: #1184B8;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

strong {
	font-weight: bold;
}

#wrapper {
	width:960px;
	margin:0 auto;
}

/*******************************
  ヘッダ
*******************************/

#header {
	height: 80px;
	background-color:#28A7E1;
	margin: 0 auto;
	position: relative;
	width:960px;
}

#logo_site {
	left: 0px;
	position: absolute;
	top: 8px;
}

#hd_tel {
	position: absolute;
	left: 259px;
	top: 8px;
}

#hd_fb {
	position: absolute;
	right: 0px;
	top: 25px;
}

/*******************************
  グローバルナビ
*******************************/

#gnav {
	font-size:0;
	line-height:0;
	height:35px;
	padding-left:254px;
}

#gnav ul {
}

#gnav li {
	display: inline;
	float:left;
	padding:9px 0 7px 0;
	border-right:1px solid #27A7E1;
}

#gnav li.about {
	padding-right:18px;
}

#gnav li.prof {
	padding-left:12px;
	padding-right:15px;
}

#gnav li.course {
	padding-left:15px;
	padding-right:13px;
}

#gnav li.reserv {
	padding-left:9px;
	padding-right:12px;
}

#gnav li.access {
	padding-left:15px;
	padding-right:17px;
}

#gnav li.faq {
	padding-left:14px;
	border-right:none;
}

/*******************************
  イメージ
*******************************/

#image {
	height:370px;
	background-image:url(../img/img.png);
	background-repeat:no-repeat;
	background-position:top right;
	margin-top:127px;
	font-size:0;
	line-height:0;
}

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

#main {
	padding-left:8px;
	padding-bottom:90px;
  -webkit-text-size-adjust: 100%;
}

h3 {
	margin-top:70px;
	margin-bottom:25px;
	clear:both;
}

h4 {
	font-size:35px;
	margin-bottom:25px;
	line-height:180%;
}

.content {
	clear:both;
}

/*******************************
  おしらせ
*******************************/

#news {
	width:80%;
	float:left;
	padding-bottom:30px;
}

#news h3 {
	margin:0 0 10px 0;
}

#news dl {
	border-bottom:2px dotted #1184B8;
	font-size:28px;
}

#news dl dt {
	width:6.5em;
	float:left;
	display:block;
	padding:6px 0;
}

#news dl dd {
	width:auto;
	padding:6px 0;
}



#calendar {
	width:100%;
	float:left;
}

#calendar ul li{
	float:left;
}

#calendar ul li.calendar_right {
	float:left;
	margin-left:20px;
}

#calendar p {
	clear:both;
	font-size:28px;
	color:#1184B8;
	text-align:left;
	margin:0;
	padding-top:5px;
}


/*******************************
  当院について
*******************************/

#about_photo {
	width:300px;
	float:right;
}

#about_photo img {
	margin-left:20px;
}

#about_photo img.fst_line {
	margin-bottom:20px;
}

/*******************************
  院長プロフィール
*******************************/

#prof_txt {
	width:660px;
	float:right;
}

#prof_txt p {
	margin-bottom:25px;
}

.profile ul li {
	margin-bottom:5px;
	font-size:28px;
}

/*******************************
  施術コース
*******************************/

p.blue_box {
	border:1px solid #1184B8;
	padding:16px 53px;
}

table.course {
	border:0;
	margin-top:25px;
}

table.course tr {
	border-bottom:2px dotted #3E9BC5;
}

table.course th {
	width:35%;
	padding:10px 0;
	font-size:28px;
}

table.course td.price {
	width:65%;
	color:#1184B8;
	font-size:28px;
	font-weight:bolder;
}

table.course td {
	padding:6px 0;
	line-height:200%;
	width:100%;
	display: block;
	font-size:28px;
}

table.course td.for_pc {
	display: none;
}

/*******************************
  ご予約について
*******************************/

#yoyaku_tel {
	width:100%;
	float:none;
}

#yoyaku_tel h4 {
	font-size:35px;
	margin-bottom:7px;
}

#yoyaku_tel p {
	margin-bottom:10px;
}

#yoyaku_tel p#tel {
	font-size:40px;
	color:#28A7E1;
	margin-bottom:0;
}

#yoyaku_tel p#eigyo {
	font-size:28px;
	margin-bottom:15px;
}


#yoyaku_mail h4 {
	font-size:35px;
	margin-bottom:15px;
}

#yoyaku_mail a {
	font-size:35px;
	color:#28A7E1;
}

/*******************************
  faq 
*******************************/

#faq dl {
	width:100%;
	display:block;
	float:none;
	padding-right:0;
	line-height:180%;
	font-size:28px;
	padding-bottom:25px;
}

#faq dl dt {
	color:#28A7E1;
	font-weight:bold;
	font-size:35px;
	margin-bottom:10px;
}

/*******************************
  フッタ
*******************************/

#footer {
	clear:both;
	width:auto;
	background-color:#28A7E1;
	height:180px;
}

#ft_main {
	margin:0 auto;
	width: 960px;
	position:relative;
}

#ft_main span {
	color:#FFF;
}


#ft_main p#tel {
	color:#FFF;
	font-size:33px;
	position:absolute;
	left:244px;
	top:30px;
}

#ft_main #ft_logo {
	position:absolute;
	left:0px;
	top:30px;
}

#ft_main address {
	position:absolute;
	left:244px;
	top:74px;
	color:#FFF;
}

#ft_main #copyright {
	position:absolute;
	right:0px;
	top:157px;
}

#ft_main #ft_navi_01 {
	position:absolute;
	left:569px;
	top:30px;
}

#ft_main #ft_navi_02 {
	position:absolute;
	left:770px;
	top:30px;
}

#ft_main ul {
	border-left:2px solid #1990C6;
	padding-left:20px;
	line-height:0;
}

#ft_main ul li {
	margin-bottom:17px;
}



/*******************************
  modalウィンドウ
*******************************/

#lean_overlay{
  position: fixed; z-index:100; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}

#div01{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 40px 50px;
  width: 90%;
 }
 
#div02{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 40px 50px;
  width: 90%;
 }

#div03{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 22px 18px 18px 0;
  width: auto;
 }

#div04{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 22px 18px 18px 0;
  width: auto;
 }

#div05{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 22px 18px 18px 0;
  width: auto;
 }

#div06{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 22px 18px 18px 0;
  width: auto;
 }

.modal_ttl {
	color:#1184B8;
	font-size:27px;
	margin-botom:30px;
}

#div01 li{
	margin-bottom:25px;
}

#div02 li{
	margin-bottom:25px;
}

#div02 ul{
	margin-bottom:50px;
}


.modal_close {
	position: absolute;
	top: 30px;
	right: 30px;
	display: block;
	/* widthとheightは閉じるボタンの画像の幅を指定 */
	width: 30px;
	height: 30px;
	/* 閉じるボタンの画像は自分で用意 */
	background: url('close.png') no-repeat;
	background-size:30px;
	z-index: 2;
} 

.for_pc {
	display: none;
}