@charset "UTF-8";
/* CSS Document */

#Wrap_second{
	margin-top: 150px;
	background:url(../images/bg_2.gif) repeat-x;}
#Wrap_second02{
	margin-top: 90px;

	}	
#PageTtl{
	height:170px;
	margin-bottom:30px;
	font-size:12px;
	min-width:950px;}
#PageTtl02{
	height:330px;
	margin-bottom:30px;
	font-size:12px;
	min-width:950px;}
.bg_about{background:url(../images/about/pagettl_about_bg.jpg) no-repeat top center;}
.bg_staging{background:url(../images/staging/staging_pic01.png) no-repeat top center;}
.bg_nimotsu{background:url(../images/staging/staging_pic02.png) no-repeat top center;}
.bg_tochi{background:url(../images/about/pagettl_tochi_bg.jpg) no-repeat top center;}
.bg_cleaning{background:url(../images/staging/staging_pic03.png) no-repeat top center;}
.bg_topic{background:url(../images/topic/pagettl_topic_bg.jpg) no-repeat top center;}
.bg_person{background:url(../images/person/pagettl_person_bg.jpg) no-repeat top center;}
	
#Pankuzu{
	padding:10px 0px 15px 0px;
	/*font-size:84%;*/
	line-height:1;
	width:950px;
	margin:0px auto;
	
  font-size: 11px;
	
	
	}

#Pankuzu a{text-decoration:none;}	

#PageTtl h2{
	width:950px;
	margin:0px auto;}

#PageTtl02 h2{
	width:950px;
	margin:0px auto;}

.sttl{padding-bottom:25px;}
.page_copy{
	padding:35px 0px;}
.page_copy02{
	padding:10px 0px 35px 0px;
	font-size: 16px;
	line-height: 40px;
	color: #00416a;
		font-weight: bold;
	}
.color_01 {
	color: #1d99c0;	
}
.color_02 {
	color: #78592a;	
}
.about_tochi {position: relative;width: 950px;height:325px;overflow: hidden;margin-bottom: 30px;background: #f0f0df;}
.merit3-1_1 {position: absolute;width: 445px;height:115px;top: 190px;left: 20px;}
.merit3-1_2 {
position: absolute;
width: 445px;
height:115px;
top: 190px;
right: 20px;
}


		
/*LeftContents////////////////////*/	
#LeftContents{
	float:left;
	width:690px;}
#LeftContents02{
	float:left;
	width:950px;}
.lead{font-size:14px; padding-bottom:20px; line-height:1.6;}


/*RightSide////////////////////////////////////////*/	
#RightSide{
	float:right;
	width:220px;}
	
/*About_sidemenu*/	
.About_sidemenu{
	background:#F0F0E1;
	padding:10px;
	width:200px;
	margin-bottom:20px;}
	
.About_sidemenu ul li{
	display:block;}	
	
.About_sidemenu ul li + li{
	padding-top:5px;}	

#side_about1,
#side_about2,
#side_about3,
#side_about4{
	padding:10px;
	padding-top:5px;
	margin-bottom:5px;
	width:180px;}
		
#side_about1{background:#F4CE5D;}
#side_about2{background:#D0D3F0;}
#side_about3{background:#F4C1AC;}
#side_about4{background:#C8E4F1;}
	
.About_sidemenu h4{
	padding-bottom:5px;
	text-align:center;}	

/*Side_sell*/	
#Side_sell{
	padding-bottom:10px;
	background:#EEE;}	
	
#Side_sell h4{text-align:center; padding:5px 0px;}	
	
#Side_sell p{
	display:block;
	width:180px;
	margin:0px auto;}
	
#Side_sell p#btn_sidesell1{
	padding-bottom:5px;}
#Side_sell p#btn_sidesell2{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #BBB;}			

/**/
.SideBox{
	margin-bottom:20px;
	background:#F0F0E1;
	padding:0px 10px;}

.SideBox ul li{
	padding:12px 0px;}
	
