body{
	background:url(../img/common/body_bg.jpg) repeat-x;
	min-width: 1080px;
}

/*  ヘッダー---------------------------------*/
#header{/*
	width:980px;*/
	height:150px;
	color:#5a0a00;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Verdana, Arial, sans-serif;
}
#header #h1{
	height:22px;
	overflow:hidden;
}
#header h1{
	font-size:13px;
	color:#c9caca;
	color:#a7a7a7;
}
#header #logo{
	width:500px;
	float:left;
}
#header #submenu{
	width:450px;
	float:right;
	text-align:right;
	padding-top:12px;
	padding-right:4px;
	font-size:72%;
}
#submenu a,
#submenu a:visited{
	color:#5a0a00;
	text-decoration:none;
}
#submenu a:hover{
	color:#ffffff;
	text-decoration:none;
}
#globalmenu{
	width:1080px;
	clear:both;
}



/*  スライド　---------------------------------*/


.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bx-controls{
	display:none;
}



/*  中ページ構成　---------------------------------*/

#contents_wrap{
	width:980px;
	padding-bottom:50px;
}
#contents_left{
	width:717px;
	float:left;
}
#contents_right{
	width:250px;
	float:right;
}
.breadlink{
	font-size:70%;
	padding-bottom:10px;
}
p.totop{
	font-size:12px;
}
p.totop a,.breadlink a, .detail_pagenavi a{color:#0064ff;}
p.totop a:hover,.breadlink a:hover, .detail_pagenavi a:hover{color:#0064ff;}



/* TOP　---------------------------------*/

#arb_main{
	position:relative;
	height: 500px;
	margin-bottom:20px;
}
#arb_main #frame{
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
}
.bxslider li  {
opacity: 0;
transition: opacity .3s linear;
}
.bx-viewport .bxslider li {
opacity: 1;
}

h2.main{
	text-align:center;
	padding-bottom: 10px;
}
p.lead{
	text-align:center;
	font-size:110%;
	padding:10px 0 0;
	color: #008ec9;
}

.top_banner_wrap{
width: 980px;
margin: auto;
font-size: 0;
padding: 40px 0 0;
text-align: center;
}
.top_banner{
display: inline-block;
width: 310px;
overflow: hidden;
box-shadow:#000 1px 1px 3px 0px;
margin-right: 25px;
margin-bottom: 25px;
}
.top_banner:nth-child(3n){
margin-right: 0;
}

p.arb_btn{
display: inline-block;
width: 470px;
box-shadow:#000 1px 1px 2px 0px;
margin: 10px;
}

.top_banner_wrap img:hover{
opacity: 0.8;
}


.products{
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 2em 0 ;
}
.product_list{
width: 31%;
background: #f0f0f0;
text-align: center;
padding-bottom: 15px;
margin-right: 3%;
margin-bottom: 3%;
}
.product_list:nth-of-type(3n){
margin-right: 0;
}
.product_pic{
position: relative;
margin-bottom: 1em;
}
.product_pic img{
width: 100%;
}
.products h3{
font-size: 100%;
line-height: 1.3;
}
.products h4{
font-size:65%;
color: #008ec9;
}
.type{
width: 95%;
margin: 1em auto 0;
background: #000;
color: #fff;
font-size: 12px;
}
.products a{
text-decoration: none;
transition: all 0.3s;
}
.products a:hover{
text-decoration: none;
color: #008ec9;
}
.product_pic a:hover{
opacity: 0.7;
}

p.ext_link{
width: 760px;
margin:0 auto 3em;
 box-shadow: 0px 4px 4px 0px rgba(143, 143, 143, 0.35);
}
p.ext_link a{
transition: all 0.3s;
}
p.ext_link a:hover{
opacity: 0.7;
}



.appli_bg{
width: 100%;
background: #f0f0f0;
padding: 20px 0 0;
text-align: center;
}
.tcd_btn{
width: 450px;
display: inline-block;
vertical-align: middle;
margin:0 8px 20px;
 box-shadow: 0px 2px 2px 0px rgba(143, 143, 143, 0.35);
}
.tcd_btn a{
transition: all 0.3s;
}
.tcd_btn a:hover{
opacity: 0.7;
}