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

/* ======================================================================================
 	全体共通
====================================================================================== */
* {
	margin: 0;
	padding: 0;
	font-style: normal;
	color: #000000;
	line-height:1.5;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
	
/*	overflow:hidden
*/}

/*　モバイルブラウザ用　*/

img {
    border-style: none;
	vertical-align:bottom;
}

.clearfix {
overflow:hidden; /*モダンブラウザ用*/
_zoom:1; 　　　　/*IE用*/
}

#main_contents{
	width:950px;
	margin: 0 auto;
	text-align:left;
}

/* float -------------------- */
.fL  {
  float: left;
}

.fR  {
  float: right;
}

.clear {
  clear:both;
}

/* リンクカラー -------------------- */

a:link { color: #09F }

a:visited  { color:#000 }

a:hover { color: #09F }

a:active  { color: #09F }


/* ======================================================================================
 	ヘッダー
====================================================================================== */
#header {
	width:1020px;
	margin:0 auto;
	position:relative;
	margin-bottom:10px;
}
#headNavi {
    right: 0;
    position: absolute;
    top: 0;
    width: 1020px;
	text-align:right;
	padding-top:5px;
}
#headNavi a {
	background:url(../img/arrow.gif) no-repeat right center;
	padding-right:20px;
	margin-left:15px;
	color:#000;
	text-decoration:none;
}
#header h1 {
	padding-top:22px;
}
#headMenu {
	position:absolute;
	right:0;
	bottom:0;
}
#headMenu ul {
	list-style-type:none;
}
#headMenu ul li {
	float:left;
	padding-left:10px;
	height:67px;
}

/* ======================================================================================
 	メインビジュアル（Flash）
====================================================================================== */
#icatch {
	height:300px;
	width:100%;
	background-color:#000;
}
#icatch .inner{
	width:1020px;
	margin:0 auto;
}


#Fla {
	width:1020px;
	margin:0 auto;
}

/* ======================================================================================
 	グローバルメニュー
====================================================================================== */
/*#menuWrap {
	width:100%;
	float:left;
}*/
#menu {
	width:1020px;
	margin:0 auto;
	padding-top:18px;
	padding-bottom:15px;
	height:29px;
}
#menu ul {
	list-style-type:none;
}
#menu ul li {
	float:left;
	height:25px;
	padding-top:4px;
}
#menu ul .leftend {
	border-right:#000 1px solid;
}

#upline {
	width:100%;
	border-top:#000 1px dotted;
	margin:0 auto;
	padding:0px;
	height:0px;
	float:left;
}
#downline {
	width:100%;
	border-top:#000 1px solid;
	margin:0 auto;
	padding:0px;
	height:0px;
	float:left;
}

#pankuzu {
	width:1020px;
	margin:0 auto;
	font-size:11px;
	padding-top:5px;
	padding-bottom:20px;
}
#pankuzu ul {
	list-style-type:none;
}
#pankuzu ul li {
	float:left;
}

/* ======================================================================================
 	コンテンツ
====================================================================================== */
#CategoryMenuWrap {
	width:100%;
	background-color:#342C2A;
	float:left;
	margin-bottom:25px;
}
#CategoryMenu {
	width:1020px;
	margin:0 auto;
	padding-top:15px;
	text-align:center
}
#CategoryMenu ul {
	list-style-type:none;
}
#CategoryMenu ul li {
	float:left;
}
.left_pad {
	padding-left:127px;
}
	
#Contents {
	width:1020px;	
	margin:0 auto;
}

/* ======================================================================================
 	レフトコンテンツ
====================================================================================== */
#Left_Contents {
	width:600px;
	float:left;
}
#chumoku {
	border:#000 1px dotted;
	padding:20px;
	float:left;
	background:url(../img/icon_chumoku_nopad.jpg) no-repeat top right;
}
#chumoku p {
	padding-top:12px;
}
#chumoku p a {
	font-weight:bold;
	color:#F00;
}
#chumoku ul {
	list-style-type:none;
	padding-top:15px;
	margin-left:-5px;
}
#chumoku ul li {
	float:left;
	padding-left:4px;
}


/* ======================================================================================
 	ライトコンテンツ
====================================================================================== */
#Right_Contents {
	width:395px;
	float:right;
}
#news {
	border:#000 1px dotted;
	padding:20px 20px 15px 20px;
	float:left;
}

/* ニュース -------------------- */
#news02{
	width:355px;
	padding-bottom:20px;
	margin-top:20px;
}
.news_table{
	width:341px;
/*	background-color:#ECEBE9;
*/	margin-top:-22px;
}
.news_table li {
    background: url(../img/bg_dotline.gif) repeat-x scroll 0 100% transparent;
    padding: 5px 0;
}