.SideBox ul li+li{
	border-top:1px dotted #BBB;}	

.SideBox ul li a{
	text-decoration:none;
	background:url(../images/arrow.gif) no-repeat 0 5px;
	padding-left:10px;
	display:block;}

.SideBox ul li a:hover{
	color:#B81C22;}

#Side_bnr{
	padding-top:20px;}

/*/////////----------TOPIC---------/////////*/
.Topic{}
.Topic_l{
	float:left;
	width:315px;}

.Topic_r{
	float:right;
	width:315px;}

#Topic1_box,
#Topic2_box,
#Topic3_box,
#Topic4_box{
	margin-bottom:20px;
	padding:20px;
	padding-top:0px;}
	
#Topic1_box h3,
#Topic2_box h3,
#Topic3_box h3,
#Topic4_box h3{
	text-align:center;
	padding:10px 0px;}	
	
#Topic1_box{background:#F4CE5D;}
#Topic2_box{background:#D0D3F0;}
#Topic3_box{width:295px; float:left; background:#F4C1AC;}
#Topic4_box{width:295px; float:right; background:#C8E4F1;}

/*/////////----------ABOUT---------/////////*/
.about_first{width:335px;}

.about_first_txt{
	background:#F0F0E1;
	padding:15px;
	font-size:92%;}	

.chigai{position:relative;}	
.chigai ul{padding-bottom:25px;}	
.chigai ul li{display:block;}

.chigai p#Lavel2{
	position:absolute;
	top:-55px;
	right:0px;}

.ColorBox_top{
	background:url(../images/box_top.gif) no-repeat 0 0;
	height:9px;
	font-size:0px;}
	
.ColorBox_bottom{
	background:url(../images/box_bottom.gif) no-repeat 0 0;
	height:9px;
	font-size:0px;
	margin-bottom:40px;}
	
.ColorBox{
	background:#F0F0E1;
	padding:0px 20px;}
	
.ColorBox2{
	background:#F0F0E1;
	padding:20px;}	
	
.ColorBox p.lead{padding-bottom:10px;}
.ColorBox p.lead span{font-size:79%;}	


#About_menulist{
	background:#F0F0E1;
	margin-bottom:10px;
	padding:20px;}
	
#About_menulist h4{text-align:center; padding-bottom:20px;}
#About_menulist h5{text-align:center;}

#About_menulist #Btn_about1 ul,
#About_menulist #Btn_about2 ul,
#About_menulist #Btn_about3 ul{
	width:170px;
	margin:0px auto;}

#About_menulist #Btn_about1 ul li,
#About_menulist #Btn_about2 ul li,
#About_menulist #Btn_about3 ul li{
	display:block;}
	
#About_menulist #Btn_about1 ul li + li,
#About_menulist #Btn_about2 ul li + li,
#About_menulist #Btn_about3 ul li + li{padding-top:5px;}	

#About_menulist #Btn_about1,
#About_menulist #Btn_about2,
#About_menulist #Btn_about3{
	width:200px;}

#Box_staging{
	padding-left:110px;
	width:540px;
	margin-bottom:0px;}
	
#Logo_staging{
	top:-13px;
	left:23px;}	
	
#Box_staging h5{
	padding:15px 0px 10px 0px;
	text-align:center;}

#Box_staging ul{
	width:525px;
	padding-bottom:10px;}	

#Box_staging ul li{padding-right:5px;}


.About_caution{
	font-size:92%;
	color:#13124C;
	margin-bottom:20px;}	


.About_link{
	background-color:#F1F1F1;
	margin-bottom:50px;
	padding:5px 0px;}
	
.About_link ul{
	padding-left:20px;}
	
.About_link ul li{
	display:inline;
	background:url(../images/arrow.gif) no-repeat 0 4px;
	padding-left:8px;
	padding-right:20px;}
.About_link ul li a{text-decoration:none;}	
.About_link ul li a:hover{color:#B81C22;}


#About_merit{
	background:#F0F0E1;
	width:650px;
	padding:0px 20px 20px 20px;
	margin-bottom:30px;}


.A_Topic{
	background:#F9EAEA;
	width:650px;
	padding:20px;
	margin-bottom:30px;}
	
.A_Topic h4{padding-bottom:20px;}			
.A_Topic02{
	background:#F9EAEA;
	width:910px;
	padding:20px;
	margin-bottom:30px;}
	
	
