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

/* Left			##################################### */
div#left {
}
	div#main {
		margin-bottom: 60px;
	}
		div#main h3 {
			width: 150px;
		}
		h3#ichiran {
			background: url("../works/img/h3_ichiran.gif") top left no-repeat;
		}
		h3#shousai {
			background: url("../works/img/h3_shousai.gif") top left no-repeat;
		}
		div#main-left {
			float: left;
			margin-top: 25px;
			width: 534px;
		}
			div#main-left h4 {
				float: left;
				margin: 0 12px 15px 0;
				text-indent: 0;
				clear: both;
			}
				div#main-left h4 strong {
					padding: 2px 35px 2px 35px;
					background: #888;
					color: #fff;
					font-size: 12px; font-weight: bold;
				}
			div#main-left a.up,
			div#main-left a.down,
			div#main-left a.up-def,
			div#main-left a.down-def {
				display: block;
				float: right;
				margin: 12px 5px 0 0;
				width: 8px; height: 8px;
				text-indent: -7777px;
				overflow: hidden;
			}
			div#main-left a:hover.up,
			div#main-left a:hover.down {
				background-position: top center;
			}
			div#main-left a.up {
				background: url("../img/icon_triangle_a.gif") top left no-repeat;
			}
			div#main-left a.down {
				background: url("../img/icon_triangle_b.gif") top left no-repeat;
			}
			div#main-left a.up-def {
				background: url("../img/icon_triangle_a.gif") top right no-repeat;
			}
			div#main-left a.down-def {
				background: url("../img/icon_triangle_b.gif") top right no-repeat;
			}
			div#main-left h5 {
				font-size: 14px; font-weight: bold;
				color: #222;
				text-indent: 0;
			}
			div#main-left ul {
				display: block;
				margin-left: 12px;
				width: 520px;
				clear: both;
			}
				div#main-left ul li {
					float: left;
					margin: 0 35px 0 0;
				}
					div#main-left ul li a.thumbnail {
						display: block;
						width: 133px; height: 183px;
						border: 1px solid #c7c7c7;
					}
					div#main-left ul li a:hover.thumbnail {
						border: 1px solid #777;
					}
					div#main-left ul li span.info-add {
						display: block;
						margin-top: 5px;
						width: 135px; height: 50px;
						text-align: center;
						font-size: 10px;
					}
			div#main-left div.box-info {
				float: left;
				padding-bottom: 12px;
				margin: 10px 0 25px 0;
				width: 500px;
				border: 1px solid #eee;
				clear: both;
			}
				div#main-left div.box-info img,div#box-youtube {
					float: left;		
					margin: 12px 0 0 12px;
					border: 1px solid #eee;
				}
				div#box-info-right {
					float: right;
					padding-right: 25px;
					margin-top: 5px;
					width: 255px;
				}
					div#box-info-right ul {
						margin: 0;
						width: 100%;
					}
						div#main-left div.box-info ul li {
							display: block;
							margin: 0;
							padding: 7px 0;
							width: 100%;
							background: url("../img/border_c.gif") bottom left repeat-x;
							color: #222;
						}
							div#main-left div.box-info ul li span {
								font-size: 10px;	
								color: #999;
							}
							div#main-left div.box-info ul li strong {
								padding: 0 7px;	
								color: #fff;
								background: #999;
							}
					a#btn-buy {
						display: block;
						float: right;
						margin: 20px 0 0 0;
						width: 126px; height: 24px;
						background: url("../works/img/btn_buy.gif") top left no-repeat;
						clear: both;
						text-indent: -7777px;
						overflow: hidden;
					}
					a:hover#btn-buy {
						background-position: bottom;
					}
				div#main-left div.box-info div.clear {
					width: 100%;
					clear: both;
				}
			div#box-detai {
				margin: 0 10px;
				width: 480px;
				color: #393939;
				clear: both;
				line-height: 1.7;
			}
			div#main-left div.clear {
				clear: both;
			}
		div#main-right {
			float: right;
			width: 240px;
		}
			div#main-right ul {
				margin-top: 20px;
				font-size: 11px;
				background: url("../img/border_c.gif") top left repeat-x;
			}
				div#main-right ul li {
					padding: 5px 0 5px 5px;
					display: block;
					background: url("../img/border_c.gif") bottom left repeat-x;
				}
				div#main-right ul li#bottom {
					background: none;
				}
					div#main-right ul li a {	
						display: block;
						padding-left: 15px;
						color: #777;
						background: url("../img/icon_arrow_works.gif") top left no-repeat;
					}
					div#main-right ul li a:hover {
						color: #222;
					}
			div#box-mailmagazine {
				margin-top: 25px;	
			}