@charset "UTF-8";
@import "font.css";
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700);

/*reset major style*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}

/*base font style*/
a:link {
	color: #113f79;
	text-decoration: none;
}

a:visited{
	text-decoration: none;
	color: #3e89af;
}
a:hover{
	color: #42c8d4;
	text-decoration:underline;
}

/*clearfix*/

.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.clearfix {display:inline-table;}

/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.clear {
	clear: both;
}

.pagetop{
	text-align: center;
	margin: 0 0 0 0;
	clear:both;
	padding: 24px 0 36px 0;
	size: 0.95em;
	}

.pagetop a{
	color:#000000;
	text-decoration: none;
	}



/*Q.,ltd*/

body {background: #FFFFFF;text-align: center; color: #1D1D1D;}

*:first-child+html body { text-align: left;}

#main {
width: 868px;
height: 400px;
margin: -200px 0px 0px -434px;
left: 50%;
top: 50%;
position: absolute;
}



/*トップページ*/
ul#topmenu2 { margin: 53px 0 0 0; list-style: none;}
ul#topmenu2 li{ margin: 0 0 8px 0; }
#topmenu{width:671px; margin: -32px auto 0 auto;}
#topmenu .left{ float: left; width: 180px;}
#topmenu .right{ float: right; width: 180px;}


/*
トップページ 1202
*********************************/
#bg3 { background: url(../img/common/mainbg_2012b.png) top left no-repeat fixed; color:}
#fnavigation{ text-align: right;min-width: 1020px ; position: fixed; }
#bg3 ul#topmenu2 { margin: 0 0 0 0; list-style: none; text-align: right; position: fixed;bottom: 25px; right: 0px;background: #ffffff; opacity: 0.9;padding: 50px 40px 28px 12px; z-index: 1;}
#bg3 ul#topmenu2 li:last-child{ margin: 18px 0 0px 0; }

#footer12{ position: fixed; bottom: 0px; right: 0px; text-align: right; width: 100%;  height:12px ;background: #ffffff; padding: 3px 80px 10px 0; opacity: 0.9;z-index: 3;}
.side-head,.widget_categories li{ background: #FFFFFF; opacity:0.9;}

#main2012{ margin: 80px auto 0 auto; width: 810px; }
#main2012{margin: 0 auto 0;  padding: 0; width: 1080px;}

#main2012 h1{ font-size: 1.4em; margin: 0 0 47px 0;}
#worksview{list-style: none; display: none; z-index: 2; position: relative; }
#worksview li {float: left; margin: 0 1px 1px 0; line-height: 1; padding: 0; background: #ffffff; width: 100px; height:90px;overflow: hidden;vertical-align: bottom; text-align: center;}

#worksview li img{ position: relative; }
#worksview li a:link{ color: #999999; text-decoration: none;}
#worksview li a:visited{ color: #000000; }
#worksview li h3{ padding:8px 4px 0 4px; line-height: 1.2em;width: 92px; font-size: 0.9em;z-index: 5;position: absolute;}
.nextpages{ text-align: center; padding: 18px; font-size: 1.1em; font-weight: bold;clear: both;}
#pagenavi-left{ width: 270px;text-align: right; float: left; padding: 18px 0px 0 0; }
#pagenavi-right{ width: 270px;text-align: left; float: right;padding: 18px 0 0 0px; }
.nextpages { padding: 0 12px 0 12px;}
#q-side2{ position: fixed; top: 60px; right: 80px; }
#fade{ background: #ffffff url(../img/common/loading2.gif) center center no-repeat; width: 810px; height: 500px; position: absolute;  margin: auto;}

#related { margin: 6px 0 0 0;}
#related li{ margin: 24px 0 24px 0;}

/*side bar*/

#q-side{ position: fixed; width: 238px; padding: 0; text-align: left; z-index: 0; }
#q-side3{ width: 238px; padding: 0; text-align: left; }
#q-side ul li{ }
#navigation2 #logo{text-align: left; margin: 0 0 28px 0;}
#navi-con{font-family: 'Source Sans Pro', sans-serif; font-size: 1.3em; border-top: 1px solid #000;border-bottom: 1px solid #000; padding: 18px 0 0; margin: 28px 0 0 0;}
#navi-con li{ margin: 0 0 1.1em 0; }
#navi-con a:link{ color: #000000;}
#navi-con a:visited{ color: #000000;}
#navi-con a:hover{ color: #000000; text-decoration: none;}




#footer-top{
	text-align: center;
	font-size: 0.8em;
 height:30px;
	width:100%;
	clear:both;
	margin: 80px 0 0 0;
	}

