@charset "UTF-8";
body {
	margin: 0px;
	padding: 0px;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Sans','ヒラギノ角ゴシック', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size: 10px;
	color: #333333;
}
a:link {
	color: #006699;
	text-decoration: underline;
}
a:visited {
	color: #006699;
}
a:hover {
	color: #0099CC;
}
a.l1 {
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 6px;
	padding-left: 6px;
}
a.l1:visited {
	color: #FFFFFF;
}
a.l1:hover {
	color: #FFFFCC;
	text-decoration: none;
}
a.l2 {
	color: #FFFFCC;
	text-decoration: none;
	padding-right: 11px;
	padding-left: 11px;
}
a.l2:visited {
	color: #FFFFCC;
}
a.l2:hover {
	color: #FFFF33;
	text-decoration: none;
}
a.l3 {
	color: #FFFFFF;
}
a.l3:visited {
	color: #FFFFFF;
}
a.l3:hover {
	color: #FFFFFF;
}
a.l_lgren {
	color: #00FF99;
}
a.l_lgren:visited {
	color: #00FF99;
}
a.l_lgren:hover {
	color: #99FF00;
}
a.lg {
	color: #00CC66;
	text-decoration: none;
}
a.lg:visited {
	color: #00CC66;
}
a.lg:hover {
	color: #00FF99;
	text-decoration: none;
}
.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
	vertical-align:bottom;
	font-size: 1px;
}
.clear_only {
	clear: both;
}
img {
	margin: 0px;
	padding: 0px;
	border: none;
}
p {
	font-size: 120%;
	margin: 0px;
	padding: 0px;
	line-height: 120%;
}
.redb {
	font-weight: bold;
	color: #900;
}
/* Design */
/*------------------------------------------------*/
#container {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/heder_bg.jpg);
	background-repeat: repeat-x;
	background-color: #1F2935;
	background-position: left top;
}
#top {
	width: 100%;
	background-image: url(../img/heder_img.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#heder {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
}
#logo_box {
	float: left;
	height: 54px;
	width: 240px;
	margin-top: 6px;
}

#conav {
	width: 700px;
	float: right;
	margin-top: 6px;
}
* html #conav {/* for -IE6 */
	margin-top: 11px;
}
.conav_txt {
	font-size: 140%;
	line-height: 120%;
	font-weight: normal;
	color: #999999;
	text-align: right;
}
form {
	margin: 0px;
	padding: 0px;
}
#srchbox {
	margin: 0px;
	padding: 8px 0px 0px 0px;
	text-align: right;
}
#srchbox_re {
	margin: 0px;
	padding: 34px 0px 100px 0px;
}
/* Gnavi */
/*------------------------------------------------*/
#gnav {
	clear: both;
	height: 62px;
	padding-top: 22px;
	overflow: hidden;
}
* html #gnav {/* for -IE6 */
	height: 88px;
}
*:first-child+html #gnav {/* for IE7 */
	padding-top: 0px;
	margin-top: -1px;
}
#home {
	height: 44px;
	width: 97px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dashed;
	border-left-style: dashed;
	border-right-color: #666666;
	border-left-color: #666666;
	margin-top: 18px;
	float: left;
}
#home a {
	display:block;
	background-image: url(../img/home.gif);
	background-repeat: no-repeat;
	padding-top: 44px;
	overflow: hidden;
	height: 0px;
	width: 99px;
}
#home a:hover {
	background-image: url(../img/home.gif);
	background-position: 0px -44px;
	background-repeat: no-repeat;
}
#products {
	float: right;
}
#products ul#navi {
	margin: 0px;
	padding: 0px;
	list-style: none outside;
}
#products ul li {
    max-width: 100%;
	position:relative;
	display: inline-block;
	height: 62px;
	float: left;
}
#products ul li#screen a {
	width: 123px;
	background: url("../img/nav/navig1.png") no-repeat;
    background-size: 123px;
}
#products ul li#signage a {
	width: 138px;
	background: url("../img/nav/navig2.png") no-repeat;
    background-size: 138px;
}
#products ul li#flatdisplay a {
	width: 136px;
	background: url("../img/nav/navig3.png") no-repeat;
    background-size: 136px;
}
#products ul li#meething a {
	width: 111px;
	background: url("../img/nav/navig4.png") no-repeat;
    background-size: 111px;
}
#products ul li#projector a {
	width: 108px;
	background: url("../img/nav/navig5.png") no-repeat;
    background-size: 108px;
}
#products ul li#electricdevice a {
	width: 139px;
	background: url("../img/nav/navig6.png") no-repeat;
    background-size: 139px;
}
#products ul li#data a {
	width: 99px;
	background: url("../img/nav/navig7.png") no-repeat;
    background-size: 99px;
}
#products ul li#jirei a {
	width: 86px;
	background: url(../img/gnav7_n.gif) no-repeat;
}
#products ul li#screen_b {
	width: 123px;
	background: url("../img/nav/navig1b.png") no-repeat;
    background-size: 123px;
}
#products ul li#signage_b {
	width: 138px;
	background: url("../img/nav/navig2b.png") no-repeat;
    background-size: 138px;
}
#products ul li#flatdisplay_b {
	width: 136px;
	background: url("../img/nav/navig3b.png") no-repeat;
    background-size: 136px;
}
#products ul li#meething_b {
	width: 111px;
	background: url("../img/nav/navig4b.png") no-repeat;
    background-size: 111px;
}
#products ul li#projector_b {
	width: 108px;
	background: url("../img/nav/navig5b.png") no-repeat;
    background-size: 108px;
}
#products ul li#electricdevice_b {
	width: 139px;
	background: url("../img/nav/navig6b.png") no-repeat;
    background-size: 139px;
}
#products ul li#data_b {
	width: 99px;
	background: url("../img/nav/navig7b.png") no-repeat;
    background-size: 99px;
}
#products ul li#jirei_b {
	width: 86px;
	background: url("../img/nav/navig7.png") no-repeat;
}
#products ul a {
	display:block;
	padding-top: 62px;
	overflow: hidden;
	height: 0px;
}
#products ul li#screen a:hover {
	background-image: url("../img/nav/navig1.png");
	background-position: 0px -62px;
	background-repeat: no-repeat;
}
#products ul li#signage a:hover {
	background-repeat: no-repeat;
	background-position: 0px -62px;
	background-image: url("../img/nav/navig2.png");
}
#products ul li#flatdisplay a:hover {
	background-image: url("../img/nav/navig3.png");
	background-repeat: no-repeat;
	background-position: 0px -62px;
}
#products ul li#meething a:hover {
	background-repeat: no-repeat;
	background-position: 0px -62px;
	background-image: url("../img/nav/navig4.png");
}
#products ul li#projector a:hover {
	background-repeat: no-repeat;
	background-position: 0px -62px;
	background-image: url("../img/nav/navig5.png");
}
#products ul li#electricdevice a:hover {
	background-repeat: no-repeat;
	background-position: 0px -62px;
	background-image: url("../img/nav/navig6.png");
}
#products ul li#data a:hover {
	background-repeat: no-repeat;
	background-position: 0px -62px;
	background-image: url("../img/nav/navig7.png");
}
#products ul li#jirei a:hover {
	background-repeat: no-repeat;
	background-position: 0px -62px;
	background-image: url(../img/gnav7_n.gif);
}
#main {
	background-image: url(../img/main_bg.jpg);
	background-repeat: repeat-x;
	clear: both;
	background-color: #FFFFFF;
	background-position: left top;
}
/* Side Navi */
/*------------------------------------------------*/
#snavi {
	float: left;
	width: 200px;
}
#snavi h1 {
	font-size: 140%;
	line-height: 120%;
	font-weight: 900;
	margin: 0px;
	color: #535353;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
