/*===============================================
––––‹€’ʁ–––
===============================================*/
div#Container	article.bdbtm	{	border-bottom: solid 1px #CCC;}
div#Container	article.bdtop	{	border-top: solid 1px #CCC;}
div#Container	article.bgc01	{	background: #F7F7F7;}
div#Container	article.bgc02	{	background: #F9F9F5;}

div#Container	article	{
	width: 100%;
	margin: 0 auto;
	color: #666;
}
div#Container	article	div	p.more	{
	text-align: right;
}
div#Container	article	div	p.more	a	{
	margin-right: 4px;
	color: #363433;
	border-bottom: solid 1px #81807F;
}
div#Container	article	div	p.more	a:after	{
	content: url('common/img/arrow_r.png');
	margin-left: 13px;
	vertical-align: middle;
}
div#Container	article	div	h2	{
	color: #293035;
	font-family: 'Heebo', sans-serif;
	font-weight: 500;
}
div#Container	article	div	h2	span	{
	display: block;
	letter-spacing: inherit;
}
div#Container	article	div	h2	a	{	color: #293035;}
div#Container	article	a	{	color: #666;}
div#Container	article	p	{	text-align: left;}

/*div.news	section	a:hover,*/
div.brands	figure	a:hover,
div.category	section	a:hover	{
	text-decoration: none;
	outline:none;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

div.news	section	a	p.newin:after	{
	content: url('common/img/window.png');
	vertical-align: middle
	;
}
div.news	section	a	p.pdf:after	{
	content: url('common/img/pdf.png');
	vertical-align: middle
	;
}
div.news	section	a	p	img,
div.news	section	div.innerLink	p	img	{
	display: inherit !important;
	display: inline-block;
	display:inline;
}


footer	div	h3	a	{	color: #666;}
/*===============================================
œstyle.css ‰ζ–Κ‚Μ‰‘•‚ͺ737pxˆΘγ
===============================================*/
@media print, screen and (min-width: 737px){
div#Container	{	min-width: 1080px;}

/*============================
#Container	article
============================*/
div#Container	article	div	h2	{
	font-size: 37px;
	line-height: 38px;
	letter-spacing: 2px;
}
div#Container	article	div	h2	span	{
	margin: 10px auto 0; 
	font-size: 14px;/*12*/
	line-height: 15px;
	font-family: "ƒƒCƒŠƒI", Meiryo, "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;-webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; text-shadow: 0px 0px 1px rgba(153, 153, 153, 0.1);
}
div#Container	article	p	{	font-size: 14px;	line-height: 21px;}
div#Container	article	div	p.more	{	margin: 21px 0 auto;}
div#Container	article	div	p.more	a	{	font-size: 12px;	line-height: 14px;}
/*== * Features * ============================*/
div.features	{
	width: 1080px;
	margin: 68px auto 57px;
}
div.features	h2	{
	margin: 0 auto 32px;
}
div.features	section	{
	display: table-cell;
	width: 331px;
	padding-left: 43px;
}
div.features	section:first-of-type	{
	padding-left: 0 !important;
}
div.features	section	a	img	{
	margin-bottom: 21px;
}
div.features	section	a	h3	{
	margin: 0 0 8px;
	text-align: left;
	font-size: 15px;
	line-height: 21px;
}
div.features	section	a	p	{
	margin: 0 2px 15px;
	text-align: left;
	font-size: 14px;
	line-height: 21px;
}
div.features	section	time	{
	display: block;
	text-align: left;
	font-size: 12px;
	line-height: 12px;
}
/*== * News/Press * ============================*/
div#Container	article:nth-of-type(2)	{
	width: 1080px;
	margin: 0 auto;
}
div.news	{
	display: table-cell;
	width: 452px;
	padding-bottom: 80px;
	text-align: left;
}
div.news:first-of-type	{
	padding-right: 90px;
	border-right: solid 1px #CCC;
}
div.news:last-of-type	{
	padding-left: 105px;
}

div.news	h2	{
	margin: 76px auto 31px;
	text-align: center;
}
div.news	section	{
	margin-bottom: 30px;
}

div.news	section	a	img	{
	margin-right: 23px;
	vertical-align: top;
}

div.news	section	a	p	{
	display: table-cell;
	width: 308px;
	padding: 20px 0 0;
	text-align: left;
	vertical-align: top;
}
/*                        */
div.news section div.innerLink img{
	display: table-cell;
	float: left;
	margin-right: 23px;
	vertical-align: top;
}
div.news section div.innerLink p {
	display: table-cell !important;
	width: 308px;
	padding: 20px 0 0;
	text-align: left;
	vertical-align: top;
}
div.news	section	div.innerLink	p	a	{
	display: inline !important;
}