/* ======================================================================================
 	コンテンツ
====================================================================================== */
#Contents02 {
	width:1020px;	
	margin:0 auto;
}
#jirei {
	width:980px;
	border:#000 1px dotted;
	float:left;
	margin-top:20px;
	padding:20px;
}
#jirei .jirei_top {
	width:980px;
	float:left;
}	
#jirei .left {
	float:left;
	padding-right:15px;
}
#jirei .right {
	float:right;
}
#jirei div ul {
	list-style-type:none;
}
#jirei div ul li {
	padding:2px 0px;
}
#jirei .jirei_bottom {
	width:980px;
	float:left;
	padding-top:15px;
}
.jirei_bottom .left	{
	margin-top:-2px;
}
.jirei_bottom .right li {
	float:left;
}

/* 事例 -------------------- */
#jirei_menu {
	position: relative; width: 200px; height: 142px;
	background:url(../img/jirei_menu_bg.jpg) no-repeat top left;
}
#jirei_img	{
	position: relative; width: 187px; height: 132px;
	float:left;
}

/* イントロダクション -------------------- */
#intro {
	width:1020px;
	float:left;
	margin-top:20px;
	background:url(../img/map.jpg) no-repeat top right;
}
#intro h3 {
	padding-bottom:5px;
}
#intro dl dt {
	float:left;
	padding-right:10px;
	display:block;
}
#intro dl dd {
	padding-bottom:5px;
}
#intro ul {
	list-style-type:none;
	border-left:#000 3px solid;
	padding-left:8px;
	padding-right:380px;
	margin-top:5px;
	font-size:10px;
}
#intro ul li .left {
	padding-top:8px;
}

/* その他／下層 -------------------- */
#ContentsInUp {
	width:100%;
	height:50px;
	border-top:#000 1px dotted;
	border-left:#000 1px dotted;
	border-right:#000 1px dotted;
	margin-top:20px;
	float:left;
	text-align:center;
}
#ContentsInDown {
	width:100%;
	height:50px;
	border-bottom:#000 1px dotted;
	border-left:#000 1px dotted;
	border-right:#000 1px dotted;
/*	margin-bottom:20px;
*/	float:left;
	text-align:center;
}

#ContentsInUp_min {
	width:100%;
	height:50px;
	border-top:#000 1px dotted;
	border-left:#000 1px dotted;
	border-right:#000 1px dotted;
	float:left;
	text-align:center;
}
#ContentsInDown_min {
	width:100%;
	height:50px;
	border-bottom:#000 1px dotted;
	border-left:#000 1px dotted;
	border-right:#000 1px dotted;
	float:left;
	text-align:center;
	margin-top:-25px;
}

/* ======================================================================================
 	フッター
====================================================================================== */
#FooterWrap {
	width:100%;
	background-color:#EBEBEB;
	float:left;
	margin-top:25px;
	padding-bottom:25px;
	float:left;
}
#Footer {
	width:1020px;
	margin:0 auto;
	position:relative;
}

#totop{
	background:url(../img/footer_top.jpg) no-repeat top right;
	width:1020px;
	height:23px;
	padding-bottom:20px;
}

#totop span	{
	background:url(../img/bg_totop.gif) no-repeat 0 6px;
	margin-right:15px;
	padding-left:8px;
	font-size:10px;
	float:right;
}

#Footmenu {
	float:left;
}
#Footmenu ul {
	list-style-type:none;
	float:left;
	padding-right:20px;
}
#Footmenu ul li p {
	padding-top:8px;
}

#FootContact {
	position:absolute;
	right:0;
}
#FootContact ul {
	list-style-type:none;
}
#FootContact ul li {
	float:left;
	padding-left:10px;
	height:67px;
}

#Footer address{
	margin-top:100px;
	float:right;
	color:#767F9E;
	font-size: x-small;
}

/* ======================================================================================
 	仕事の流れ
====================================================================================== */
.jirei_top .center	{
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
}

#introIn {
	width:980px;
	float:left;
	background:url(../img/icon_chumoku.jpg) no-repeat top right;
}
#introIn p {
	list-style-type:none;
	border-left:#000 3px solid;
	padding-left:8px;
	margin-top:5px;
}
#introIn p {
	list-style-type:none;
	border-left:#000 3px solid;
	padding-left:8px;
	margin-top:5px;
}
#introIn p span {
	font-size:10px;
	color:#F00;
}
#introIn .inntroIn_big {
	font-size:14px;
	font-weight:bold;
}