table.List{
	margin-bottom:20px;}
	
.caution{
	font-size:92%;
	margin-bottom:30px;}	
.caution span{font-weight:bold;}

table.List{
	width:100%;}
	

table.List td,
table.List th{
	vertical-align:top;
	text-align:left;
	padding:8px 10px;
	border-bottom:#BBB dotted 1px;}
	
table.List th{
	width:120px;}

table.List td span{font-size:92%;}
/*new table*/
table.List02{
	margin-bottom:20px;}
	
.caution02{
	font-size:92%;
	margin-bottom:30px;}	
.caution02 span{font-weight:bold;}

table.List02{
	width:100%;
line-height: 18px;
	}
	

table.List02 td,
table.List02 th{
	vertical-align:top;
	text-align:left;
	padding:8px 10px;
	border-bottom:#BBB dotted 1px;}
	
table.List02 th{
	width:120px;}

table.List02 td span{font-size:92%;}


/*/////////----------PERSON---------/////////*/
#Person{
	margin-bottom:30px;
	background:#DAEEF7;
	padding:20px;}
	
#Person ul li{
	display:block;}
	
#Person ul li + li{padding-top:20px;}	
	
#Person_contents{
	line-height:1.7;
	font-size:14px;}
	
#Person_contents h3{padding-bottom:30px;}	
	
#Person_uc{
	text-align:center;
	padding-top:100px;}

#Person_l{
	float:left;
	width:430px;}

#Person_contents h4{
	padding-bottom:20px;}	

		
#Person_r{
	float:right;
	width:230px;}
	
.Person_txt{
	padding-bottom:35px;}	
	

.Person_txt .f_right{
	padding-left:20px;
	}	
	
#Person_bnr{
	background:#DAEEF7;
	padding:20px;
	margin-bottom:30px;
	width:320px;}	
	
/*/////////----------STAGING---------/////////*/
.Staging_caution{
	font-weight:bold;
	margin-bottom:20px;
	line-height:2;}
	
.Staging_caution span{
	font-weight:normal;
	font-size:92%;}	
	
.Staging{
	float:left;
	width:224px;
	padding-right:9px;}
.Staging2{
	float:left;
	width:224px;}
	
.Staging p.caption,
.Staging2 p.caption{
	padding-top:5px;
	font-size:92%;}

.Staging p.caption span,
.Staging2 p.caption span{
	color:#c26f19;}

.Staging_wrapper {
width: 950px;
margin: 0 130px;
background-color: #ff0000;
	
}


.thm_before{
	float:left;
	width:180px;}

.ba_arrow{
	float:left;
	padding-left:14px;
	padding-right:12px;
	width:24px;}
	
.thm_after{
	float:left;
	width:460px;}	
	
#Staging_service{
	padding:20px 0px 50px 0px;}	
		
#Movie{
	padding:10px 0px 50px 0px;
	width:560px;
	margin:0px auto;}
	
#Cleaning{
	padding-bottom:20px;
	position:relative;}
#Cleaning_top{
	background:url(../images/staging/cleaning_box_top.gif) no-repeat 0 0;
	height:5px;
	font-size:0px;}
	
#Cleaning_bottom{
	background:url(../images/staging/cleaning_box_bottom.gif) no-repeat 0 0;
	height:5px;
	font-size:0px;}	
	
#Cleaning_body{
	padding-top:10px;
	padding-left:10px;
	background:url(../images/staging/cleaning_box_body.gif) repeat-y;}	
	
.Cleaning_box{
	float:left;
	width:220px;
	padding-right:5px;
	padding-bottom:10px;}
	
#icon_or{
	position:absolute;
	bottom:-15px;
	left:322px;}	

.out_box{
	position:relative;
	width: 950px;
	height: 910px;
	overflow: hidden;
	
	
	}
