/*----------------------------------------------------
下層ページ
----------------------------------------------------*/


#content{
	width: 100%;
	background-color: #a50319;
}

#content_header{
	background-size: cover;
	height: 200px;
	width: 100%;
}

#content_header #title img{
	padding-top: 60px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.section{
	padding: 150px 0;
}

.section_title img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
	position: relative;	
	z-index: 1;	
}

.section p{
	font-size: 20px;
	text-align: center;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	line-height: 35.6pt;
	position: relative;
	z-index: 2;
	line-break: strict;
}

.bgred{
	background-color: #a50319;
}

.bgred p{
	color: #fff;
}

.bgwhite{
	background:url(/images/white_bg.jpg);	
	background-color:#fff;	
}

.bgwhite p{
	color:#a50319;
}

.bgphoto p{
	color:#fff;
}

.btn{
	margin-top: 35px;
	margin-bottom: 45px;
}
.btn a:hover{
	opacity: 0.7;
	-webkit-transition: opacity 0.5s linear;   	
}

.icon_white{
	background-color: #fff;
	color:#a50319;
	padding: 3px 5px;
	border-radius:2px; 
	margin-right: 5px;
}

.icon_red{
	background-color: #a50319;
	color:#fff;
	padding: 3px 5px;
	border-radius:2px; 
	margin-right: 5px;	
}

.icon_gray{
	background-color: #fff;
	color:#717071;
	padding: 3px 5px;
	border-radius:2px; 
	margin-right: 5px;	
}



table{
	width: 750px;
	margin-left: auto;
	margin-right: auto;	
}

table,tr,th,td{
	border-collapse: collapse;
	border: #a50319 1px solid;
	text-align: left;	
}

th,td{
	padding: 10px 20px;
	line-height: 1.3;
}

th{
	text-align: left;
	vertical-align: middle;
	font-weight:800;
}


/*------------
SERVICE サービス
--------------*/
#servicePage #content_header{
	background:url(../service/images/title_bg_service.jpg);
	background-size: cover;	
}

#servicePage #section_deli{
	background:url(../service/images/deco_okonomi01.png) no-repeat left center;
	background-size:contain;
	position: relative;
}

#servicePage #section_deli .deco{
	position: absolute;
	right: 2%;
	bottom:2%;
	z-index: 0;
}

#servicePage #section_group{
	background:url(../service/images/bg_group.jpg) no-repeat center center;
	background-size:cover;
}


#servicePage #section_training{
	background:url(../service/images/deco_okonomi03.png) no-repeat left bottom;
	position: relative;
}

#servicePage #section_training .deco{
	position: absolute;
	right: 0;
	top:2%;
	z-index: 0;
}

/*------------
AGENCY 取り扱い店
--------------*/
#agencyPage #content_header{
	background:url(../agency/images/title_bg_agency.jpg) no-repeat center center #00489d;	
}

#agencyPage #section_deli_agency{
	background:url(../agency/images/deco_okonomi07.png) no-repeat left bottom;
	position: relative;	
}

#agencyPage #section_deli_agency p{
	width: 880px;
}

#agencyPage #section_deli_agency span{
	margin: 5px 20px;
	word-break: keep-all;
}

#agencyPage #section_deli_agency .deco{
	position: absolute;
	top:2%;
	left: 2%;
}

#agencyPage #section_deli_agency .deco2{
	position: absolute;
	top:40%;
	right:0;
}

#agencyPage #section_hiroshima{
	background:url(../agency/images/bg_hiroshima.jpg) no-repeat left center;
	background-size:cover;	
}

#agencyPage #section_hiroshima a:hover{
	opacity: 0.7;
	-webkit-transition: opacity 0.5s linear;  	
}


/*------------
STORE 店舗
--------------*/
#storePage #content_header{
	background:url(../store/images/title_bg_store.jpg) no-repeat center center #3f0106;	
}

.mapbox{
	width: 960px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;	
}


.floatbox{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.floatbox p{
	float: left;
	width: 200px;
}
.floatbox #long{
	width: 400px;
}

#storePage #section_honten{
	background:url(../store/images/deco_hera02.png) no-repeat bottom left;		
	position: relative
}

#storePage #section_honten .deco{
	position: absolute;
	right:0;
	top:2%;
}

#storePage .list span{
	margin-left: 20px;
	margin-right: 20px;
	word-break: keep-all;	
	display: inline-block;
}

#storePage #section_tokyo{
	background-image: url(../store/images/bg_group.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	zoom: 1;
	position: relative;
}


#storePage #section_department{
	background: url(../store/images/deco_momiji02.png) center right no-repeat;		
	position: relative;
}

#storePage #section_department .deco{
	position: absolute;
	top:0;
	left: 0;
}

#storePage #section_department .deco2{
	position: absolute;
	bottom:10%;
	left: 0;
}


/*------------
COMMODITY 商品
--------------*/
#commodityPage #content_header{
	background:url(../commodity/images/title_bg_commodity.jpg) no-repeat center center #fefefe;	
}

