/* CSS Document */

/* ヘッダー */
#header {
	margin: 0;
	padding: 30px 70px;
	width:auto;
	position: relative;
}

#header .header_img {
	float:left;
	height:454px;
	width:820px;
}

#header a {
	text-decoration:none;
	color:#fff;
}

#header .supervisor {
	position: absolute;
	top: 245px;
	left: 115px;
	width: 240px;
	float:left;
	margin: 10px;
	font-size:8pt;
	padding:20px;
	height: 110px;
    font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color:#fff;
}

.supervisor .sv_name {
	font-size:16px;
	line-height:180%;
}

#header .comment {
	position: absolute;
	top: 300px;
	left: 394px;
	width: 285px;
	float:left;
	margin: 10px;
	font-size:14pt;
	line-height:1.2em;
	padding:0px;
	height: 110px;
	color: #FF33FF;
	text-align:center;
    font-family: "ヒラギノ丸ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#header .serifu {
	margin-top: -10px;
}

/* メインコンテンツ */
#main {
	margin: 10px;
	padding: 10px 70px;
	line-height:150%;
}

#main .column {
	float: left;
	width: 100%;
	margin: 20px 0;
	padding: 0;
	position: relative;
}

#main .column_r {
	float: right;
	width: 48%;
}

#main .column_l {
	float: left;
	width: 48%;
}

#main h2 {
	font-size: 30pt;
	padding: 0;
	margin: 0;
	line-height: 1.2em;
	color: #009999;
}

#main .column img {
	width:100%;
}

#main .column_r img {
	width:100%;
}

#main .column_l img {
	width:100%;
	padding-bottom:20px;
}

#main .column .dental {
	position: absolute;
	top: 90px;
	left: 40px;
	width: 410px;
	float:left;
	margin: 10px;
	font-size:10.5pt;
	padding:10px;
	height: 180px;
	line-height:120%;
}

#main .btn {
	float: left;
	width: 50%;
	margin: 20px 0;
	padding: 0;
	text-align:center;
}

#main .btn img {
	margin-left:0;
	width:200px;
}


p {
	padding: 0;
	margin: 0;
    text-indent: 1em;
}



@media screen and (max-width: 700px) {
	
	#header {
		margin: 0;
		padding: 10px;
		width:auto;
		position: relative;
	}
	
	#header .header_img {
		float:left;
		width:100%;
		height:auto;
	}

	#header a {
		color:#000;
	}
	
	#main {
		padding: 10px;
	}
	
	.main img{
		width:100%;
	}
	
	#main .column_r {
		width: 100%;
	}
	
	#main .column_l {
		width: 100%;
	}
	
	#header .supervisor {
		position:static;
		width: auto;
		height: auto;
		margin: 10px;
		padding: 10px;
		color:#000;
		background-color:#ccc;
	}

	#main .column .dental {
		position: static;
		width: auto;
		height: auto;
		margin: 10px;
		padding: 20px;
		background-repeat:repeat;
		background-image: url(../images/sp_dental_bg.jpg);
	}
	

	#main .column .dental img {
		padding-bottom:20px;
	}

	#main h2 {
		font-size: 18pt;
	}

	#main .btn {
		width: 100%;
		margin: 10px 0;
		padding: 0;
	}
	
	#main .btn img {
		margin-left:0;
		padding-left:0;
	}
}