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

#site-box { width : 900px ; }
.body, .boxA,.box1
{ width: 1440px;
  display: block;
  margin-left: auto;
  margin-right: auto;}

/*-----------fotterの右上------------*/
.box1 {text-align: center;
		margin-left: auto;
		margin-right: auto;
		font-size: 9px;
		padding-top: 20px}
.box1 ul	{
	padding: 0px;
	list-style: none;
	margin-left: 0px;  }
.box1 li a	{
	display: block;
	padding: 5px;
	color: #696969;
	font-size: 15px;
	/*font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;*/
	text-decoration: none;
	margin-left: 10px;}

.box1 ul:after		{content: "";
	display: block;
	clear: both}
.box1 li	{
	float: right;
	width: auto}
.box1 li div	{display: block;
	text-align: center;
	width: 120px;
	height: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 30px;
	font-size: 15px;
	color: #ffffff;
	background-color: #696969;
	margin-top: -10px;
}
.box1 li div:hover			{background-color: #4169e1;
}







.title {
		text-align: center;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-top:90px;}


/*-----------Title下メニューの設定------------*/
	.boxA2{
		width:800px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		padding-top:30px;
		padding-bottom: 100px;
	}
	.line{ padding-left: 15px;}
	.line3{ margin-left: 45px;}
    .boxA2:after {
        content: "";
        display: block;
        clear: both  }
    .menu1, .menu2, .menu3, .menu4, .line, .line3 {
        float: left;
        width: 10%  }

.about:hover, .webdesign:hover, .music:hover, .interior:hover 
{opacity: 0.4;}
.about{ margin-left: -10px;}
.webdesign{margin-left: -25px;}
.interior{margin-left: -28px;}

/*--------------About-------------------------*/
.boxA3:after {
        content: "";
        display: block;
        clear: both  }
    .concept {
        float: left;
        width: 100%  }
	.words {
		float: left;
		width: 100%  }

.boxA3, .concept, .words{
	text-align: center;
}
.concept{ padding-top: 20px;
		  padding-bottom: 15px;}
.words{ padding-bottom: 40px;}

.boxA3 {padding-bottom: 260px;}

/*----------------------webデザイン-------------------------*/
.webdesign_colomn{
	/*background-color: #221714;
	padding-top:20px;*/
}
.divwebdesign{
	background-color: #ffffff; /*#221714;*/
	padding-top:8px; 
	padding-bottom:0px;
	padding-left:200px;
}
.webdesign_c{
	
		text-align: center;
		display: block;
		margin-left: auto;
		margin-right: auto;}
		
.webdesign_des{color:#221714;
		padding-bottom:150px;
}
.webdesign_des p{text-align:center;}

/*-------------------------------------スライドの設定--------------------------------------*/
/*ul {
    margin:0;
    padding:0;}
/* スライドショー */
#slider {
    overflow:hidden;
    position:relative;
    width:100%;}
#sliderInner {
    position:relative;
    left:50%;
    width:3040px;
    margin-left:-1520px;}
#sliderInner li {
    width:1000px;}
#slideFilterL, #slideFilterR {
    position:absolute;
    top:0;
    width:1100px;
    height:460px;
    opacity:0.3;
    filter:alpha(opacity=80);
    -ms-filter:"alpha( opacity=80 )";
    background:#fff;}
#slideFilterL {
    left:0;}
#slideFilterR {
    right:0;}
.bx-wrapper {
    margin:0 auto;
    position:relative;}
.bx-wrapper .bx-pager {
    margin:0 auto;
    width:1000px;
    background:#fff;}
/* コントローラー */
.bx-wrapper .bx-prev {
    left:0px;
    background:url(../images/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {
    right:1035px;
    background:url(../images/controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover {
    background-position:0 0;}
.bx-wrapper .bx-next:hover {
    background-position:-43px 0;}
.bx-wrapper .bx-controls-direction a {
    position:absolute;
    top:109px;
    outline:0;
    width:32px;
    height:32px;
    text-indent:-9999px;
    z-index:9999;}
	
	
/* スライドショー */
#slider3 {
    overflow:hidden;
    position:relative;
    width:100%;}
#sliderInner3 {
    position:relative;
    left:50%;
    width:3040px;
    margin-left:-1520px;}
#sliderInner3 li {
    width:1000px;}
#slideFilterL3, #slideFilterR3 {
    position:absolute;
    top:0;
    width:1100px;
    height:460px;
    opacity:0.3;
    filter:alpha(opacity=80);
    -ms-filter:"alpha( opacity=80 )";
    background:#fff;}
#slideFilterL3 {
    left:0;}
#slideFilterR3 {
    right:0;}
/* ページャー */
/*.bx-wrapper .bx-pager {
    padding-top:20px;
    text-align:center;
    font-size:.85em;
    font-family:Arial;
    font-weight:bold;
    color:#666;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display:inline-block;
    *zoom:1;
    *display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a {
   display:block;
    width:10px;
    height:10px;
    margin:0 5px;
    outline:0;
    text-indent:-9999px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;;
    background:#666;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background:#000;}

	
/*----------------------music制作-------------------------*/
.music_colomn{
	background-color: #696969;
	padding-top:0px;
}
.music_c{
	
		text-align: center;
		display: block;
		margin-left: auto;
		margin-right: auto;}
.music_c{
		/*text-align: center;
		display: block;
		margin-left: auto;
		margin-right: auto;*/
		padding-top:20px; 
	padding-bottom:20px;
	padding-left:50px;}
.music_des{padding-bottom:160px;
}


/*----------------------interior-----------------------------*/
.interior_colomn{
	background-color: #f9f5ff;
	padding-top:0px;
}
.interior_c{
	
		text-align: center;
		display: block;
		margin-left: auto;
		margin-right: auto;}
.interior_des{padding-bottom:160px;
}


/*--------------------------コピーライト---------------------------------------------------*/
	 .copyright:after {
        content: "";
        display: block;
        clear: both  }
    .copyright1 {
        float: left;
        width: 100%  }
	.copyright2 {
		float: left;
		width: 100%  }
	/*------------------SNS系のやつ-------------------*/
	.copysns       {text-align: center;}
	.copysns ul	{text-align: center;
					display: block;
					padding-bottom: 10px;
					padding-top: 18px;			
  				list-style: none;
				margin: 5px auto;
				/*margin-left: 200px;*/}	
	.copysns li a	{
  				padding: 5px;
  				color: #fff;
  				font-size: 14px;
  				text-decoration: none;
				margin-left: 10px;
				
				text-align: center;}		
	.copysns li a:hover {text-decoration: underline;
					  opacity: 0.5;}
	.copysns ul:after		{content: "";
  						display: block;
  						clear: both}				
	.copysns li	{width: auto;
				display: inline;}
				
	/*----------メニュー--------------------------*/
	.copymenu       {text-align: center;}
	.copymenu ul	{text-align: center;
					display: block;
					padding-bottom: 15px;
					padding-top: 5px;			
  					list-style: none;
					margin: 5px auto;}	
	.copymenu li a	{padding: 5px;
						color: #f0f0f0;
						font-size: 14px;
						font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
						font-weight: 300;
						text-decoration: none;
						margin-left: 20px;
						text-align: center;}		
	.copymenu li a:hover {text-decoration: underline;
					  	 opacity: 0.5;}
	.copymenu ul:after	{content: "";
  						display: block;
  						clear: both}				
	.copymenu li	{width: auto;
					display: inline;}	
	.colorICON2 {color: #f9f9f9;}		
	.copyright 	{background-color: #221714  /*f9f9f9or#2a2a2f悪くなかった*/}
	.copyright2 {padding-bottom: 400px;}
	.copyright1 a  {text-align: center;
					display: block;
					margin-left: auto;
					margin-right: auto;}
	.copyright1 p.center1  {
					text-align: center;
					display: block;
					margin-left: auto;
					margin-right: auto;
					color: #f0f0f0;
					font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
					font-size: 12px;}
	.copyright1 p.center2  {
					text-align: center;
					display: block;
					margin-left: auto;
					margin-right: auto;}