.cat_title {
	padding-top: 6px;
	padding-bottom: 6px;
	color: #FFFFFF;
	font-size: 140%;
	padding-left: 6px;
	line-height: 120%;
}
.cat_md {
	padding-top: 4px;
	padding-bottom: 2px;
	color: #FFFFFF;
	font-size: 140%;
	padding-left: 6px;
	margin-bottom: 8px;
	line-height: 120%;
}
#snavi ul {
	list-style: none outside;
	margin: 0px;
	padding: 0px;
}
#snavi li {
	width: 185px;
	font-size: 13px;
	color: #006699;
	margin: 0px;
	background-image: url(../img/arrow_b.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	padding-top: 6px;
	background-position: left 9px;
	padding-bottom: 6px;
	line-height: 120%;
}
#snavi li p.ac1:hover {
	color: #00CCCC;
	cursor: pointer;
}
#snavi li.space {
	width: 185px;
	font-size: 13px;
	color: #006699;
	margin: 0px;
	background-image: none;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	padding-top: 6px;
	padding-bottom: 6px;
	line-height: 120%;
}
#snavi li a, #snavi li a:link, #snavi li a:visited   {
	color: #006699;
	margin: 0px;
	text-decoration: none;
}
#snavi li a:hover, #snavi li a:active {
	color: #0099FF;
}
#snavi .type {
	width: 200px;
	font-size: 12px;
	color: #999999;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	padding-top: 10px;
	padding-bottom: 6px;
	line-height: 120%;
	background-color: #F8F8F8;
}
/* Contents */
/*------------------------------------------------*/
#main_in {
	background-image: url(../img/mainbot_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 30px;
}
#content {
	width: 970px;
	padding-top: 18px;
	margin-right: auto;
	margin-left: auto;
}

/* Top */
/*------------------------------------------------*/
#top_pickup {
	float: right;
	width: 427px;
	height: 98px;
	padding-bottom: 10px;
	background-image: url(../img/top_check_n.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#top_pickup h2 {
	font-size: 140%;
	line-height: 100%;
	font-weight: bolder;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}