#footer a,
#footer-top a{ 
	color:#000000; 
	font-weight:bold;}

#footer{
	text-align: center;
	font-size: 0.8em;
	width:100%;
	clear:both;
	margin: 36px 0 0 0;
	}

	
/**/


/*2nd layer*/
#navigation {
	width: 868px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#main-con {
	width: 868px;
	margin: 50px auto 0 auto;
	padding: 36px 0 36px 0;
	/*background: url(../img/common/bg2-trance-wh3.png) repeat;*/
	text-align: center;
}
#main-con{ margin: 0 auto 0;  padding: 0; width: 1080px}
#main-con h1{font-size: 1.4em;}

#navigation #logo {
	margin-bottom: 35px;
	margin-top: 35px;
	padding: 0px;
	height: 35px;
}
#navigation #navi-con { margin: 0; font-size: 1.2em;}
#navigation #navi-con img { margin: 0 61px 0 0; }
#navigation #navi-con img.end { margin: 0px; }
#navigation #navi-con a:visited {color: black;}

#main-con .n-title {
	text-align: left;
	float: left;
	width: 200px;
	border-top: solid 1px #000000;
	border-bottom:  solid 1px #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0 0 0 24px;
}

.breadcrumbs { font-size:0.8em; text-align:left; padding: 0px 0 0 24px;}





/*news*/
#main-con .n-cont-right {
	text-align: left;
	float: left;
	width: 580px;
	margin-left: 30px;
	
}

.news-index {
	margin: 0 0 24px 0;
	clear:both;
	}
	
.news-index img.entry{ 
	float:left;
	margin: 0 12px 36px 0px;}

.news-index h2,
#content h2{
	font-size:1.1em;}

.news-index p{}

.q-summary p img{ visibility:hidden; }

/*company profile*/
.com-detail p { margin: 8px 0 24px; }
.com-detail .otherinfo{ clear:both; padding: 18px 0 0 0;}
.com-detail .com-left {
	float: left;
	width: 300px;
	margin: 12px 0 0 70px;
}

.com-detail .com-right {
	float: right;
	width: 300px;
	margin: 12px 70px 0 0;
}


/*
トップページ 1202
*********************************/

#main2012 .hentry{ text-align: left; min-width:700px;margin: 0 0px 0 0px; }
#main2012 .q-index-con{ float: left; margin: 0 0px 0 40px; width: 400px;}
#main2012 .q-index-con h2{font-size:1.1em;}

/**/
#main2012{margin: 0 auto 0;  padding: 0; width: 1080px;}
#main2012 .otherinfo{ text-align: left;}
#main2012 .otherinfo p{ margin: 0 0 2.0em 0;}
#main2012 .otherinfo h4{ margin: 0 0 2.0em 0;}



/*___________________________
cd works
___________________________*/

div.com-detail{float: right; width: 810px; text-align: left; margin: 120px 0; }
.com-detail h1.cd{ 
	text-align: left;
	padding: 0 0 0 40px;
	margin: 0 0 40px 0;}


#cd-title{
 padding: 12px 40px 0px 35px;}

#cd-title .pickup { padding: 0 0 0px 0; }
#cd-title .cd-list { padding: 60px 0 0px 0; clear:both;}

#cd-title .cd-cont{
	float: left;
	width: 100px;
	height: 100px;
	margin: 0 0 0 29px;
	padding: 0 0 24px 0;
	background: url(../cd_works/img/icon_loading_spinner_bigger.gif) center no-repeat;
}
#cd-title .cd-end{	margin: 0 0 0 29px;}

#cd-title .cd-cont a img{ border: solid 1px #E0F2FD; padding: 1px;}	
#cd-title .cd-cont a:hover img{ border: solid 1px #42c8d4;}

