@charset "UTF-8";

/*===================================================================
	layout
===================================================================*/
/* ------ padding ------ */
.pt1   { padding-top:1px !important; }
.pt2   { padding-top:2px !important; }

table.pd10 td { padding:15px 10px!important; }

/* ------ border ------ */
.btN { border-top: none !important; }
.brN { border-right: none !important; }
.bbN { border-bottom: none !important; }
.blN { border-left: none !important; }

.bt1 { border-top: 1px solid #E5E5E5; }
.br1 { border-rigt: 1px solid #E5E5E5; }
.bb1 { border-bottom : 1px solid #E5E5E5; }
.bl1 { border-left: 1px solid #E5E5E5; }

/* ------ sup ------ */
body sup { font-size:100%; }
html>/* */body sup { font-size:100%; }
html:not(:target) sup { font-size:85%; line-height:0.5; }

/* ------ line-height ------ */
.lh1 sup { line-height:1; }

/*===================================================================
	/products/homeprojector/common/
===================================================================*/
/* ------ lNav ------ */
.lNav.top li.lnav01 a,
.lNav li.lnav01 a:hover { background:url(/products/homeprojector/common/images/nav_local_01_on.gif) no-repeat left top; }
.lNav.feature li.lnav02 a,
.lNav li.lnav02 a:hover { background:url(/products/homeprojector/common/images/nav_local_02_on.gif) no-repeat left top; }
.lNav.spec li.lnav03 a,
.lNav li.lnav03 a:hover { background:url(/products/homeprojector/common/images/nav_local_03_on.gif) no-repeat left top; }
.lNav.supply li.lnav04 a,
.lNav li.lnav04 a:hover { background:url(/products/homeprojector/common/images/nav_local_04_on.gif) no-repeat left top; }
.lNav.service li.lnav05 a,
.lNav li.lnav05 a:hover { background:url(/products/homeprojector/common/images/nav_local_05_on.gif) no-repeat left top; }

/*===================================================================
	contents
===================================================================*/
/*↓↓↓↓旧体裁↓↓↓↓*/
#contents .headSection .ttl h1.top {
	display:block;
	padding-left:0px;
	background:none;
}
#contents .headSection .ttl h1{ _padding-bottom:5px; }
#contents .headSection .ttl h1 span { font-size:150%; line-height: 1.1em; }
#contents .headSection .ttl p.productsLogo {
	padding-right:11px;
}
.detailSection .purchase {
	width:141px;
	height:23px;
}
.detailSection .purchase a {
	display:block;
	width:100%;
	height:23px;
	background:url(/common/images/bt_purchase_01_on.gif) no-repeat left top;
}
.detailSection .purchase a:hover img {
	visibility:hidden;
}
/*↑↑↑↑旧体裁↑↑↑↑*/

#contents .headSection .leftArea {
	margin-top:0 !important;
}
#contents .headSection .leftArea .list .item {
	width:184px;
}
#contents .headSection .leftArea .list .item ul li {
	width:170px;
}
#contents .headSection .leftArea .list .item ul li.model {
	background: #d9d9d9 !important;
}

/* ------ mainSection ------ */
#contents .mainSection {
	position:relative;
	width:960px;
	margin:45px auto;
	z-index:800;
}

#contents .mainSection .img {
	display: table-cell;

	/display:inline;
	/zoom:1;
	vertical-align: middle;
	width: 470px;
	text-align: center;
}

#contents .mainSection .imgAtt {
	width:470px;
	/*height:284px;*/
	position:relative;
}

#contents .mainSection .imgAtt .attention {
	padding:3px 5px;
	font-size:68%;
	border:1px solid #aaa;
	position:absolute;
	top:150px;
	left:290px;
}
#contents .mainSection .imgAtt sup { line-height:1; }

