@charset "utf-8";

/* トップページ：デザインスタイル
 * **************************************************
  * mainImg [ メイン画像 ]  
 * troubleshooting [ こんなとき ]  
 * recommend [ 健康おすすめ情報 ] 
 * **************************************************
 */
 
 /* ======================================
　mainImg [ メイン画像 ]
====================================== */
/* Media Queries 切替 */
@media all and (max-width: 480px) {
	section div.mainTitle {
		background:#ffffff;
		border: none;
		padding:2%;		
	}
	div.mainImg {
		display:block;
		text-align:center;
	}
	div.mainImg img {
		height:auto;
		width:200px;
	}
	span.imgNone {
		display:none;
	}
}

/* Media Queries 切替 */
@media all and (min-width: 481px) {
	#index {
	background-image: url(../images/04doctor/bg_dot.gif);
	background-repeat: repeat-x;
	background-position: center top;
	}
	
	section div.mainTitle {
	text-align: left;
	padding: 20px 0 0 200px;
	background-image: url(../images/04doctor/il_top.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height: 160px;
	}
	div.mainImg {
		display:none;
	}
}


 /* ======================================
　Img [ その他の画像 ]
====================================== */
/* Media Queries 切替 */
@media all and (max-width: 480px) {
	section div.mainTitle h1 img {
		height:auto;
		width: 98%;
		max-width: 98%;
	}
	section.service2 img {
		height: auto;
		width: 40%;
		margin:5px;
	}
}

/* Media Queries 切替 */
@media all and (min-width: 481px) {
	section.service p img {
		text-align:center;
	}
}


/* ======================================
　 troubleshooting [ こんなとき ]  
====================================== */
section.service {
		/*margin: 2%;*/
	}

section.service p {
	text-align:left;
}


section.service p {
	margin: 5px 10px;
}

section.service div.columns {
	width: 98%;
	margin: 0 auto;
}

section.service div.dial {
	width: 98%;
	margin: 0 auto;
	padding:5px;
	background: #FFF;
	border:#4AB3C1 1px solid;
}

section.service div.boxSp {
	margin-bottom:20px;
}

section.service2 {
	background-color: #4AB3C1;
}

span.collarT {
	color:#1E8EA4;
}



@media all and (max-width: 480px) {
	div.mainArticle{
		font-size: 100%;
		width:100%;
		margin:20px 0 20px 0;
	}
	
	section.service2 {
		width:100%;
		text-align:center;
		float: left;
		padding:10px 0;
	}
	
	section.service div.dial {
		width: 98%;
		margin:5px auto;
		padding:0;
		background: #FFF;
		border:#4AB3C1 1px solid;
		float:left;
	}
	
	section.service dl.taisyou {
		padding:5px 0 0 10px;
		clear:both;
	}
	section.service dl.taisyou dt {
		width:130px;
		float:left;
	}
	section.service dl.taisyou dd {
		float:left;
		font-size:15px;
		padding-top:0px;
		padding-bottom:5px;
	}
	
	section.service dl.fukidashi {
		border-top:#4AB3C1 1px dotted;
		padding:5px 0 0 10px;
		clear:both;
	}
	
	section.service dl.fukidashi dt {
		width:130px;
		float:left;
	}
	section.service dl.fukidashi dd {
		font-size:15px;
		padding-top:5px;
	}
	section.service p.telNo {
		clear:left;
	}
	
	section.service span.flee {
	}
	section.service dl.telNo {
		margin:0;
		padding:5px 10px 0 10px;
		clear:both;
	}
	section.service dl.telNo dt {
		
	}
	section.service dl.telNo span.number {
		color:#4AB3C1;
		font-family:"Arial Black", Gadget, sans-serif;
		font-size:35px;
		line-height:35px;
	}
	section.service dl.telNo dd {
		padding:0 0 0 0;
	}
	
	section.service p.explanation {
		margin:10px 0 0 0;
		padding:5px 10px 5px 10px;
		border-top:#4AB3C1 1px dotted;
		clear:both;
	}
	section.service div.dial2 {
		width: 98%;
		margin:20px 0 0 0;
		padding:0 0 10px 0;
		background: #FFF;
		border: none;
		float:left;
		text-align:center;
		border:#4AB3C1 1px solid;
		text-align: left;
	}
	section.service div.dial2 h2 {
		padding:5px 0 0 10px;
		color:#1E8EA4;
		font-size:18px;
		font-weight:bold;
	}
	section.service div.dial2 dl.iconPc {
		padding:5px 0 35px 10px;
		clear:both;
	}
	section.service div.dial2 dl.iconPc dt {
		display: none;
		/*width:55px;
		float:left;*/
	}
	section.service div.dial2 dl.iconPc dd {
		width:90%;
		padding:5px 10px;
		float:left;
		background:#DAEEF7;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	section.service div.dial2 dl.iconPc dd a {
		font-size:12px;
	}
	section.service div.dial2 dl.iconPc2 {
		padding:5px 0 35px 10px;
		clear:both;
		margin-bottom:20px;
	}
	section.service div.dial2 dl.iconPc2 dt {
		display: none;
		/*width:55px;
		float:left;*/
	}
	section.service div.dial2 dl.iconPc2 dd {
		width:90%;
		padding:5px 10px;
		float:left;
		background:#FEEED3;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	section.service div.dial2 dl.iconPc2 dd a {
		font-size:11px;
	}
	
	section.service div.setumeiList,
	section.service div.setumeiList2 {
		margin:0;
		padding:5px 10px 5px 10px;
		border-top:#4AB3C1 1px dotted;
	}
	section.service div.setumeiList li {
		text-indent:-13px;
		padding-left:13px;
		clear:both;
	}
	section.service div.setumeiList img {
		float: left;
		width:100%;
	}
	section.service div.dial2 div.taisyou {
		padding:0 10px;
	}
	
}

