/* CSS Document */

/*footer*/
footer {
	height:56px;
	background:url(../img/footer/back_footer_1.gif) repeat-x;
}
footer .inner {
	width:960px;
	margin:0 auto;
	padding-top:15px;
}
footer .inner .left {
	float:left;
}
footer .inner .right {
	float:right;
	font-weight:bold;
}
footer .inner li {
	display:inline-block;
	margin-right:10px;
}
footer .inner ul,
footer .inner p {
	font-size:16px;
}
footer .inner a {
	color:#000;
}


/*body・nav*/
.body nav .btn {
	margin-bottom:25px;
	text-align:center;
} 
.body nav .list {
	margin-bottom:30px;
	font-size:14px;
}
.body nav .blue {
	margin-bottom:13px;
}
.body nav .list .title {
	position:relative;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:50px;
	font-weight:bold;
	font-size:14px;
	margin-bottom:0;
}
.body nav .list li:nth-last-of-type(1) {
	border-bottom:none;
}
.body nav .list li {
	position:relative;
	padding:10px 10px 10px 40px;
}
.body nav .green {
	border:2px solid #D2E6A6;
}
.body nav .green .title {
	background:#D2E6A6;
	
}
.body nav .green .title h2:after {
	content:'';
	display:block;
	width:32px;
	height:26px;
	position:absolute;
	left:10px;
	top:25%;
	background:url(../img/navi/icon_navi_1.gif) left top;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:32px 26px;
}
.body nav .green li {
	border-bottom:1px solid #D2E6A6;
}
.body nav .green li:after {
	content:'';
	display:block;
	width:10px;
	height:12px;
	position:absolute;
	left:15px;
	top:35%;
	background:url(../img/navi/icon_text_1.gif) left top;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:10px 12px;
}
.body nav .pink {
	border:2px solid #FFD3D8;
}
.body nav .pink .title {
	background:#FFD3D8;
	
}
.body nav .pink .title h2:after {
	content:'';
	display:block;
	width:17px;
	height:41px;
	position:absolute;
	left:20px;
	top:12%;
	background:url(../img/navi/icon_navi_2.gif) left top;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:17px 41px;
}
.body nav .pink li {
	border-bottom:1px solid #FFD3D8;
}
.body nav .pink li:after {
	content:'';
	display:block;
	width:10px;
	height:12px;
	position:absolute;
	left:15px;
	top:35%;
	background:url(../img/navi/icon_text_2.gif) left top;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:10px 12px;
}
.body nav .blue {
	border:2px solid #B7E1F7;
}
.body nav .blue .title {
	background:#B7E1F7;
	
}
.body nav .blue .title h2:after {
	content:'';
	display:block;
	width:36px;
	height:36px;
	position:absolute;
	left:8px;
	top:17%;
	background:url(../img/navi/icon_navi_3.gif) left top;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:36px 36px;
}
.body nav .blue li {
	border-bottom:1px solid #B7E1F7;
}
.body nav .blue li:after {
	content:'';
	display:block;
	width:16px;
	height:13px;
	position:absolute;
	left:15px;
	top:35%;
	background:url(../img/navi/icon_text_3.gif) left top;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:16px 13px;
}
.body nav .yellow {
	border:2px solid #FEEDAA;
}
.body nav .yellow .title {
	background:#FEEDAA;
	
}
.body nav .yellow .title h2:after {
	content:'';
	display:block;
	width:36px;
	height:36px;
	position:absolute;
	left:8px;
	top:17%;
	background:url(../img/navi/icon_navi_4.gif) left top;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:36px 36px;
}
.body nav .yellow li {
	border-bottom:1px solid #FEEDAA;
}
.body nav .yellow li:after {
	content:'';
	display:block;
	width:10px;
	height:12px;
	position:absolute;
	left:15px;
	top:35%;
	background:url(../img/navi/icon_text_4.gif) left top;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:10px 12px;
}
.body nav .bnr {
	text-align:center;
	margin-bottom:14px;
}
.body nav .link .title {
	padding:10px 0;
	background:#FFC6AA;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	border-radius:20px;
	margin-bottom:15px;
}
.body nav .link ul {
	padding:0 10px 0 15px;
	font-size:14px;
	margin-bottom:15px;
}
.body nav .link li {
	position:relative;
	margin-bottom:5px;
}
.body nav .link li:after {
	content:"・";
	display:block;
	width:16px;
	height:13px;
	position:absolute;
	left:-9px;
	top:5%;
}
.body nav .advice .image{
	text-align:center;
	height:161px;
}
.body nav .advice .text {
	border:7px solid #ABD058;
	border-radius:15px;
	padding:15px;
}
.list a ,
.link a {
	color:#000;
}
@media screen and (max-width: 640px) {
.pc {
	display:none;
}
.sp {
	display:block;
}
header {
	margin-bottom:20px;
}
header h1 {
	display:none;
}
.body {
	width:96%;
	margin:0 auto 3%;
}
.body .main {
	width:100%;
	float:none;
	margin-bottom:3%;
}
.body nav {
	width:96%;
	float:none;
	margin:0 auto 10%;
}
footer .inner {
	width:94%;
	padding:0 3%;
	margin:0 auto;
	padding-top:7px;
}
footer .inner ul,
footer .inner p {
	font-size:11.5px;
}
footer .inner p {
	text-align:center;
}
footer .inner .left {
	float:none;
}
footer .inner .right {
	float:none;
	font-weight:bold;
}
}
@media screen and (min-width: 641px) {
.pc {
	display:block;
}
.sp {
	display:none;
}
/*header*/
header {
	margin-bottom:20px;
	background:url(../img/header/back_header.jpg) repeat-x center;
}
header .inner {
	position:relative;
	background:url(../img/header/header.png) no-repeat;
	width:960px;
	height:165px;
	margin:0px auto;
}
header .inner p {
	position:absolute;
	top:30px;
	left:385px;
	color:#663300;
	font-weight:normal;
}
header .inner.index h1 {
	position:absolute;
	top:30px;
	left:385px;
	color:#663300;
	font-weight:normal;
}

.body {
	width:945px;
	margin:0 auto 150px;
}
.body .main {
	width:680px;
	float:left;
}
.body nav {
	width:230px;
	float:right;
}

}