@charset "shift_jis";
/* CSS Document */

/* category_main */
#category_main #head {
	background: #555555;
	background: -moz-linear-gradient(top, #259 16%, #27b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(16%, #259), color-stop(100%, #27b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #259 16%, #27b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #259 16%, #27b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #259 16%, #27b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #259 16%, #27b 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#259', endColorstr='#27b', GradientType=0 ); /* IE6-9 */
	margin:0 0 20px;
}
#category_main #head p {
	background:url(./images/cms/article_silhouette.png) 440px -23px no-repeat;
	padding:20px;
	color: #fff;
}
#category_main #head p span {
	display:block;
	font-size:32px;
	border-bottom:1px solid #fff;
	margin:0 0 10px;
	padding:0 0 10px;
	text-shadow: 0 2px 1px #037;
}
#category_main #head p span img {
	margin:0 0 0 8px;
	box-shadow: 0 1px 1px #000;
}
#category_main #body .sec {
	border:1px solid #ccc;
	margin:15px 0 5px 0;
}

#category_main #body .sec .text{
	line-height: 120%;

}

#category_main #body .sec > div {
	border:10px solid #eee;
	padding:10px;
}
#category_main #body .sec .name {
	font-size:26px;
	border-bottom:2px solid #333;
	padding:0 0 2px;
	margin:0 0 10px;
}
#category_main #body .sec .name .detail a {
	display:inline-block;
	background:#333 url(./images/cms/category_icons.png) 64px -4px no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	float:right;
	padding:6px 35px 6px 15px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}
#category_main #body .sec .name .detail a:hover {
	text-decoration:none;
	background:#259 url(./images/cms/category_icons.png) 64px -4px no-repeat;
}
#category_main #body .sec .image {
	float:left;
	margin:0 10px 10px 0;
}
#category_main #body .sec .example {
	margin-left:360px;
}
#category_main #body .sec .example p {
	font-size:16px;
	margin:0 0 3px;
	background:url(./images/cms/category_icons.png) 0 -34px no-repeat;
	padding:0 0 0 16px;
}
#category_main #body .sec .example .list {
	border:1px solid #ccc;
	background:#eee;
	padding:5px 0 15px 5px;
	margin:0 0 8px;
    position:relative;
    overflow:hidden;
	height:50px;
}
#category_main #body .sec .example .list ul {
	float:left;
}
#category_main #body .sec .example .list ul li {
	margin:0 5px 0 0;
	float:left;
}

#category_main #body .link{
	text-align: right;
	margin: 5px 5px 0 0;
}

#category_main #body .link a{
	color: #06c;
	font-size: 12px;
}

#category_main #detail .sec {
	margin:0 0 50px;
}
#category_main #detail .sec .headline {
	color:#fff;
	font-size:16px;
	font-weight:bold;
	background:#333;
	padding:10px;
	margin:0 0 15px;
}
#category_main #detail .sec .headline span {
	font-size:13px;
	margin:0 0 0 5px;
}
#category_main #detail .banner {
	text-align:center;
	background:#eee;
}
#category_main #detail .machine .name {
	font-size:30px;
	border-bottom:2px solid #333;
	padding:0 0 2px;
	margin:30px 0 10px;
}
#category_main #detail .machine .image {
	float:left;
	margin:0 10px 10px 0;
}
#category_main #detail .machine .example p {
	font-size:16px;
	margin:0 0 3px;
	background:url(./images/cms/category_icons.png) 0 -34px no-repeat;
	padding:0 0 0 16px;
}
#category_main #detail .machine .example ul {
	border:1px solid #ccc;
	background:#eee;
	padding:5px 2px 5px 5px;
}
#category_main #detail .machine .example ul li {
	margin:0 3px 5px 0;
	display: inline-block;
	vertical-align: top;
	width:80px;
}
#category_main #detail .machine .example ul li span {
	display:block;
	font-size:10px;
	word-break:break-all;
}
#category_main #detail .mybike > ul > li,
#category_main #detail .blog > ul > li {
	border:1px solid #ccc;
	padding:15px;
	margin:0 0 10px;
}
#category_main #detail .mybike .photo {
	width:140px;
	height:140px;
	background:#eee;
	text-align:center;
	float:left;
	margin:0 15px 0 0;
}
#category_main #detail .mybike .photo img {
	width:100%;
}
#category_main #detail .mybike .name,
#category_main #detail .blog .name {
	font-size:16px;
	border-bottom:2px solid #333;
	padding:0 0 1px;
	margin:0 0 5px;
	overflow:hidden;
}
#category_main #detail .mybike .name span,
#category_main #detail .blog .name span {
	font-size:20px;
	display:block;
}
#category_main #detail .mybike .attend,
#category_main #detail .blog .attend {
	margin:0 0 10px;
	overflow:hidden;
}
#category_main #detail .mybike .attend ul,
#category_main #detail .blog .attend ul {
	float:left;
}
#category_main #detail .mybike .attend ul li,
#category_main #detail .blog .attend ul li {
	float:left;
	margin:0 5px 0 0;
}
#category_main #detail .mybike .attend dl,
#category_main #detail .blog .attend dl {
	float:right;
}
#category_main #detail .mybike .attend dl dt,
#category_main #detail .blog .attend dl dt {
	float:left;
	margin:0 0 0 15px;
	font-weight:bold;
}
#category_main #detail .mybike .attend dl dd,
#category_main #detail .blog .attend dl dd {
	margin:0 0 0 3px;
	float:left;
}
#category_main #detail .mybike .text,
#category_main #detail .blog .text {
	margin:0 0 5px;
}
#category_main #detail .mybike .more,
#category_main #detail .blog .more {
	text-align:right;
}
#category_main #detail .mybike .more a,
#category_main #detail .blog .more a {
	font-size:14px;
	font-weight:bold;
	color:#06c;
	text-decoration:underline;
}
#category_main #detail .mybike .more a:hover,
#category_main #detail .blog .more a:hover {
	text-decoration:none;
}
#category_main #detail .mybike .name,
#category_main #detail .mybike .attend,
#category_main #detail .mybike .text {
	margin-left:155px;
}

/* category_side */
#category_side .menu {
	background:#f8f8f8;
	border:1px solid #ccc;
	padding:8px;
	margin:0 0 20px;
}
#category_side .menu div {
	padding:8px 8px 8px 28px;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	margin:0 0 10px;
}
#category_side .menu.category div {
	background:url(./images/cms/article_icons.png) 0 -41px no-repeat #259;
}
#category_side .menu.ranking div {
	background:url(./images/cms/article_icons.png) 0 -81px no-repeat #259;
}
#category_side .menu.archive div {
	background:url(./images/cms/article_icons.png) 0 -121px no-repeat #259;
}
#category_side .menu ul li {
	list-style-type:square;
	margin:0 0 4px 20px;
}
#category_side .menu ul li a {
	margin:0 0 0 -2px;
}
#category_side .menu.ranking ul li {
	list-style-type:decimal;
	margin:0 0 3px 25px;
}

/*BOE add by @rcv!nguyen.truyen 2014/02/13 #6542*/

.list ul li img{
	width: 80px;
	max-height: 60px;
}

/*EOE add by @rcv!nguyen.truyen 2014/02/13 #6542*/