@charset "UTF-8";
/* CSS Document */

/* WORKS PAGE STYLES
-------------------------------------------------- */
#works{
}
#works .works_menu{
	margin-bottom:20px;
}
#works .works_menu li {
	margin: 0px 0 0 0;
}
#works .works_menu li a{
	width:100%;
	margin-bottom:10px;
	padding:10px 0px;
	display: inline-block;
	border:2px solid #0099cc;
	border-radius:10px;
	text-align:center;
	font-size:1em;
	font-weight:bold;
}
#works .works_menu li a:hover{
	color:#FFF;
	background:#0099cc;
}
#works .works_example{
	margin-bottom:30px;
}
#works .works_example h2{
	margin:0 15px 20px;
	padding:6px 15px;
	font-size:1.4em;
	color:#FFFFFF;
	background:#000;
}
#works .works_example ul li{
	margin-left:20px;
	font-size:1.3em;
	list-style:disc;
	line-height:1.3em;
}
#works .works_example .example_right{
	padding-right:0;
}
#works .works_example .example_right .photo{
	margin-bottom:8px;
	border:solid 1px #ccc;
}
#works .works_example .example_right dl{
	padding-right:0;
}
#works .works_example .example_right dl dt{
	font-size:1.2em;
	font-weight: normal;
}
#works .works_example .example_right dd.photo img{
	width:100%;
}

@media (max-width: 575px){
#works .works_menu li:nth-child(even){
	padding-left: 3px;
}
#works .works_menu li:nth-child(odd){
	padding-right: 3px;
}
}