/* ===================================================================
CSS information
 file name  :  style.css
=================================================================== */

@media all and (min-width: 656px) {
	/* ===============================
	■ PCサイト用CSS ■
	================================ */
	
	/* ===============================
	
	top page 
	================================ */
	/* メインビジュアル */
	#main_bg{
		background-image:url(../images/bg.png);
		background-repeat:repeat-x;
	}
	.main{
		margin:0 auto;
		width:1000px;
		height:auto;
	}
	#top_concept{
		width:100%;
		text-align:center;
		margin:0 auto;
		background-image:url(../images/top_illust.gif);
		background-repeat:repeat-x;
		background-position:0 bottom;
		height:100px;
	}
	#top_concept h1{
		margin:15px auto;
		text-align:center;
	}

	/* お知らせ */
	#news_box{
		width:720px;
		height:425px;
		padding:18px 15px ;
		margin-bottom:20px;
		background-color:#fff;
    border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */ 
	}

	#news_box .iframe{
		width:720px;
		height:395px;
		overflow:hidden;
		overflow-y:scroll;
	}

	#news_box #js-info {
		padding:0 16px 15px 16px;
		margin:0;
	}
	#news_box #js-info p.date{
		width:10em;
		margin-top:5px;
		font-weight:bold;
		color:#5cbf6a;
	}
	#news_box #js-info p.info{
		margin-bottom:14px;
		line-height:1.3em;
	}
	#news_box #js-info .title{
		font-weight:bold;
	}


	/* 時間 */
	#top_shinryo{
		float:left;
		width:390px;
		min-height:200px;
		padding:18px 15px ;
		background-color:#fff;
    border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */ 
	}

	/* 診療時間　共通 */
	table.shinryo{
		padding:0;
		margin:0;
		width:100%;
		margin-bottom:6px;
		border:1px solid #5cbf6a;
		border-right:0 solid #5cbf6a;
		border-bottom:0 solid #5cbf6a;
	}
	table.shinryo tr{
		border-bottom:1px solid #5cbf6a;
	}
	table.shinryo th{
		border-right:1px solid #5cbf6a;
		text-align:center;
		width:30%;
		padding:4px 0;
	}
	table.shinryo td{
		border-right:1px solid #5cbf6a;
		text-align:center;
		width:10%;
		padding:4px 0;
	}
	
	/* ご挨拶 */
	#top_message{
		float:right;
		width:280px;
		min-height:200px;
		padding:18px 15px ;
		background-color:#fff;
    border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */ 
	}
	#top_message img.photo{
		width:100px;
		float:left;
		margin-right:12px;
	}
	

	/* ===============================
	
	access
	================================ */
	/* アクセス */
	#access .map iframe{
		float:right;
		width:380px;
		height:350px;
	}
	#access .access_info{
		float:left;
		width:280px;
	}
	#access .access_info p{
		margin-bottom:14px;
	}
	#access .access_info p.tel{
		font-size:1.1em;
		line-height:1.3em;
		font-weight:bold;
		color:#ff0033;
		text-align:left;
	}
	
	#access .photos {
		width:100%;
		margin-right:10px;
	}
	#access ul.photos li img{
		width:100%;
	}


	/* ===============================
	
	about
	================================ */
	/* あいさつ */
	#about .photo{
		width:30%;
		float:left;
		margin-right:20px;
	}
	#about .aisatsu p{
		margin-bottom:15px;
	}

	/* 施設写真 */
	.about_photos{
		margin-bottom:40px;
	}
	.about_photos ul.photos{
	}
	.about_photos ul.photos li{
		width:23%;
		float:left;
		margin-right:2%;
		margin-bottom:5px;
	}
	.about_photos ul.photos li img{
		width:100%;
	}

	/* 時間 */
	.about_shinryo{
		width:100%;
		background-color:#fff;
		margin-bottom:40px;
    border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */ 
	}


	/* 概要 */
	.about_gaiyo table{
		padding:0;
		margin:0;
		width:100%;
		margin-bottom:40px;
		border-top:1px dotted #ccc;
	}
	.about_gaiyo table tr{
		border-bottom:1px dotted #ccc;
	}
	.about_gaiyo table th{
		text-align:left;
		width:25%;
		padding:8px 0 6px 20px;
		font-weight:normal;
		color:#5cbf6a;
	}
	.about_gaiyo table td{
		text-align:left;
		padding:8px 0 6px 0 ;
	}
	

	/* ===============================
	
	clinic
	================================ */
	.shinryo_detail_box{
		padding:15px 20px 10px 20px ;
		margin-bottom:30px;
	box-shadow:rgba(171, 171, 171, 0.35) 0px 0px 3px 1px;
	-webkit-box-shadow:rgba(171, 171, 171, 0.35) 0px 0px 3px 1px;
	-moz-box-shadow:rgba(171, 171, 171, 0.35) 0px 0px 3px 1px;
	}
	h2.ttl_clinic{
		font-size:1.3em;
		font-weight:bold;
		margin:0 0 10px 0;
		color:#5cbf6a;
	}
	h3.ttl_clinic{
		font-size:1.1em;
		font-weight:bold;
		margin:0 0 0 0;
		padding:4px 0 4px 1em;
		background:url(../images/btn_arw_grn.png) no-repeat 0 50%;
	}
	.shinryo_detail_box p{
		margin-bottom:20px;
	}
}








@media screen and (max-width: 655px) {
	/* ===============================
	■ SPサイト用CSS ■
	================================ */
	#pankuzu{
		display:none;
	}
	#title h1{
		display:none;
	}
	
