@charset "utf-8";


.gastroscope-box01{
	margin: 0px 0px 50px 0px ;
	padding: 0px 0px 280px 0px ;
	text-shadow: 1px 1px 1px #FFF, -1px -1px 1px #FFF, 1px 1px 1px #FFF, -1px -1px 1px #FFF, 2px 2px 2px #FFF, -2px -2px 2px #FFF, 2px 2px 2px #FFF, -2px -2px 2px #FFF;
	background: url(../images/col-back01.jpg) right bottom no-repeat ;
}

.gastroscope-box01 .text-box01{}
.gastroscope-box01 .text-box02{}
.gastroscope-box01 .text-box03{
	width: 200px ;
	padding: 10px 10px 30px 10px ;
	text-align: center ;
	float: right ;
}
.gastroscope-box01 .text-box03 img{width: 200px ;}
.gastroscope-box01 .text-box04{
	width: 450px ;
	padding: 10px 10px 10px 0px ;
	float: left ;
}
.gastroscope-box01 .text-box05{
	padding: 10px 10px 10px 0px ;
	clear: both ;
}
.gastroscope-box01 .text-box06{
}



#gastroscope-yoyaku{}
#gastroscope-flowchart{}
#gastroscope-flowchart .pic-box{
	display: block ;
	width: 100% ;
	margin: 15px auto 0px auto ;
	padding: 0px 0px 30px 10px ;
	text-align:center;
}
#gastroscope-flowchart .pic-box img{
	width: 700px ;
	border-radius: 50px;
	-webkit-border-top-left-radius: 50px;
	-moz-border-radius-topleft: 50px;
	-webkit-border-top-right-radius: 50px;
	-moz-border-radius-topright: 50px;
	-webkit-border-bottom-right-radius: 50px;
	-moz-border-radius-bottomright: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-bottomleft: 50px;
}

#gastroscope-flowchart .gastroscope-flowchart-table{
	margin: 30px 0px 30px 0px ;
}
#gastroscope-flowchart .gastroscope-flowchart-table img{
	margin: 5px auto 5px auto ;

}
#gastroscope-flowchart .gastroscope-flowchart-table th,
#gastroscope-flowchart .gastroscope-flowchart-table td{
	text-align: center ;
}

#gastroscope-flowchart .gastroscope-flowchart-table .yoyaku h3,
#gastroscope-flowchart .gastroscope-flowchart-table .toujitsu h3{
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Verdana,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
	width: 140px ;
	height: 28px ;
	margin: 0px auto 0px auto ;
	padding: 7px 0px 0px 0px ;
	text-align: center ;
	font-size: 130% ;
	font-weight: bold ;
	color: #FFFFFF ;
	border-radius: 50px;
	-webkit-border-top-left-radius: 50px;
	-moz-border-radius-topleft: 50px;
	-webkit-border-top-right-radius: 50px;
	-moz-border-radius-topright: 50px;
	-webkit-border-bottom-right-radius: 50px;
	-moz-border-radius-bottomright: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-bottomleft: 50px;
}

#gastroscope-flowchart .gastroscope-flowchart-table .yoyaku h3{background: #b2cfe0 ;}
#gastroscope-flowchart .gastroscope-flowchart-table .toujitsu h3{background: #aecf83 ;}


.yoyaku-box1{
	width: 315px ;
	margin: 0px 15px 0px 0px ;
	padding: 10px 15px 10px 25px ;
	background: #e7eff2 ;
	border-radius: 12px;
	-webkit-border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-bottomright: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
}
.yoyaku-box1 span{
	font-size: 85% ;
}
.toujitsu-box1{
	width: 315px ;
	padding: 10px 15px 10px 25px ;
	background: #eff2e7 ;
	border-radius: 12px;
	-webkit-border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-bottomright: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
}

#gastroscope-flowchart .gastroscope-flowchart-table .yoyaku h4{
	margin: 0px 0px 0px -10px ;
	font-size: 105% ;
	font-weight: bold ;
	text-align: left ;
	color: #25508a ;
}
#gastroscope-flowchart .gastroscope-flowchart-table .toujitsu h4{
	margin: 0px 0px 0px -10px ;
	font-size: 105% ;
	font-weight: bold ;
	text-align: left ;
	color: #518b22 ;
}
#gastroscope-flowchart .gastroscope-flowchart-table h4.raiin{
	margin: 0px 0px 0px 0px ;
	text-align: center ;
	font-size: 110% ;
	font-weight: bold ;
	color: #5E4F3B ;

}



#gastroscope-guide{}

#gastroscope-guide table{
	width: 100% ;
	border-collapse: separate ;
	border-spacing: 5px ;
}
#gastroscope-guide table th{}
#gastroscope-guide table td{
	background: #eaf0f5 ;
}

#gastroscope-guide th.previous{background: #669900 ;color: #FFFFFF ;white-space: nowrap ;}
#gastroscope-guide th.day{background: #6699CC ;color: #FFFFFF ;white-space: nowrap ;}

#gastroscope-guide th,
#gastroscope-guide td{
	padding: 10px ;
	vertical-align: middle ;
	border-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
}


.gastroscope-box03{
	position: relative ;
}
.gastroscope-box03 ol{
	margin: 10px 0px 0px 40px ;
	padding: 0px ;
}
.gastroscope-box03 ol li{
	list-style-type: decimal ;
}
.gastroscope-box03 .text-box{
	margin-bottom: 20px ;
}
.gastroscope-box03 .pic-box{
	width: 280px ;
	position: absolute ;
	right: 20px ;
	bottom: 10px ;
}
.gastroscope-box03 .pic-box img{
	width: 100% ;
}



.gastroscope-box02{
	margin: 0px 0px 50px 0px ;
	padding: 0px 0px 220px 0px ;
	text-shadow: 1px 1px 1px #FFF, -1px -1px 1px #FFF, 1px 1px 1px #FFF, -1px -1px 1px #FFF, 2px 2px 2px #FFF, -2px -2px 2px #FFF, 2px 2px 2px #FFF, -2px -2px 2px #FFF;
}




@media screen and (max-width:1049px) { 
	#gastroscope-flowchart .gastroscope-flowchart-table{
		margin: 30px 0px 30px 0px ;
	}
	#gastroscope-flowchart .gastroscope-flowchart-table img{
		margin: 5px auto 5px auto ;
	}

	#gastroscope-flowchart .gastroscope-flowchart-table .yoyaku h3,
	#gastroscope-flowchart .gastroscope-flowchart-table .toujitsu h3{
		width: 90% ;
		height: auto ;
		margin: 0px auto 0px auto ;
		padding: 7px 0px 0px 0px ;
	}
	#gastroscope-flowchart .pic-box{
		width: 80% ;
		margin:0;
	}
	#gastroscope-flowchart .pic-box img{
		width: 100% ;
	}

.yoyaku-box1{
	width: 100% ;
}

.toujitsu-box1{
	width: 100% ;
}
	#gastroscope-flowchart .gastroscope-flowchart-table .yoyaku{
		display: block ;
		width: 90% ;
		margin: 0px 0px 80px 0px ;
	}
	#gastroscope-flowchart .gastroscope-flowchart-table .toujitsu{
		display: block ;
		width: 90% ;
		margin: 0px ;
	}
	.gastroscope-box03 .pic-box{
		width: 80% ;
		position: static ;
	}
}

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