@charset "utf-8";

/* CSS Document */
.sp_only{
	display:none;
}

.pc_only{
	display:block;
}
#header {
  width: 960px;
	margin:0 auto;
	position:relative;
}

#header .tel {
	font-size:12px;
	background:#000;
	color:#fff;
	display:inline-block;
	padding:5px 10px 5px 25px;
	float:right;
	position:relative;
}

#header .tel:before {
	content:"";
	background:url(../common/img/icon_tel.png) no-repeat left top;
	width:13px;
	height:15px;
	position:absolute;
	left:8px;
	top:8px;
}


#header h1 {
	font-size:10px;
	display:inline-block;
	float:right;
	margin-right:15px;
	padding-top:5px;
	font-weight:100;
}

#header .logo {
	position:absolute;
	left:0;
	top:21px;
}

#header nav li{
	display:inline;
	float:right;
	margin-left:35px;
	
}

#header nav {
	padding:18px 9px 0 0;
	width:100%;
	overflow:hidden;
}

#header .head_eco{
	position:relative;
	padding:0 0 0 270px;
	position:relative;
	font-size:16px;
	line-height:1.8;
	text-align:left;
	margin-top:66px;
	height:215px;
}

#header .head_eco .icon{
	position:absolute;
	left:121px;
	top:0;
}

#header .head_eco .read{
	padding:55px 0 25px 0;
}

#pagetop{
	width:960px;
	text-align:right;
	margin:0 auto;
}

#pagetop a{
	display:inline-block;
}

#footer{
	width:100%;
	background:#000;
}

#footer .inner{
	width:960px;
	margin:0 auto;
	color:#fffefe;
	text-align:left;
	font-size:12px;
	padding:20px 0;
	position:relative;
}

#footer .eco{
	position:absolute;
	right:0;
	bottom:12px;
}

#footer .inner .tokio{
	font-size:20px;
}

article section .inner{
	width:960px;
	overflow:hidden;
	margin:0 auto;
}

article h2.title2{
	position:relative;
	background:url(../common/img/title_bg.gif) repeat-x left center;
	height:25px;
	font-size:26px;
	line-height:25px;
	margin-bottom:21px;
}

article h2.title2 span{
	display:inline-block;
	background:#fff;
	padding:0 38px;
	letter-spacing:3px;
}

/*-------------------------
index
-------------------------*/
#index .title{
	border-top:#000 6px solid;
	padding:35px 0 48px 0;
}

#index ul.photos3{
	width:693px;
	margin:33px auto 70px auto;
	overflow:hidden;
}

#index ul.photos3 li{
	display:inline;
	float:left;
	margin:0 1.5px;
}

#index #comm .photos{
	width:690px;
	margin:19px auto 70px auto;
	overflow:hidden;
}

#index #comm .photos li{
	display:inline;
	float:right;
}

#index #comm .photos li:first-child{
	float:left;
}

#index #paint .photos{
	width:690px;
	margin:35px auto 30px auto;
	overflow:hidden;
}

#index #paint .photos li{
	display:inline;
	float:left;
}

#index #paint .photos li:last-child{
	margin-left:82px;
}

#company .title{
	padding:108px 0 55px 0;
}

#company #greetings .txt{
	width:540px;
	text-align:left;
	padding-top:15px;
	margin:0 auto 55px auto;
}

#company #greetings .name{
	padding-top:33px;
	text-align:center;
}

#company #greetings h3{
	font-size:26px;
	margin-bottom:10px;
	text-align:center;
	letter-spacing:2px;
}

#company #greetings table{
	border-top:#a3a3a3 1px solid;
	border-left:#a3a3a3 1px solid;
	width:880px;
	margin:0 auto 48px auto;
}

#company #greetings table th{
	border-bottom:#a3a3a3 1px solid;
	border-right:#a3a3a3 1px solid;
	background:#ededed;
	text-align:left;
	vertical-align:middle;
	padding:12px 10px;
	width:228px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#company #greetings table td{
	border-bottom:#a3a3a3 1px solid;
	border-right:#a3a3a3 1px solid;
	text-align:left;
	vertical-align:top;
	padding:12px 10px;
}

#access .title{
	padding:108px 0 55px 0;
}

#access .map{
	padding:10px 0 23px;
}


