@charset "UTF-8";
/* CSS Document */
body{
	font-size: 100%;
	background: #F7F5DD;
}

* {
    margin: 0;
    padding: 0;
}
.accordion {
	width: 400px;
	height: 300px;
	margin-left: 10px;
	color: #00F;    
}
.accordion li {
	-moz-transition: all 0.5s ease-in 0s; /* firefox用 */
	-webkit-transition: all 0.5s ease-in 0s; /* safariとchrome用 */
	-o-transition: all 0.5s ease-in 0s;
	transition: all 0.5s ease-in 0s; /* IE用(動くかな？） */
	background: #FFFFFF url(none) repeat scroll 0 0;
	color: #333333;
	height: 12%;
	margin-bottom: 0px;
	overflow: hidden;
}
.accordion li:hover {
    height: 70%;
}
.accordion li h3 {
	background: #C9F url(none) repeat scroll 0 0;
	color: #333333;
	margin-bottom: 10px;
	padding: 6px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}
.accordion li:hover h3 {
	background: #CC33FF url(none) repeat scroll 0 0;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	color: #FFFFFF;
}
.accordion li div {
    padding-top: 0px;
}
.accordion li p{
	font-size: 90%;
	padding: 0px 5px;
}
.panel {
	text-decoration: none;
	margin-bottom: 10px;
	padding-left: 5px;
}
.panel a{
	text-decoration: none;
}
.panel a:hover {text-decoration: underline;}
.panel a,a:hover, a:visited{color: #33F;	}

.tittle{
	margin-bottom: 20px;
	margin-left: 10px;
}