#top_pickup p {
	font-size: 120%;
	line-height: 140%;
	font-weight: normal;
	text-align: justify;
	text-justify: distribute;
	margin: 0px;
	padding: 4px 12px 0px 18px;
	color: #FFF;
}
#fla {
	height: 260px;
	width: 526px;
	float: left;
}
#slide0, #slide1, #slide2, #slide3, #slide4, #slide5 {
	height: 260px;
	width: 526px;
	background-repeat: no-repeat;
	background-position: left top;
}
.slide_position {
	width: 289px;
	padding-top: 90px;
	padding-left: 212px;
}
#slide0 {
	background-image: url(../img/top_img00.jpg);
}
#slide1 {
	background-image: url(../img/top_img01.jpg);
}
#slide2 {
	background-image: url(../img/top_img02.jpg);
}
#slide3 {
	background-image: url(../img/top_img03.jpg);
}
#slide4 {
	background-image: url(../img/top_img04.jpg);
}
#slide5 {
	background-image: url(../img/top_img05.jpg);
}
.posiab {
	position: absolute;
	padding-top: -90px;
}
#thumbFeatures .f1intro2 {
	width: 289px;
	font-size: 140%;
	line-height: 120%;
	font-weight: normal;
	text-align: justify;
	text-justify: distribute;
	margin: 0px;
	padding: 0px;
}
.f_white {
	color: #FFF;	
}
/*top--------------------------------------------*/
#news {
	float: right;
	width: 421px;
	padding-top: 2px;
	padding-left: 5px;
}
#news .nextbt, .newslinks .nextbt {
	margin: 0px;
	padding: 0px;
}
#news .nextbt a, .newslinks .nextbt a {
	display: inline-block;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 100%;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	background-color: #056292;
	padding-top: 5px;
	padding-right: auto;
	padding-bottom: 5px;
	padding-left: auto;
	text-decoration: none;
	letter-spacing: -0.03em;
	letter-spacing: -0.03em\9; /* IE10以下 */
	*letter-spacing: -0.03em; /* IE7以下 */
}
#news .nextbt a.color_b {
	background-color: #23BCEA;
}
#news .nextbt a.color_c {
	background-color: #ae2318;
}
#news .nextbt span {
	letter-spacing: 0.5em;
}
#news .nextbt a:hover {
	background-color: #23BCEA;
}
#news .nextbt a.color_b:hover {
	background-color: #FFA750;
}
#news .nextbt a.color_c:hover {
	background-color: #FFA750;
}
#news_box {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #8E9399;
	padding-top: 4px;
	padding-bottom: 0px;
}
#news dl {
	list-style: none outside;
	margin: 6px 0px 6px 0px;
	padding: 0px;
}
.news_t {
	margin: 0px;
	padding: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #8E9399;
}
.news_date {
	font-size: 10px;
	line-height: 90%;
	font-weight: normal;
	color: #999999;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	border: 1px solid #D9D9D9;
	width: 66px;
	background-color: #FBFBFB;
	margin-top: 6px;
}
.news_da {
	clear: left;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 10px;
	line-height: 120%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.news_m {
	font-size: 14px;
	line-height: 120%;
	font-weight: normal;
	margin: 0px 0px 2px 0px;
	padding: 0px;
	margin-left: 0em;
}
#middle_block {
	margin-top: 10px;
}
#new_product {
	float: left;
	width: 672px;
}
.item_block {
	padding-bottom: 12px;
}
.item_block_big {
	margin-left: 1px;
	background-image: url(../img/mid_big_line.gif);
	background-repeat: repeat-y;
	background-position: left top;
	border-bottom-width: 12px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#product_t {
	background-image: url(../img/newpro_bg.jpg);
	width: 669px;
	padding-bottom: 12px;
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFFFFF;
}
#product_t2 {
	background-image: url(../img/newpro_bg.jpg);
	width: 669px;
	padding-top: 14px;
	padding-bottom: 12px;
	background-repeat: repeat-x;
	background-position: left 14px;
	background-color: #FFFFFF;
}
#old_product {
	padding-top: 14px;
}
#product_t h2, #product_t2 h2, #pickup_t h2 {
	font-size: 140%;
	line-height: 100%;
	margin: 0px;
	padding: 0px;
}
.product_box {
	width: 202px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 13px;
	float: left;
}
.product_box2 {
	width: 202px;
	border-left-width: 1px;
	padding-left: 13px;
	float: left;
}
.product_box_b1 {
	width: 316px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	float: left;
}
.product_box_b2 {
	width: 316px;
	border-left-width: 1px;
	padding-left: 13px;
	float: left;
}
#pickup {
	float: right;
	width: 289px;
}
#pickup_t {
	background-image: url(../img/pickup_bg_n.jpg);
	width: 289px;
	background-color: #000;
	background-repeat: repeat-x;
	background-position: left top;
	padding-bottom: 12px;
}
#pickup_box {
	padding-right: 13px;
	padding-left: 13px;
	background-color: #000;
}
#pickup_box_w {
	padding-right: 13px;
	padding-left: 13px;
	background-image: url(../img/w_bg.gif);
	background-repeat: repeat-x;
	padding-top: 14px;
}
#pickup_box img {
	margin-bottom: 10px;
}
.new_t {
	font-size: 12px;
	line-height: 120%;
	font-weight: bold;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	color: #006699;
}
.new_t_red {
	font-size: 12px;
	line-height: 120%;
	font-weight: bold;
	margin: 0px;
	padding: 2px;
	color: #990000;
	border: 1px solid #990000;
}
.new_t a {
	text-decoration: none;
}
#month_achive ul.nen_achive li {
	font-size: 16px;
}
/*------------------------------------------------*/
.dnp-topbg {
	padding-top: 12px;
	padding-bottom: 16px;
	background-color: #FFFFFF;
}
.dnp-topbox {
	width: 620px;
	padding-top: 16px;
	padding-right: 24px;
	padding-bottom: 14px;
	padding-left: 23px;
	border: 1px solid #CCCCCC;
}
.dnp-topbox h3 {
	font-size: 20px;
	line-height: 120%;
	font-weight: bold;
	margin-bottom: 12px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-align: center;
	color: #BE293F;
}
.dnp-topbox h3.p14 {
	font-size: 14px;
	line-height: 120%;
	font-weight: bold;
	margin-bottom: 12px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-align: center;
	color: #BE293F;
}
.dnp-topbox h3 span {
	color: #2B3943;
}
.dnp-topbox h4 {
	font-size: 16px;
	line-height: 120%;
	font-weight: bold;
	margin-bottom: 12px;
	padding-bottom: 4px;
	color: #BE293F;
}
.dnp_box {
	width: 620px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
.dnp_probox {
	width: 316px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	float: left;
}
.top_3box {
	width: 194px;
	display: inline-block;
	vertical-align: top;
}
.mgr19 {
	margin-right: 19px;
}
.top_3box img {
	margin-bottom: 8px;
}
.dnp_probox .shosai {
	margin-top: 12px;
}
.dnp-topbox .imgspc {
	padding-top: 8px;
}
.dnp-topbox .linkbt {
	padding-top: 12px;
}
.dnp-topbox .linkbt a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}
/*------------------------------------------------*/
.side_info {
	padding-top: 14px;	
}
.p_sinfo{
	font-size: 120%;
	line-height: 140%;
	font-weight: normal;
	text-align: justify;
	text-justify: distribute;
	margin: 4px 0px 4px 0px;
	padding: 0px;
	color: #FFF;
}
.f1 {
	font-size: 120%;
	line-height: 140%;
	font-weight: normal;
	text-align: justify;
	text-justify: distribute;
	margin: 0px;
	padding: 0px;
}
.f1_ind00 {
	font-size: 16px;
	line-height: 140%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-indent: -13px;
}
.f1_ind01 {
	font-size: 12px;
	line-height: 140%;
	font-weight: normal;
	text-align: justify;
	text-justify: distribute;
	margin: 0px;
	padding: 0px;
	text-indent: -13px;
}
.f1_ind02 {
	font-size: 14px;
	line-height: 140%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-indent: -13px;
}
.f_mgintop4 {
	margin-top: 4px;
}
.f_mgintop8 {
	margin-top: 8px;
}
.f_mginbtm14 {
	margin-bottom: 14px;
}
.mk_list_txt {
	margin: 0px;
	padding: 0px 0px 0px 13px;
}
.mk_list_txt2 {
	margin: 0px;
	padding: 12px 0px 0px 13px;
}
.mk_list_txt3 {
	margin: 0px;
	padding: 0px 0px 12px 13px;
}
.mk_list_chu {
	font-size: 10px;
	line-height: 120%;
	font-weight: normal;
	margin: 4px 0px 0px 0px;
	padding: 0px;
	color: #ABABAB;
}
.mk_list_chu2 {
	font-size: 10px;
	line-height: 120%;
	font-weight: normal;
	margin: 4px 0px 0px 0px;
	padding: 0px;
	color: #FFFF99;
}
p.tume {
	letter-spacing: -0.03em;
	letter-spacing: -0.03em\9; /* IE10以下 */
	*letter-spacing: -0.03em; /* IE7以下 */
}
.f1_mgn_top12 {
	margin-top: 10px;
}
.front_f1 {
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 0px 0px;
	position: absolute;
	top: 20px;
}
.f12 {
	font-size: 120%;
	line-height: 100%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.shosai {
	font-size: 120%;
	line-height: 100%;
	font-weight: normal;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
	background-image: url(../img/arrow_icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.shosai2 {
	font-size: 160%;
	line-height: 100%;
	font-weight: bold;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 18px;
	background-image: url(../img/arrow_icon2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.shosai2 a {
	text-decoration: underline;
}
#plugin {
	padding-bottom: 2px;
}
.cap {
	font-size: 100%;
	line-height: 110%;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 6px 0px;
	color: #666666;
}
#navib {
	background-color: #000000;
	padding-top: 14px;
	padding-bottom: 18px;
}
#navib_inn {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
}
#navib_inn .setimg {
	margin-left: 10px;
}
#footer {
	background-color: #FFFFFF;
	background-image: url(../img/main_bg.jpg);
	background-repeat: repeat-x;
}
#copy_box {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 14px;
	padding-bottom: 28px;
}
#footer #copy_box p {
	font-size: 120%;
	font-weight: normal;
	color: #666666;
}
#category_con_t {
	float: right;
	width: 755px;
	background-image: url(../img/screen_bgline.gif);
	background-repeat: repeat-y;
}
#category_con {
	float: right;
	width: 752px;
	background-image: url(../img/bacsic_bgline.gif);
	background-repeat: repeat-y;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #999999;
}
#category_con_cat {
	float: right;
	width: 755px;
	background-image: url(../img/screen_bgline.gif);
	background-repeat: repeat-y;
}
#category_con_s {
	float: right;
	width: 722px;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #999999;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #999999;
	padding-left: 26px;
}
#category_base {
	float: right;
	width: 755px;
	background-image: url(../img/bacsic_bgline.gif);
	background-repeat: repeat-y;
}
#content_base {
	background-image: url(../img/basic_topline.jpg);
	background-repeat: no-repeat;
	width: 729px;
	padding-left: 26px;
}
#category_disp {
	float: right;
	width: 755px;
	background-image: url(../img/display_bgline.gif);
	background-repeat: repeat-y;
}
#category_proj {
	float: right;
	width: 755px;
	background-image: url(../img/projector_bgline.gif);
	background-repeat: repeat-y;
}
#category_meet {
	float: right;
	width: 755px;
	background-image: url(../img/meeting_bgline.gif);
	background-repeat: repeat-y;
}
#category_scre {
	float: right;
	width: 755px;
	background-image: url(../img/screen_bgline.gif);
	background-repeat: repeat-y;
}
#category_dev {
	float: right;
	width: 755px;
	background-image: url(../img/device_bgline.gif);
	background-repeat: repeat-y;
}
#category_dat {
	float: right;
	width: 755px;
	background-image: url(../img/data_bgline.gif);
	background-repeat: repeat-y;
}
#category_inner, #category_inner2d, #category_inner3d {
	width: 728px;
	background-image: url(../img/inner_bg.gif);
	background-repeat: repeat-y;
	margin-top: 30px;
}
#category_inner2 {
	width: 728px;
	background-image: url(../img/inner_bg2.gif);
	background-repeat: repeat-y;
	margin-top: 30px;
}
#category_inner_a, #category_inner_b, #category_inner_c {
	width: 728px;
	background-image: url(../img/inner_bg.gif);
	background-repeat: repeat-y;
	margin-top: 16px;
}
#content_coa {
	background-image: url(../img/basic_topline.jpg);
	background-repeat: no-repeat;
	width: 729px;
	padding-left: 26px;
}
#content_d_coa {
	background-image: url(../img/display_topline.jpg);
	background-repeat: no-repeat;
	width: 729px;
	padding-left: 26px;
}
#content_m_coa {
	background-image: url(../img/meeting_topline.jpg);
	background-repeat: no-repeat;
	width: 729px;
	padding-left: 26px;
}
#content_p_coa {
	background-image: url(../img/projector_topline.jpg);
	background-repeat: no-repeat;
	width: 729px;
	padding-left: 26px;
}
#content_s_coa {
	background-image: url(../img/screen_topline.jpg);
	background-repeat: no-repeat;
	width: 729px;
	padding-left: 26px;
}
#content_de_coa {
	background-image: url(../img/device_topline.jpg);
	background-repeat: no-repeat;
	width: 729px;
	padding-left: 26px;
}
#content_da_coa {
	background-image: url(../img/data_topline.jpg);
	background-repeat: no-repeat;
	width: 729px;
	padding-left: 26px;
}
/* 2023 attachment */
#category_attach {
	float: right;
	width: 100%;
}
#content_d_coa_attach {
	width: auto;
	padding-left: 26px;
}
/* attachment */
#error404 {
	padding-left: 26px;
}
.bread {
	padding-bottom: 22px;
}
.bread_t {
	padding: 12px 0px 0px 0px;
}
.bread p, .bread_t p  {
	font-size: 120%;
	line-height: 100%;
	font-weight: normal;
}
.title_img {
	float: left;
	height: 60px;
}
.title_name {
	padding-right: 30px;
}
.parallel_link {
	position: relative;
	z-index: 20;	
}
.iconbox {
	padding-bottom: 4px;
	width: 700px;
	text-align: right;
	position: relative;
	top: -30px;
	height: 30px;
	z-index: 10;	
}
* html .iconbox {/* for -IE6 */
	padding-bottom: 2px;
	position: static;
	top: 0px;
	height: 60px;
	margin-top: -30px;
}
.iconbox2 {
	padding-bottom: 4px;
	width: 700px;
	text-align: right;
	position: relative;
	top: -64px;
	height: 30px;
	z-index: 10;	
}
* html .iconbox2 {/* for -IE6 */
	padding-bottom: 2px;
	position: static;
	top: 0px;
	height: 94px;
	margin-top: -30px;
}
.iconbox_n {
	padding-bottom: 2px;
	width: 700px;
	text-align: right;
	height: 30px;
}
.iconbox img, .iconbox2 img {
	margin-left: 8px;
}
.info_l {
	float: left;
	width: 280px;
}
.info_r {
	float: left;
	width: 400px;
	margin-left: 19px;
}
.info_l2 {
	float: left;
	width: 330px;
}
.info_r2 {
	float: right;
	width: 350px;
	margin-right: 30px;
}
.info_l3 {
	float: left;
	width: 250px;
}
.info_r3 {
	float: right;
	width: 430px;
	margin-right: 30px;
}
.title_name h2 {
	font-size: 170%;
	line-height: 140%;
	font-weight: 900;
	margin: 0px;
	color: #006699;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006699;
	padding: 0px;
}
.title_name h2 span {
	font-size: 80%;
}
.title_name h2.info80 {
	font-size: 12px;
}
.title_name h2.noneline {
	font-size: 170%;
	line-height: 140%;
	font-weight: 900;
	margin: 0px;
	color: #006699;
	padding: 0px;
	border-bottom-style: none;
}
#category_info {
	margin: 0px;
	padding: 14px 0px 0px 0px;
}
#category_info2 {
	margin: 0px;
	padding: 34px 0px 0px 0px;
}
#category_info3 {
	margin: 0px;
	padding: 28px 0px 0px 0px;
}
.midashi {
	margin-bottom: 2px;
	padding: 0px 0px 14px 0px;
	background-image: url(../img/h2triangle.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.midashi h2 {
	font-size: 160%;
	line-height: 140%;
	font-weight: 900;
	margin: 0px;
	color: #fff;
	padding: 4px 4px 4px 8px;
	background-color: #006699;
}
.midashi2 {
	margin-bottom: 2px;
	padding: 0px 0px 14px 0px;
	background-image: url(../img/h2triangle2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.midashi2 h2 {
	font-size: 160%;
	line-height: 140%;
	font-weight: 900;
	margin: 0px;
	color: #fff;
	padding: 4px 4px 4px 8px;
	background-color: #009999;
}
.midashi3 {
	margin-bottom: 2px;
	padding: 0px 0px 14px 0px;
	background-image: url(../img/h2triangle3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.midashi3 h2 {
	font-size: 160%;
	line-height: 140%;
	font-weight: 900;
	margin: 0px;
	color: #fff;
	padding: 4px 4px 4px 8px;
	background-color: #663399;
}
.midashi7 {
	margin-bottom: 2px;
	padding: 0px 0px 14px 0px;
	background-image: url(../img/h2triangle7.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.midashi7 h2 {
	font-size: 160%;
	line-height: 140%;
	font-weight: 900;
	margin: 0px;
	color: #fff;
	padding: 4px 4px 4px 8px;
	background-color: #7ABE00;
}
.midashi4 {
	margin-bottom: 2px;
	padding: 0px 0px 14px 0px;
	background-image: url(../img/h2triangle4.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.midashi4 h2 {
	font-size: 160%;
	line-height: 140%;
	font-weight: 900;
	margin: 0px;
	color: #fff;
	padding: 4px 4px 4px 8px;
	background-color: #CC0033;
}
.midashi5 {
	margin-bottom: 2px;
	padding: 0px 0px 14px 0px;
	background-image: url(../img/h2triangle5.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.midashi5 h2, .midashi5 h5 {
	font-size: 160%;
	line-height: 140%;
	font-weight: 900;
	margin: 0px;
	color: #fff;
	padding: 4px 4px 4px 8px;
	background-color: #999966;
}
.midashi6 {
	margin: 0px;
	padding: 0px;
}
.midashi6 h2 {
	font-size: 140%;
	line-height: 100%;
	font-weight: 900;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-size: 140%;
	line-height: 120%;
	font-weight: bold;
	color: #333333;
	clear: both;
	margin: 0px;
	padding: 0px 0px 4px 0px;
}
#category_inner h3 {
	font-size: 140%;
	line-height: 120%;
	font-weight: bold;
	color: #333333;
	margin: 0px;
	padding: 0px 0px 4px 0px;
}
#category_inner h3.topmgn8, #category_inner_a h3.topmgn8 {
	padding-top: 8px;
}
/*------------------------------------------------*/
#con_l ul, #con_r ul,
#con_l2 ul, #con_r2 ul, 
#con_l3 ul, #con_r3 ul {
	list-style: none outside;
	margin: 0px;
	padding: 0px;
}
#con_l li, #con_r li,
#con_l2 li, #con_r2 li, 
#con_l3 li, #con_r3 li {
	font-size: 120%;
	line-height: 100%;
	font-weight: normal;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
	background-image: url(../img/arrow_icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#con_l li a, #con_l li a:link, #con_l li a:visited, #con_r li a, #con_r li a:link, #con_r li a:visited, 
#con_l2 li a, #con_l2 li a:link, #con_l2 li a:visited, #con_r2 li a, #con_r2 li a:link, #con_r2 li a:visited, 
#con_l3 li a, #con_l3 li a:link, #con_l3 li a:visited, #con_r3 li a, #con_r3 li a:link, #con_r3 li a:visited  {
	color: #00CC66;
	margin: 0px;
	text-decoration: none;
}
#con_l li a:hover, #con_l li a:active, #con_r li a:hover, #con_r li a:active,
#con_l2 li a:hover, #con_l2 li a:active, #con_r2 li a:hover, #con_r2 li a:active, 
#con_l3 li a:hover, #con_l3 li a:active, #con_r3 li a:hover, #con_r3 li a:active {
	color: #00FF99;
}
#con_l h3, #con_r h3 {
	font-size: 140%;
	line-height: 120%;
	font-weight: bold;
	color: #333333;
	clear: both;
	margin: 0px;
	padding: 0px 0px 4px 0px;
}
#con_l ul.mginleft14, #con_r ul.mginleft14,
#con_l2 ul.mginleft14, #con_r2 ul.mginleft14, 
#con_l3 ul.mginleft14, #con_r3 ul.mginleft14 {
	margin-left: 14px;
}
/*------------------------------------------------*/
.subtitle {
	font-size: 140%;
	line-height: 120%;
	font-weight: 900;
	margin: 0px;
	color: #006699;
	padding: 0px;
}
#search_result {
	padding: 0px 0px 20px 0px;
	margin: 0px;
}
#search_result h2 {
	font-size: 160%;
	line-height: 140%;
	font-weight: 900;
	margin: 0px;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	width: 700px;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}
#content_base h2 a {
	text-decoration: none;
}
#content_base h2 {
	font-size: 160%;
	line-height: 120%;
	font-weight: 900;
	margin: 0px;
	color: #1A4B75;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #1A4B75;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 2px 0px;
	width: 700px;
}
#content_base p {
	font-size: 120%;
	line-height: 150%;
	font-weight: normal;
	color: #333333;
	padding: 0px 0px 12px 0px;
	margin: 0px 0px 10px 0px;
	width: 700px;
}
#content_base .news_date2 {
	font-size: 100%;
	line-height: 90%;
	font-weight: normal;
	color: #999999;
	width: 70px;
	padding-top: 1px;
	padding-right: 14px;
	padding-bottom: 1px;
	padding-left: 14px;
	border: 1px solid #D9D9D9;
	background-color: #FBFBFB;
	margin: 8px 0px 2px 0px;
}
.news_pnlink {
	margin: 12px 0px 12px 0px;
	padding: 5px 0px 20px 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #1A4B75;
	width: 700px;
}
.l_link {
	padding: 0px;
	margin: 0px;
	float: left;
}

