/* ===================================================================
CSS information
 file name  :  common.css
 style info :  基本構造（common.css）
=================================================================== */


@media all and (min-width: 656px) {
	/* PC用のスタイル記述
	=============================== */

	.sp_none{ display:block;}
	.pc_none{ display:none;}


	a .btn{
		clear:both;
		width:100%;
		padding:8px 0 7px 0;
		text-align:center;
		color:#fff;
		font-size:1.1em;
		background:#87c600 url(../images/btn_arw_wh.png) no-repeat 98% 50%;
		border-radius: 5px;        /* CSS3草案 */  
		-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 5px;   /* Firefox用 */ 
	}
	a:hover .btn{
		color:#fff;
		background:#ff7660 url(../images/btn_arw_wh.png) no-repeat 98% 50%;
	}
	
	
/* header */
	header{
		width:1000px;
		margin:0 auto;
		padding:6px 0 4px 0;
	}
	header .inner{
		float:left;
		width:580px;
	}
	header .inner p{
		color:#87c600;
		font-size:80%;
		margin-bottom:8px;
 	}
	header .head_right{
		width:400px;
		float:right;
		margin-top:20px;
		text-align:right;
	}
	header .head_right img{
		vertical-align:middle;
	}
	header .head_right #tel{
		margin-bottom:10px;
	}
	header .head_right #text{
	}
	header .head_right #button{
	padding:0;
	margin:0;
	}

/* gnavi */
	nav#gnavi{
		background-color:#44b253;
		width:100%;
	}
	nav#gnavi ul{
		width:1000px;
		margin:0 auto;
	}
	nav#gnavi ul li{
		width:25%;
		float:left;
		text-align:center;
		display: inline-block;
		border-left: 1px solid #e6e4e4;
		box-sizing: border-box;	
	}
	nav#gnavi ul li:last-child{
	border-right: 1px solid #e6e4e4;
	}
	nav#gnavi ul li a{
		display: block;
		width: 100%;
		padding:10px 0;
	}
	nav#gnavi ul li:hover{
		background-color:#ff7660;
	}
	
	/* footer */
	.pagetop{
	clear:both;
	float:right;
	width:10em;
	font-size:12px;
	padding:4px 0 3px 10px;
	margin:20px 15px 20px 0 ;
	text-align:center;
	color:#fff;
	border:1px solid #87c600;
	background:#fff url(../images/arw_up_ygrn.png) no-repeat 10px 50%;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	}
	
	footer{
	}
	
	/* #ft_navi */
	footer #ft_navi{
	}
	nav#ft_navi{
		background-color:#44b253;
		width:100%;
	}
	nav#ft_navi ul{
		width:1000px;
		margin:0 auto;
	}
	nav#ft_navi ul li{
		width:25%;
		float:left;
		text-align:center;
		display: inline-block;
		border-left: 1px solid #e6e4e4;
		box-sizing: border-box;	
	}
	nav#ft_navi ul li:last-child{
	border-right: 1px solid #e6e4e4;
	}
	nav#ft_navi ul li a{
		display: block;
		width: 100%;
		padding:10px 0;
		color:#fff;
	}
	nav#ft_navi ul li:hover{
		background-color:#ff7660;
	}
	
	#copyright{
		clear:both;
		color:#88c703;
		text-align:center;
		font-size:11px;
		line-height:16px;
		background-color:#fff;
		height:40px;
		padding:20px 0;
	}
	
	
	
	
	/* layout ============== */
	#bgcoler{ background-color:#f1f6eb;}
	#contentArea{
		width:1000px;
		margin:0 auto;
	}
	#contentArea h2.h2_top{
		font-size:1.2em;
		line-height:1.4em;
		margin-bottom:10px;
	}
	#content_left{
		float:left;
		width:750px;
	}
	#content_left .inner{
		width:720px;
		margin:0 auto;
	}
	#infoTop img {
		margin-bottom: 15px;
	}
	/* sidenavi */
	#sidenavi{
		float:right;
		width:200px;
		padding:6px 10px 10px 10px ;
		background-color:#fff;
	border-radius: 8px;        /* CSS3草案 */  
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 8px;   /* Firefox用 */ 
	}
	#sidenavi h2{
		font-size:1em;
		line-height:1.2em;
		margin:10px 0 5px 0;
		color:#5cbf6a;
	}
	#sidenavi p{
		font-size:0.95em;
		line-height:1.2em;
		margin-bottom:4px;
	}
	#sidenavi p.tel{
		font-size:1.1em;
		line-height:1.2em;
		font-weight:bold;
		color:#ff0033;
		text-align:center;
	}
	#sidenavi .photo{
		width:100%;
		margin-bottom:4px;
	}
	#sidenavi aside .banners{
		margin-top:0px;
		text-align:center;
	}
	#sidenavi aside .banners:first-child{
		margin-top:10px;
		text-align:center;
	}
	#sidenavi aside .banners img.bnr{
		width:100%;
	}
	
}




/* =========================================================================================== */