#contents .mainSection .imgAtt table#mainAward{
	margin-left:50px;
}
#contents .mainSection .imgAtt table#mainAward td{
	padding-right:10px;
	text-align:center;
	white-space:nowrap;
	vertical-align:bottom;
}
#contents .mainSection .imgAtt table#mainAward td a{
	margin-bottom:5px;
}
#contents .mainSection .summary {
	display: table-cell;
	/display:inline;
	/zoom:1;
	vertical-align: middle;
	width: 410px;
}
#contents .mainSection .summary .ttl .ttlGroup .model {
    display: block;
    font-size: 135.7%;
    font-weight: bold;
    margin-bottom: 10px;
}
#contents .mainSection .point {
	width: 410px;
	margin-top: 20px;
}
.feature #contents .detailSection .main .detailGroup {
	padding:0 39px 30px;
	border-radius:2px;
	border-top:1px solid #E5E5E5;
	border-left:1px solid #E5E5E5;
	border-right:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
}
#contents .detailSection .main .detailGroup .detail {
	padding-bottom:20px;
}

#contents .detailSection .main .detailGroup .detail.no-border {
	padding-bottom:0;
	border-bottom: none;
}
#contents .detailSection .main .detailGroup .detail.arrowS a{
	background:url(/products/homeprojector/common/images/products_top_arrow_2.png) no-repeat right center;
	padding-right:17px;
}
#contents .detailSection .main .detailGroup .detail .img {
	display: table-cell;

	/display:inline;
	/zoom:1;
	vertical-align: middle;
	width: 255px;
	/* 2013/09/13 10:17下記追加 */
	text-align: right;
	/*↑↑↑↑ここまで↑↑↑↑*/
}
#contents .detailSection .main .detailGroup .feature4 .summary { width:320px; }
#contents .detailSection .main .detailGroup .feature4 .img { width: 360px; }
#contents .detailSection .main .detailGroup .detail .summary .txt {
	margin-top:5px;
	color:#000000;
	/*↑↑↑↑ここまで↑↑↑↑*/
}
#contents .detailSection .main .detailGroup .att {
	font-size:90%;
}
#contents .detailSection .main .detailGroup .detail .summary .btn {
	margin-top:17px;
	font-weight:bold;
}

#contents .detailSection .main .detailGroup .detail .subSummary {
	display:block;
	padding:0 20px;
	border-left:solid 2px #80add4;
	color:#005ab4;
}
#contents .detailSection .main .detailGroup .detail .subSummary a { display: inline; }
#contents .detailSection .main .detailGroup .detail .subSummary a:hover { color:#005AB4; }
#contents .detailSection .main .detailGroup .detail .subSummary .ttl {
	font-size:143%; /* font-size:20px; */
	line-height:1.3;
	font-weight:normal;
}
#contents .detailSection .main .detailGroup .detail .subSummary .txt {
	display:block;
	margin-top:5px;
	color:#000000;
	font-size:90%;
	/*↑↑↑↑ここまで↑↑↑↑*/
}
#contents .detailSection .main .detailGroup .detail .subSummary .btn {
	margin-top:17px;
	font-weight:bold;
}
#bundle{
	border:1px solid #ccc;
	padding:5px;
	width:388px;
}
.firmware{
	margin-top:-10px;
}
.firmware a{
	padding:0 !important;
	background:none !important;
}
dl.list {
	width: 330px;
	border: 1px solid #E5E5E5;
	text-align: center;
}
dl.list dt {
	color: #FFF;
	font-size: 115%;
	font-weight: normal;
	background-color: #0D5DA6;
	padding: 5px;
}
dl.list dd {
	font-size:85%;
	border-top: 1px solid #E5E5E5;
	padding: 5px;
}