@media screen and (max-width: 767px) {
.sp_only{
	display:block;
}

.pc_only{
	display:none;
}

img{
	 max-width: 100%;
	 height: auto;
	 width /***/:auto;
}

#header {
	width: 100%;
	margin:0 auto;
	position:relative;
}

#header h1 {
	display:none;
}

#header .logo {
	position:relative;
	left: inherit;
	top:inherit;
	text-align:left;
	padding-left:20px;
	padding-top:20px;
}

#header .sp_tel{
	color:#fff;
	text-decoration:none;
	position:relative;
	z-index:100;
}

#header nav {
	padding:18px 0 0 0;
}

#header nav ul.sp_only{
	width:100%;
	display:table;
	border-top:#000 1px solid;
	border-bottom:#000 1px solid;
}

#header nav .sp_only li{
	display:table-cell;
	float:none;
	margin-left:0;
	text-align:center;
	vertical-align:middle;
	width:33.333%;
	line-height:1.5;
	background:#000;
	border-right:#fff 1px solid;
	color:#fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align:middle;
	text-align:center;
	position:relative;
	padding:5px;
}

#header nav .sp_only li.act{
	background:#fff;
	color:#000;	
	border-right:#000 1px solid;
}

#header nav .sp_only li a{
	color:#fff;	
}

#header nav .sp_only li a:hover{
	text-decoration:none;
}


#header nav .sp_only li:last-child{
	border-right:none;
}

#header .head_eco{
	position:relative;
	padding:0;
	margin:0 auto;
	font-size:16px;
	line-height:1.8;
	text-align:center;
	margin-top:15px;
	margin-bottom:15px;
	height:auto;
}

#header .head_eco .icon{
	position:relative;
	left: inherit;
	top:inherit;
	width:20%;
	text-align:center;
}

#header .head_eco .read{
	padding:10px 0 12px 0;
	width:80%;
	margin:0 auto;
}

#header .head_eco .txt{
	width:96%;
}

#pagetop{
	width:100%;
	text-align:right;
	margin:0 auto;
}

#footer{
	width:100%;
	background:#000;
}

#footer .inner{
	width:96%;
	margin:0 auto;
	position:relative;
}

#footer .eco{
	position:absolute;
	right:0;
	bottom:12px;
}

#footer .sp_tel{
	color:#fff;
	text-decoration:none;
}

#footer .inner .tokio{
	font-size:16px;
	font-weight:100;
}
#footer .inner p{
	font-size:11px;
}

#footer .inner p.copy{
	font-size:10px;
	margin-top:15px;
}

article section .inner{
	width:96%;
	overflow:hidden;
	margin:0 auto;
}
article h2.title2{
	font-size:18px;
	font-weight:bold;
}

/*-------------------------
index
-------------------------*/
#index .title{
	border-top:#000 3px solid;
	padding:15px 0 25px 0;
}

#index .title img{
	width:23.6%;
}

#index ul.photos3{
	width:100%;
	margin:15px auto 30px auto;
	overflow:hidden;
	display:table;
}

#index ul.photos3 li{
	display:table-cell;
	float:none;
	text-align:center;
	padding:10px;
}

#index #comm .photos{
	display:table;
	margin:15px auto 30px auto;
	width:100%;
}

#index #comm .photos li{
	display:table-cell;
	float:none;
	padding:0 10px 10px 10px;
}

#index #comm .photos li:first-child{
	float:left;
}

#index #paint .photos{
	width:100%;
	margin:15px auto 0 auto;
	overflow:hidden;
	display:table;
}

#index #paint .photos li{
	display:table-cell;
	float:none;
	padding:10px;
}

#index #paint .photos li:last-child{
	margin-left:82px;
}


/*-------------------------
company
-------------------------*/
#company .title{
	padding:15px 0 25px 0;
}

#company .title img{
	width:35.31%;
}

#company #greetings .txt{
	width:100%;
	padding-top:0;
	margin:0 auto 25px auto;
}

#company #greetings h3{
	font-size:20px;
	margin-bottom:0;
}

#company #greetings table{
	width:100%;
	margin:0 auto 25px auto;
}

#company #greetings table th{
	padding:6px 5px;
	width:7em;
}

#company #greetings table td{
	padding:6px 5px;
}

/*-------------------------
access
-------------------------*/
#access .title{
	padding:15px 0 25px 0;
}

#access .title img{
	width:50.93%;
}

#access p{
	text-align:left;
}
#access .map{
	padding:10px 0 23px;
}
}