@import url("../../lmb.css");
body, html{
	height:100%;
	width:100%;
}
body {
	background-color: #131313;
	color: #cccccc;
}
nav.item-footer{
	width: 100px;
	margin : 0 auto;
	font-size:13px;
}
nav.item-footer a:link{
	color:#969696;
	text-decoration:underline;
}
nav.item-footer a:visited{
	color:#969696;
	text-decoration:underline;
}
nav.item-footer a:hover{
	color:#b5b5b5;
	text-decoration:none;
}
nav.item-footer span.close{
	color:#cccccc;
	font-size:16px;
}
nav.item-footer span.close:hover{
	color:#ddffff;
	cursor : pointer;
}

main.name-index{
	padding-top : 5px;
	padding-bottom :20px;
	background-color:#212121;
}
main.name-index h2{
	font-size:2.1em;
	margin-left:5%;
	color : #ffc700;
	text-transform : uppercase;

}
main.name-index dl{
	display : block;
	margin : 0 5%;
}
main.name-index dt{
	font-size:1.8em;
	line-height :25px;
	margin:20px 0 7px;
	padding-left:10px;
	border-left : solid 5px #00ffcb;
	height : 25px;
}
main.name-index dd{
	display : inline-block;
	min-width :	120px;
	height : 25px;
	padding : 2px 10px;
	margin-left : 20px;
	font-size:1.2em;
	line-height:25px;
	border-bottom : solid 1px #314047;
}
main.name-index a:link{
	color:#cccccc;
	text-decoration : none;
}
main.name-index a:hover, main.name-index a:active{
	color:#fafafa;
	text-decoration : underline;
}
main.name-index a:visited{
	color:#c0c0c0;
	text-decoration:none;
}

main.items .descr, main.items h3, main.items .area{
	background-color : #212121;
	border-left:solid #212121 2px;
}
main.items h3 {
	margin-bottom:0;
	width:27%;
	min-width:270px;
	height:30px;
	border-radius : 20px 5px 0 0;
	padding : 5px 25px;
	font-size : 1.8em;
	line-height : 26px;
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
}
main.items .descr{
	padding:17px 0;
}
main.items p{
	max-width : 800px;
	margin-right: 20px;
	margin-left:5%;
	font-size:13px;
	color : #a7a7a7;
}
main.items .area{
	margin-bottom:10px;
	padding-bottom:3px;
}
main.items .area h4{
	margin:0;
	padding-left : 3%;
	font-size:1.5em;
}
main.items ul{
	margin-top:5px;
	margin-left:15px;
	list-style-type : circle;
	font-size:1.3em;
}
main.items li{
	margin-left:2em;
}
main.items .area a:link{
	color : #afaf98;
	text-decoration:none;
}
main.items .area a:visited{
	color : #afaf98;
	text-decoration:none;
}
main.items .area a:hover{
	color : #dfdfaf;
	text-decoration:none;
}

div.item{
	max-height : 80%;
	overflow:auto;
}
div.item-close{
	opacity : 0.0;
}
div.item-open{
	opacity : 1.0;
	-webkit-transition-property : opacity;
	-webkit-transition-duration : 0.5s;
	-webkit-transition-timing-function : ease-in-out;
	transition-property : opacity;
	transition-duration : 0.5s;
	transition-timing-function : ease-in-out;
}

div.item aside{
	width: 100%;
	text-align : right;
	font-size : 1em;
	color : #666666;
}

main.comment p{
	font-size:1.2em;
	line-height : 27px;
	margin:20px 12%;
	color:#626262;
}



/*VV属性で色分けVV*/
div.main-mem h3{
	background-color : #9e4f00;
	border-color : #9e4f00;
}
div.main-mem .descr, div.main-mem .area{
	border-left-color : #9e4f00;
}
div.sub-mem h3{
	background-color : #cc1643;
	border-color : #cc1643;
}
div.sub-mem .descr, div.sub-mem .area{
	border-left-color : #cc1643;
}
div.piyonica h3{
	background-color : #006caf;
	border-color : #006caf;
}
div.piyonica .descr, div.piyonica .area{
	border-left-color : #006caf;
}
div.mascot h3{
	background-color : #519900;
	border-color : #519900;
}
div.mascot .descr, div.mascot .area{
	border-left-color : #519900;
}
div.section h3{
	background-color : #464f4c;
	border-color : #464f4c;
}
div.section .descr, div.section .area{
	border-left-color : #464f4c;
}
div.neighbor h3{
	background-color : #334402;
	border-color : #334402;
}
div.neighbor .descr, div.neighbor .area{
	border-left-color : #334402;
}
div.the-item h3{
	background-color : #63001d;
	border-color : #63001d;
}
div.the-item .descr, div.the-item .area{
	border-left-color : #63001d;
}
div.content h3{
	background-color : #203133;
	border-color : #203133;
}
div.content .descr, div.content .area{
	border-left-color : #203133;
}