#flow {
	list-style-type:none;
	width:1020px;
	float:left;
	margin-top:-50px;
	text-align:center;
}
#flow02 {
	background:url(../img/job/flow02.jpg) no-repeat center top;
	height:128px;
}
#flow03 {
	background:url(../img/job/flow03.jpg) no-repeat center top;
	height:128px;
}
#flow04 {
	background:url(../img/job/flow04.jpg) no-repeat center top;
	height:128px;
}
#flow05 {
	background:url(../img/job/flow05.jpg) no-repeat center top;
	height:128px;
}
#flow06 {
	background:url(../img/job/flow06.jpg) no-repeat center top;
	height:128px;
}
#flow07 {
	background:url(../img/job/flow07.jpg) no-repeat center top;
	height:128px;
}
#flow08 {
	background:url(../img/job/flow08.jpg) no-repeat center top;
	height:128px;
}
#flow09 {
	background:url(../img/job/flow09.jpg) no-repeat center top;
	height:128px;
}
#flow10 {
	background:url(../img/job/flow10.jpg) no-repeat center top;
	height:128px;
}
#flow11 {
	background:url(../img/job/flow11.jpg) no-repeat center top;
	height:149px;
}
#flow02 {
	background:url(../img/job/flow02.jpg) no-repeat center top;
	height:128px;
}
#flow02 .left,
#flow03 .left,
#flow04 .left,
#flow05 .left,
#flow06 .left,
#flow07 .left,
#flow08 .left,
#flow09 .left,
#flow10 .left,
#flow11 .left {
	float:left;
	text-align:left;
	margin-left:63px;
	width:402px;
	border-top:#000 1px dotted;
	padding-top:5px;
}
#flow02 .right,
#flow03 .right,
#flow04 .right,
#flow05 .right,
#flow06 .right,
#flow07 .right,
#flow08 .right,
#flow09 .right,
#flow10 .right,
#flow11 .right {
	float:right;
	text-align:right;
	margin-right:63px;
	width:402px;
	border-top:#000 1px dotted;
	padding-top:5px;
}
.left span {
	font-size:10px;
}

/* ======================================================================================
 	施工事例
====================================================================================== */
#CategoryMenuIn {
	width:980px;
	margin:0 auto;
	padding-top:15px;
	text-align:center
}
#CategoryMenuIn ul {
	list-style-type:none;
}
#CategoryMenuIn ul li {
	float:left;
}

#introIn h3 {
	padding-top:15px;
}
.jirei_top .center02 {
	float:left;
	padding-top:20px;
	padding-left:35px;
}

.jumle_top {
	width:1020px;
	float:left;
	margin-top:-25px;
	margin-bottom:25px;
}
.jumle {
	width:1020px;
	float:left;
	margin-bottom:25px;
}
.jumle_bottom {
	width:1020px;
	float:left;
}
.jumle_top .title,
.jumle_bottom .title,
.jumle .title{
	width:980px;
	margin:0px auto;
	height:53px;
	padding-bottom:5px;
}
.jumle_top .left,
.jumle_bottom .left,
.jumle .left {
	float:left;
}
.jumle_top .right,
.jumle_bottom .right,
.jumle .right {
	float:right;
}
.jumle_top .explain,
.jumle_bottom .explain,
.jumle .explain {
	width:980px;
	margin:0px auto;
	background-color:#E6E6E6;
	height:207px;
}
.explain .left h4 {
	padding-top:20px;
	padding-left:20px;
}
.explain .left p {
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}
.jumle_top .toDetail,
.jumle_bottom .toDetail,
.jumle .toDetail {
	width:980px;
	margin:0px auto;
	padding-top:15px;
}

