@charset "euc-jp";

/* common style
----------------------------------------------------------- */
/* btn */
ul.btn{
	margin:20px 0 0 0;
	padding:20px 0 0 0;
	border-top:1px #ccc solid;
}


/* navibtn style
----------------------------------------------------------- */
ul#navibtn{
	width:100%;
	margin-bottom:15px;
	padding:10px 0;
	text-align:center;
	letter-spacing:-0.40em;
	background-color:#f5f5f5;
}
ul#navibtn li{
	width:126px;
	display:inline-block;
	*display:inline;
	margin:10px 4px;
	padding:3px 5px 1px;
	text-align:center;
	vertical-align:top;
	letter-spacing:normal;
	zoom:1;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
}

ul#navibtn li:hover{background-color:#ff6600;}

ul#navibtn li a{
	display:block;
	color:white;
}


/*icon*/
div#contents ul#list li span.topics,
div#contents ul#navibtn li.topics {background-color:#2a9ddc;}
div#contents ul#list li span.extra,
div#contents ul#navibtn li.extra  {background-color:#dc6262;}
div#contents ul#list li span.app,
div#contents ul#navibtn li.app    {background-color:#70a704;}
div#contents ul#list li span.event,
div#contents ul#navibtn li.event  {background-color:#c17b36;}
div#contents ul#list li span.report,
div#contents ul#navibtn li.report {background-color:#24af7a;}
div#contents ul#list li span.release,
div#contents ul#navibtn li.release{background-color:#ba5c9b;}
div#contents ul#list li span.all,
div#contents ul#navibtn li.all    {background-color:#326450;}


/* list style
----------------------------------------------------------- */
div#contents ul#list {}
div#contents ul#list li{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px #ccc dotted;
}
div#contents ul#list li:last-child{
	border-bottom:none;
}
div#contents ul#list li span{
	width:8em;
	display:inline-block;
	*display:inline;
	margin:-3px 10px 0 20px;
	padding:3px 10px;
	vertical-align:top;
	color:white;
	text-align:center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color:#46aae1;
	zoom:1;
}


@media screen and (max-width: 630px) {
	div#contents ul#list li a{
		display:block;
		margin-top:5px;
	}
}


/* detail style
----------------------------------------------------------- */

div.topics p.date{
	width:100%;
	margin:0 auto;
	text-align:right;
}

/* category icon */
div.topics h3.ttl span{
	display:inline-block;
	width:8em;
	margin:2px 10px 0 0;
	padding:3px 10px 1px;
	font-size:12px;
	vertical-align:top;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
div.topics h3.ttl span.topics {background-color:#46aae1;}
div.topics h3.ttl span.extra  {background-color:#e17878;}
div.topics h3.ttl span.app    {background-color:#96be46;}
div.topics h3.ttl span.event  {background-color:#d2a06e;}
div.topics h3.ttl span.report {background-color:#32b482;}
div.topics h3.ttl span.release{background-color:#c87daf;}


/*gallery*/
div#gallery{
	clear:both;
	width:100%;
	margin:25px 0;
}
div#gallery ul{
	margin:0;
	padding:0;
	letter-spacing:-0.4em;
}
div#gallery ul li{
	display:inline-block;
	*display:inline;
	width:160px;
	margin:0 0 10px 0;
	padding:0 0 0 25px;
	text-align:center;
	vertical-align:top;
	letter-spacing:normal;
	zoom:1;
}
div#gallery ul li a img{
	max-height:120px;
}
div#gallery ul li.main{
	float:left;
	width:650px;
	margin:0;
	padding:0;
	text-align:center;
	vertical-align:top;
}
div#gallery ul li.main a img{
	max-height:480px;
}
div#gallery ul li p{
	margin:3px 0 0 0;
	font-size:12px;
}
div#gallery ul li p.coution{
	font-size:14px;
}
div#gallery ul li p:before{
	content:"ве";
}

/* text */
div#text{
	margin-bottom:30px;:
}
/* related_link file */
dl#related_link,
dl#related_file{
	clear:both;
	margin:0;
}
dl#related_link dt,
dl#related_file dt{
	float:left;
	width:12em;
	margin:0;
	padding:5px 10px;
	text-align:center;
	border:1px #ccc solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
dl#related_link dd,
dl#related_file dd{
	width:calc(100% - 15em);
	margin:0;
	padding:6px 10px 16px 15em;
}

dl#related_link dd a,
dl#related_file dd a{
	padding:0 0 0 10px;
	background:url(../img/arr.png) no-repeat left 0.4em;
}