@charset "utf-8";

/*860*/
div.acc {
		width: 780px;
		height: 270px;
		padding: 15px 40px;
		background-color: #eee;
}

ul#accordion {
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-size: 90%;
		list-style-type: none;
		width: 780px;
		height: 250px;
		margin: 0;
		padding: 0;
}

ul#accordion li {
		width: 780px;
		height: 250px;
		margin: 0;
		padding: 0;
}

ul#accordion .ac01 { background: url(../image/accordion01.jpg) no-repeat 0 0; }

ul#accordion .ac02 { background: url(../image/accordion02.jpg) no-repeat 0 0; }

ul#accordion .ac03 { background: url(../image/accordion03.jpg) no-repeat 0 0; }

ul#accordion .ac04 { background: url(../image/accordion04.jpg) no-repeat 0 0; }

ul#accordion .ac05 { background: url(../image/accordion05.jpg) no-repeat 0 0; }

ul#accordion div {
		width: 500px;
		height: 230px;
		margin: 10px 30px 0 70px;
		overflow: auto;
}

ul#accordion div h3 {
		font-size: 100%;
		line-height: 40px;
		height: 40px;
		margin: 0 0 20px;
		color: #fff
}

ul#accordion p {
		line-height: 1.4em;
		margin-bottom: 1em;
}

ul#accordion .ac03 a {
		text-align: center;
		display: block;
		width: 160px;
		height: 1.5em;
		margin: 0 0 0.5em;
		padding: 0;
		float: left;
}

ul#accordion .ac04 a {
		text-decoration: none;
		text-align: center;
		text-indent: 0;
		width: 20em;
		height: 30px;
		line-height: 30px;
		display: block;
		margin: 0 0 5px;
		background-color: #eee;
		border: 1px outset #fff;
}

ul#accordion .ac04 a:hover {
		text-decoration: none;
		background-color: #FFCCFF;
		border: 1px inset #fff;
}