/* ------ subSection ------ */
#contents .subSection .modelNav li {
	display:inline;
	float:left;
}
.modelNav480 {
	width:480px;
	margin:0 auto 30px auto;
}
.modelNav480 li {
	display:inline;
	width:160px;
	float:left;
}
.modelNav640 {
	width:640px;
	margin:0 auto 30px auto;
}
.modelNav640 li {
	display:inline;
	width:160px;
	float:left;
}
.modelNav740 {
	width:740px;
	margin:0 auto 30px auto;
}
.modelNav740 li {
	display:inline;
	width:160px;
	float:left;
}
.modelNav740 li:first-child {
	width:230px;
	margin-right: 30px;
}

/*===================================================================
	module
===================================================================*/
/* ------ ttlMod01 ------ */
#contents .detailSection .main .detailGroup .ttlMod01 h2,
#contents .detailSection .main .detailGroup .ttlMod01 h3,
#contents .detailSection .main .detailGroup .ttlMod01 h4,
#contents .detailSection .main .detailGroup .ttlMod01 h5 {
	display:inline-block;
	/display:inline;
	/zoom:1;
	background:url(/products/homeprojector/common/images/bg_ttl_02.gif) no-repeat right center;
}
#contents .detailSection .main .detailGroup .ttlMod01 span {
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:0.8em 20px 0.7em 20px;
	background:url(/products/homeprojector/common/images/bg_ttl_01.gif) no-repeat left center;
	line-height:1;
	color:#FFF;
	font-weight:bold;
}

/*===================================================================
	spec.htm
===================================================================*/
body.spec .prjTbl th,
body.spec .prjTbl td {
	text-align:center;
}
body.spec #sizeBlock div {
	border:1px solid #e0e0e0;
	text-align:center;
	margin-bottom:25px;
}
body.spec #swfBlock div {
	border:1px solid #e0e0e0;
	text-align:center;
}
.noFlash{
	background:#D0D0D0;
	padding:100px 0;
}

/*===================================================================
	information.htm
===================================================================*/
.adList{
	margin:0;
}
.adList li{
	margin:0 30px 0 0;
}
#dreamio_information h2{
		font-weight:bold;
		font-size:175%;
}
.cl_red{
	color:#ff0033;
}

/*===================================================================
	service
===================================================================*/
.dotListBlock {
	background:url(/products/homeprojector/common/images/dotmark.gif) no-repeat 0.4em 0.8em;
	padding-left:1.2em;
}


/*===================================================================
	ichiran
===================================================================*/
.main h2.areaName{
	font-size:163%;
}
table .mainTh{
	background:#eee;
}

.nodata {
	width: 100%;
	margin: 30px auto 0;
	padding: 50px 0 50px 0;
	border-top: #c3c3c3 2px solid;
	border-bottom: #c3c3c3 2px solid;
	text-indent: 45px;
	font-size: 24px;
	font-weight: bold;
}


/*===================================================================
	pdf.htm
===================================================================*/
.font_b{
	font-size:140%;
	font-weight:bold;
}
/*===================================================================
	Append
===================================================================*/
/* HeadMod */
.headMod04 { font-size:112%; } /* font-size:14px; */




.fsXS  { font-size:65%; } /* 受賞一覧エリア用 */

/*===================================================================
	リプライスキャンペーンバナー用
===================================================================*/
div.replacebnr h3.title { font-size: 228.571%;line-height: 1.4; }
@media screen and (max-width:767px) {div.replacebnr h3.title {font-size: 6vw; } }
div.replacebnr a img { max-width: 960px;width: 100%; }
div.replacebnr a:hover { opacity: 0.7; }

#contents .headSection .ttl h1,
#contents .headSection .ttl p {
	padding-left:0;
	background:none;
}
#contents .headSection .leftArea .title,
#contents .headSection .leftArea .list {
	padding-left:0;
}
#contents .headSection .leftArea .title {
	background:none;
}
#contents .headSection .rightArea {
	padding-top:0;
}

@media print, screen and (min-width: 768px) {
	#contents .headSection .leftArea {
		width: 804px !important;
	}
}
@media print, screen and (max-width: 768px) {
	#contents .headSection .rightArea {
		padding-top: 18px;
	}
}