h2.cd{ 
	text-align: left;
	padding: 40px 0 0 40px;
	margin: 0 0 30px 0;}
	
#artist{ clear:both; text-align: left; padding: 0px 40px 0 35px; }
#artist h2{ font-weight: bold; font-size: 1.0em; }
#artist .cd-cont,#artist .link{
	float: left;
	width: 100px;
	height: 95px;
	margin: 0 0 48px 29px;
	padding: 0 0 24px 0;
	font-size: 0.8em;
	/*background: #ffffff;*/}
	
#artist .cd-cont,#artist .link2{
	padding: 0 0 36px 0;
	font-size: 0.8em;
	/*background: #ffffff;*/}
	
#artist .link a,#artist .link2 a{font-family: verdana, 'trebuchet ms', sans-serif; font-weight: bold;color: #ff0300; font-size: 0.9em;}
#artist .link,#artist .link2{ padding: 0px 0 0 0; vertical-align:bottom; white-space: nowrap;} 


#biz{ clear:both; text-align: left; padding: 0px 40px 0 20px; margin: -20px 0 0 0;}
#biz ul{ margin: 0 0 24px 40px; list-style: none; line-height: 2.8em; clear: both;}
#biz ul li.mngm{ font-family: verdana, 'trebuchet ms', sans-serif; font-weight: bold;font-size: 0.9em;}
#biz ul li.mngm a{ color: #ff0300; background: none; letter-spacing: 0px; }

/*___________________________
  CM works
___________________________*/

#cm-title{ padding: 12px 0px 0px 0px; }
#cm-title .pickup { padding: 0px 8px 0px 30px; margin: 0px;} 
#cm-title .cd-list { padding: 60px 0px 0px 0px; clear:both;}

#cm-title .cd-cont{
	float: left;
	width: 133px;
	height: 80px;
	margin: 0 0px 0 0px;
	padding: 0 0 24px 0;
	background: url(../cd_works/img/icon_loading_spinner_bigger.gif) center no-repeat;
}
#cm-title .cd-end{	margin: 0 0 0 0px;}

#cm-title .cd-cont a img{ border: solid 1px #E0F2FD; padding: 1px;}	
#cm-title .cd-cont a:hover img{ border: solid 1px #42c8d4;}




/*___________________________
  Q;indivi
___________________________*/

#qindivi{}

#worksview2,#worksview3,#worksview4,#worksview5,#worksview6{list-style: none; z-index: 2; position: relative; clear: both; padding: 2px 0 8px 0;}
#worksview2 li,#worksview3 li ,#worksview4 li ,#worksview5 li ,#worksview6 li  {float: left; margin: 0 1px 1px 0; line-height: 1; padding: 0; background: #ffffff; width: 100px; height:100px;overflow: hidden;vertical-align: bottom; text-align: center;}
#worksview2::after,#worksview3::after,#worksview4::after,#worksview5::after,#worksview6::after{ clear: both; display: block;height: 0; content: "";}

#worksview2 li img,#worksview3 li img,#worksview4 li img,#worksview5 li img,#worksview6 li img{ position: relative; }
#worksview2 li a:link,#worksview3 li a:link,#worksview4 li a:link,#worksview5 li a:link,#worksview6 li a:link{ color: #999999; text-decoration: none;}
#worksview2 li a:visited,#worksview3 li a:visited,#worksview4 li a:visited,#worksview5 li a:visited,#worksview6 li a:visited{ color: #000000; }
#worksview2 li h3,#worksview3 li h3,#worksview4 li h3,#worksview5 li h3,#worksview6 li h3{ padding:8px 4px 0 4px; line-height: 1.2em;width: 92px; font-size: 0.9em;z-index: 5;position: absolute;}
h2.qindivi-works{font-size: 1.0em;}

#qindivi .profile{ clear: both; padding: 68px 128px 0 0;}
#qindivi .profile p{margin: 0.5em 0 2em 0;}

#qindivi-social{ margin: 0 0 0 2.0em;}
#qindivi-social a{ color: #897335;}
#q-side hr{ height: 1px; border: none; border-top: 1px solid #000000;}