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

@charset "utf-8";
/* ----------------------------------------------------------------------------------------------------
 * ▼　インポートCSS
 * --------------------------------------------------------------------------------------------------*/

/* アコーディオンメニュー */
@import url(accordion.css);

/* ライトボックス */
@import url(pirobox/css_pirobox/style_5/style.css);

/* ----------------------------------------------------------------------------------------------------
 * ▼　作品集index
 * --------------------------------------------------------------------------------------------------*/

/* エリア */


/* -- サイドナビ -- */
#side  {
	position:relative;
	width:230px;
	padding-right:70px;
	float:left;
}

/* -- 作品アイコンリストエリア -- */
#worksIcon {
	top:0px;
	left:300;
	width:600px;
	float:left;
}



/* -- ページタイトル -- */
h2 {
	display:block;
	width: 900px;
	height: 24px;
	clear:both;
	margin-bottom:10px;
	background: url(../img/ttl/ttl_works.gif) no-repeat;
	text-indent:-9999px;
}

/* 作品アイコンリスト　年 */
#worksIcon h3 {
	 font-size:14px;font-family: 'Montserrat', sans-serif;
	 margin-bottom:10px;
	clear:both;
}

/* 作品アイコンリスト　カテゴリ非表示 */
#worksIcon h4 {
	display:none;
	float:left;
}

/* 作品アイコンリスト */
#worksIcon ul {
	font-size:1px;
	list-style:none;
	margin-bottom:50px;
}

#worksIcon ul > li > ul > li {
	display:block;
	width:60px;
	height:60px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	background-color:#A7C6C9;
	color:#A7C6C9;
	overflow:hidden;
	
}

#worksIcon ul li img {
	width:60px;
	height:60px;
}

#worksIcon ul li a {
	display:block;
	width:60px;
	height:60px;
	background-color:#ffffff;
}

#worksIcon ul li a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
}


/* ----------------------------------------------------------------------------------------------------
 * ▼　作品ページ
 * --------------------------------------------------------------------------------------------------*/


/* -- 作品エリア -- */
#works {
	top:0px;
	left:300;
	width:600px;
	float:left;
}
/* 作品ページ　上部ナビ */

#worksNavi {
	 width:600px;
	 height:12px;
	 margin-bottom:20px;
}

#worksNavi ul {
	list-style:none;
	width: 600px;
}

div#worksNavi a {
	display: block;
	width: 200px;
	height: 12px;
	float: left;
}

div#worksNavi a.back{
display:block;
background:url(../img/common/bt_back_2.png) no-repeat 0px 0px;
text-align:left;
}

div#worksNavi a.top{
display:block;
background:url(../img/common/bt_top_2.png) no-repeat 94px 0px;
text-align:center;
}

div#worksNavi a.next{
display:block;
background:url(../img/common/bt_next_2.png) no-repeat 188px 0px;
text-align:right;
}

div#worksNavi a:hover img{
filter: alpha(opacity=0);
-ms-filter: alpha(opacity=0);
opacity: 0.0;
}


/* ギャラリーエリア */
#gall {
	text-align:center;
}

/* 作品タイトルエリア */

#title {
	margin-bottom:20px;
}

/* 作品タイトル */
h3 {
	font-size:10px;
	line-height:16px;
	
	margin-bottom:10px;
}

/* 作品タイトル 太字部分 */
h3 strong {
	display:block;
	margin-top:10px;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
}

/* 作品製作年 */
.date {
	font-size:10px;
	margin-bottom:20px;
}


/* 作品メイン画像 */
.mainimg {
	width:600px;
	margin-bottom:20px;
}

/* 作品コメントエリア */
#comment {
	font-size:12px;
	line-height:16px;
	margin-bottom:20px;
}


/* 作品サムネイルリスト */
#gallNavi{
	padding:0;
	margin:0 auto;
	list-style-type:none;
	float:left;
	position:relative;
	left:50%;
	margin-left:-10px;
}
#gallNavi li{
	float:left;
	position:relative;
	margin-left:10px;
	margin-bottom:10px;
	right:50%;
}
#gallNavi img {
	width:77px;
}


/* クリックして拡大 */
.click {
	font-size:10px;
	text-align:right;
}