.r_link {
	padding: 0px;
	margin: 0px;
	float: right;
}
.navigation {
	font-size: 120%;
	line-height: 120%;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	width: 700px;
}
.navigation .alignleft {
	float: left;
}
.navigation .alignright {
	float: left;
}
.backtop {
	font-size: 120%;
	line-height: 120%;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	margin: 20px 0px 10px 0px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	width: 700px;
	text-align: right;
}
.post h3 {
	font-size: 150%;
	line-height: 120%;
	font-weight: bold;
	color: #333333;
	padding: 10px 0px 3px 0px;
	margin: 0px;
}
.postmetadata {
	font-size: 120%;
	line-height: 120%;
	font-weight: normal;
	color: #333333;
	padding: 3px 0px 12px 0px;
	margin: 0px;
}
.excerpt_txt {
	font-size: 120%;
	line-height: 120%;
	font-weight: normal;
	color: #333333;
	padding: 0px 0px 4px 0px;
	margin: 0px;
}
.black {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #006699;
	padding-top: 1px;
	padding-right: 22px;
	padding-bottom: 1px;
	padding-left: 22px;
	float: left;
}
.black2 {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #006699;
	padding-top: 1px;
	padding-right: 22px;
	padding-bottom: 1px;
	padding-left: 22px;
	margin-bottom: 12px;
	float: left;
}
.black3 {
	padding-bottom: 13px;
	float: left;
}
.bluelinebox {
	width: 700px;
	height: 1px;
	margin-top: -5px;
	padding: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #069;
}
.m1 {
	font-size: 140%;
	font-weight: bold;
	color: #990000;
	padding-top: 18px;
	padding-bottom: 4px;
	width: 700px;
}
.infom1 {
	font-size: 140%;
	font-weight: bold;
	color: #990000;
	padding-top: 18px;
	padding-bottom: 4px;
}
.infom2 {
	font-size: 140%;
	font-weight: bold;
	color: #990000;
	padding-bottom: 4px;
}
.m2 {
	font-size: 140%;
	font-weight: bold;
	color: #535353;
	padding-top: 18px;
	padding-bottom: 4px;
}
.m2data {
	font-size: 140%;
	font-weight: normal;
	color: #535353;
	padding-top: 8px;
	padding-bottom: 4px;
}
.m3 {
	font-size: 140%;
	font-weight: bold;
	color: #535353;
	padding-top: 0px;
	padding-bottom: 4px;
}
.f2 {
	font-size: 120%;
	line-height: 160%;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #999999;
	border-bottom-color: #999999;
	width: 700px;
}
.f3 {
	font-size: 120%;
	line-height: 140%;
	font-weight: normal;
	padding: 0px 0px 14px 0px;
}
.infof2 {
	font-size: 120%;
	line-height: 160%;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #999999;
	border-bottom-color: #999999;
}
.infof3 {
	font-size: 120%;
	line-height: 160%;
	font-weight: normal;
	padding-top: 3px;
	padding-bottom: 4px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #999999;
	border-bottom-color: #999999;
}
.infobox {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #999999;
	border-bottom-color: #999999;
	width: 700px;
}
.infobox2 {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #999999;
	border-bottom-color: #999999;
}
.infobox_f2 {
	font-size: 120%;
	line-height: 160%;
	font-weight: normal;
	padding-bottom: 12px;
}
.fstandard {
	font-size: small;
	line-height: 140%;
	font-weight: normal;
	text-align: justify;
	text-justify: distribute;
	margin: 0px;
	padding: 0px 0px 12px 0px;
	width: 700px;
}
.fm {
	font-size: 140%;
	line-height: 120%;
	font-weight: normal;
	text-align: justify;
	text-justify: distribute;
	margin: 0px;
	padding: 8px 0px 4px 0px;
}
.fm2 {
	font-size: 140%;
	line-height: 120%;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 4px 0px;
}
#con_l, #con_l2, #con_l3 {
	float: left;
	width: 328px;
	padding-right: 24px;
}
.thumb_l {
	background-image: url(../img/thumb_l_bg.jpg);
	width: 324px;
	padding-top: 1px;
	padding-left: 1px;
	background-repeat: no-repeat;
	margin-bottom: 14px;
}
.thumb_n {
	background-image: url(../img/new_catbg.jpg);
	width: 324px;
	padding-top: 1px;
	padding-left: 1px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
#category_inner ul.cattop_txt {
	margin-bottom: 10px;
}
#category_inner h2, #category_inner2d h2 {
	margin: 0px;
	padding: 0px;	
}
#category_inner h2.midle, #category_inner2d h2.midle {
	margin: 0px;
	padding: 10px 0px 0px 0px;	
}
#con_r, #con_r2, #con_r3 {
	float: right;
	width: 328px;
	padding-right: 24px;
}
.thumb_s {
	background-image: url(../img/thumb_s_bg.jpg);
	background-repeat: no-repeat;
	width: 324px;
	padding-top: 1px;
	padding-left: 1px;
	padding-bottom: 16px;
}
.thumb_s a:hover img, .thumb_l a:hover img, .thumb_n a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
}
#category_inner h2 :hover img  {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
}
#new_product a:hover img  {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
}
.thumb_s img {
	float: left;
}
.thumb_sbox {
	float: right;
	width: 212px;
}
.kanryouhin {
	position: relative;
	left: -102px;
    margin-bottom: -13px;
}
#content_coa .spec, #content_da_coa .spec {
	width: 700px;
}
.spec table {
	border-collapse:collapse;
	border:1px solid #999999;
	margin: 0px;
	background-color: #FFFFFF;
	width: 700px;
}
.spec2 table {
	border-collapse:collapse;
	border:1px solid #999999;
	margin: 0px;
	background-color: #FFFFFF;
	width: 100%;
}
.spec td, .spec2 td {
	text-align: left;
	font-size: 13px;
	font-weight: normal;
	line-height: 120%;
	color: #181818;
	border:1px solid #999999;
	padding: 4px;
	table-layout: fixed;
}
.spec th, .spec2 th {
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 120%;
	color: #333333;
	padding: 4px;
	border:1px solid #999999;
	table-layout: fixed;
}
#content_da_coa .spec th {
	text-align: center;
}
.spec td p, .spec2 td p {
	font-size: 13px;
}
.spec th p, .spec2 th p {
	font-size: 13px;
}
.center_m {
	text-align: center;
}
#search_result .post {
	padding-right: 30px;
}
.postmetadata a {
	color: #00CC66;
	text-decoration: none;
}
.postmetadata a:hover {
	color: #00FF99;
	text-decoration: none;
}
.hinmeiLine {
	font-size: 140%;
	font-weight: bold;
	line-height: 140%;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	width: 700px;
	color: #535353;
	padding-top: 24px;
}