/* 施工事例（ジャンルトップ） -------------------- */
#livehouse {
	border:#000 1px dotted;
	padding:20px;
	float:left;
	background: url(../img/livehouse/title_livehouse_r.jpg) no-repeat top right;
	position:relative;
	margin-bottom:20px;
	margin-top:20px;
}
#rehearsal {
	border:#000 1px dotted;
	padding:20px;
	float:left;
	background: url(../img/rehearsal/title_rehearsal_r.jpg) no-repeat top right;
	position:relative;
	margin-bottom:20px;
	margin-top:20px;
}
#recording {
	border:#000 1px dotted;
	padding:20px;
	float:left;
	background: url(../img/recording/title_recording_r.jpg) no-repeat top right;
	position:relative;
	margin-bottom:20px;
	margin-top:20px;
}
#design {
	border:#000 1px dotted;
	padding:20px;
	float:left;
	background: url(../img/design/title_rehearsal_r.jpg) no-repeat top right;
	position:relative;
	margin-bottom:20px;
	margin-top:20px;
}
#office {
	border:#000 1px dotted;
	padding:20px;
	float:left;
	background: url(../img/office/title_office_r.jpg) no-repeat top right;
	position:relative;
	margin-bottom:20px;
	margin-top:20px;
}
#piano {
	border:#000 1px dotted;
	padding:20px;
	float:left;
	background: url(../img/piano/title_piano_r.jpg) no-repeat top right;
	position:relative;
	margin-bottom:20px;
	margin-top:20px;
}
#noise {
	border:#000 1px dotted;
	padding:20px;
	float:left;
	background: url(../img/noise/title_noise_r.jpg) no-repeat top right;
	position:relative;
	margin-bottom:20px;
	margin-top:20px;
}
#livehouse .mainimg,
#rehearsal .mainimg,
#recording .mainimg,
#design .mainimg,
#office .mainimg,
#piano .mainimg,
#noise .mainimg {
	padding-top:45px;
	z-index:2;
}

#newsWrap {
	padding:20px 20px 15px 20px;
	float:left;
/*	background:url(../img/livehouse/clear_white.png);
*/	position:relative;
	z-index:2;
	margin-left:65px;
}
#news03{
	width:455px;
	margin-top:15px;
}

#blue_back {
	background-color:#E6E6E6;
	padding:20px 20px 15px 20px;
	float:left;
	margin-top:20px;
}
#blue_back ul {
	list-style-type:none;
	padding:15px;
}
#blue_back ul li {
	padding-bottom:10px;
}

#leftcontents_line {
	float:left;
	border-left:#000 3px solid;
	padding-left:20px;
	background:url(../img/icon_chumoku.jpg) no-repeat top right;
	margin-bottom:20px;
	width:580px;
}
#leftcontents_line p {
	padding-top:20px;
}
#leftcontents_line p b {
	font-weight:bold;
	color:#F00;
	display:block;
}

#leftcontents_line02 {
	float:left;
	border-left:#000 3px solid;
	padding-left:20px;
	background:url(../img/icon_chumoku.jpg) no-repeat top right;
	margin-bottom:20px;
}
#leftcontents_line02 p {
	width:580px;
}
#leftcontents_line02 p b {
	font-weight:bold;
	color:#F00;
	display:block;
}

#leftcontents_noline {
	float:left;
	padding-left:20px;
	padding-right:20px;
	margin-top:-25px;
}
#leftcontents_noline p {
	padding-top:20px;
	width:560px;
}
#leftcontents_noline p img {
	float:right;
	margin-top:-56px;
}
#leftcontents_noline p b {
	font-weight:bold;
	color:#F00;
	display:block;
}

#leftcontents_noline02 {
	float:left;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
}
#leftcontents_noline02 ul {
	list-style-type:none;
	padding-top:10px;
}
#leftcontents_noline02 ul li {
	float:left;
	padding-right:5px;
}

#leftcontents_noline02 ul li p {
	width:274px;
}

/* 施工事例（各事例） -------------------- */
#Left_Contents02 {
	width:505px;
	float:left;
}
#Left_Contents02 ul {
	list-style-type:none;
}
#Left_Contents02 ul li {
	float:left;
}
#Left_Contents02 ul.thumS{
	margin-left:-4px;
	padding:7px 0 0;
}
#Left_Contents02 ul.thumS li{
	margin:0 0 0 4px;
	cursor:pointer;
}
#Left_Contents02 ul.thumS li.active{
	opacity:0.5;
}



#livehouse_each {
	background: url(../img/livehouse/title_livehouse_r.jpg) no-repeat top right;
	margin-bottom:20px;
}

#Right_Contents02 {
	width:460px;
	float:right;
}
#Right_Contents02 .explain {
	float:left;
	padding-top:20px;
	padding-bottom: 15px;
}
#Right_Contents02 .explain ul {
	list-style-type:none;
	float:right;
}

#Right_Contents02 .spec {
	float:left;
	background-color:#E6E6E6;
	padding:20px;
}
#Right_Contents02 .spec dl {
	width:420px;
	border-bottom:#000 1px dotted;
}
#Right_Contents02 .spec dl dd {
	float:left;
	font-weight:bold;
	width:10em;
	padding:3px 0px;
}
#Right_Contents02 .spec dl dt {
	margin:0 0 0.5em 10em;
}
#Right_Contents02 .spec dl dt a {
	word-break:break-all;
	overflow:auto;
}
#Right_Contents02 .spec p {
	padding-top:5px;
}

