
@media print,screen and (min-width: 641px){
	
/* クリニック紹介ページ用[start]
	---------------------------------------------------------- */
.cpy {
	line-height: 2.0;
	font-size: 1.1em;
	font-family: Garamond,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	padding-top:50px;
}
	
	
	/*クリニック紹介ページ用[end] */

	/* アクセスページ用[start]
	---------------------------------------------------------- */
#map {
	width: 600px;
	margin: 0 auto;
	font-family: 'Lato',"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
#map_canvas {
	width: 500px;
	height: 300px;
 	margin: 0 auto;
}

.acs_bus {
	height: 30px;
	font-size: 1.3em;
	line-height: 30px;
	background: url(../../common/img/bg_bus.png) left center no-repeat;
	padding: 5px 0 0 40px;
}
.acs_sub {
	height: 30px;
	font-size: 1.3em;
	line-height: 30px;
	background: url(../../common/img/bg_sub.png) left center no-repeat;
	padding: 5px 0 0 40px;
}
	
.acs_trn {
	height: 30px;
	font-size: 1.3em;
	line-height: 30px;
	background: url(../../common/img/bg_trn.png) left center no-repeat;
	padding: 5px 0 0 40px;
}
	
	
	/*アクセスページ用[end] */

	/* 院長スタッフ：クリニック紹介用[start]
	---------------------------------------------------------- */
.s_1 {
	width:420px;
	height:240px;
	float:left;
	margin:0 10px 50px 0px;
}
.s_2 {
	width: 270px;
	float:right;	
	font-size: 1.0em;
}
.s_2 h3 {
	text-align:center;
	margin:0;
	padding:0;
}
.s_2 p {
	padding-left:10px;
}
.s_2 ul {
	padding: 20px 0 0 40px;
}
.stjs01,
.stjs02 {			
	width: 360px;
	height:150px;
	margin: 0px 0px 50px 50px;
	position: relative;
	float:left;
}
.stjs01 a,
.stjs02 a {		
	display: block;
	position:relative;
	overflow: hidden;
	width: 360px;
	height: 150px;
	padding-top: 45px;
	text-align: left;
	line-height: 2.0em;
	font-size: 1.1em;
}
.stjs01 a {background: url(img/st01_h.jpg) no-repeat;}
.stjs02 a {background: url(img/st02_h.jpg) no-repeat;}

.stjs01 a:hover,
.stjs02 a:hover {
	color: #333;
}

.stjs01 img,
.stjs02 img {	
	position: absolute;
	top: 0;
	left: 0;
}

.stjs_t {
	width:250px;	
	height:150px;
	float:right;
}