/* Company */
/*------------------------------------------------*/
#company, #ecology {
	margin: 0px;
	padding: 0px;
}
#company h1, #ecology h1 {
	font-size: 120%;
	margin-top: 0px;
	padding-top: 0px;
}
#company h2 {
	font-size: 160%;
	line-height: 100%;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #1A4B75;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
	width: 690px;
}
#company h3, #ecology h3 {
	font-size: 150%;
	font-weight: bold;
	color: #535353;
	padding-top: 18px;
	padding-bottom: 4px;
}
#company p {
	font-size: 120%;
	line-height: 140%;
	font-weight: normal;
	text-align: justify;
	text-justify: distribute;
	width: 690px;
}
#ecology p {
	font-size: 120%;
	line-height: 140%;
	font-weight: normal;
	text-align: justify;
	text-justify: distribute;
	padding-bottom: 14px;
	width: 690px;
}
.gaiyo table {
	border-collapse:collapse;
	margin: 0px;
	background-color: #FFFFFF;
	width: 690px;
}
.gaiyo th {
	text-align: left;
	font-size: 120%;
	font-weight: normal;
	line-height: 120%;
	color: #663333;
	padding: 5px 0px 5px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.gaiyo td {
	text-align: left;
	font-size: 120%;
	font-weight: normal;
	line-height: 120%;
	color: #535353;
	padding: 5px 0px 5px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#ecology h2 {
	font-size: 120%;
	line-height: 100%;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #00CC99;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
	width: 690px;
}
.mapm {
	text-align: center;
	border: 1px solid #CCCCCC;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 60px;
}
.boshu {
	width: 690px;
	margin-top: 24px;
	padding-top: 0px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
}
#company .h3line  {
	width: 690px;
	color: #1A4B74;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #84919D;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #84919D;
	padding-top: 0px;
	padding-left: 6px;
	margin-top: 16px;
	margin-bottom: 14px;
}

