@import"reset.css";
@import"superfish.css";
@import"grid.css";
@import"tms.css";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:17px;
	color:#000;
	min-width:960px;
	background:url(../images/body_bg.jpg) 50% 0 repeat #fbfbfb;
}
.main {width:960px;padding:0;margin:0 auto;}


a:visited {
    color:#ff9600;
}
	
	
	
a:link {/*未訪問のリンク*/
    color:#ff9600;
    font-style:normal;
    text-decoration:underline;}
	
	
.f-logo{
	margin-top: -5px;
	margin-right: 10px;
	}
	
	
	
	
.ppp li {
      padding: 10px 0 ;

　　}
  
	.ppp ol{
      padding: 10px 30px ;

　　}
  
	
	
	
	
	
small{vertical-align: baseline; font-size: 75%}	
	
	
	
.mt-0{margin-top: 0px;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt--10{margin-top: -10px;}



.mb-0{margin-bottom: 0px;}
.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.mb-50{margin-bottom: 50px;}


	

/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left, .fleft{float:left}
.f_right, .fright{float:right}
.align_right, .alignright {text-align:right}
.align_center , .aligncenter {text-align:center}

.font-16{font-size:16px;}




.it{font-style:italic}
.let {letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_b_zero{ margin-bottom:0 !important;}
.m_l_zero{ margin-left:0 !important;}
.p_b_zero{ padding-bottom:0 !important;}
.p_l_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper, .extra-wrap{ overflow:hidden;}
.container{width:100%}
.extra_last, .lst{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}

/*==================================== Links ======================================================== */
a {color:#ff9600;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#ff9600; text-decoration:underline;}

.sf-menu a, .button, .list1 a,  footer .posts a, footer a{text-decoration:none !important;}



.button
{ display:inline-block; padding:6px 7px 5px;border:1px solid #c0b69a; margin: 13px 0 0 0; font-size: 13px; line-height: 20px; color:#ff9600; background:#42210b;}

.button:hover
{ background:#ff9600;color:#fff;border-color:#ff9600;}

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {padding: 34px 0px 5px;overflow: hidden;}
header h1{width:457px;float: left;}
header h1 a {display:block;height:145px;background:url(../img/photo-08.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}

.adress{float: right;letter-spacing:-1px;font-weight:bold;width:128px;margin-top:-2px;}
.adress strong{color:#5a5a5a; }
.adress dt{}

/*********************************content*************************************/
#content {padding:32px 0px 40px 0px;position:relative;z-index:1;background:#ffffff;border-bottom:1px solid #dfdfdf;}
.cont_pad{padding:0px 0 40px 0 !important;}

/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:10px}
.p2{ margin-bottom:31px;}
.p3{ margin-bottom:15px;}

/*================================>> フッターのリスト <<========================================*/


.fff {
      width: 100%;
      height: auto;
      margin: 30px auto 30px auto;
text-align: left;
border-bottom: solid 1px #fff;
	  }
    
.f-list {
      width: 100%;
      display: flex;
margin-bottom: 20px;
    }


.fff ul {
      width: 25%;
      margin: 0;
      padding: 0px 0;
　　}



.fff li {
      padding: 3px 0 10px 10px;
	  background:url(../images/marker1.png) 0 8px no-repeat;

　　}
  
  


/*================================>> H <<========================================*/
/*  Header styles */
h1,h2,h3,h4,h5,h6{line-height:1.3em;color:#474646;font-family: 'Open Sans', sans-serif;font-weight:normal;}
h1{font-size:40px;}
h2{font-size:35px;}
h3{font-size:30px;} 
h4{font-size:27px;}  
h5{font-size:25px;}
h6{font-size:22px;}

h2.h2{font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","Hiragino Mincho ProN","HGS明朝E","ＭＳ Ｐ明朝",serif;font-size: 20px; line-height: 32px; color:#42210b;}

h2.ind{ margin-bottom:22px;}
h2.ind1{ margin-bottom:24px;}
h2.ind2{ margin-bottom:19px;}
h2.ind3{ margin-bottom:21px;}
h2.ind4{ margin-bottom:0px; margin-top:20px; color:#FFF;}

h3.h3{font-size: 18px; line-height: 24px; color:#FFFFFF;}

/*================================>> GOOGLE FONTS  <<========================================*/
.adress, .sf-menu a, .slider .banner, .box1 .title, .open, .team .f_15{font-family: 'Open Sans', sans-serif;}
/*================================>> hovers <<========================================*/
.sf-menu a, .sf-menu>li>a>em, .button, .car-btn, a.img_wrap, .list1 a,  footer .posts a{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.sf-menu>li>a>em.bg3{
	 -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
   -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
     -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
        transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}

/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

.offer_box{padding-top:62px;margin-bottom:40px;}

.box1{border:1px solid #dfdfdf;background: url('../images/box1.jpg') repeat;position: relative;text-align:center;padding: 0px 0 10px 0;}
.box1 img{text-align:center;margin:5px 0px 10px 0px;}
.box1 .title{font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","Hiragino Mincho ProN","HGS明朝E","ＭＳ Ｐ明朝",serif;font-size: 17px; line-height: 24px; color: #42210b;margin-bottom:16px;}
.box1 .text{background: url('../images/box1_stripe.png') center bottom no-repeat;padding-bottom:23px;}

.stripe{height:3px;width:950px;margin: 0 auto; background:#e4e4e4;margin-bottom:32px;}
.stripe1{height:3px;width:950px;margin: 35px auto 32px; background:#e4e4e4;}

.f_15{font-size: 15px; color: #ff9600;font-weight:bold;}

.proj_box{width:390px !important;height:800px !important;}
.proj_box li{width:190px;margin-right:10px;}
.proj_box li .project{background: url('../images/project_box.png') repeat;border:1px solid #dfdfdf;padding: 9px 9px 15px;margin-bottom:10px;overflow: hidden;}
.proj_box li .img_wrap{margin-bottom:16px;}
.car_button .car-btn{position: absolute;width:30px;height:30px;top:1px;}
.car_button .prev{right:31px;background: url('../images/prev.jpg') no-repeat;}
.car_button .next{right:0;background: url('../images/next.jpg') no-repeat;}
.car_button .car-btn:hover{background-position:0 -60px;}

.img_wrap{padding:3px;background:#dfdfdf;display:inline-block;}

.img_wrap_png{padding:3px;display:inline-block;}

a.img_wrap:hover{background:#ff9600;}

.marker_link{display:inline-block;width:19px;float: right;height:19px;background: url('../images/marker_link.png') no-repeat; margin: -1px 0 0 15px;}
.marker_link:hover{background-position:0 -19px;}

.news{margin-bottom:13px;}
.news>li{margin-bottom:21px;}
.news>li p{
		color: #999;
margin-bottom:2px;
	}
.news>li>figure{
	margin: 1px 19px 0 0;
}

.link1{color:#ff9600;text-decoration:underline;}
.link1:hover{text-decoration:none;}

/*********************************page_2*************************************/
.profile{padding-bottom:10px;margin-bottom:15px;}
.profile>figure{margin: 3px 20px 0 0;}

.awards{padding-bottom:10px;margin-bottom:15px;}
.awards>li{margin-bottom:15px;}
.awards>li>figure{width:60px;margin: 1px 0 0 0;}

.team .status{color:#ff9600;margin-bottom:15px;}
.team .f_15{margin-bottom:0;}
.team .img_wrap{margin-bottom:15px;}
/*********************************page_3*************************************/
.catalogue{background: url('../images/box1.jpg') repeat;padding: 9px 9px 15px;border:1px solid #dfdfdf;}
.catalogue .img_wrap{margin-bottom:16px;}
.catalogue .title{margin-bottom:20px;}
.catalogue .marker_link{float: none;margin:1px 0 0 4px;}

.m_bot1{margin-bottom:10px;}
/*********************************page_4*************************************/
.service{padding: 2px 10px 0 0;margin-bottom:29px;}
.service>div{}
.service>figure{width:80px;margin: 3px 0 0 0;}

.designer{}
.designer>li{margin-bottom:31px;}
.designer>li>figure{width:41px;height:35px;padding-top:6px;background:#f5ba16;font-size: 20px; line-height:24px; color: #fff;border-radius:1000%;font-weight:bold;text-align:center;margin: 4px 19px 0 0;}
.designer .title{margin-bottom:20px;}

/*********************************page_5*************************************/


/* Contact form */
#contact-form {padding:0px 0 0 0;}
#contact-form .success {width:246px;padding:10px;}
#contact-form textarea, #contact-form input {margin:0;font-size:13px; border:1px solid #dfdfdf; color:#828387; padding:7px 8px 8px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#fff;width:212px;}
#contact-form textarea {overflow:auto; height:196px;resize:none; float:left; margin: 0 0 0 0;}	
#contact-form label {display:block; min-height:43px; overflow:hidden;}	
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {margin-right:8px;}	
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}	
#contact-form .error, #contact-form .empty {text-align:left; color:red; font-size:11px; clear:both;}
#contact-form .buttons2 {overflow:hidden; position:relative; clear:both; padding-top:30px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{border:3px solid #dfdfdf;overflow:hidden;display:inline-block;margin-bottom:26px;}
#map_canvas {
    width:300px;
	height:200px;
}

.adress1{padding: 0 0 0 10px;margin: -3px 0 34px;}
.adress1 span{ display:inline-block; width:69px;}
.adress1 dt{ margin-bottom:20px;}
.demo{text-decoration:underline;}
.demo:hover{text-decoration:none;}

/****************************footer************************/
footer {padding:34px 0;overflow: hidden;text-align: center;}
footer h3{margin-bottom:19px;}
footer, footer a{color:#ffffff;transition: all 0.3s;}
footer a:hover{color:#ffbc00;}

.privacy{padding: 4px 0 0;}
.privacy>a>img{margin: -2px 6px 0 0;}
#main-page .container_24 .wrapper .grid_17 .h2 {
	color: #FFF;
	font-size: 22px;
	margin-bottom: 15px;
	margin-top: 30px;
}


footer .posts dd{margin-bottom:10px;}
#main-page .container_24 .wrapper .grid_6.prefix_1 .h2.ind3 {
	color: #FFF;
}
#main-page .container_24 .wrapper .grid_6.prefix_1 .h2.ind3 {
	color: #FFF;
}

footer .social{ overflow:hidden;float:left; margin:0px 10px 40px 10px;}
footer .social a{ display:block; float:left;width:29px;height:29px; overflow:hidden; margin-left:10px;}
footer .social a:first-child{
	margin: 0 0 0 0;
}
footer .social a:hover img{ margin-top:-29px;}#main-page header .container_24 .wrapper .grid_24 p img {
	float: right;
}


/******追加******/
.gap-1 {
	clear: both;
	height: 1px;
}

.gap-10 {
	clear: both;
	height: 10px;
}

.gap-20 {
	clear: both;
	height: 20px;
}


.gap-30 {
	clear: both;
	height: 30px;
}

.gap-40 {
	clear: both;
	height: 40px;
}

.gap-50 {
	clear: both;
	height: 50px;
}

#main-page .container_24 .wrapper .grid_6.prefix_1 .h2.ind3 {
	color: #FFF;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-size: 20px;
}
#main-page .container_24 .wrapper .grid_6.prefix_1 .ext_list.awards li div {
	color: #FFF;
}
#main-page .container_24 .wrapper .grid_17 .ext_box.profile div .f_15 {
	color: #ff9600;
}
#main-page footer .container_24 .wrapper .grid_6.prefix_2.privacy .social p {
	margin: 5px;
	clear: both;
}

#main-page .container_24 .wrapper .grid_17 .ext_box.profile div p {
	color: #FFF;
}
#main-page #content .container_24 .pro_wrapper .grid_8 .pro_wrapper.pro_pad_port p {
	width: 278px;
	margin-top: 10px;
}
.f_15 {
	font-size: 14px;
	color: #FF9600;
	margin-top:7px;
	}
.f_16 {
	font-size: 20px;
	color: #FF9600;
	margin-top:7px;
}
.f_15_bk {
	font-size: 14px;
	color: #000000;
	margin-top:7px;
}
.f_15_wt {
	font-size: 14px;
	color: #ffffff;
	margin-top:7px;
}
#main-page #content .container_24 .pro_wrapper .grid_6 .pro_wrapper.pro_pad_port p {
}
#main-page #content .container_24 .pro_wrapper .grid_6 .pro_wrapper.pro_pad_port p {
	width: 200px;
}
#main-page #content .container_24 .pro_wrapper .grid_6 .pro_wrapper.pro_pad_port .text {
	margin-top: -10px;
}
.white {
	color: #FFF;
}
#main-page .container_24 .pro_wrapper .grid_8 .pro_wrapper.pro_pad_port .white {
	width: 278px;
}
.red {
	color: #F00;
}
#main-page header .container_24 .wrapper .grid_24 #_____01 {
	float: right;
}


.gap-1 {
	clear: both;
	height: 1px;
}

.gap-50 {
	clear: both;
	height: 50px;
}