@charset "utf-8";

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

	guidance.php

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



/* ===== guidance ===== */
#guidance{
	margin-bottom: 10px;
}

.textBox span{
	color: #3A5ECF
}

.gmenu,
.gmenu ul li{
	overflow: hidden !important;
	overflow: visible;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	font-size: 12px;
}
.gmenu ul{
	border-bottom: 1px solid #C6C7C8;
}
.gmenu ul li a{
	padding: 10px 10px 10px 26px;
	font-weight: bold;
	color: #526AB3;
	border-top: 1px solid #C6C7C8;
	border-right: 1px solid #C6C7C8;
	border-left: 1px solid #C6C7C8;
	background:	/* Firefox */
		url(../images/common/aicon_off.png) left no-repeat, -moz-gradient(bottom, from(#FBFBFB),to(#E9E9EB));
	background:	/* Safari、Chrome */
		url(../images/common/aicon_off.png) left no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FBFBFB),to(#E9E9EB));
	background-size: 26px 15px,100% 100%;
	-webkit-background-size: 26px 15px,100% 100%;	/* Safari、Chrome */
}
.gmenu ul li.st-open a{
	background:	/* Firefox */
		url(../images/common/aicon_on.png) left no-repeat, -moz-gradient(bottom, from(#FBFBFB),to(#E9E9EB));
	background:	/* Safari、Chrome */
		url(../images/common/aicon_on.png) left no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FBFBFB),to(#E9E9EB));
	background-size: 26px 15px,100% 100%;
	-webkit-background-size: 26px 15px,100% 100%;	/* Safari、Chrome */
}
.gmenu ul li a span{
	margin-right: 5px;
	padding: 2px 5px;
	font-weight: bold;
	color: #FFF;
	background-color: #8FA1DB;
	border-radius: 2px;
	-webkit-border-radius: 2px;	/* Safari、Chrome */
	-moz-border-radius: 2px;	/* Firefox */
}

.gboxttl01{
	padding: 6px 10px 4px 35px;
	font-size: 14px;
	font-weight: bold;
	color: #5B73BB;
	border-top: 1px solid #C6C7C8;
	border-bottom: 1px solid #9FACD5;
	background: url(../images/guidance/sno01.png) left no-repeat;
	background-size: 35px 21px;
	-webkit-background-size: 35px 21px;	/* Safari、Chrome */
}
.gboxttl02{
	padding: 6px 10px 4px 35px;
	font-size: 14px;
	font-weight: bold;
	color: #5B73BB;
	border-top: 1px solid #C6C7C8;
	border-bottom: 1px solid #9FACD5;
	background: url(../images/guidance/sno02.png) left no-repeat;
	background-size: 35px 21px;
	-webkit-background-size: 35px 21px;	/* Safari、Chrome */
}
.gboxttl03{
	padding: 6px 10px 4px 35px;
	font-size: 14px;
	font-weight: bold;
	color: #5B73BB;
	border-top: 1px solid #C6C7C8;
	border-bottom: 1px solid #9FACD5;
	background: url(../images/guidance/sno03.png) left no-repeat;
	background-size: 35px 21px;
	-webkit-background-size: 35px 21px;	/* Safari、Chrome */
}
.gboxttl04{
	padding: 6px 10px 4px 35px;
	font-size: 14px;
	font-weight: bold;
	color: #5B73BB;
	border-top: 1px solid #C6C7C8;
	border-bottom: 1px solid #9FACD5;
	background: url(../images/guidance/sno04.png) left no-repeat;
	background-size: 35px 21px;
	-webkit-background-size: 35px 21px;	/* Safari、Chrome */
}
.gboxttl05{
	padding: 6px 10px 4px 35px;
	font-size: 14px;
	font-weight: bold;
	color: #5B73BB;
	border-top: 1px solid #C6C7C8;
	border-bottom: 1px solid #9FACD5;
	background: url(../images/guidance/sno05.png) left no-repeat;
	background-size: 35px 21px;
	-webkit-background-size: 35px 21px;	/* Safari、Chrome */
}
.gboxttl06{
	padding: 6px 10px 4px 35px;
	font-size: 14px;
	font-weight: bold;
	color: #5B73BB;
	border-top: 1px solid #C6C7C8;
	border-bottom: 1px solid #9FACD5;
	background: url(../images/guidance/sno06.png) left no-repeat;
	background-size: 35px 21px;
	-webkit-background-size: 35px 21px;	/* Safari、Chrome */
}

.gboxin{
	overflow: hidden !important;
	overflow: visible;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-top: 1px;
	padding: 5px 10px;
	font-size: 12px;
	text-align: left;
	color: #444444;
	border-top: 1px dotted #9FACD5;
}
.gbox01{
	min-height: 80px;
	padding-right: 90px;
	background: url(../images/guidance/sno01_img.jpg) right no-repeat;
	background-size: 85px 80px;
	-webkit-background-size: 85px 80px;	/* Safari、Chrome */
}
span.gre{
	color: #0F650F;
}
span.yel{
	color: #DDA81B;
}
span.red{
	color: #A61839;
}
.gbox02{
	min-height: 88px;
	margin-top: 5px;
	padding-right: 90px;
	color: #9A3046;
	background: url(../images/guidance/sno02_img.jpg) right no-repeat;
	background-size: 90px 88px;
	-webkit-background-size: 90px 88px;	/* Safari、Chrome */
}
.gbox03{
	min-height: 93px;
	margin-top: 5px;
	padding-right: 90px;
	color: #9A3046;
	background: url(../images/guidance/sno03_img.jpg) right no-repeat;
	background-size: 90px 93px;
	-webkit-background-size: 90px 93px;	/* Safari、Chrome */
}
p.txt{
	margin-bottom: 5px;
	color: #444444;
}
p.point{
	padding: 2px 0;
	text-align: center;
	color: #FFF;
	background-color: #9A3046;
}
.gbox04{
	min-height: 65px;
	padding: 5px 140px 5px 5px;
	background: url(../images/guidance/sno04_img.jpg) right no-repeat;
	background-size: 140px 65px;
	-webkit-background-size: 140px 65px;	/* Safari、Chrome */
	border-right: 1px solid #92B0DA;
	border-left: 1px solid #92B0DA;
	border-bottom: 1px solid #92B0DA;
}
.gbox05{
	padding: 5px;
	border-right: 1px solid #92B0DA;
	border-left: 1px solid #92B0DA;
	border-bottom: 1px solid #92B0DA;
}
.gbox_ttl{
	margin-top: 5px;
	padding: 2px 4px;
	color: #FFF;
	background-color: #92B0DA;
}
.gbox04 .gboxin_ttl{
	font-size: 10px;
}
.gbox05 .gboxin_ttl{
	font-size: 12px;
}
.gboxin_ttl{
	margin-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
	color: #4B4B4B;
	background: url(../images/common/boxin_ttl.png) left repeat-y;
}
.gboxin_ttl span{
	color: #5B73BB;
}
.gbox05in01{
	min-height: 90px;
	padding: 0 110px 5px 0;
	border-bottom: 1px dotted #9E9E9E;
	background: url(../images/guidance/sno05_img1.jpg) right no-repeat;
	background-size: 110px 90px;
	-webkit-background-size: 110px 90px;	/* Safari、Chrome */
}
.gbox05in02{
	padding: 5px 0 5px 0;
	border-bottom: 1px dotted #9E9E9E;
}
.gbox05in03{
	min-height: 80px;
	padding: 5px 140px 0 0;
	background: url(../images/guidance/sno05_img2.jpg) right no-repeat;
	background-size: 140px 80px;
	-webkit-background-size: 140px 80px;	/* Safari、Chrome */
}

.gbox02 p,
.gbox03 p,
.gbox05 p{
	margin-bottom: 5px;
}