div.news	section	time	{
	display: block;
	margin-top: 13px;
	text-align: right;
	font-size: 12px;
	line-height: 12px;
}
/*== * Brands * ============================*/
div.brands	{
	width: 1080px;
	margin: 0 auto;
	padding: 76px 0 73px;
}
div.brands	h2	{	margin-bottom: 28px;}
div.brands	section	{	width: 1042px;	margin: 0 auto;}

div.brands	figure	{
	position: relative;
	overflow: hidden;
	display: inline-block;
	float: left;
	width: 171px;
	padding-top: 20px;
	margin-bottom: 0;
}
div.brands	figure	a	{
	display: block;
	padding: 0 0 20px;
}
div.brands	figure	img	{
	position: relative;
	z-index: 1;
	-webkit-transition: .3s;
	transition: .3s;
}
div.brands	figcaption	{
	position: absolute;
	bottom: -30px;
	left: 0;
	z-index: 2;
	width: 100%;
	padding: 0 0 8px;
	font-size: 10px;
	-webkit-transition: .3s;
	transition: .3s;
}
div.brands	figure:hover	img	{
	-webkit-transform: translateY(-20px);/*-40*/
	transform: translateY(-20px);
}
div.brands	figure:hover	figcaption	{
	bottom: 0;
	-webkit-transform: translateY(-12px);/*-30*/
	transform: translateY(-12px);
}
div.brands	figurea:hover	{
	text-decoration: none;
	outline:none;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
div.brands	p.more	{	clear: both;}
div.brands	ul	{
	display: table;
	width: 1080px;
	height: 160px;
	margin: 51px auto 21px;
	border: solid 1px #CCC;
	border-radius: 17px;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
}
div.brands	ul	li	{
	display: table-cell;
	width: 49.3%;
	text-align: left;
	vertical-align: middle;
}
div.brands	ul	li:first-of-type		{	border-right: solid 1px #CCC;}
div.brands	ul	li	a	{
	color: #333 !important;
	font-size: 21px;
	font-weight: 600;
}
div.brands	ul	li	a	img	{	float: left;	vertical-align: top;}
div.brands	ul	li:first-of-type	a	img	{	margin-left: 128px;	margin-right: 21px;}
div.brands	ul	li:last-of-type	a	img	{	margin-left: 151px;	margin-right: 21px;}

div.brands	ul	li	a	span	{
	display: block;
	width: 365px;
	text-align: center;
	margin-top: 10px;/*5*/
	font-size: 15px;
	font-weight: normal;
}
div.brands	ul	li:first-of-type	a	span	{	width: 362px;}
div.brands	ul	li:last-of-type	a	span	{	width: 356px;}

/*== * Category * ============================*/
div.category	{	padding: 83px 0 78px;}
div.category	h2	{	margin: 0 auto 33px;}
div.category	section	{
	width: auto;
	min-width: 950px;
	margin: auto;
	text-align: center;
}
div.category	section	a	{	font-size: 0.1;	line-height: 0.1;}
div.category	section	a	img	{	margin-left: 53px;}
div.category	section	a:first-of-type	img	{	margin-left: 11px !important;}

/*== * Company * ============================*/
div.company	{
	width: 1080px;
	margin: 0 auto;
	padding: 75px 0;
}
div.company	h2	{
	margin-bottom: 48px;
}
div.company	a	{
	font-size: 0.1;
	line-height: 0.1;
}
div.company	a	img	{
	float: left;
	margin: 0 0 0 41px;
}
div.company	a:hover	img	{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
div.company	a:first-of-type	img	{
	margin-left: 0;
}
/*== * History * ============================*/
div.history	{
	width: 1080px;
	height: 465px;
	margin: 0 auto;
	padding: 87px 0 0;
}
div.history	h2	{
	margin-bottom: 43px;
}
div.history	section	{
	display: table-cell;
	width: 281px;
	padding: 0 58px;
	border-left: solid 1px #C1C1C1;
}
div.history	section:first-of-type	{	padding-left: 0;	border-left: none !important}
div.history	section:last-of-type	{	padding-right: 0;}
div.history	section	a	img	{
	margin-bottom: 21px;
}
div.history	section	a	h3	{
	width: 281px;
	margin: 0 auto 8px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	line-height: 21px;
}
div.history	section	a	p	{
	width: 281px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px !important;
	line-height: 21px;
}
/*== * Others * ============================*/
div.others	{
	width: 1080px;
	margin: 0 auto;
	padding: 74px 0 48px;
}
div.others	section	{
	display: table-cell;
	width: 164px;
	padding: 0 0 0 63px;
}
div.others	section:first-of-type	{	padding-left: 0 !important;}

div.others	section	a	img	{
	margin-top: 32px;
}
div.others	section	a	h3	{
	margin: 19px auto 23px;
	font-size: 11px !important;
	line-height: 15px;
}
div.others	section	a	h3.x02	{
	margin: 12px auto 14px;
}
div.others	section	a	h3	span	{
	display: block;
}
div.others	section	a	p	{
	margin: 0;
	font-size: 13px !important;
	line-height: 18px !important;
}
div.others	p.more	{
	width: 1080px;
}
/*== * Instagram * ============================*/
div.instagram	{
	width: 1080px;
	margin: 0 auto;
	padding: 40px 0 26px;
}
div.instagram	h2	{
	width: 210px;
	margin: 0 auto 35px;
	font-size: 25px !important;
	line-height: 25px !important;
	letter-spacing: normal !important;
}
div.instagram	h2:before	{
	content: url(common/img/icon_insta.gif);
	position: relative;
	top: 20px;
	margin-right: 15px;
}
div.instagram	h2	span	{
	padding-left: 52px;
	margin-top: 3px !important;
}
div.instagram	section	{
	display: table-cell;
	text-align: left;
	width: 164px;
	padding: 0 0 0 63px;
}
div.instagram	section:first-of-type	{	padding-left: 0 !important;}
div.instagram section a div.date {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: 'alpha(opacity=50)';
  background-color: #333;
  color: #fff;
 display: block;
 font-size: 10px !important;
 line-height: 14px;
 text-align: center;
 position: relative;
 z-index: 1;
 top: -17px;
 left: 113px;
 width: 50px;
}
div.instagram	section	a	p.caps	{
	display: block;
	font-size: 12px !important;
	line-height: 13px !important;
	vertical-align: middle;
}
div.instagram	section	a	p.caps	img	{
	float: left;
	margin: 0px 8px 45px 0;
	vertical-align: middle;
}
div.instagram	section	a	div.id	{
	display: block;
	font-size: 10px !important;
	line-height: 14px;
	margin-top: 5px;
	text-align: right;
}


/*== * SNS * ============================*/
div.sns	{}
div.sns	ul	{
	display: table;
	width: 1024px;/*328*/
/*	max-width: 1020px;*/
	min-width: 1024px;
	margin: 0 auto;
	text-align: center;
}
div.sns	ul	li	{
	display: table-cell;
/*	width: 16%;
	min-width: 170px;*/
	width: auto;
	height: 229px;
	padding: 0 25px 0 0;
	text-align: left;
	vertical-align: middle;
	letter-spacing: 1px;
}

div.sns	ul	li	a	{	color: #333 !important;}
div.sns	ul	li	a	img	{	margin-right: 7px;	vertical-align: bottom;}
div.sns	ul	li:first-of-type	a	img	{	margin-left: 5px;}
/*
div.sns	ul	li:last-of-type	a	img	{	margin-right: 14px;	vertical-align: bottom;}*/
/*============================
#Footer
============================*/
footer	{
	clear: both;
	width: 100%;
	margin: 0 auto 40px;
	padding: 62px 0;
	background: #F7F7F7;
}
footer	div	{
	display: table;
	width: 1012px;
	margin: 0 auto;
}
footer	div	h3	{
	display: table-cell;
	width: 132px;
	vertical-align: top;
}
footer	div	h3	span	{
	display: block;
	width: 98px;
	margin: 0;
	padding: 4px 0;
	border: solid 1px #B2AFAE;
	background: #FFF;
	color: #666;
	font-size: 11px !important;
	line-height: 13px;
}
footer	div	ul	{
	display: table-cell;
	padding: 5px 0;
}
footer	div	ul	li	{
	display: inline-block;
	float: left;
}
footer	div	ul	li	a	{
	display: block;
	color: #494645;
	font-size: 12px !important;
	line-height: 14px;
	border-left: solid 2px #A0A0A0;
}
footer	div	ul	li:first-of-type	a	{
	border-left: none !important;
}
/*== * Footer * ============================*/
div.ft_brand	{	margin-top: 46px;}
footer	div.ft_brand	h3	span	{	margin: 7px 0 auto;}
footer	div.ft_brand	ul	{	padding: 0;}
div.ft_brand	ul	li	{	margin-bottom: 15px;	margin-right: 45px;}
/*
div.ft_brand	ul	li:nth-of-type(1)	{	margin-bottom: 15px;	margin-left: 0px;}
div.ft_brand	ul	li:nth-of-type(2)	{	margin-bottom: 15px;	margin-left: 45px;}
div.ft_brand	ul	li:nth-of-type(3)	{	margin-bottom: 15px;	margin-left: 42px;}
div.ft_brand	ul	li:nth-of-type(4)	{	margin-bottom: 15px;	margin-left: 44px;}
div.ft_brand	ul	li:nth-of-type(5)	{	margin-bottom: 15px;	margin-left: 44px;}
div.ft_brand	ul	li:nth-of-type(6)	{	margin-bottom: 15px;	margin-left: 41px;}
div.ft_brand	ul	li:nth-of-type(7)	{	margin-bottom: 15px;	margin-left: 45px;}
div.ft_brand	ul	li:nth-of-type(8)	{	clear:left;	margin-left: 2px;}
div.ft_brand	ul	li:nth-of-type(9)	{	margin-left: 57px;}
div.ft_brand	ul	li:nth-of-type(10)	{	margin-left: 44px;}
div.ft_brand	ul	li:nth-of-type(11)	{	margin-left: 39px;}
div.ft_brand	ul	li:nth-of-type(12)	{	margin-left: 41px;}
div.ft_brand	ul	li:nth-of-type(13)	{	margin-left: 41px;}*/
div.ft_brand	ul	li	a	{	border-left: none !important;}
/*== *  * ============================*/
div.ft_news	{	margin-top: 12px;}
div.ft_news	ul	li:nth-of-type(1)	a	{	padding-left: 4px; margin-right: 18px;}
div.ft_news	ul	li:nth-of-type(2)	a	{	padding-left: 13px; padding-right: 16px;}
div.ft_news	ul	li:nth-of-type(3)	a	{	padding-left: 18px; padding-right: 0px;}
/*== *  * ============================*/
div.ft_products	{	margin-top: 22px;}
div.ft_products	ul	li:nth-of-type(1)	a	{	padding-left: 4px; margin-right: 18px;}
div.ft_products	ul	li:nth-of-type(2)	a	{	padding-left: 13px; padding-right: 16px;}
div.ft_products	ul	li:nth-of-type(3)	a	{	padding-left: 13px; padding-right: 14px;}
div.ft_products	ul	li:nth-of-type(4)	a	{	padding-left: 14px; padding-right: 18px;}
/*== *  * ============================*/
div.ft_customer	{	margin-top: 22px;}
div.ft_customer	ul	li	{	height: 23px;	margin-bottom: 13px;}
div.ft_customer	ul	li:nth-of-type(1)	a	{	padding-left: 4px; padding-right: 26px;}/**/
div.ft_customer	ul	li:nth-of-type(2)	a	{	padding-left: 13px; padding-right: 16px;}
div.ft_customer	ul	li:nth-of-type(3)	a	{	padding-left: 13px; padding-right: 14px;}
div.ft_customer	ul	li:nth-of-type(4)	a	{	padding-left: 14px; padding-right: 18px;}
div.ft_customer	ul	li:nth-of-type(5)	a	{	padding-left: 13px; padding-right: 11px;}
div.ft_customer	ul	li:nth-of-type(6)	a	{	padding-left: 13px; padding-right: 0px;}
div.ft_customer	ul	li:nth-of-type(6)	a	{	padding-left: 13px; padding-right: 0px;}
div.ft_customer	ul	li:nth-of-type(7)	a	{	padding-left: 4px; padding-right: 14px; border-left: none !important;}
div.ft_customer	ul	li:nth-of-type(8)	a	{	padding-left: 15px; padding-right: 12px;}
div.ft_customer	ul	li:nth-of-type(9)	a	{	padding-left: 15px; padding-right: 15px;}
div.ft_customer	ul	li:nth-of-type(10)	a	{	padding-left: 9px; padding-right: 9px;}
div.ft_customer	ul	li:nth-of-type(11)	a	{	padding-left: 4px; padding-right: 14px; border-left: none !important;}
div.ft_customer	ul	li:nth-of-type(12)	a	{	padding-left: 12px; padding-right: 9px;}
div.ft_customer	ul	li:nth-of-type(13)	a	{	padding-left: 12px; padding-right: 0px;}

/*== *  * ============================*/
div.ft_company	{	margin-top: 0px;}
div.ft_company	ul	li:nth-of-type(1)	a	{	padding-left: 4px; padding-right: 18px;}
div.ft_company	ul	li:nth-of-type(2)	a	{	padding-left: 15px; padding-right: 18px;}
div.ft_company	ul	li:nth-of-type(3)	a	{	padding-left: 16px; padding-right: 17px;}
div.ft_company	ul	li:nth-of-type(4)	a	{	padding-left: 16px; padding-right: 19px;}
div.ft_company	ul	li:nth-of-type(5)	a	{	padding-left: 28px; padding-right: 24px;}
div.ft_company	ul	li:nth-of-type(6)	a	{	padding-left: 18px; padding-right: 0px;}
/*== *  * ============================*/
div.ft_recruit	{	margin-top: 17px;}
div.ft_recruit	ul	li:nth-of-type(1)	a	{	padding-left: 4px; padding-right: 18px;}
div.ft_recruit	ul	li:nth-of-type(2)	a	{	padding-left: 13px; padding-right: 16px;}
div.ft_recruit	ul	li:nth-of-type(3)	a	{	padding-left: 13px; padding-right: 16px;}
div.ft_recruit	ul	li:nth-of-type(4)	a	{	padding-left: 13px; padding-right: 16px;}

/*== *  * ============================*/
div.ft_sns	{	margin-top: 19px;}
div.ft_sns	ul	li	a	img	{	vertical-align: middle;}
div.ft_sns	ul	li:nth-of-type(1)	a	img	{	margin-left: 4px; margin-right: 14px;	vertical-align: bottom;}
div.ft_sns	ul	li:nth-of-type(2)	a	img	{	margin-left: 34px; margin-right: 12px;}
div.ft_sns	ul	li:nth-of-type(3)	a	img	{	margin-left: 40px; margin-right: 10px;}
div.ft_sns	ul	li:nth-of-type(4)	a	img	{	margin-left: 38px; margin-right: 14px;}
div.ft_sns	ul	li:nth-of-type(5)	a	img	{	margin-left: 39px; margin-right: 13px;}
div.ft_sns	ul	li:nth-of-type(6)	a	img	{	margin-left: 34px; margin-right: 10px;}
div.ft_sns	ul	li	a	{	border-left: none !important;}

}

/*===============================================
œsmart.css  ‰ζ–Κ‚Μ‰‘•‚ͺ736px‚ά‚Ε
===============================================*/
@media only screen and (max-width:736px){
	/*============================
#Container	article
============================*/
div#Container	article	div	h2	{
	font-size: 1.5em;
	line-height: 1.8em;
	letter-spacing: 1px;
}
div#Container	article	div	h2	span	{
	margin: 0 auto; 
	font-size: 0.6em;
	line-height: 1.2em;
}
div#Container	article	p	{	font-size: 0.9em;	line-height: 1.4em;}
div#Container	article	div	p.more	{	margin: 5% 2% auto;}
div#Container	article	div	p.more	a	{	font-size: 0.85em;	line-height: 1.35em;}
/*== * Features * ============================*/
div.features	{
	width: 94%;
	margin: 8% auto;
}
div.features	h2	{
	margin: 0 auto 24px;
}
div.features	section	{
	clear: both;
	width: 90%;
	margin: 0 auto;
}
div.features	section	a	{
	display: block;
	width: 100%;
	text-align: left;
}
div.features	section	a	img	{
	float: left;
	width: 35%;
	max-width: 220px;/*331*/
	margin: 0 5% 8% 0;
}
div.features	section	a	h3	{
	width: 60%;
	margin: 0 0 11px 40%;
	text-align: left;
	font-size: 1em;
	font-weight: 500;
	line-height: 1.4em;
}
div.features	section	a	p	{
	width: 60%;
	margin: 0 0 12px 40%;
	text-align: left;
	font-size: 0.8em !important;
	line-height: 1.4em;
}
div.features	section	time	{
	display: block;
	width: 98%;
	margin: 0 0 10%;
	text-align: right;
	font-size: 0.8em;
	line-height: 1.2em;
}
/*== * News/Press * ============================*/
div#Container	article:nth-of-type(2)	{
	width: 94%;
	margin: 0 auto;
}
div.news	{
	width: 100%;
	text-align: left;
	padding-bottom: 8%;
}
div.news:first-of-type	{
	border-bottom: solid 1px #CCC;
}
div.news	h2	{
	margin: 8% auto 24px;
	text-align: center;
}
div.news	section	{
	margin-bottom: 30px;
}
div.news	section	a,
div.news	section	div.innerLink	{
	display: table;
	width: 90%;
	margin: 0 auto;
	vertical-align: top;
}
div.news	section	div.innerLink	a	{
	display: inline !important;
}

div.news	section	a	img,
div.news	section	div.innerLink	img	{
	display: table-cell;
	width: 70%;
	max-width: 104px;
	margin-right: 15px;
	vertical-align: top;
}
div.news	section	a	p,
div.news	section	div.innerLink	p	{
	display: table-cell;
	width: 75%;
	padding: 0;
	text-align: left;
	vertical-align: top;
}
div.news	section	time	{
	display: block;
	margin: 4% 8% 8%;
	text-align: right;
	font-size: 0.8em;
	line-height: 1.2em;
}
/*== * Brands * ============================*/
div.brands	{
	width: 100%;
	margin: 0 auto;
}
div.brands	h2	{
	margin: 8% auto 4%;
	text-align: center;
}
div.brands	section	{
	width: 90%;
	margin: 0 auto;
}
div.brands	figure	{
/*	position: relative;
	overflow: hidden;*/
	display: inline-block;
	float: left !important;
	width: 49.5%;/*171*/
	margin: 0 !important;
	padding: 4% 0;
}
div.brands	figure	img	{
	width: 70%;
	max-width: 171px;
	text-align: center;
	position: relative;
	z-index: 1;
	-webkit-transition: .3s;
	transition: .3s;
}
div.brands	figcaption	{
/*	position: absolute;
	bottom: -70px;
	left: 0;
	z-index: 2;*/
	width: 100%;
	padding: 12px 0;
	font-size: 10px;
/*	-webkit-transition: .3s;
	transition: .3s;*/
}
/*div.brands	figure:hover	img	{
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
}
div.brands	figure:hover	figcaption	{
	bottom: 0;
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
}*/
div.brands	p.more	{	clear: both;}
div.brands	ul	{
	display: block;
	width: 90%;
	height: auto;
	margin: 11% auto;
	padding: 0;
	border: solid 1px #CCC;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}
div.brands	ul	li	{
	width: 100%;
	margin: 0 auto;
	padding: 5% 0;
	text-align: center;
}
div.brands	ul	li:first-of-type	{	border-bottom: solid 1px #CCC;}

div.brands	ul	li	a	{
	color: #333 !important;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: 600;
}
div.brands	ul	li	a	img	{	vertical-align: middle;}
div.brands	ul	li:first-of-type	a	img	{	width: 24px ;	margin-left:0;	margin-right: 13px;}
div.brands	ul	li:last-of-type	a	img	{	width: 31px;	margin-left: 0;	margin-right: 13px;}

div.brands	ul	li	a	span	{
	display: block;
	width: 50%;
	text-align: center;
	margin: 5px auto 0;
	font-size: 0.65em;
	line-height: 0.85em;
	font-weight: normal;
}
div.brands	ul	li:first-of-type	a	span	{	padding-left: 2%;}
div.brands	ul	li:last-of-type	a	span	{	padding-left: 9%;}

/*== * Category * ============================*/
div.category	{	margin: 0 auto;	padding: 6% 0 11%;}
div.category	h2	{	margin: 8% auto 24px;}
div.category	section	a	{	font-size: 0.1;	line-height: 0.1;}
div.category	section	a	img	{	margin: 4% 5%;}
/*== * Company * ============================*/
div.company	{	width: 88%;	margin: 0 auto;	padding: 6% 0 11%;}
div.company	h2	{	margin: 8% auto 24px;}
div.company	a	{	font-size: 0.1;	line-height: 0.1;}
div.company	a	img	{
	float: left;
	width: 40%;
	max-width: 238px;
	margin: 5%;
}
/*== * History * ============================*/
div.history	{	width: 80%;	margin: 0 auto;}
div.history	h2	{	margin: 8% auto 0;}
div.history	section	{
	padding: 8% 0;
	border-bottom: solid 1px #C1C1C1;
}
div.history	section:last-of-type	{	border-bottom: none !important}
div.history	section	a	img	{
	width: 100%;
	max-width: 281px;
	margin-bottom: 14px;
}
div.history	section	a	h3	{
	width: 100%;
	max-width: 281px;
	margin: 0 auto 8px;
	text-align: center;
	font-size: 1em;
	font-weight: 600;
	line-height: 1.4em;
}
div.history	section	a	p	{
	width: 100%;
	max-width: 281px;
	margin: 0 auto;
	text-align: left;
	font-size: 0.85em !important;
	line-height: 1.35em;
}
/*== * Others * ============================*/
div.others	{
	width: 90%;
	margin: 0 auto;
	padding: 0 0 8%;
}
div.others	h2	{	margin: 8% auto 2%;}
div.others	section	{
	clear: both;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 5% 0 6%;
	text-align: left;
}
div.others	section	a	img	{
	float: left;
	width: 30%;
	max-width: 164px;
	margin: 0 5% 15px 0;
}
div.others	section	a	h3	{
	display: block;
	margin: 0;
	padding: 5px 0 8px;
	font-size: 0.85em !important;
	line-height: 1.35em;
}
div.others	section	a	p	{
	margin: 0;
	font-size: 0.85em !important;
	line-height: 1.35em !important;
}
/*== * Instagram * ============================*/
div.instagram	{
	width: 100%;
	margin: 0 auto;
	padding: 8% 0 ;
}
div.instagram	h2	{
	width: 60%;
	margin: 0 auto 24px;
	font-size: 1.5em !important;
	line-height: 1.5em !important;
	letter-spacing: normal !important;
}
div.instagram	h2:before	{
	content: url('common/img/icon_insta.gif');
	position: relative;
	top: 20px;
	margin-right: 15px;
}
div.instagram	h2	span	{
	margin-top: 0px !important;
	padding-left: 30px;
	font-size: 12px;
}
div.instagram	section	a	{
	display: table;
	width: 90%;
	margin-bottom: 5%;
	margin-left: 6%;
	padding: 0;
}
div.instagram	section	a	img	{
	display: table-cell;
	float: left;
	max-width: 163px;
	text-align: left;
	width: 30%;
}
div.instagram	section	a	div.date	{
	display: table-cell;
	float: left;
	font-size: 10px !important;
	line-height: 14px;
	padding-bottom: 8px;
	padding-left: 12px;
}
div.instagram	section	a	p.caps	{
	display: table-cell;
	float: right;
	width: 66%;
	padding-bottom: 8px;
	padding-left: 12px;
	color: #AAA;
	font-size: 0.85em;
	line-height: 1.25em;
	vertical-align: bottom;
}
div.instagram	section	a	p.caps	img	{
	float: left;
	max-width: 33px;
	margin: 0 15px 0 0 !important;
	position: relative;
	bottom: 5px;
}
div.instagram	section	a	div.id	{
	display: block;
	font-size: 10px !important;
	line-height: 14px;
	margin-top: 5px;
	text-align: right;
}


/*== * SNS * ============================*/
div.sns	ul	{
	display: table;
	width: 90%;
	margin: 11% auto 1%;
}
div.sns	ul	li	{
	display: table-cell;
	width: 16%;
	height: auto;
/*	padding: 15% 0 3%;*/
	vertical-align: middle;
	text-align: center;
	letter-spacing: 1px;
}
div.sns	ul	li	a	{	color: #333 !important;}
div.sns	ul	li	a	span	{	display: none;}
div.sns	ul	li	a	img	{/*	margin-right: 5px;*/	vertical-align: bottom;}
/*div.sns	ul	li:last-of-type	a	img	{	margin-left: 0;	margin-right: 12px;	vertical-align: bottom;}*/

/*== * Footer * ============================*/
footer	{
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 0 !important;
	position: relative;
	z-index: 5;
}
footer	div	{
	clear: both;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 3% 0 0;
	background: #F7F7F7;
}
footer	div	h3	span	{
	display: block;
	width: 84%;
	margin: 0 auto;
	padding: 5px 3%;
	border: solid 1px #B2AFAE;
	background: #FFF;
	color: #666;
	text-align: left;
	font-size: 0.7em !important;
	line-height: 1.1em;
}
footer	div	ul	{
	clear:both;
	width:90%;
	margin: 0 auto;
	padding: 0;
}
footer	div	ul	li	{
	display: inline-block;
	float: left;
	width: 49.5%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
	border-right: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
}
footer	div	ul	li:nth-of-type(even)	{	border-right: none!important;}
/*footer	div	ul	li:last-of-type	{	border-bottom: none!important;}*/
footer	div	ul	li	a	{
	display: table;
	width: 90%;
	padding: 7% 5%;
	color: #666;
	vertical-align: middle !important;
	font-size: 0.75em !important;
	line-height: 1.4em;
}
/*== *  * =====*/
/*footer	div.ft_brand	ul	li:nth-last-of-type(2)	a	{	border-bottom: none!important;}*/
/*== *  * =====*/
footer	div.ft_products	ul	li:last-of-type	{	border-right: none!important;}
/*footer	div.ft_products	ul	li:nth-last-of-type(2)	{	border-bottom: none!important;}*/
/*== *  * =====*/
/*footer	div.ft_company	ul	li:nth-last-of-type(2)	{	border-bottom: none!important;}*/
/*== *  * =====*/
footer	div.ft_recruit	ul	li:last-of-type	{	border-right: none!important;}
footer	div.ft_recruit	ul	li	{	width: 99% !important;	border-right: none !important;}
footer	div.ft_recruit	ul	li	a	{	padding: 4% 3%!important;}
/*== *  * =====*/
div.ft_sns	{	padding-top: 16px;}
div.ft_sns	ul	{	display: table;}
div.ft_sns	ul	li	{	display: table-cell;	width:16%;	padding:	5% 0 0; text-align: center;	border: none !important;}
div.ft_sns	ul	li	a	img	{	margin: 0 3%;	vertical-align: middle;}
div.ft_sns	ul	li	a	span	{ display: none;}
}
/*==== ** smart*c*portrait max-width:414px ** ==================================*/
@media only screen and (orientation: portrait) and (max-width:414px) {
/*== * Features * ============================*/
div.features	{
	width: 94%;
	margin: 8% auto;
}
div.features	h2	{
	margin: 0 auto 24px;
}
div.features	section	{
	width: 85%;
	margin: 0 auto;
}
div.features	section	a	{
	width: 100%;
}
div.features	section	a	img	{
	width: 100%;
	max-width: 331px;
	margin-bottom: 14px;
}
div.features	section	a	h3	{
	width: 100% !important;
	margin: 0 auto 8px;
	text-align: left;
	font-size: 1em;
	font-weight: 500;
	line-height: 1.4em;
}
div.features	section	a	p	{
	width: 100% !important;
	margin: 0 auto 12px;
	text-align: left;
	font-size: 0.8em;
	line-height: 1.4em;
}
div.features	section	time	{
	display: block;
	margin-bottom: 8%;
	text-align: left;
	font-size: 0.8em;
	line-height: 1.2em;
}
/*== * Instagram * ============================*/
div.instagram	h2	{	width: 70%;}
/*== * Footer * ============================*/
footer	div.ft_brand	ul	li	a	{	height: 50px;}
/*footer	div.ft_brand	ul	li:last-of-type	a	{	padding: 4% 3%!important;}*/
/*== *  * =====*/
footer	div.ft_products	ul	li	{	width: 99% !important;	border-right: none !important;}
footer	div.ft_products	ul	li	a	{	padding: 4% 3%!important;}
/*== *  * =====*/
footer	div.ft_customer	ul	li	{	width: 99% !important;	border-right: none !important;}
footer	div.ft_customer	ul	li	a	{	padding: 4% 3%!important;}

}
/*------------------TOP tempo-info--------------------*/
div.tempo-info p {
	text-align: left;
	line-height: 1.3;
	letter-spacing: 1px;
}

@media only screen and (min-width: 737px){
div.tempo-info {
	width: 90%;
		max-width: 980px;
	margin: 68px auto 57px;
}

}
@media only screen and (max-width:736px){
	div.tempo-info {
	width: 90%;
	margin: 10% auto 5%;
}

}
/*------------------TOP tempo-bnr--------------------*/
div.tempo-bnr {
	background: #F1F1F1;
}

@media only screen and (min-width: 737px){
div.tempo-bnr {
	width: 100%;
max-width: 1080px;
width: expression(this.width >= this.height ? "1080px" : "auto");
	margin: 85px auto auto;
}
div.tempo-bnr img {
	width: 100%;
max-width: 615px;
width: expression(this.width >= this.height ? "615px" : "auto");
margin: 0 auto;
}

}
@media only screen and (max-width:736px){
div.tempo-bnr {
	width: 100%;
	margin: 40px auto auto;
	padding: 10px 0;
}
div.tempo-bnr img {
	width: 90%;
max-width: 615px;
width: expression(this.width >= this.height ? "615px" : "auto");
margin: 0 auto;
}

}