@charset "UTF-8";
/* -------------------------------------------------------- CSS Information 
Lust up date:   2011.11.01
Style Info:     gallery css
------------------------------------------------------------------------ */  

/*CommonCSS_link*/
@import url(base.css);
@import url(common.css);
/*------------------------------------------------------------Main*/
/*Gallery*/
.thumbnail01, .thumbnail02, .thumbnail03, .thumbnail04, .thumbnail05, 
.thumbnail06, .thumbnail07, .thumbnail08, .thumbnail09, .thumbnail010 {
	background: url(../img/common/bg_dot.gif) repeat left top;
	margin:0 0 10px;
	padding: 10px 0 0 10px;
	border: 1px solid #FFF;
	/* CSS3 */
	border-radius: 5px;
	float: right;
}
.thumbnail01 ul, .thumbnail02 ul, .thumbnail03 ul, .thumbnail04 ul, .thumbnail05 ul,
.thumbnail06 ul, .thumbnail07 ul, .thumbnail08 ul, .thumbnail09 ul, .thumbnail010 ul {
	list-style-type: none;
	clear: both;
}
.thumbnail01 ul li, .thumbnail02 ul li, .thumbnail03 ul li, .thumbnail04 ul li, .thumbnail05 ul li,
.thumbnail06 ul li, .thumbnail07 ul li, .thumbnail08 ul li, .thumbnail09 ul li, .thumbnail010 ul li {
	list-style-type: none;
	margin: 0 10px 10px 0;
	width: 100px;
	float: left;
}
.thumbnail01 ul li a:hover img, .thumbnail02 ul li a:hover img, .thumbnail03 ul li a:hover img, .thumbnail04 ul li a:hover img, .thumbnail05 ul li a:hover img,
.thumbnail06 ul li a:hover img, .thumbnail07 ul li a:hover img, .thumbnail08 ul li a:hover img, .thumbnail09 ul li a:hover img, .thumbnail010 ul li a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.gallery_photo01, .gallery_photo02, .gallery_photo03, .gallery_photo04, .gallery_photo05,
.gallery_photo06, .gallery_photo07, .gallery_photo08, .gallery_photo09, .gallery_photo010 {
	width: 480px;
	margin: 0 0 5px 27px;
}
.comment {
	clear: both;
}
/*PageNavi*/
#pagenavi {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	text-align: center;
}
#pagenavi li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}
#pagenavi li span, #pagenavi li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #FFF;
	border: 1px solid #AAA;
	text-decoration: none;
	vertical-align: middle;
}
#pagenavi li span {
	color: #999;
}
#pagenavi li a:hover {
	background: #EEEFF7;
	border-color: #00F;
}
.workstitle {
	font-size: 18px;
	font-family:"メイリオ", Meiryo;
	font-weight: bold;
	line-height: 150%;
	background:#EDB60E;
	padding: 3px 0 0 10px;
	margin: 0 0 10px 25px;
	text-align:left;
	border-bottom:1px solid #CBA54C;
	border-left:5px solid #EC9C3F;
	text-shadow:1px 1px 1px #FFF;
}
.workstitle span {
	font-size: 11px;
	color: #666;
	font-weight: normal;
}
.workscomment{
	margin:10px 10px 20px 27px;
	text-align:left;
	font-size: 12px;
	line-height:1.4em;
}


ul.example {
	margin:0 0 25px 25px;
	padding:20px 0 10px 0 ;
	width: 725px;
	text-align:left;
	background:#FFF;
	border-radius:5px;
	border-top:1px solid #E5DCA0;
	border-left:1px solid #E5DCA0;
	overflow:hidden;
	_zoom:1px;
	list-style: disc outside !important;
}
	ul.example li {
		margin:0 20px 10px 30px;
		padding:0;
		font-size:14px;
		line-height:1.1em;
		width:410px;
		float:left;
	}
	ul.example li.w210 {
		width:210px;
	}

/*お客様の声*/
.voice_box{
	margin-bottom:10px;
}
	.voice_box img.voice_img{
		float:left;
		margin:20px 0 0 30px;
	}
	.voice_box .voice_txt{
		float:left;
		width:603px;
	}
		.voice_box .voice_txt p{
			padding:20px 25px 15px 60px;
			text-align:left;
			line-height:1.4;
			background:url(../img/gallery/voice/voice_area.png) 0 top no-repeat;
		}
		.voice_box .voice_txt div{
			text-align:right;
			padding:10px 25px 0 0;
			background:url(../img/gallery/voice/voice_btm.png) 0 0 no-repeat;
			height:45px;
			color:#BC2939;
		}