.Cleaning_new{
	position:absolute;
	top:0;
	left:0;
	width: 950px;
	height: 575px;
  -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   background-color: #5da6c6;
}
.cleaning_i01 {
position: absolute;
	top:20px;
	left:375px;
	width: 200px;
	height: 30px;
}
.cleaning_i02 {
position: absolute;
	top:70px;
	left:325px;
	width: 300px;
	height: 25px;
}
.cleaning_i03 {
position: absolute;
	top:115px;
	left:220px;
	width: 510px;
	height: 20px;
}
.cleaning_p01 {
position: absolute;
	top:155px;
	left:14px;
	width: 220px;
	height: 190px;
}
.cleaning_p02 {
position: absolute;
	top:155px;
	left:248px;
	width: 220px;
	height: 190px;
}
.cleaning_p03 {
position: absolute;
	top:155px;
	left:482px;
	width: 220px;
	height: 190px;
}
.cleaning_p04 {
position: absolute;
	top:155px;
	left:716px;
	width: 220px;
	height: 190px;
}
.cleaning_p05 {
position: absolute;
	top:359px;
	left:14px;
	width: 220px;
	height: 190px;
}
.cleaning_p06 {
position: absolute;
	top:359px;
	left:248px;
	width: 220px;
	height: 190px;
}
.cleaning_p07 {
position: absolute;
	top:359px;
	left:482px;
	width: 220px;
	height: 190px;
}
.cleaning_p08 {
position: absolute;
	top:359px;
	left:716px;
	width: 220px;
	height: 190px;
}
.Coating_new{
	position:absolute;
	top:598px;
	left:0;
	width: 950px;
	height: 312px;
  -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   background-color: #867056;
}
.coating_i01 {
position: absolute;
	top:27px;
	left:0px;
	width: 248px;
	height: 30px;
	
}
.coating_i02 {
position: absolute;
	top:77px;
	left:0px;
	width: 248px;
	height: 25px;
	
}
.coating_i03 {
position: absolute;
	top:122px;
	left:0px;
	width: 248px;
	height: 100px;
	
}
.coating_p01 {
position: absolute;
	top:27px;
	left:248px;
	width: 220px;
	height: 260px;
}
.coating_p02 {
position: absolute;
	top:27px;
	left:482px;
	width: 220px;
	height: 260px;
}
.coating_p03 {
position: absolute;
	top:27px;
	left:716px;
	width: 220px;
	height: 260px;
}
.matter00 {
position: absolute;
	top:565px;
	left:453px;
	width: 44px;
	height: 44px;
	
}




#Coating{
	background:url(../images/staging/box_coating.jpg) no-repeat 0 0;
	height:370px;
	margin-bottom:30px;}

#Coating_ttl{padding-top:5px; padding-bottom:12px;}
#Coating_ttl_l{
	float:left;
	width:235px;}

#Coating_ttl_r{
	float:right;
	width:455px;}
	
#Coating_box_wrap{
	padding:10px 0px;
	padding-left:10px;}
	
.Coating_box{
	float:left;
	width:220px;
	padding-right:5px;}						
	


@media screen and (max-width: 760px) {
	#Wrap_second02{
		margin-top: 0 !important;
	}
   #Wrap_second02 #PageTtl02 h2,
   #Wrap_second02 #PageTtl02 h2 img{
		width: 330px;
	}
	
	#PageTtl02.bg_tochi{
	background-position:center center;
	background-size: 950px;
	height: 176px;
	min-width: 100%;
	margin-bottom: 10px;
	}
	#LeftContents02 .page_copy02{
	   line-height: 1.5;
	}
	#LeftContents02 .about_tochi{
      width: 100% !important;
      margin-bottom: 15px;
    }
	.about_tochi img{
		width: 100%;
	}
	.merit3-1_1,
	.merit3-1_2{
		position: static;
		width: 95%;
		margin: 0 auto 10px;
		height:  auto;
	}
	  .About_link ul li{
	  	display:block;
	  }
	  .About_link ul li a{
	  	font-size: 0.9rem;
	  	margin-bottom: 9px;
	  	display: inline-block;
	  }
	 #LeftContents02 .A_Topic02{
		padding: 20px !important;
		margin-bottom:  20px;
	}
	 .List02{
		font-size: 0.9rem;
	}
	 table.List02 th{
    	width: 24%;
    }
    #LeftContents02 .caution {
      font-size: 0.8rem;
      margin-bottom: 15px;
   }
}