@charset "UTF-8";
/* build 20141216_01
list01_pc.css
Copyright 2014 RION Inc. All rights reserved.
---------*---------*---------*---------*---------*---------*-------- */
body{
/* 	background-color:#ffffff;		/* ←←←← ブラウザ背景色の設定 */
}

.list01 {
	margin-bottom: 20px;			/* 枠外余白（上右下左） */  
}
.list01 h3{
	background-color:#8e8a79;		/* ←←←← 見出しの背景色 */
	font-size: 20px;
	color: white;				/* ←←←← 見出しの文字色 */
	margin: 0 0 5px 0;
	padding: 4px;
	clear: left;    			/* 回り込みを解除 */
}
.list01 ul{
	padding:0;
	margin:0;
	border-top: solid 1px #aaaaaa;
}
.list01 li{
	margin-bottom: 0;
	list-style-type: none;
	border-bottom: solid 1px #aaaaaa;
}
.list01 li a{
 	display: block;
	font-size: 14px;
	text-decoration: none;
	color: #666666;
	padding: 8px 0 8px 30px;
	background-color:#ffffff;
	background-image: url("../image/point.png"); /* ←←←← 20150507矢印データを更新しました */
	background-repeat: no-repeat;
	background-position: 0 50%;
}
.list01 li a:hover{
	background-color:#b4f0ff;
}


.box01{					/* box01の設定 -------------------------------------------------- */
/* background-color: #aaaaaa;		box01内のベース背景色 */
background-color: #D7D7CE;		/* box01内のベース背景色 */
margin: 0 20px 10px 0;			/* 枠外余白（上右下左） */
box-shadow: 2px 2px 2px rgba(0,0,0,0.4); /* シャドウ */
float: left;				/* 左に配置 */
}
.box01 li{
	list-style:none;
	float: left;
}
.box01 .li01{
	background-color:#8DC440;		/* box01＞li01の背景色 */
/* 	background-color:#D7D7CE;		box01＞li01の背景色 */

}
.box01 .li01 a{
	display: block;
	height: 70px;
	width: 150px;
	background-image: url("../image/markw.png");
	background-repeat: no-repeat;
	background-position: 5px 50%;
}
.box01 .li02{
	background-color:#ffffff;		/* box01＞li02の背景色 */
}
.box01 .li02 a{
	display: block;
	height: 70px;
	width: 150px;
	background-image: url("../image/li02.png");
	background-repeat: no-repeat;
	background-position: 5px 50%;
}