#commodityPage #section_co_deli{
	background:url(../commodity/images/deco_hera03.png) no-repeat top left;	
	position: relative;
}

#commodityPage #section_co_deli .deco{
	position: absolute;
	right: 0;
	top:30%;
}

#commodityPage #section_co_deli .deco2{
	position: absolute;
	left: 0;
	bottom:2%;
}

#commodity_box{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

.co_box{
	width: 280px;
	float: left;
	margin: 20px;
}

.co_box img{
	width: 100%;
	z-index: 10;
	position: relative;
}

.co_box p{
	background: url(../commodity/images/text_bg.jpg) repeat-y;
	background-size:cover ;
	text-align: left;
	word-break: break-all;
	width: 260px;
	padding: 20px 10px;	
	font-size: 18px;
	line-height: 1.4;
	font-weight: 100;
}

.co_title{
	font-size: 20px;
	display: block;
	margin-bottom: 15px;
}

.small{
	font-size: 14px;
}

#commodity_box2{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#commodity_box2 p{
	color: #fff;
}


/*------------
COMPANY  会社概要
--------------*/
#companyPage #content_header{
	background:url(../company/images/title_bg_company.jpg) no-repeat center center #f8b62c;	
}

#companyPage #section_greeting{
	background:url(../company/images/deco_co.png) no-repeat left bottom;		
}

#companyPage #section_greeting #text_box{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#companyPage #section_greeting #greeting_text{
	text-align: left;
	margin: 0;
	float: right;
}

#companyPage #name{
	margin-top: 50px;
	clear: both;
	text-align: right;
	float: right;
	font-size: 25px;
}

#companyPage #name span{
	font-size: 16px;
	display: block;
}

#companyPage #section_media{
	background:url(../company/images/bg_media.jpg) no-repeat center center;
	background-size:cover;	
}

#section_media{
	color:#fff;
}

#section_media table,#section_media th,#section_media td{
	border: 1px solid #fff;
}


/*------------
RECRUIT 求人情報
--------------*/
#recruitPage #content_header{
	background:url(../recruit/images/title_bg_recruit.jpg) no-repeat center center #fefefe;	
}

#recruitPage table,#recruitPage tr,#recruitPage th,#recruitPage td{
	border: #fff 1px solid;
	color: #fff;
}

#recruitPage th{
	background-color: #fff;
	border-bottom:#a50319 1px solid;
	color: #a50319;
}

#recruitPage th.last{
	border-bottom:#fff 1px solid;	
}

#recruitPage #section_honten{
	background:url(../recruit/images/deco_hera07.png) no-repeat left bottom;	
	position: relative;	
}

#recruitPage #section_honten .deco{
	position: absolute;
	top:0;
	right: 0;
}



/*------------
CONTACT お問い合わせ
--------------*/
#formPage #content_header{
	background:url(../form/images/title_bg_contact.jpg) no-repeat center center #00498d;	
}

#formPage #section_contact{
	background:url(../form/images/deco_momiji07.png) no-repeat left bottom;		
	position: relative;
}

#formPage #section_contact .deco{
	position: absolute;
	top: 0;
	right: 0;	
}

#formPage #section_contact .deco2{
	position: absolute;
	top: 20%;
	left:2%;	
}

#formPage #section_contact .deco3{
	position: absolute;
	bottom: 20%;
	right:2%;	
}


#formPage table,#formPage tr,#formPage th,#formPage td{
	border: none;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	position: relative;
	z-index: 10;
}

#formPage th{
	width: 30%;
}

#formPage td{
	width: 70%;
}


#formPage form input{
	width: 90%;
	font-size: 22px;	
	position: relative;
	z-index: 10;	
}

#formPage form textarea{
	width: 90%;
	height: 100px;
	font-size: 22px;	
	position: relative;
	z-index: 10;	
}

#formPage #button{
	margin-top: 50px;
}

#formPage #button input{
	width: 200px;
	font-size: 20px;
	background-color: #fff;
	margin: 10px;
	color:#a50319;
}

.big{
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}

#formPage #button p.caption{
	line-height: 1.2;
	text-align: left;
	margin-top: 50px;
	padding: 10px;
	border: 1px dashed #fff;
}


/*------------
TEMPLATE お問い合わせテンプレート
--------------*/

#formPage #temp{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	text-align: center;
	line-height: 1.5;
}


#formPage #temp h1{
	width: 100%;
	margin-bottom: 20px;
}

#formPage #temp form input{
	width: 200px;
	font-size: 20px;
	background-color: #fff;
	margin: 10px;
	color:#a50319;	
}

#formPage #temp{
	font-size: 20px;
}

#formPage #temp table, #temp th, #temp td,#temp tr{
	border: 1px solid #fff;
}

#formPage #temp #submit{
	margin-top: 40px;
}


/*------------
メディアクエリ
--------------*/
/*幅1200以下の場合*/
@media screen and (max-width: 960px) {
#storePage .mapbox{
	width: 100%;
}		
}


/*------------
 clearfix
--------------*/
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */