@charset "UTF-8";
/*===========================

　art.css

===========================*/


	
/*　slider bg-image
----------------------------------------------*/

#mainImg .sliderBox li.slide01{background-image:url(../../img/art/image_main01.jpg);}	
#mainImg .sliderBox li.slide02{background-image:url(../../img/art/image_main02.jpg);}	
#mainImg .sliderBox li.slide03{background-image:url(../../img/art/image_main03.jpg);}	


/*　
----------------------------------------------*/

h2{
	text-align:center;
	margin-bottom:30px;
	}

.lead{
	padding-top:70px;
	background:url(../../img/common/icon_hexagon_s.png) no-repeat top center;
	text-align:center;
	}

.designInfo{
	padding:100px 0;
	}
	
.designInfo .innerBox{
	width:1280px;
	padding-left:165px;
	box-sizing:border-box;
	margin:0 auto;
	overflow:hidden;
	}	

.designInfo .fleft{
	width:260px;
	min-height:260px;
	padding-left:70px;
	}
	
.designInfo .fleft h3{
	margin-bottom:30px;
	}	
	
.designInfo .fleft table{
	font-size:16px;
	margin-top:25px;
	}
	
.designInfo .fleft p{
	margin-bottom:15px;
	font-size:12px;
	}	
	
.designInfo .fright{
	width:640px;	
}

/* design01 */

.design01 .fleft{background: url(../../img/art/design01_title_jp.png) no-repeat left top;}

/* design02 */

.design02{
	background-color:#000;
	color:#FFF;}

.design02 .fleft{background: url(../../img/art/design02_title_jp.png) no-repeat left top;}

	
.design02{
	background-color:#000;
	color:#FFF;}

/* design03 */

.design03{
	width:100%;
	height:580px;
	padding:0;
	background:url(../../img/art/design03_pic.jpg) no-repeat center center;
	background-size: 100%  auto;
	position:relative;
	overflow:hidden;
	}

.design03 .innerBox{
	width:100%;
	height:150px;
	position:absolute;
	bottom:0;
	left:0;
	background:rgba(0, 0, 0, 0.5) ;
	}
	
.design03 .innerBox div{
	width:1115px;
	height:150px;
	padding:15px 0 0 60px;
	margin:0 auto;
	box-sizing:border-box;
	background:url(../../img/art/design03_title_jp.png) no-repeat left top;
	line-height:24px;
	color:#FFF;
	}	
	
	
/* design04 */

.design04 .fleft{background: url(../../img/art/design04_title_jp.png) no-repeat left top;}

/* design05 */

.design05{
	background-color:#000;
	color:#FFF;}

.design05 .fleft{background: url(../../img/art/design05_title_jp.png) no-repeat left top;}

	
.design05{
	background-color:#000;
	color:#FFF;}

/* design06 */

.design06{
	width:100%;
	height:580px;
	padding:0;
	background:url(../../img/art/design06_pic.jpg) no-repeat center center;
	background-size: 100%  auto;
	position:relative;
	overflow:hidden;
	}

.design06 .innerBox{
	width:100%;
	height:150px;
	position:absolute;
	bottom:0;
	left:0;
	background:rgba(0, 0, 0, 0.5) ;
	}
	
.design06 .innerBox div{
	width:1115px;
	height:150px;
	padding:25px 0 0 60px;
	margin:0 auto;
	box-sizing:border-box;
	background:url(../../img/art/design06_title_jp.png) no-repeat left top;
	line-height:24px;
	color:#FFF;
	}
	
.design06 .innerBox div img{ margin-bottom:10px;}	
	
.movement_design{
	padding:100px 0;
	}	
	
.movement_design .innerBox{
	height:380px;
	background:url(../../img/art/img01.jpg) no-repeat center right;
	}
	
.movement_design .innerBox p{
	width:460px;
	}