/* Media Queries 切替 */
@media all and (min-width: 481px) {
	div.mainArticle{
		font-size: 14px;
		width:100%;
		margin:20px 0 20px 0;
	}
	section.service {
	zoom: 1;
	margin: 0 0 20px 0;
	padding: 25px 0 25px 25px;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-image: url(../images/04doctor/bg.gif);
	}
	section.service2 {
		width:840px;
		text-align: center;
		float: left;
		padding:10px 20px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
	}
	section.service2 img {
		margin: 0 1px;
	}
	
	section.service p {
	text-align:left;
	}

	section.service div.consultation {
		width: 420px;
	}
	
	section.service p {
		margin: 5px 0;
	}
	section.service div.detailBox {
		width:716px;
		border: 2px solid #EE6677;
		padding:30px 80px;
		margin: 0;
	}
	section.service div.columns {
		width: 820px;
		margin:0 0 0 10px;
		padding:0;
		float:left;
	}
	
	section.service div.dial {
		width: 810px;
		margin:0 0 0 0;
		padding:0;
		background: #FFF;
		border:#4AB3C1 1px solid;
		float:left;
	}
	section.service div.dial2 {
		width: 810px;
		margin:0 0 0 0;
		padding: 5px 0;
		background: #FFF;
		border:#4AB3C1 1px solid;
		float:left;
		text-align: left;
	}
	section.service div.dial2 h2 {
		padding:5px 0 0 10px;
		color:#1E8EA4;
		font-size:18px;
		font-weight:bold;
	}
	section.service div.dial2 h2 {
		padding:5px 0 0 10px;
		color:#1E8EA4;
		font-size:18px;
		font-weight:bold;
	}
	section.service div.dial2 dl.iconPc2 h3 {
		padding:0;
		color:#1E8EA4;
		font-size:15px;
		font-weight:bold;
	}
	section.service div.dial2 dl.iconPc2 span.number {
		color:#1E8EA4;
		font-family:"Arial Black", Gadget, sans-serif;
		font-size:16px;
	}
	section.service div.dial2 dl.iconPc {
		padding:5px 0 35px 10px;
		clear:both;
	}
	section.service div.dial2 dl.iconPc dt {
		width:55px;
		float:left;
	}
	section.service div.dial2 dl.iconPc dd {
		width:710px;
		padding:5px 10px;
		float:left;
		background:#DAEEF7;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	section.service div.dial2 dl.iconPc2 {
		padding:5px 0 35px 10px;
		clear:both;
	}
	section.service div.dial2 dl.iconPc2 dt {
		width:55px;
		float:left;
	}
	section.service div.dial2 dl.iconPc2 dd {
		width:710px;
		padding:5px 10px;
		float:left;
		background:#FEEED3;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	section.service div.dial2 p.honbun {
		padding:5px 10px;
	}
	section.service div.dial2 div.taisyou {
		width:45%;
		float:left;
		padding:5px 10px;
	}
	
	section.service div.setumeiList,
	section.service div.setumeiList2 {
		margin:0;
		padding:5px 10px 5px 10px;
		border-top:#4AB3C1 1px dotted;
		clear:both;
	}
	section.service div.setumeiList li {
		width:500px;
		float:left;
		text-indent:-13px;
		padding-left:13px;
	}
	section.service div.setumeiList2 li {
		text-indent:-13px;
		padding-left:13px;
	}
	section.service div.setumeiList img {
		float:right;
	}
	
	section.service dl.taisyou {
		padding:5px 0 0 10px;
		clear:both;
	}
	section.service dl.taisyou dt {
		width:130px;
		float:left;
	}
	section.service dl.taisyou dd {
		float:left;
		font-size:15px;
		padding-top:0px;
		padding-bottom:5px;
	}
	
	section.service dl.fukidashi {
		border-top:#4AB3C1 1px dotted;
		padding:5px 0 0 10px;
		clear:both;
	}
	
	section.service dl.fukidashi dt {
		width:130px;
		float:left;
	}
	section.service dl.fukidashi dd {
		float:left;
		font-size:15px;
		padding-top:5px;
	}
	section.service p.telNo {
		clear:left;
	}
	
	section.service span.flee {
	}
	section.service dl.telNo {
		margin:0;
		padding:5px 10px 0 10px;
		clear:both;
	}
	section.service dl.telNo dt {
		float:left;
	}
	section.service dl.telNo span.number {
		color:#1E8EA4;
		font-family:"Arial Black", Gadget, sans-serif;
		font-size:40px;
		line-height:45px;
	}
	section.service dl.telNo dd {
		padding:0 0 5px 10px;
	}
	
	section.service p.explanation {
		padding:5px 10px 5px 10px;
		border-top:#4AB3C1 1px dotted;
		clear:both;
	}
	

}