/* ===============================
	
	top page 
	================================ */
      
    /* メインビジュアル */
    #infoTop img{
        margin:0 auto;
        padding-bottom: 20px;
		width:100%;        
        height: 100%;
    }
	#main_bg{
		background-image:url(../images/bg.png);
		background-repeat:repeat-x;
	}
	.main{
		margin:0 auto;
		width:100%;
	}
	#top_concept{
		display:none;
	}
	#top_concept h1{
		margin:15px auto;
		text-align:center;
	}

	/* お知らせ */
	#news_box{
		width:85%;
		height:250px;
		padding:18px 5% ;
		margin:0 auto 20px auto;
		background-color:#fff;
      border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */ 
	}

	#news_box .iframe{
		width:100%;
		margin:0 auto;
		height:210px;
		overflow:hidden;
  overflow:auto; /* scrollからautoに変更 */
  		-webkit-overflow-scrolling:touch;
 		border:1px solid #eee;
		background-color:#fff;
	}
	#news_box #js-info {
		padding:14px;
		margin:0;
	}
	#news_box #js-info p.date{
		width:10em;
		margin-top:5px;
		font-weight:bold;
		color:#5cbf6a;
	}
	#news_box #js-info p.info{
		margin-bottom:14px;
		line-height:1.3em;
	}
	#news_box #js-info .title{
		font-weight:bold;
	}


	/* 時間 */
	#top_shinryo{
		width:85%;
		padding:18px 5% ;
		margin:0 auto 20px auto;
		background-color:#fff;
    border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */ 
	}

	/* 診療時間　共通 */
	table.shinryo{
		padding:0 ;
		width:100%;
		margin:0 auto 20px auto;
		border:1px solid #5cbf6a;
		border-right:0 solid #5cbf6a;
		border-bottom:0 solid #5cbf6a;
	}
	table.shinryo tr{
		border-bottom:1px solid #5cbf6a;
	}
	table.shinryo th{
		border-right:1px solid #5cbf6a;
		text-align:center;
		width:30%;
		padding:4px 0;
	}
	table.shinryo td{
		border-right:1px solid #5cbf6a;
		text-align:center;
		width:10%;
		padding:4px 0;
	}
	
	/* ご挨拶 */
	#top_message{
		width:85%;
		padding:18px 5% ;
		margin:0 auto 20px auto;
		background-color:#fff;
    border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */ 
	}
	#top_message img.photo{
		width:30%;
		float:left;
		margin-right:12px;
		margin-bottom:15px;
	}
	

	/* ===============================
	
	access
	================================ */
	/* アクセス */
	#access .map iframe{
		width:100%;
		margin:0 auto;
	}
	#access .access_info{
		width:100%;
		margin:0 auto;
	}
	#access .access_info p{
		margin-bottom:14px;
	}
	#access .access_info p.tel{
		font-size:1.1em;
		line-height:1.3em;
		font-weight:bold;
		color:#ff0033;
		text-align:left;
	}
	
    #access .photos iframe{
		width:100%;
		margin:0 auto;
	}
	
	#access ul.photos li img{
		width:100%;
	}


	/* ===============================
	
	about
	================================ */
	/* あいさつ */
	#about .photo{
		width:45%;
		float:left;
		margin-right:12px;
	}
	#about .aisatsu p{
		margin-bottom:15px;
	}

	/* 施設写真 */
	
	.about_photos{
		margin-bottom:40px;
	}
	.about_photos ul.photos{
	}
	.about_photos ul.photos li{
		width:48%;
		float:left;
		margin-right:2%;
		margin-bottom:5px;
	}
	.about_photos ul.photos li img{
		width:100%;
	}
	.banners{
		margin-bottom:40px;
	}
	.banners ul.top-banner{
	}
	.banners ul.top-banner li{
		width:48%;
		float:left;
		margin-right:2%;
		margin-bottom:5px;
	}
	.banners ul.top-banner li img{
		width:100%;
	}

	/* 時間 */
	.about_shinryo{
		width:100%;
		background-color:#fff;
		margin-bottom:40px;
    border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */ 
	}


	/* 概要 */
	.about_gaiyo table{
		padding:0;
		margin:0;
		width:100%;
		margin-bottom:40px;
		border-top:1px dotted #ccc;
	}
	.about_gaiyo table tr{
		border-bottom:1px dotted #ccc;
	}
	.about_gaiyo table th{
		text-align:left;
		width:40%;
		padding:8px 0 6px 0;
		font-weight:normal;
		color:#5cbf6a;
	}
	.about_gaiyo table td{
		text-align:left;
		padding:8px 0 6px 0 ;
	}
	

	/* ===============================
	
	clinic
	================================ */
	.shinryo_detail_box{
		padding:15px 20px 10px 20px ;
		margin-bottom:30px;
	box-shadow:rgba(171, 171, 171, 0.35) 0px 0px 3px 1px;
	-webkit-box-shadow:rgba(171, 171, 171, 0.35) 0px 0px 3px 1px;
	-moz-box-shadow:rgba(171, 171, 171, 0.35) 0px 0px 3px 1px;
	}
	h2.ttl_clinic{
		font-size:1.3em;
		font-weight:bold;
		margin:0 0 10px 0;
		color:#5cbf6a;
	}
	h3.ttl_clinic{
		font-size:1.1em;
		font-weight:bold;
		margin:0 0 0 0;
		padding:4px 0 4px 1em;
		background:url(../images/btn_arw_grn.png) no-repeat 0 50%;
	}
	.shinryo_detail_box p{
		margin-bottom:20px;
	}

}