.example-image-link {
  display: inline-block;
  line-height: 0;
  border: 3px solid #fff;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
/* line 191, ../sass/screen.sass */
.example-image-link:hover {
  border: 3px solid #CCC;
}


.dr_1 {			
	width: 315px;
	height:400px;
	float:left;
}
.dr_2  {
	width:380px;
	float:right;
}
	.dr_2 h2  {
		width:370px;
		padding-left:10px;
	}
	.dr_2 ul {
		width:370px;
		font-size:0.9em;
	}
.dr_3  {
	width:100%;
}
	.dr_3 h2  {
		width:100%;
		padding-left:10px;
	}
	.dr_3 ul {
		width:100%;
		font-size:0.9em;
	}

	/* 院長スタッフ：クリニック紹介用[end] */
	
	/* 問い合わせページ用[start]
	---------------------------------------------------------- */
.inq {
	font-size: 1.1em;	
	width: 400px;
	line-height: 2.0;
	text-align: left;
	font-family: 'Lato',"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
	/* 問い合わせページ用[end] */
	/* cgiテンプレ用 [start] 
--------------------------------------------------------------- */
table.form { border:1px solid #666; border-collapse:collapse; margin: 20px auto 0; }
table.form th,td { text-align:left; border:1px solid #666; padding:8px; font-family: 'Lato',"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; }
table.form th { background: #ccc; }
table.form td { background:#fff; width:500px; }
	/* cgiテンプレ用 [end] */
	
	/* st01,st02,st03,st04ページ用[start]
	---------------------------------------------------------- */
#s_1 h3,
#s_2 h3 {
	margin: 0;
	padding: 0 0 10px 10px;
}

/* ↑↑↑↑↑↑↑↑↑↑　twitter,facebook部分の指定は、リスト装飾部分にて全体指定 ↑↑↑↑↑↑↑↑　*/
li.rsv a {
	display: block;
	margin: 50px 0 0 0;
}
#stfbtn {
	width: 600px;
	margin: 100px auto 10px;	
}
#stfbtn ul {
	margin: 0 auto;
}
#stfbtn li {
	float: left;
	width: 100px;
	padding: 10px;
}
#stfbtn li a {
	display: block;
	width: 100px;
	height: 100px;
	text-align: center;
	font-family: "Julius Sans One","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

#stfbtn li.st01_thum a {background: url(img/st01_t.jpg) center no-repeat;}
#stfbtn li.st02_thum a {background: url(img/st02_t.jpg) center no-repeat;}
#stfbtn li.st03_thum a {background: url(img/dr_mail.png) center no-repeat;}
#stfbtn li.st04_thum a {background: url(img/st04_t.jpg) center no-repeat;}

#stfbtn li.st01_thum a:hover {background: url(img/st01_th.jpg) center no-repeat;}
#stfbtn li.st02_thum a:hover {background: url(img/st02_th.jpg) center no-repeat;}
#stfbtn li.st03_thum a:hover {background: url(img/dr_mailh.png) center no-repeat;}
#stfbtn li.st04_thum a:hover {background: url(img/st04_th.jpg) center no-repeat;}

span.st_name {
	display: block;
	text-align: center;
	font-family: "Julius Sans One","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

	/* st01,st02,st03,st04ページ用[end] */




	
}
/* media screen 画面最小幅の設定ここまで*/


@media screen and (max-width: 640px){


/* クリニック紹介ページ用[start]
	---------------------------------------------------------- */
.cpy {
	line-height: 2.0;
	font-size: 1.1em;
	font-family: Garamond,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	padding:50px 0 20px;
	text-align:center;
}

.pbox {
	width:80%;
}
	
	/*クリニック紹介ページ用[end] */

	/* アクセスページ用[start]
	---------------------------------------------------------- */
#map {
	width: 98%;
	margin: 0 auto;
	font-family: 'Lato',"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
#map_canvas {
	width: 98%;
	height: 300px;
 	margin: 0 auto;
}

.acs_bus {
	height: 30px;
	font-size: 1.3em;
	line-height: 20px;
	background: url(../../common/img/bg_bus.png) left center no-repeat;
	padding: 5px 0 0 40px;
	margin-bottom:15px;
}
.acs_sub {
	height: 30px;
	font-size: 1.3em;
	line-height: 20px;
	background: url(../../common/img/bg_sub.png) left center no-repeat;
	padding: 5px 0 0 40px;
	margin-bottom:15px;
}
	
.acs_trn {
	height: 30px;
	font-size: 1.3em;
	line-height: 20px;
	background: url(../../common/img/bg_trn.png) left center no-repeat;
	padding: 5px 0 0 40px;
	margin-bottom:15px;
}
	
	
	/*アクセスページ用[end] */

	/* 院長スタッフ：クリニック紹介用[start]
	---------------------------------------------------------- */
.s_1 {
	display:block;
	width:100%;
	text-align:center;
	margin:0 auto;
}
.s_2 {
	font-size: 1.0em;
	margin:0 auto 40px;
}
.s_2 h3 {
	text-align:center;
	margin:0;
	padding:10px 0;
}
.s_2 p {
	padding:0;
}
.s_2 ul {
	padding: 20px 0 0 40px;
}
.stjs01,
.stjs02 {			
	width: 240px;
	height: 100px;
	margin: 40px auto 0;
}
.stjs01 a,
.stjs02 a {		
	display: block;
	position:relative;
	margin: 0 auto;
	overflow: hidden;
	width: 240px;
	height: 100px;
	padding-top: 25px;
	text-align: left;
	line-height: 2.0em;
	font-size: 1.0em;
}
.stjs01 a {background: url(img/st01_h.jpg) no-repeat;}
.stjs02 a {background: url(img/st02_h.jpg) no-repeat;}

.stjs01 a:hover,
.stjs02 a:hover {
	color: #333;
}

.stjs01 img,
.stjs02 img {	
	position: absolute;
	top: 0;
	left: 0;
}

.stjs_t {
	width:80%;			
	height: auto;
	margin:10px auto;
}


.example-image-link {
  display: inline-block;
  line-height: 0;
  border: 3px solid #fff;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
/* line 191, ../sass/screen.sass */
.example-image-link:hover {
  border: 3px solid #CCC;
}

.dr_1 {			
	width: 98%;
}
.dr_2  {
	width:98%;
	padding-top:10px;
}
	.dr_2 h2  {
		width:98%;
	}
	.dr_2 ul {
		width:98%;
		font-size:0.9em;
	}
.dr_3  {
	width:98%;
}
	.dr_3 h2  {
		width:98%;
	}
	.dr_3 ul {
		width:98%;
		font-size:0.9em;
	}
	
	/* 院長スタッフ：クリニック紹介用[end] */
	
	/* 問い合わせページ用[start]
	---------------------------------------------------------- */
.inq {
	font-size: 1.1em;	
	width: 400px;
	line-height: 2.0;
	text-align: left;
	font-family: 'Lato',"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
	/* 問い合わせページ用[end] */
	/* cgiテンプレ用 [start] 
--------------------------------------------------------------- */
table.form { border:1px solid #666; border-collapse:collapse; margin: 20px auto 0; }
table.form th,td { text-align:left; border:1px solid #666; padding:8px; font-family: 'Lato',"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; }
table.form th { background: #ccc; }
table.form td { background:#fff; width:500px; }
	/* cgiテンプレ用 [end] */
	
	/* st01,st02,st03,st04ページ用[start]
	---------------------------------------------------------- */
#s_1 h3,
#s_2 h3 {
	margin: 0;
	padding: 0 0 10px 10px;
}

/* ↑↑↑↑↑↑↑↑↑↑　twitter,facebook部分の指定は、リスト装飾部分にて全体指定 ↑↑↑↑↑↑↑↑　*/
li.rsv a {
	display: block;
	margin: 50px 0 0 0;
}
#stfbtn {
	width: 600px;
	margin: 100px auto 10px;	
}
#stfbtn ul {
	margin: 0 auto;
}
#stfbtn li {
	float: left;
	width: 100px;
	padding: 10px;
}
#stfbtn li a {
	display: block;
	width: 100px;
	height: 100px;
	text-align: center;
	font-family: "Julius Sans One","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

#stfbtn li.st01_thum a {background: url(img/st01_t.jpg) center no-repeat;}
#stfbtn li.st02_thum a {background: url(img/st02_t.jpg) center no-repeat;}
#stfbtn li.st03_thum a {background: url(img/dr_mail.png) center no-repeat;}
#stfbtn li.st04_thum a {background: url(img/st04_t.jpg) center no-repeat;}

#stfbtn li.st01_thum a:hover {background: url(img/st01_th.jpg) center no-repeat;}
#stfbtn li.st02_thum a:hover {background: url(img/st02_th.jpg) center no-repeat;}
#stfbtn li.st03_thum a:hover {background: url(img/dr_mailh.png) center no-repeat;}
#stfbtn li.st04_thum a:hover {background: url(img/st04_th.jpg) center no-repeat;}

span.st_name {
	display: block;
	text-align: center;
	font-family: "Julius Sans One","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

	/* st01,st02,st03,st04ページ用[end] */




	

}
/* media screen 画面最小幅の設定ここまで*/