/*------------------------------------------------*/
#inform table, #formWrap table {
	border-collapse:collapse;
	background-color: #FFFFFF;
	width: 700px;
	border: 1px solid #CCCCCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
#inform th, #formWrap th {
	width: 162px;
	text-align: left;
	font-size: 120%;
	font-weight: normal;
	line-height: 120%;
	color: #663333;
	padding: 8px 10px 8px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #EFF1EF;
}
#inform td, #formWrap td {
	font-size: 120%;
	font-weight: normal;
	line-height: 120%;
	color: #535353;
	padding: 8px 10px 8px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#content_coa #company #formWrap h4 {
	font-size: 14px;
	font-weight: bold;
	color: #990000;
	padding: 12px;
	border: 1px solid #990000;
	width: 460px;
	background-color: #FFFFFF;
}
#formWrap {
	width: 700px;
}
#formWrap p.error_messe {
	font-size: 14px;
	font-weight: normal;
	line-height: 150%;
}
.fr_btimg1, .fr_btimg2, .fr_btimg3 {
	width: 150px;
	height: 34px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	text-indent: -9999px
}
.fr_btimg1 {
	background-image: url(../img/from_bt.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: left top;
}
.fr_btimg2 {
	background-image: url(../img/from_bt2.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: left top;
}
.fr_btimg3 {
	background-image: url(../img/from_bt3.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: left top;
}
.from_btbox {
	margin-top: 16px;
}
#inform .from_ob, #formWrap .from_ob {
	width: 150px;
	height: 34px;
	background: #fff;
}
#formWrap .from_ob2 {
	width: 150px;
	height: 34px;
	background: #fff;
	float: left;
	margin-right: 20px;
}
.from_ob:hover, .from_ob2:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
/*------------------------------------------------*/
#sitemap {
	width: 690px;
	margin: 0px;
	padding: 20px 0px 0px 0px;
}
* html #sitemap {/* for -IE6 */
	width: 670px;
	margin: 0px;
	padding: 20px 0px 0px 0px;
}
#sitemap hr.line1 { 
	height: 1px; border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #cccccc;
	background: none;
	color: #cccccc;
}
#sitemap h3 {
	font-size: 140%;
	line-height: 140%;
	font-weight: normal;
	margin: 0px;
	padding: 4px 0px 0px 0px;
}
ul.sitelist {
	width: 690px;
	margin: 0 0 0 2em;
	padding: 0px;
	list-style-position: outside;
	list-style-type: none;
}
* html ul.sitelist {/* for -IE6 */
	width: 670px;
	margin: 0 0 0 2em;
	padding: 0px;
}
ul.sitelist li {
	font-size: 12px;
	line-height: 140%;
	font-weight: normal;
	padding: 0px;
}
/*------------------------------------------------*/
#mapcont {
	width: 730px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.maplogo {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 18px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.map_f {
	padding: 0px;
	float: left;
	font-size: 120%;
	line-height: 120%;
	font-weight: normal;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.map_f2 {
	padding: 0px;
	font-size: 120%;
	line-height: 120%;
	font-weight: normal;
	text-align: center;
}
#map_box {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #435C7C;
	border-bottom-color: #435C7C;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 14px;
	margin-left: 0px;
}
/*------------------------------------------------*/
.info_box {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	padding-top: 14px;
	margin-top: 18px;
	margin-bottom: 18px;
}
.info_box .setimg {
	margin-right: 5px;
}
#sc_about {
	margin: 0px;
	padding: 0px;
	width: 728px;
}
#gain {
	width: 728px;
}
.gain_txt {
	float: left;
	width: 296px;
	margin-top: 18px;
}
.img_left {
	float: left;
}
.img_right {
	float: right;
}
#sc_about h2 {
	font-size: 160%;
	line-height: 140%;
	font-weight: 900;
	margin: 20px 0px 14px 0px;
	color: #006699;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006699;
	width: 700px;
	padding: 0px;
}
.abo_cont {
	margin-bottom: 18px;
}
.abo_m {
	margin-bottom: 10px;
	width: 700px;
}
.w_wf {
	width: 459px;
}
.abobox1 {
	float: left;
	width: 218px;
	margin-right: 23px;
}
.abobox1_r {
	float: left;
	width: 218px;
}
.abobox2 {
	width: 218px;
}
.abo_box1 img, .abo_box2 img {
	margin-bottom: 4px;
}
/*------------------------------------------------*/
.strong_blue {
	font-size: 120%;
	font-weight: bold;
	color: #0066CC;
}
/*------------------------------------------------*/
.girei_box {
	width: 700px;
}
.girei_l {
	float: left;
	width: 346px;
}
.girei_r {
	float: right;
	width: 346px;
}
.girei_l p, .girei_r p, .girei_box p {
	padding-top: 4px;
}
/*------------------------------------------------*/
#mk_list {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#mk_list h2 {
	font-size: 160%;
	line-height: 140%;
	font-weight: 900;
	margin: 0px 0px 14px 0px;
	color: #006699;
	width: auto;
	padding: 0px;
}
#mytabset {
	width: 100%;
}
#mytabset h3 {
	font-size: 240%;
	line-height: 140%;
	font-weight: 900;
	margin: 0px 0px 14px 0px;
	color: #009999;
	padding: 0px;
}
ul.semtabs {
	margin:0;
	clear:both;
	height:25px;
	list-style:none;
	padding: 0px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #009999;
}
ul.semtabs li {
	float: left;
	height: 25px;
	display: block;
	margin: 0;
	background-image:none;
	font-size: 12px;
}
ul.semtabs li a {
	/*  height:15px;*/
  	line-height: 15px;
	display: block;
	text-decoration:none;
	font-weight: bold;
	background-color: #999999;
	margin: 0px 2px 0px 0px;
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 4px;
	color: #FFFFFF;
	letter-spacing: -0.01em;
	letter-spacing: -0.01em\9; /* IE10以下 */
	*letter-spacing: -0.01em; /* IE7以下 */
}
ul.semtabs li a:hover {
	color: #FF9900;
}
a:v
ul.semtabs li a:visited {
	color: #FFFFFF;
}
ul.semtabs li.active a {
	background-color: #009999;
	color: #FFFFFF;
}
#mk_list table {
	border-collapse:collapse;
	border:1px solid #999999;
	margin: 0px;
	background-color: #FFFFFF;
	width: 100%;
}
#mk_list th {
	text-align: left;
	font-size: 120%;
	font-weight: bold;
	line-height: 120%;
	color: #FFFFFF;
	padding: 5px;
	border:1px solid #999999;
	background-color: #333333;
}

