@charset "utf-8";

/*----------------------------------------------------
	メインビジュアル
----------------------------------------------------*/
.visual {
}
.visual img {
	display: block;
	width: 100%;
	height: auto;
}

/*----------------------------------------------------
	製品ラインアップ
	製品検索
	ご購入前ご相談窓口
----------------------------------------------------*/
#indexLineup {
	margin-top: 10px;
}

#indexLineup .colLeft {
	float: left;
	width: 628px;
}
#indexLineup .colRight {
	float: right;
	width: 304px;
}

/* SP */
body.responsive-sp #indexLineup .colLeft {
	float: none;
	width: 100%;
}
body.responsive-sp #indexLineup .colRight {
	float: none;
	width: 100%;
	margin-top: 2%;
}


/* 製品ラインアップ
-----------------------------------------------------*/
.contentLineupBlock {
	float: left;
	width: 607px;
	margin-left: 8px;
}
.contentLineupBlock .newmark{display:inline !important;color:#fff;background:red;padding:0 2px;font-size:60%;font-weight:normal;   border-radius: 2px; vertical-align:12%;;        /* CSS3草案 */  
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 2px;   /* Firefox用 */  
}
.contentLineupBlock:first-child {
	margin-left: 0;
}
.contentLineupBlock .lineupThumb a {
	display: block;
	text-align: center;
}
.contentLineupBlock .lineupCatch {
	margin-top: 0.2em;
	text-align: center;
}
.contentLineupBlock .lineupTitle {
	margin-top: 0.8em;
}

.contentLineupBlock h3 {float:left;width:280px;}

/* SP */
body.responsive-sp .contentLineupBlock {
	float: none;
	width: 100%;
	margin-left: 0;
	margin-top: 4%;
}

body.responsive-sp .contentLineupBlock h3 {float:left;width:100%;}

/* 製品検索
-----------------------------------------------------*/
#indexSearch {
}

/* ご購入前ご相談窓口
-----------------------------------------------------*/
#indexInfo {
	margin-top: 10px;
}
#indexInfo p {
	font-size:108%;
}

/*----------------------------------------------------
	活用シーン
	ダウンロード
	お客様サポート
----------------------------------------------------*/
#indexLinks {
	margin-top: 16px;
}
#indexLinks .col {
	float: left;
	width: 32%;
	margin-left: 2%;
}
#indexLinks .col:first-child {
	margin-left: 0;
}

#indexLinksDownload,
#indexLinksSupport {

}

/* SP */
body.responsive-sp #indexLinks .col {
	float: none;
	width: 100%;
	margin-left: 0;
}

body.responsive-sp #indexLinksDownload,
body.responsive-sp #indexLinksSupport {
	height: auto;
}


/*----------------------------------------------------
	バナーエリア
----------------------------------------------------*/
#indexBanners {
	padding-top: 20px;
	margin-top: 20px;
	background: url("../images/n_bg_separate.gif") repeat-x 0 0;
}
#indexBanners .col {
	float: left;
	width: 465px;
	margin-left: 20px;
}
#indexBanners .col:first-child {
	margin-left: 0;
}

/* SP */
body.responsive-sp #indexBanners {
	margin-top: 0;
	margin-left: -10px;
	margin-right: -10px;
	padding: 20px 10px 0 10px;
	background-image: none;
	border-top: 1px solid #dae0e4;
}
body.responsive-sp #indexBanners .col {
	float: none;
	width: 100%;
	max-width: 465px;
	margin: 2% auto 0 auto;
}
body.responsive-sp #indexBanners .col:first-child {
	margin-top: 0;
}

/* -----------------------------------------------------------
	レーザー超短焦点プロジェクター関連製品ブロック
----------------------------------------------------------- */
#relationBlock {
	margin-top: 30px;
}
#relationBlock ul {
	margin-top: 10px;
}
#relationBlock ul:first-child {
	margin-top: 0;
}
#relationBlock ul li {
	float: left;
	display: table;
	width: 445px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}
#relationBlock ul li:first-child {
}
#relationBlock ul li .img,
#relationBlock ul li .txt {
	display: table-cell;
}
#relationBlock ul li img {
	width: 165px;
}
#relationBlock ul li .img {
	width: 165px;
	vertical-align: top;
}
#relationBlock ul li .txt {
	width: 260px;
	padding:8px 15px;
	background-color: #ebeef0;
	vertical-align: middle;
}
#relationBlock ul li .txt h3 {
	font-size: 108%;
	font-weight: normal;
	line-height: 1.3;
}
#relationBlock ul li .txt h3 a {
	position: relative;
	display: block;
	padding: 0 0 0 0;
}
/*#relationBlock ul li .txt h3 a:before {
	position: absolute;
	left: 0;
	top: 2px;
	width: 16px;
	height: 16px;
	background: url("/business/images_global/r_ico_blank_01_pc.png") no-repeat;
	content: "";
}*/
#relationBlock ul li .txt p {
	font-size:80%;
	margin-top: 8px;
}

/* -- SP -- */
body.responsive-sp #relationBlock {
	margin-top: 0;
}
body.responsive-sp #relationBlock ul {
	padding: 3.125% 3.125% 0; /* 20 20 0 / 640 */
	margin-top: 0;
}
body.responsive-sp #relationBlock ul li {
	float: none;
	width: 100%;
	margin-left: 0;
	margin-top: 3.33333333333333%; /* 20/600 */
}
body.responsive-sp #relationBlock ul li:first-child {
	margin-top: 0;
}
body.responsive-sp #relationBlock ul li .img,
body.responsive-sp #relationBlock ul li .txt {
	display: table-cell;
}
body.responsive-sp #relationBlock ul li .img{
	width: 30%; /* 120/600 */
}
body.responsive-sp #relationBlock ul li .txt {
	width: auto;
	padding: 0;
}
body.responsive-sp #relationBlock ul li .txt h3 a {
	padding: 5% 16.6666666666667% 5% 5%; /* 24 80 24 24 / 480 */
	background-color: #ebeef0;
	color: #333;
	text-decoration: none;
}
body.responsive-sp #relationBlock ul li .txt h3 a:before {
	left: auto;
	right: 5.83333333333333%; /* 28/480 */
	top: 50%;
	width: 1.07em; /* 30/28 */ /* 24/28 */
	height: 0;
	padding-top: 0.85em; /* 24/28 */
	margin-top: -0.535em; /* 1.07 / 2 */
	background-image: url("/business/images_global/r_ico_blank_02_sp.png");
	background-size: 100%;
}
body.responsive-sp #relationBlock ul li .txt p {
	display: none;
}


.tbl02 {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border-top: 1px solid #b4b9bd;
    border-left: 1px solid #b4b9bd;
}

.tbl02 thead th {
    color: #fff;
    font-weight: bold;
    background: #666;
    border: 1px solid #414141;
    text-align: center;
    vertical-align: middle;
}
.tbl02 tbody th {
    background: #efece5;
    font-weight: normal;
    word-break: break-all;
    word-wrap: break-word;
}
.tbl02 td {
    text-align: left;
}
.tbl02 th .tbl02 td {
    border-right: 1px solid #b4b9bd;
    border-bottom: 1px solid #b4b9bd;
    padding: 7px;
    vertical-align: top;
}
body.responsive-sp .peripheralBox table th, .peripheralBox table td {
    padding: 10px 10px 8px 15px!important;
}

.peripheralBox table th, .peripheralBox table td {
    background: url(/business/bigpad/cms/images/000012351.gif) repeat-x left top;
    padding: 16px 10px 15px;
}

body.responsive-sp #main {
    float:left;
}
}