#jirei_menu02 {
	position: relative; width: 200px;
}
#jirei_img02	{
	position: relative;
	float:right;
	width:765px;
}
#jirei_img02 ul {
	list-style-type:none;
}
#jirei_img02 ul li {
	float:left;
}
#jirei_img02 .inner{
	margin-left:-4px;
	width:770px;
}
#jirei_img02 .inner li {
	margin-left:4px;
}
#jirei_img02 .inner li {
	margin-left:4px;
}
#jirei_img02 ul.otherJirei{
	margin:10px -5px 0 0;
}
#jirei_img02 ul.otherJirei li{
	margin:0 5px 5px 0;
	width:123px;
	height:123px;
	overflow:hidden;
	text-align:center;
	position:relative;
}
#jirei_img02 ul.otherJirei li.wid img{
	height:110%;
	width:auto;
	position:absolute;
	left:-20px;
}
#jirei_img02 ul.otherJirei li img{
	height:100%;
	width:auto;
}
/*.jirei_top .right ul {
	float:left;
}
.jirei_top .right ul li {
	float:left;
	margin-right:13px;
}*/

/* Cycle Img -------------------- */
#eachjirei_img {
	position: relative; width: 505px; height: 417px;
}

/* ======================================================================================
 	サイトマップ
====================================================================================== */
#sitemap {
	padding: 20px;
	margin-left:-20px;
}
#sitemap ul {
	width:220px;
	padding-left:20px;
	float:left;
	padding-bottom:15px;
}
#sitemap ul li {
	border-bottom:#000 1px dotted;
	height:20px;
	margin-top:2px;
}
#sitemap ul .height_pad {
	height:40px;
}

/* ======================================================================================
 	問合せ
====================================================================================== */


/* ======================================================================================
 	工事履歴
====================================================================================== */
.year {
	width:940px;
	margin:0px auto;
}
#historyform {
		width:940px;
	margin:0px auto;
	padding-top:5px;
	padding-bottom:20px;
}
#historyform tr td {
	padding:5px;
}
.title_bg {
	background-color:#F00;
	color:#FFF;
}
.year_title {
	width:100px;
}
.name_title {
}
.place_title {
	width:200px;
}
.img_title {
	width:20px;
}
.gray_back {
	background-color:#DCDEDD;
}
.img_center {
	text-align:center;
}

#totop_nobg{
	width:1020px;
	height:23px;
	padding-bottom:20px;
}
#totop_nobg span	{
	background:url(../img/bg_totop.gif) no-repeat 0 6px;
	margin-right:15px;
	padding-left:8px;
	font-size:10px;
	float:right;
}

/* ======================================================================================
 	会社概要
====================================================================================== */
.title_bg {
	background-color:#F00;
	color:#FFF;
}

/* ======================================================================================
 	リンク
====================================================================================== */
#link {
	width:980px;
	border:#000 1px dotted;
	float:left;
	margin-top:20px;
	padding:20px;
}

#linkIn {
	padding: 20px;
}
#link ul {
	list-style-type:none;
	padding-bottom:15px;
	float:left;
	margin-left:-10px;
}
#link ul li {
	float:left;
	padding-left:20px;
}
#linkIn h3 {
	margin-left:-20px;
}


/*------------------------------------------------------------------
	■2015 追加分
-----------------------------------------------------------------*/

a:hover img.hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#blue_back .sideGallery{
	padding:10px 0 0 4px;
	margin-left:-13px;
}
#blue_back .sideGallery li{
	float:left;
	margin:0 0 10px 13px;
	padding:0;
	width:152px;
	height:109px;
	overflow:hidden;
}


/*------------------------------------------------------------------
	■clear
-----------------------------------------------------------------*/
#jirei_img02 ul.otherJirei,
#leftcontents_noline02 ul,
#blue_back .sideGallery ul,
#jirei div ul {display: inline-block;} 



#jirei_img02 ul.otherJirei:after,
#leftcontents_noline02 ul:after,
#blue_back .sideGallery ul:after,
#jirei div ul:after{
	content: "."; display: block;height: 0;font-size:0;clear: both;visibility:hidden;
}
	

/* Hides from IE Mac */
* html #jirei_img02 ul.otherJirei,
* html #leftcontents_noline02 ul,
* html #blue_back .sideGallery ul,
* html #jirei div ul {height: 1%;}


#jirei_img02 ul.otherJirei,
#leftcontents_noline02 ul,
#blue_back .sideGallery ul,
#jirei div ul {display:block;}
/* End Hack */