#mk_list td {
	text-align: left;
	font-size: 120%;
	font-weight: normal;
	line-height: 120%;
	color: #181818;
	border:1px solid #999999;
	padding: 5px;
}
#mk_list th.redbgclr {
	background-color: #990000;
}
.panel .date {
	font-size: 10px;
	color: #BBBBBB;
}


/*------------------------------------------------*/
.attach_top {
    padding-bottom: 100px;
}
ul.attach {
	margin:0;
	clear:both;
	list-style:none;
	padding: 0px;
}
ul.attach li {
	float: left;
	display: inline-block;
	margin: 0;
	background-image:none;
	font-size: 20px;z-index: 20;
}
ul.attach li a {
	/*  height:15px;*/
  	line-height: 15px;
	display: inline-block;
	text-decoration:none;
	font-weight: bold;
	background-color: #006699;
	margin: 0px 10px 10px 0px;
	padding: 30px 20px 30px 20px;
	color: #FFFFFF;
    font-feature-settings: "palt";
}
ul.attach li a:hover {
	background-color: #FF9900;
}
/*- - - - - - - - -*/
ul.attach.old li a {
	color: #FFFFFF;
	background-color: #4a85a9;
}
ul.attach.old li a:hover {
	color: #FFFFFF;
	background-color: #FF9900;
}

/*------------------------------------------------*/
.item_info {
	width: 700px;
}
.item_info table {
	border-collapse:collapse;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}
.item_info h2 {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 120%;
	color: #FFFFFF;
	margin: 0px 0px 14px 0px;
	background-color: #006699;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.item_info h3 {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 120%;
	color: #006699;
	margin: 0px;
	padding: 0px 0px 4px 0px;
}
.item_info td, .item_info p {
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	line-height: 120%;
	color: #181818;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
.tbspace {
	margin-bottom: 24px;
}
#content_s_coa .bf1 {
	font-size: 12px%;
	line-height: 140%;
	font-weight: normal;
	text-align: justify;
	text-justify: distribute;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 14px;
	margin-left: 0px;
}
span.kiji1 {
	background-color: #A7A2AC;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
}
span.kiji2 {
	background-color: #A8C9A7;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
}
.tate-cho {
	writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	text-orientation: upright; 
}
/*------------------------------------------------*/
.spec_list {
	margin-bottom: 4px;
}
.spec_list table {
	border-collapse:collapse;
	border:1px solid #999999;
	margin: 0px;
	background-color: #FFFFFF;
	width: 100%;
}
.spec_list td {
	text-align: left;
	font-size: 13px;
	font-weight: normal;
	line-height: 120%;
	color: #181818;
	border:1px solid #999999;
	padding: 4px;
	margin: 0px 12px 0px 12px;
}
.spec_list p {
	margin: 0px 12px 0px 12px;
}
.spec_list th {
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 120%;
	color: #333333;
	padding: 4px;
	border:1px solid #999999;
	margin: 0px 12px 0px 12px;
}
/*------------------------------------------------*/
#content_coa .scr_siz {
	width: 218px;
}
.scr_siz table {
	border-collapse:collapse;
	border:1px solid #999999;
	margin: 0px;
	background-color: #FFFFFF;
	width: 700px;
}
.scr_siz table {
	border-collapse:collapse;
	border:1px solid #999999;
	margin: 0px;
	background-color: #FFFFFF;
	width: 100%;
}
.scr_siz td {
	text-align: left;
	font-size: 13px;
	font-weight: normal;
	line-height: 120%;
	color: #181818;
	border:1px solid #999999;
	padding: 4px;
}
.scr_siz th {
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 120%;
	color: #333333;
	padding: 4px;
	border:1px solid #999999;
}
/*------------------------------------------------*/
#content_coa h4, #content_s_coa h4 {
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #008176;
	padding: 5px 8px 6px 8px;
	margin-top: 20px;
	margin-bottom: 14px;
}