@media screen and (max-width: 655px) {
	/* スマートフォン用のスタイル記述
	=============================== */

	.sp_none{ display:none;}
	.pc_none{ display:block;}

	a .btn{
		clear:both;
		width:96%;
		padding:14px 0 12px 0;
		margin:0 auto 6px auto;
		text-align:center;
		color:#fff;
		font-size:1.1em;
		background:#87c600 url(../images/btn_arw_wh.png) no-repeat 98% 50%;
		border-radius: 5px;        /* CSS3草案 */  
		-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 5px;   /* Firefox用 */ 
	}
	a:hover .btn{
		color:#fff;
		background:#ff7660 url(../images/btn_arw_wh.png) no-repeat 98% 50%;
	}
	

/* header */
	header{
		width:100%;
		margin:0 auto;
	}
	header .inner{
		width:100%;
		text-align:center;
		padding:0;
	}
	header .inner p{
		display:none;
 	}
	header .head_right{
		display:none;
	}
	header .head_right img{
		vertical-align:middle;
	}
	header .head_right #tel{
		margin-bottom:10px;
	}
	header .head_right #text{
	}
	header .head_right #button{
	padding:0;
	margin:0;
	}
	header #hd_logo{ width:80%; margin: 10px auto 6px auto;}

/* gnavi */
	nav#gnavi{
		display:none;
	}
	nav#gnavi_sp{
		background-color:#44b253;
		width:100%;
	}
	nav#gnavi_sp ul{
		width:100%;
		margin:0 auto;
	}
	nav#gnavi_sp ul li{
		width:25%;
		float:left;
		text-align:center;
		display: inline-block;
		border-left: 1px solid #e6e4e4;
		box-sizing: border-box;	
		color:#fff;
	}
	nav#gnavi_sp ul li:last-child{
	border-right: 1px solid #e6e4e4;
	}
	nav#gnavi_sp ul li a{
		display: block;
		width: 100%;
		padding:20px 0;
		color:#fff;
	}
	nav#gnavi_sp ul li img{
		width:100%;
	}
	
	/* footer */
	.pagetop{
	clear:both;
	padding:8px 0 6px 0;
	margin:20px auto 0 auto ;
	border-top:1px solid #87c600;
	background:url(../images/arw_up_ygrn.png) no-repeat 5% 50%;
	text-align:center;
	}
	.pagetop a{
	font-size:12px;
	width:100%;
	padding:8px 0 6px 0;
	}
	
	footer{
	}
	
	/* #ft_navi */
	footer #ft_navi_sp{
	}
	nav#ft_navi_sp{
		background-color:#44b253;
		width:100%;
	}
	nav#ft_navi_sp ul{
		width:100%;
		margin:0 auto;
	}
	nav#ft_navi_sp ul li{
		width:25%;
		float:left;
		text-align:center;
		display: inline-block;
		border-left: 1px solid #e6e4e4;
		box-sizing: border-box;	
		color:#fff;
	}
	nav#ft_navi_sp ul li:last-child{
	border-right: 1px solid #e6e4e4;
	}
	nav#ft_navi_sp ul li a{
		display: block;
		width: 100%;
		padding:20px 0;
		color:#fff;
	}

	#copyright{
		clear:both;
		color:#88c703;
		text-align:center;
		font-size:11px;
		line-height:16px;
		background-color:#fff;
		height:40px;
		padding:20px 0;
	}
		
	
	/* layout ============== */
	#bgcoler{ background-color:#f1f6eb;}
	#contentArea{
		width:100%;
		margin:0 auto;
	}
	#contentArea h2.h2_top{
		font-size:1.2em;
		line-height:1.4em;
		margin-bottom:10px;
	}
	#content_left{
		width:100%;
		border-bottom:1px solid #bbb;
		padding-bottom:40px;
		margin-bottom:20px;
		display:table;
	}
	#content_left .inner{
		width:90%;
		margin:0 auto;
	}
	
	/* sidenavi */
	#sidenavi{
		clear:both;
		width:85%;
		padding:18px 5% 18px 5% ;
		margin: 0 auto;
		background-color:#fff;
	border-radius: 8px;        /* CSS3草案 */  
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 8px;   /* Firefox用 */ 
	}
	#sidenavi h2{
		font-size:1.2em;
		line-height:1.2em;
		margin:20px 0 5px 0;
		color:#5cbf6a;
	}
	#sidenavi p{
		font-size:0.95em;
		line-height:1.2em;
		margin-bottom:6px;
	}
	#sidenavi img.btn_appointment{
		width:100%;
	}
	#sidenavi p.tel{
		font-size:1.1em;
		line-height:1.2em;
		font-weight:bold;
		color:#ff0033;
		text-align:center;
		border:1px solid #F96;
		background-color:#FFE6E7;
		padding:15px 0;
	border-radius: 4px;        /* CSS3草案 */  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */ 
	}
	#sidenavi p.tel a{
		color:#ff0033;
	}
	#sidenavi .photo{
		width:100%;
		margin-bottom:4px;
	}
	#sidenavi aside .banners{
		margin-top:12px;
		text-align:center;
	}
	#sidenavi aside .banners img.bnr{
		width:100%;
	}

}