@charset "utf-8";

* {
    margin: 0px;
    padding: 0 2px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    font-family: "Meiryo", Arial, Helvetica, sans-serif;
    line-height: 1.5em;
    font-size: 12px;

	text-decoration: none;
}

body{
	max-width:1024px;
	margin-left: auto;
	margin-right:auto;
}
header{
	border-top		: solid 20px #0000FF;
	border-bottom	: solid  5px #FF00FF;
}
footer {
	border-top		:	solid 5px #FF00FF;
	text-align		:	center;
	padding-top		:	10px;
	padding-bottom	:	10px;
	font-size		:	14px;
}
section,article{
	margin-bottom	:	10px;
}

ul{
	list-style		:	none;
}

div{
	display:block;
}

img{
	width	:	100%;
}

.mt5	{margin-top:	5px;	}
.mt10	{margin-top:	10px;	}
.mt15	{margin-top:	15px;	}
.mt20	{margin-top:	20px;	}

.right {text-align: right; }
.midashi-list {list-style-type: none; }

/** ナビ */
nav{
	overflow		:	hidden;
	/*margin-top		:	5px;*/
}
nav ul li a{
	font-size		:	90%;
	font-weight		:	bold;
}
nav ul li a{
	display					:	block;
	width					:	100%;
}
	nav li:hover,
	nav li[selected]{
		background-color		:	#0000FF;
		cursor					:	pointer;
	}
	nav li:hover a,
	nav li[selected] a{
		color					:	#fff;
	}

/** ロゴ */
header {
	position		:	relative;
}

header h1{
	max-width		:	500px;
	width			:	auto;
	height			:	54px;
	text-indent		:	-1000em;
	background		:	url("../images/yamasitaLOGO2.png") no-repeat;
	background-size	:	100%;
}

header div.inquiry{
	position		:	absolute;
	top				:	0;
	right			:	0;
}

header div.inquiry	> .text{
	font-size		:	14px;
	text-align		:	right;
}
header div.inquiry	> .tel{
	font-size		:	26px;
}


h3{
	font-size		:	14px;
	color			:	#ffffff;
	border-bottom	:	solid  5px #0000FF;
	background-color:	#0000FF;
	padding			:	10px 0 0 8px;
	margin-bottom		:	5px;
	margin-top		:	10px; 
	-webkit-border-top-left-radius	:	5px;
	-moz-border-radius-topleft		: 5px;  
}

h4{
	font-size		:	14px;
	color			:	#ffffff;
	border-bottom	:	solid  5px #0000FF;
	background-color:	#0000FF;
	padding			:	10px 0 0 8px;
	margin-bottom	:	5px;
	-webkit-border-top-left-radius	:	5px;
	-moz-border-radius-topleft		:	5px;  
}

h5{
	font-size		:	14px;
	padding-left	:	4px;
	border-left		:	solid  10px  #0000FF;
	margin-bottom	:	5px;
}

h6{
	font-size		:	14px;
	padding-left	:	4px;
	border		: 1px solid #0000FF;
	text-align:left;
	width			:	300px;
}

.clear{
	clear:both;
}

/** box */
.box {
	border	:	solid 1px #0000FF;
	padding-bottom:20px;
	padding-top		:	0px;
}
.box .box-title {
	font-size	:	1.5em;
	background	:	#0000FF;
	padding		:	7px;
	color		:	#fff;
	font-weight	:	bold;
	letter-spacing:	0.05em;
}

.box div {
	padding-left	:	15px;
	margin		:	0px;
}
.box div.name {

	font-size		:	22px;
	font-weight		:	bold;
	color			:	#0000FF;
	letter-spacing	:	5px;
}

.box div.tel {
	font-size		:	24px;
	font-weight		:	bold;
	letter-spacing	:	1px;
}

.box div.address {
	font-size		:	12px;
	letter-spacing	:	1px;
}

.box div a{
	font-size		:	12px;
	color			:	#ff8c00;
}

.signature{
	text-align		:	right;
	margin-top		:	5px;
}

.section-box{
	border	:	solid 1px #0000FF;
	padding	:	12px;
	font-size:	80%;
}


/** news */
div.Indent-list ul li.title{
	list-style-type	:	disc;
	margin-left		:	30px;
}
div.Indent-list ul li.detail{
	margin-left		:	50px;
	margin-bottom	:	10px;
}


/** 診療時間 */
/* div.medical-time ul li{
	display			:	inline-block;
	border			:	solid 1px #0000FF;
	padding			:	10px 0;
	margin-bottom	:	1px;
	text-align		:	center;
}
div.medical-time ul li:first-child{
	width	:	25%;
}
div.medical-time ul li:nth-of-type(n+2){
	width	:	9%;
}
div.medical-time ul:nth-of-type(n+2) li:nth-of-type(n+2){
	font-size:14px;
	color:#0000FF;
} */

.table{
	width: 95%;
	border-collapse: collapse;
}
.medical-care-table th{
	border: 1px solid #0000FF;
	text-align:center;
}
.medical-care-table td{
	border: 1px solid #0000FF;
	text-align:center;
}


/** 紹介画像 */
section.full-image{
	width			:	100%;
}
section.full-image > img{
	max-width		:	768px;
	width			:	100%;
	background-size	:	100%;
}

section.half-image{
	width			:	50%;
	float			:	left;
	padding-right	:	5px;
}
section.half-image > img{
	max-width		:	300px;
	width			:	100%;
	background-size	:	100%;
}


section.thre-image{
	width			:	33%;
	float			:	left;
	padding-right	:	5px;
}
section.thre-image > img{
	max-width		:	200px;
	width			:	100%;
	background-size	:	100%;
}


@media screen and (min-width: 0px) and (max-width: 919px) {
	#main-left{
		width:100%;
	}
	#main-right{
		width:100%;
	}
	section#pc-nav{
		display:none;
	}

	section#mb-nav{
		display:block;
	}

	header div.inquiry{
		display:none;
	}
	
	/** ナビ */
	.menu-button {
		width					:	100px;
		height					:	42px;
		display					:	inline-block;
		text-align				:	center;
		text-decoration			:	none;
		line-height				:	42px;
		outline					:	none;
		background-color		:	#fff;
		color					:	#0000FF;
		font-weight				:	bold;
		border-radius			:	10px;
		-webkit-border-radius	:	10px;
		-moz-border-radius		:	10px;
		margin-bottom			:	5px;
	}

	#mb-nav div{
		text-align				:	right;
		padding					:	5px;
		background-color		:	#00FFFF;
	}
	
	nav li a{
		line-height				:	50px;
	}
	nav ul li{
		width					:	100%;
		height					:	50px;
		text-align				:	center;
		border-top				:	#fff 1px solid;
		display					:	none;
		color					:	#fff;
	}

	/** 画像 */
	section.half-image{
		width					:	100%;
	}

	section.half-image > img{
		max-width				:	100%;
		width					:	100%;
		background-size			:	100%;
	}

}

@media screen and (min-width: 920px) {

	#main-left{
		width					:	20%;
		float					:	left;
		margin					:	0 1.0416667%;
	}

	#main-right{
		width					:	75%;
		float					:	left;
		margin					:	0 1.0416667%;
	}
	section#pc-nav{
		display					:	block;
	}
	section#mb-nav{
		display					:	none;
	}

	header div.inquiry{
		display					:	block;
	}
	
	/** ナビ */
	#pc-nav{
		text-align				:	center;
	}
	nav li{
		width					:	100%;
		font-size				:	16px;
		border					:	solid 1px #0000FF;
		margin-top				:	5px;
	}
	nav li a{
		line-height				:	60px;
	}

}