/*------------------------------------------------*/
#itc_block {
	margin: px;
	padding: 16px 0px 0px 0px;
	text-align: center;
}
#ict_about {
	margin: 0px;
	padding: 0px;
	width: 728px;
}
#ict_box {
	width: 700px;
	padding: 0px;
}
h2.ict_ti {
	font-size: 140%;
	line-height: 140%;
	font-weight: 900;
	margin: 0px 0px 4px 0px;
	width: 700px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#ict_about h3 {
	font-size: 160%;
	line-height: 120%;
	font-weight: 900;
	color: #006666;
	margin-top: 18px;
	margin-right: 0px;
	margin-bottom: 14px;
	margin-left: 0px;
	padding-left: 4px;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #006666;
}
#ict_about h3.mm {
	font-size: 160%;
	line-height: 120%;
	font-weight: 900;
	color: #FFFFFF;
	width: 696px;
	margin-top: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 2px;
	background-color: #006699;
	padding-top: 4px;
	padding-bottom: 4px;
}
#ict_about h3.mm2 {
	font-size: 160%;
	line-height: 120%;
	font-weight: 900;
	color: #FFFFFF;
	width: 324px;
	margin-top: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 2px;
	background-color: #006699;
	padding-top: 4px;
	padding-bottom: 4px;
}
#ict_about h4 {
	font-size: 170%;
	line-height: 120%;
	font-weight: 900;
	color: #990000;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	margin: 18px 30px 6px 0px;
	padding: 0px 0px 1px 0px;
}
#ict_about h4.topzero {
	font-size: 170%;
	line-height: 120%;
	font-weight: 900;
	color: #990000;
	margin: 0px;
	padding: 0px 0px 1px 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.h4sub {
	font-size: 140%;
	line-height: 120%;
	color: #333333;
}
.p_box {
	margin: 10px 0px 16px 0px;
	padding: 0px;
}
.ict_m2 {
	font-size: 140%;
	font-weight: bold;
	color: #535353;
	padding-top: 2px;
	padding-bottom: 4px;
}
/*------------------------------------------------*/
.zu_tyu {
	font-size: 100%;
	line-height: 120%;
	font-weight: normal;
	color: #999999;
}
h2 .tm_tyu {
	font-size: 10px;
	line-height: 120%;
	font-weight: normal;
	color: #999999;
	vertical-align: super;
}
/*------------------------------------------------*/
#jema {
	width: 700px;
	padding-bottom: 14px;
}
#jema_img {
	margin: 0px;
	width: 140px;
	padding-right: 14px;
	float: left;
	padding-bottom: 3px;
}
#jema_txt {
	margin: 0px;
	paddingt: 0px;
}
.jemam1 {
	font-size: medium;
	font-weight: bold;
	color: #099;
	padding-bottom: 4px;
}
.jemacap {
	font-size: 120%;
	line-height: 120%;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 6px 0px;
	color: #333;
}
/*------------------------------------------------*/
#movie_box {
	width: 700px;
	margin: 1em 0 1em 0;
	padding: 10px;
	background-color: #E6E6E6;
	text-align: center;
}
dl.list314 dt {
	clear: left;
	float: left;
	margin: 0px;
	padding: 0px;
	line-height: 140%;
}
dl.list314 dd {
  margin-bottom: 1em;
  margin-left: 1em;
  line-height: 140%;
}
/*------------------------------------------------*/
#pickup_box h3 {
	font-size: 120%;
	margin-bottom: 4px;
	margin-top: 4px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF6;
	padding-left: 2px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	color: #FF6;
}
/*------------------------------------------------*/
.dataTables_filter {
	font-size: 14px;
	line-height: 120%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: #333;
}
.searchtxt {
	font-size: 14px;
	line-height: 120%;
	font-weight: normal;
	margin: 0px;
	padding: 4px;
}
.margin_top_btom16 {
	margin: 16px 0px 16px 0px;
}
.kanryohin {
	clear: both;
	width: 674px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 12px;
	padding-left: 12px;
	margin-top: 14px;
	margin-bottom: 20px;
	border: 1px solid #900;
	text-align: center;
}
.kanryohin2 {
	clear: both;
	width: 674px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 12px;
	padding-left: 12px;
	margin-top: 14px;
	margin-bottom: 0px;
	border: 1px solid #900;
	text-align: center;
}
.kanryohin_m {
	font-size: 16px;
	font-weight: bold;
	color: #990000;
	padding-bottom: 4px;
}
.tyu_red {
	font-weight: bold;
	color: #990000;
}
.kannryou_waku {
	width: 210px;
	position: relative;
	z-index: 20;
	padding: 2px;
	border: 1px solid #990000;
	text-align: center;
}
.kannryou_waku p {
	font-weight: bold;
	color: #990000;
	text-align: center;
}
.tyu_red_s {
	font-size: 10px;
	font-weight: bold;
	color: #990000;
}
.tyu_gray_s {
	font-size: 10px;
	font-weight: bold;
	color: #999999;
}
.kanryohin p {
	font-size: 14px;
	line-height: 140%;
}
.line_box_gray {
	clear: both;
	width: 700px;
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999;
}
.oshirase_box {
	clear: both;
	margin-top: 20px;
	margin-bottom: 4px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top: 8px;
}
/*------------------------------------------------*/
.hyou_ti {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	background-color: #CCCCCC;
	padding: 4px;
	margin-bottom: 6px;
	text-align: center;
}
/*------------------------------------------------*/
.subinfo table {
	width: 700px;
	border-collapse:collapse;
	margin: 0px;
	background-color: #FFFFFF;
	border: none;
}
.subinfo td {
	text-align: left;
	font-weight: normal;
	line-height: 120%;
	color: #333333;
	border: none;
	vertical-align: top;
}
.subinfo td img {
	margin-bottom: 4px;
}
/*------------------------------------------------*/
#content_coa .showroom h2 {
	font-size: 18px;
	line-height: 140%;
	font-weight: bolder;
	background-color: #1A4B75;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-bottom: 10px;
	width: 690px;
}
#content_coa .showroom_box {
	width: 700px;
	overflow: hidden;
}
#content_coa .showroom p {
	font-size: 14px;
	line-height: 140%;
}
#content_coa .showroom p.topbg {
	width: 700px;
	background-image: url(../img/showroom.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 43px;
}
#content_coa .showroom p.f1 {
	margin-bottom: 14px;
}
#content_coa .showroom h3 {
	font-size: 18px;
	line-height: 140%;
	font-weight: bolder;
	color: #1A4B75;
	padding-bottom: 3px;
	margin-bottom: 10px;
	width: 690px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #1A4B75;
}
#content_coa .showroom .left {
	width: 344px;
	float: left;
}
#content_coa .showroom .right {
	width: 330px;
	float: right;
	margin: 0px;
	padding: 0px;
}
#content_coa .showroom .left img {
	margin-bottom: 10px;
}


/*------------------------------------------------*/
.dnp-block {
	width: 700px;
	margin-top: 20px;
}
.dnp-block .box_l {
	float: left;
	width: 340px;
	vertical-align: top;
}
.dnp-block .box_r {
	float: right;
	width: 340px;
	vertical-align: top;
}
.dnp-block .box_l h5, .dnp-block .box_r h5 {
	font-size: 15px;
	line-height: 140%;
	font-weight: bold;
	color: #2B3B43;
	margin: 0px 0px 8px 0px;
}
.dnp-block .box_l img, .dnp-block .box_r img {
	padding-right: 12px;
	float: left;
}
.dnp-block .box_l h3, .dnp-block .box_r h3 {
	font-size: 15px;
	line-height: 140%;
	margin-bottom: 14px;
	font-weight: bold;
	color: #BE293F;
}
#content_s_coa .dnp-block h4 {/*部分指定*/
	margin-top: 0px;
}
.dnp-block .box_l p, .dnp-block .box_r p {
	font-size: 12px;
	line-height: 140%;
	margin-bottom: 14px;
}
.dnp-infof2 {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #999999;
	border-bottom-color: #999999;
}
.dnp-infof2 p.dnp-f1 {
	font-size: 12px;
	line-height: 140%;
	margin-bottom: 14px;
}
.dnp-infof2 p.dnp-inf_m {
	font-weight: bold;
	color: #990000;
}
/*------------------------------------------------*/
#container p.txt_al_r {
	text-align: right;
}
#container p.txt_al_c {
	text-align: center;
}
/*------------------------------------------------*/
#company ul {
	width: 700px;
	margin: 0px 0px 12px 0px;
	padding: 0px;
}
#company li {
	font-size: 12px;
	margin: 0px;
	margin-left: 24px;
	padding-left: -10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-top: 6px;
	background-position: left 9px;
	padding-bottom: 6px;
	line-height: 120%;
	color: #000000;
}
/*------------------------------------------------*/
.linkbox a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.hoverbox:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

/*------------------------------------------------*/
.cf:before,
.cf:after{
	content:"";
	display:table;
}
.cf:after{
	clear:both;
}
.cf{
	zoom:1;
}
#imgcontent {
  max-width: 700px;
  margin: 0 auto 3rem;
  text-align: center;
}
#featured_img img,
#thumb_img img {
  max-width: 100%;
}
#thumb_img {
  margin-top:0;
  img {
    float:left;
    max-width: 166px;
    width: 166px;
    cursor: pointer;
    margin-right:12px;
    border:2px solid #eee;
    box-sizing:border-box;
    vertical-align: top;
    &.active{
      border:2px solid #009999;
    }
    &:last-child{
      margin-right:0;
    }
  }
}

.anim {
  animation: fade-in 0.3s;
  animation-fill-mode: forwards;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}