@charset "utf-8";

/**
 *
 *  サイトマップ
 *
 */

/*--------------------------------------------------------------------------
   overwrite  - 共通CSSの上書き -
---------------------------------------------------------------------------*/
#Main .wrap{
	width: 740px;
}

/*--------------------------------------------------------------------------
   Main
---------------------------------------------------------------------------*/
.box-wrap{
	margin: 80px 0;
}
.box-l{
	float: left;
}
.box-r{
	float: right;
}
.box{
	width: 320px;
}
.box+.box{
	margin: 40px 0 0;
}
.box .ttl{
	padding: 0 0 10px;
	border-bottom: 1px solid #e7e7e7;
}
.box .ttl a{
	padding-left: 0;
	color: #0d5484;
	font-size: 15px;
/*-	-webkit-transition: all 0.1s;
	transition: all 0.1s;*/
	padding: 0 0 0 15px;
	background: url(../../common/images/ico_arrow04.png) no-repeat 0 50%;
}
.box .ttl a:hover{
	color: #c1272d; /*- 赤　*/
/*- 	padding-left: 4px;*/
}
.box > ul{
	padding: 20px 10px 0;
}
.box ul > li+li{
	padding: 15px 0 0;
}
.box > ul > li > a{
	padding: 0 0 0 15px;
	background: url(../../common/images/ico_arrow04.png) no-repeat 0 50%;
}
.box > ul ul{
	padding: 15px 0 0 15px;
}
.ico-blank01 span{
	padding: 0 20px 0 0;
	background: url(../../common/images/ico_blank03.png) no-repeat 100% 50%;
}
.ico-blank02 span{
	padding: 0 20px 0 0;
	background: url(../../common/images/ico_blank02.png) no-repeat 100% 50%;
}
.ico-blank02:hover span{
	background: url(../../common/images/ico_blank03.png) no-repeat 100% 50%;
}




/** -----------------------------------------------------------------
 *
 *  [sp]レスポンシブ 740px
 *
 ----------------------------------------------------------------- */

@media screen and (max-width:740px) {

	/*--------------------------------------------------------------------------
	   overwrite  - 共通CSSの上書き -
	---------------------------------------------------------------------------*/
	#Main .wrap{
		width: auto;
	}




	/*--------------------------------------------------------------------------
	   Main
	---------------------------------------------------------------------------*/
	.box-wrap{
		margin: 40px 0 50px;
	}
	.box-l,
	.box-r{
		float: none;
		width: auto;
	}
	.box-r{
		margin: 30px 0 0;
	}
	.box{
		width: auto;
	}
	.box+.box{
		margin: 30px 0 0;
	}
	.box .ttl{
		padding: 0 0 15px;
	}
	.box .ttl a{
		font-size: 13px;
	}
	.box ul > li+li{
		padding: 30px 0 0;
	}
	.box > ul ul{
		padding-top: 30px;
	}

}