@charset "utf-8";

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{
    color:#6f6f6f;background:#FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;padding:0;
	font: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
table{
    border-collapse:collapse;border-spacing:0;
}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;font-weight:normal;
}
li { list-style:none; } caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{
    font-size:100%;font-weight:normal;
}
q:before,q:after{ content:''; }
abbr,acronym{ border:0;font-variant:normal; }
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
legend{ color:#000; }

a{
	outline: none;
}
/*=======================================================*/

#works_contents{
	overflow: hidden;
	width: 960px;
	height: 600px;
	font-size: 11px;
	line-height: 1.8em;
}

.left_box{
	float: left;
	width: 230px;
	height: 100%;
	padding-right:20px;
	margin: 40px 10px 0 0;
	border-right:solid 1px #6f6f6f;
}

.left_box h1{
	font-size: 13px;
	font-weight: 700;
	color: #6d769b;
}

.poster_contents_size{
	font-size: 11px;
}

.poster_contents_inside{
	font-size: 13px;
	text-align:justify;
	margin-top: 5px;
	padding-top: 10px;
	border-top: solid 1px;
}

.left_box a{
	display: block;
	width: 47px;
	height: 10px;
	margin-top: 20px;
	text-indent: -9999px;
	overflow: hidden;
	background:url(../works/work_image/back_icon.gif);
}

.left_box a:hover{
	display: block;
	width: 47px;
	height: 10px;
	margin-top: 20px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../works/work_image/back_icon_hover.gif);
}



/*=======================================================*/
.container {
	margin: 10px 10px 0 0;
	width: 650px;
	text-align: center;
	float:right;
}

/* #flickscroll
--------------------------- */
.flickscroll {
	margin: 0 auto;
	width: 630px;
	height: 470px;
	text-align: left;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.flickscroll ul {
	top: 0;
	left: 0;
	height: 470px;
	position: absolute;
	overflow: hidden;
}
.flickscroll ul li {
	width: 630x;
	height: 470px;
	float: left;
	display: inline;
	overflow: hidden;
}
/* #flickthumb
--------------------------- */
.flickthumb {
	margin: 10px auto 0 auto;
	width: 650px;
	height: 70px;
	text-align: center;
}
.flickthumb ul {
	height: 70px;
	margin: 0 auto;
}
.flickthumb ul li {
/*	width: 100px;
*/	height: 70px;
	float: left;
	cursor: pointer;
	display: inline;
	margin: 5px;
}
.flickthumb ul li.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
/* =======================================
	ClearFixElements
======================================= */
.flickscroll ul:after,
.flickthumb ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.flickscroll ul,
.flickthumb ul {
	display: inline-block;
	overflow: hidden;
}
/*=======================================================*/