@charset "utf-8";

/* -----------------------------------------------------------
 Style Info:     実績
----------------------------------------------------------- */
/*カテゴリータイトル背景*/
#category {
	background: url(../img/project/mtitle_works.jpg) no-repeat left top;
	text-indent: -9998px;
}

/*ナビ文字カラー*/
.ui-accordion .ui-accordion-content li, #navi h3+ul li, #navi li a:hover {
	color: #660099;
}

/*メインスペース内見出し*/

#title h2 {
	border-bottom: 2px solid #7C50B4;
}
.projecttop #title h2 {
	background: url(none);
	text-align: center;
	border-bottom-style: none;
}
.projecttop #title {
	background: url(none);
}

#main h3 {
	font-size: 105%;
	margin: 30px 0px 10px;
	background: url(../img/share/maru_violet.gif) no-repeat left 4px;
	padding-left: 20px;
}

.projectlist li {
	margin: 5px 30px 0px;
}
#main.projecttop img {
	margin-right: auto;
	margin-left: auto;	
	display: block;
}

/*声*/
#main.voice h2 {
	margin-top: 30px;
	margin-bottom: 20px;
}
#main.voice h3 {
	background: url(none);
	padding-left: 0px;
	margin-top: 30px;
	margin-bottom: 20px;
}
#main.voice .kakomi {
	padding: 10px;
	border: 1px solid #CCCCCC;
	clear: both;
}
#main.voice .kakomi p {
	font-size: 85%;
	margin-bottom: 0px;	
}

#main .imgC {
	margin-top: 40px;
	margin-bottom: 40px;
}

.voice_green {
	color: #006666;
}
.voice_orange {
	color: #CC3300;
}
/*ギャラリー*/
#gallery ul {
	font-size: 10px;
	margin-bottom: 30px;
	line-height: 1.4;
	margin-top: 5px;
	letter-spacing: normal;
}
#gallery li {
	width: 170px;
	float: left;
	margin: 0 5px 15px;
}
#gallery li a {
	color: #333333;
}
#gallery li a img {
	display: block;
	padding: 2px;
	border: 1px solid #BFBFBF;
	margin-bottom: 2px;
}
#gallery li a:hover img {
	border: 1px solid #6600CC;
	opacity: 0.8;
	-moz-opacity: 0.8; /* Firefox */
	filter: alpha(opacity=80); /* IE6/7 */
	-ms-filter: "alpha(opacity=80)"; /* IE8 */
	zoom:1;
}
#gallery li a:hover {
	border-bottom: none;
	color: #6600CC;
}
#gallery ul:before, #gallery ul:after {
    content:"";
    display:table;
}
#gallery ul:after {
    clear:both;
}


div.displaynone {
	display: none;
}