@charset "Shift_JIS";

/*=========================================================


	Site Name   データプロジェクター TOP
	File Name   page.css [base-css bravia]

	Create Date 2008/08/06
	Update Date 2009/01/27


==========================================================*/

/*----------------------------------------------------------

	Module Top Style Sheet

-----------------------------------------------------------*/

/*コンテンツエリアを755pxに変更する(トップ以外の階層は760px)*/

body div#container div#pagebody div#column2-main760 {
	width: 755px;
}

/*サイドバーのアンケートバナー*/

body div#container div#pagebody div#column3-right p#enquete {
	margin: 0 0 10px;
}


body div#container div#main-visual {
	margin: 10px 0 0;
}

/*ヘッダ部分H1(トップのみ)*/


	body div#container div#pagebody div#column2-main760 div.section {
		width: 100%;
		padding: 0 0 25px;
		position: relative;
	}

		/*各モジュール(シリーズ、製品情報、ピックアップコンテンツなど)のタイトル用*/

		body div#container div#pagebody div#column2-main760 h1.mainTitle {
			margin: 0 0 0px;
			padding: 0 0 5px;
		}
		body div#container div#pagebody div#column2-main760 h2.mainTitle {
			margin: 0 0 0px;
			padding: 0 0 30px;
		}

		body div#container div#pagebody div#column2-main760 div.section h2 {
			margin: 0 0 30px;
			padding: 0 0 10px;
			background: transparent url(../images/title_bg.gif) bottom center no-repeat;
		}

		body div#container div#pagebody div#column2-main760 div.lineupmodel {
			margin: 0 0 20px;
			padding: 0 0 10px;
			background: transparent url(../images/title_bg.gif) bottom center no-repeat;
		}

		body div#container div#pagebody h2.suppport {
			margin: 0 0 0;
			padding: 0 0 30px;
		}

		body div#container div#pagebody div#column2-main760 div.section p {
			position: absolute;
			top: 3px;
			right: 0;
		}


		/*製品ラインアップ用*/

		body div#container div#pagebody div#column2-main760 div#lineup h2 {
			padding: 0;
			background: none;
		}

		body div#container div#pagebody div#column2-main760 div#lineup p {
			position: absolute;
			top: -20px;
			right: 0;
		}

		span.new-label {
			 background: #db4a39 none repeat scroll 0 0;
			 border: 1px solid #db4a39;
			  box-sizing: border-box;
			  color: #fff;
			  display: inline-block;
			  font-size: 0.625rem;
			  line-height: 1.2;
			  padding: 2px 5px 1px;
		}

		/*重要なお知らせ部分のサブメニュー*/

		body div#container div#pagebody div#column2-main760 div.section ul#importantSub {
			position: absolute;
			top: 11px;
			right: 0;
		}
		body div#container div#pagebody div#column2-main760 div.section p.noInfo {
			position: static;
		}

		/*更新情報部分のサブメニュー*/

		body div#container div#pagebody div#column2-main760 div.section ul#informationSub {
			position: absolute;
			top: 3px;
			right: 0;
		}

			body div#container div#pagebody div#column2-main760 div.section ul li {
				margin: 0 0 0 13px;
				display: inline;
			}

		/*商品ラインアップ部分*/

		body div#container div#pagebody div#column2-main760 div.section ul.product {
			display: block;
			margin: 0px 0px 0px;
			padding: 0px 0px 0px;
			list-style-type: none;
		}

			body div#container div#pagebody div#column2-main760 div.section ul.product li {
				display: block;
				margin: 0px 0px 0px;
				padding: 0px 0px 30px;
			}


		/*各モジュール(シリーズ、製品情報、ピックアップコンテンツなど)用*/

		body div#container div#pagebody div#column2-main760 div.section div {

		}

			body div#container div#pagebody div#column2-main760 div.section div dl {
				width: 370px;
				min-height: 90px;
				margin: 0 15px 0 0;
				padding: 0 0 50px;
				position: relative;
				float: left;
			}

			body div#container div#pagebody div#column2-main760 div.section div#seriesMain dl {
				min-height: 108px;
			}

			* html body div#container div#pagebody div#column2-main760 div.section div dl {
				height: 90px;
			}

			* html body div#container div#pagebody div#column2-main760 div.section div#seriesMain dl {
				height: 108px;
			}

			body div#container div#pagebody div#column2-main760 div.section div dl.noMargin {
				margin-right: 0;
			}


				/*各モジュール(シリーズ、製品情報、ピックアップコンテンツなど)の左画像用*/

				body div#container div#pagebody div#column2-main760 div.section div dl dt {
					width: 174px;
					position: absolute;
					top: 0;
					left: 0;
				}

				body div#container div#pagebody div#column2-main760 div.section div dl dd {
					margin: 0 0 0 174px;
					line-height: 1.3;
				}

				body div#container div#pagebody div#column2-main760 div.section div dl dd.txt10 {
					margin-top: 5px;
				}

				body div#container div#pagebody div#column2-main760 div.section div dl dd.notice {
					margin-top: 10px;
					color: #df0101;
				}

				body div#container div#pagebody div#column2-main760 div.section div dl dd.linkProductInfo {
					margin-top: 10px;
					line-height: 0;
					font-size: 0;
				}



				/*各モジュール(カテゴリーリストなど)用*/


				body div#container div#pagebody div#column2-main760 div.section div.line {
					margin-bottom: 30px;
					padding-bottom: 0px;
					background: url(../../images/list_bg.gif) repeat-x center bottom;
					background-image: url(../../products/images/list_bg.gif);
				}
				body div#container div#pagebody div#column2-main760 div.section div.noLine {
					margin-bottom: 0px;
					background-image: none;
				}

				body div#container div#pagebody div#column2-main760 div.section div dl.category {
					width: 360px;
					min-height: 90px;
					margin: 0 15px 0 0;
					padding: 0 0 15px;
					position: relative;
					float: left;
				}

				body div#container div#pagebody div#column2-main760 div.section div dl.category dt {
					width: 350px;
					margin-bottom: 15px;
					position: static;
					top: auto;
					left: auto;
				}

				body div#container div#pagebody div#column2-main760 div.section div dl.category dd {
					margin: 0 0 0 0px;
					line-height: 1.3;
				}

				body div#container div#pagebody div#column2-main760 div.section div dl.category dd ul {
					list-style-type: none;
				}

				body div#container div#pagebody div#column2-main760 div.section div dl.category dd ul li {
					margin: 0 0 10px 0;
					display: block;
				}
				body div#container div#pagebody div#column2-main760 div.section div dl.category dd ul li a {
					background:url(../images/arrow_black.gif) left 0.4em no-repeat;
					margin-left: 5px;
					padding-left:10px;
					display:block;
					zoom:1;
				}


		/*上記モジュール以外(製品ラインアップ)用*/

		body div#container div#pagebody div#column2-main760 div#lineup {
			margin-top: 25px;
		}

			body div#container div#pagebody div#column2-main760 div#lineup table {
				width: 100%;
				margin-bottom: 25px;
				border-collapse: collapse;
				border: 1px solid #ccc;
			}

				body div#container div#pagebody div#column2-main760 div#lineup table tr th {
					padding: 15px;
					vertical-align: top;
				}

				body div#container div#pagebody div#column2-main760 div#lineup table tr td {
					border-bottom: 1px solid #ccc;
				}

				body div#container div#pagebody div#column2-main760 div#lineup table tr td ul {

				}

					body div#container div#pagebody div#column2-main760 div#lineup table tr td ul li {
						margin: 0;
						display: inline;
					}

		/*上記モジュール以外(重要なお知らせ)用*/

		body div#container div#pagebody div#column2-main760 div.section dl#importantNews {
			padding: 0 0 25px;
		}

			body div#container div#pagebody div#column2-main760 div.section dl#importantNews dt {
				width: 11em;
				margin: 0 0 10px;
				float: left;
			}

			body div#container div#pagebody div#column2-main760 div.section dl#importantNews dd {
				margin: 0 0 1em 11em;
				padding: 0 0 0 10px;
				background: transparent url(../images/news_bg.gif) 0 6px no-repeat;
			}

			* html body div#container div#pagebody div#column2-main760 div.section dl#importantNews dd {

			}


		body div#container div#pagebody div#column1-main h1 {
			padding: 0 0 25px;
		}

		body div#container div#pagebody div#column1-main div.section dl#importantNews {
			padding: 0 20px 25px 20px;
		}

			body div#container div#pagebody div#column1-main div.section dl#importantNews dt {
				width: 11em;
				margin: 0 0 10px;
				float: left;
			}

			body div#container div#pagebody div#column1-main div.section dl#importantNews dd {
				margin: 0 0 1em 11em;
				padding: 0 0 0 10px;
				background: transparent url(../images/news_bg.gif) 0 6px no-repeat;
			}

			* html body div#container div#pagebody div#v div.section dl#importantNews dd {

			}



		/*上記モジュール以外(更新情報)用*/

		body div#container div#pagebody div#column2-main760 div.section dl#informationNews {
			padding: 0 0 25px;
		}

			body div#container div#pagebody div#column2-main760 div.section dl#informationNews dt {
				width: 11em;
				margin: 0 0 10px;
				float: left;
			}

			body div#container div#pagebody div#column2-main760 div.section dl#informationNews dd {
				margin: 0 0 1em 11em;
				padding: 0 0 0 10px;
				background: transparent url(../images/news_bg.gif) 0 6px no-repeat;
			}

			* html body div#container div#pagebody div#column2-main760 div.section dl#informationNews dd {

			}




/*----------------------------------------------------------

	Common Module

-----------------------------------------------------------*/

/*clearfix*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	zoom: 1;
}

/*nonHeight*/

.nonHeight {
	line-height: 0;
	font-size: 0;
}

/*info*/

/*-------banner list area-------*/
ul.inc-bannerlist li {
	line-height:1;
	width:180px;
	margin-bottom:15px;
}
.inc-bannerlist li img{
	vertical-align:bottom;
}
.inc-bannerlist li p{
	line-height:1.2;
	margin-top:3px;
}
.inc-bannerlist li p a{
	background:url(../../../../../share/images/arrow_black.gif) left 0.4em no-repeat;
	margin-left: 5px;
	padding-left:10px;
	display:block;
}
.inc-bannerlist li p.newsicon{
	line-height:1.2;
	min-height:0;
	text-align:left;
	background:url(../../../../../share/images/arrow_black.gif) 5px 0.4em no-repeat;
	/*\*//*/
display: inline-table;
/**/
}
*+html:first-child body .inc-bannerlist li p.newsicon{
overflow: hidden;
}
.inc-bannerlist li p.newsicon:after{
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
	line-height:0;
}
/* \*/
* html .inc-bannerlist li p.newsicon {height:1%;}
.inc-bannerlist li p.newsicon {display: block;}
/* */
.inc-bannerlist li p.newsicon span {
	float:left;
	width:25px;
}
.inc-bannerlist li p.newsicon span.banner_text {
	float:right;
	width:135px;
}
.inc-bannerlist li p.newsicon a span {
	cursor:pointer;
}

ul#LineupLink {
	margin: 0 0 20px;
	text-align: right;
}
ul#LineupLink li {
	margin: 0 0 0 16px;
	display: inline;
}
ul#LineupLink li#pastModel {
	margin: 0 0 0 40px;
}

ul#LineupPageNav {
	margin: 0 0 40px 10px;
	text-align: left;
}
ul#LineupPageNav li {
	margin: 0 25px 0 0;
	display: inline;
}


/*-------main-visual area-------*/

body div#main-visual {
	position:relative;
	width:950px;
	height:302px;
}
body div#main-visual img.mainImg {
	position:absolute;
	left:0;
	top:0;
}
body div#main-visual dl.howToUseNav {
	position:absolute;
	left:770px;
	bottom:13px;
	line-height:1;
	font-size:0;
}
body div#main-visual dl.howToUseNav dt {
	overflow: hidden;
	width: 170px;
	height: 34px;
}
body div#main-visual dl.howToUseNav dd ul li {
	overflow: hidden;
	width: 170px;
	height: 41px;
}


/*-------support area-------*/

body div#suppport_box dl.support {
	position:relative;
}
body div#suppport_box dl.support dt {
	min-height: 40px;
	height: auto !important;
	height: 40px;/*Needs to match the min height pixels above*/
	margin-bottom: 0;
	padding-bottom: 0;
}

body div#suppport_box dl.support li {
	margin-bottom: 5px;
	padding-bottom: 0;
}


body div#container div#pagebody div#column2-main760 div.section img.newWindow {
	float: none;
	width: 15px;
	vertical-align: top;
}



/* 20120713 トップページ商品情報テキスト化 ---------------------------------- */

		a.itemTitle {
			font-size: 130%;
			font-weight: bold;
			color: #333;
		}

		div.items dl dd a.itemTitle span{
			font-size: 65% !important;
			display: block !important;
			padding: 0 0 0 0;
		}

		a span.itemSmallText {
			font-size: 85%;
		}

		div.items dl dd span {
			display: block;
			padding: 7px 0 0 0;
		}
		a.itemArrow:link,
		a.itemArrow:visited,
		a.itemArrow:active {
			color: #333 !important;
		}

		body div#container div#pagebody div#column2-main760 div.section div dl.smallList dt{
			width:88px !important;
		}

		body div#container div#pagebody div#column2-main760 div.section div dl.smallList dd {
			margin: 0 0 0 88px;
			line-height: 1.3;
		}

		body div#container div#pagebody div#column2-main760 div.section div dl.smallList dd.linkProductInfo {
			margin-top: 10px;
			line-height: 0;
			font-size: 0;
		}


/* 20120802 トップページ SPLコンテンツバナー追加 ---------------------------------- */

body div#container div#pagebody div#column2-main760 div.banner {
	margin: 0 0 25px;
}

body div#container div#pagebody div#column2-main760 div.banner p {
}
body div#container div#pagebody div#column2-main760 div.banner p a {
}


/* 20130812 トップページ 商品ラインアップ改修 ---------------------------------- */

body div#container div#pagebody div#column2-main760 div.section div#lineup-items {
	margin: 0 0 50px;
	padding: 7px 0 0;
	background: #efefef;
}
body div#container div#pagebody div#column2-main760 div.section div#lineup-items dl {
	position: static;
	float: left;
	display: inline;
	width: 242px;
	min-height: inherit;
	margin: 0 0 0 7px;
	padding: 0 0 7px;
}
body div#container div#pagebody div#column2-main760 div.section div#lineup-items dl dt {
	position: relative;
	overflow: hidden;
	width: 242px;
	height: 10px;
	margin: 0;
	padding: 0;
}
body div#container div#pagebody div#column2-main760 div.section div#lineup-items dl dt img {
	position: absolute;
	top: 0;
}
body div#container div#pagebody div#column2-main760 div.section div#lineup-items dl dd {
	width: 242px;
	height: 150px;
	margin: 0;
	padding: 0;
	background: #ffffff;
}

body div#container div#pagebody div#column2-main760 div.section div#lineup-items dl#lineup-items-flagship dd {
	width: 242px;
	height: 75px;
}



/* 20130812 トップページ おすすめ事例 ---------------------------------- */

body div#container div#pagebody div#column2-main760 div.section div#sampleMain dl {
	width: 740px;
	min-height: 90px;
	margin: 0;
	padding: 0 0 50px;
	position: relative;
	float: none;
}
body div#container div#pagebody div#column2-main760 div.section div#sampleMain dl dt {
	width: 290px;
	position: absolute;
	top: 0;
	left: 0;
}
body div#container div#pagebody div#column2-main760 div.section div#sampleMain dl dd {
	margin: 0 0 0 290px;
	line-height: 1.3;
}
body div#container div#pagebody div#column2-main760 div.section div#sampleMain dl dd.linkProductInfo {
	margin-top: 10px;
	line-height: 0;
	font-size: 0;
}

/* 20140620 トップページ ピックアップ1カラム化 ---------------------------------- */

body div#container div#pagebody div#column2-main760 div.section div#pickupMain2 dl {
	width: 740px;
	min-height: 90px;
	margin: 0;
	padding: 0 0 50px;
	position: relative;
	float: none;
}
body div#container div#pagebody div#column2-main760 div.section div#pickupMain2 dl dt {
	width: 290px;
	position: absolute;
	top: 0;
	left: 0;
}
body div#container div#pagebody div#column2-main760 div.section div#pickupMain2 dl dd {
	margin: 0 0 0 290px;
	line-height: 1.3;
}
body div#container div#pagebody div#column2-main760 div.section div#pickupMain2 dl dd.linkProductInfo {
	margin-top: 10px;
	line-height: 0;
	font-size: 0;
}

/* 20151208 トップページ SPLコンテンツバナー2カラム ---------------------------------- */

body div#container div#pagebody div#column2-main760 div.banner02 {
	margin: 0 0 120px;

}

body div#container div#pagebody div#column2-main760 div.banner02 .left {
	float:left;
	margin:0 8px 10px 0;
}

body div#container div#pagebody div#column2-main760 div.banner02 .right {
	float:left;
	margin:0 0 10px 7px;
}
body div#container div#pagebody div#column2-main760 div.banner02 p a {
}




/* 2060601 トップページ ピックアップ ---------------------------------- */
.mod-seriesList {
  clear: both;
  margin: 20px 0 20px -15px;
  *zoom: 1; }
  .mod-seriesList:after {
    content: '';
    display: block;
    clear: both;
    height: 0; }
  .mod-seriesList + .mod-seriesList {
    margin-top: 40px; }
  .mod-seriesList .mod-seriesList-item1 {
    clear: both;
    margin: 0 0 0 15px; }
  .mod-seriesList a, .mod-seriesList a:hover, .mod-seriesList a:visited {
    color: #333333;
    text-decoration: none;
    cursor: pointer;
    display: block;
    *zoom: 1;
    *background: url(../images/ie6.png); }
  .mod-seriesList .mod-seriesList-item2 {
    width: 370px;
    float: left;
    *display: inline;
    margin: 0 0 0 15px;
	height: 200px; }
  .mod-seriesList .mod-seriesList-item1-image {
    float: left; }
  .mod-seriesList .mod-seriesList-item1-text {
    width: 370px;
    float: right; }
  .mod-seriesList .mod-seriesList-item2-image {
    float: left;
    margin-right: 30px; }
  .mod-seriesList .mod-seriesList-item2-text {
    overflow: hidden;
    *zoom: 1; }
  .mod-seriesList .mod-seriesList-item1-image img,
  .mod-seriesList .mod-seriesList-item2-image img {
    display: block;
    position: relative;
    *z-index: -1; }
  .mod-seriesList .mod-seriesList-item1-text h3,
  .mod-seriesList .mod-seriesList-item2-text h3 {
    font-size: 1.23077em;
    line-height: 1.2;
    margin: 0 0 10px; }
  .mod-seriesList .mod-seriesList-item1-text p,
  .mod-seriesList .mod-seriesList-item2-text p {
    margin: 0 0 .5em; }
  .mod-seriesList .mod-seriesList-item1-text p.mod-seriesList-item1-text-intro,
  .mod-seriesList .mod-seriesList-item2-text p.mod-seriesList-item2-text-intro {
    font-size: 0.76923em; }
  .mod-seriesList .mod-seriesList-item1-text p.mod-seriesList-item1-text-note,
  .mod-seriesList .mod-seriesList-item2-text p.mod-seriesList-item2-text-note {
    color: #999;
    font-size: 0.76923em;
    margin: .5em 0; }


.mod-seriesList-narrow .mod-seriesList-item2-image {
	margin-right: 20px;
}

.c5-seriesList-item2-text {
	margin: 5px auto!important ;
	text-align: center;
}

.c5-seriesList-item2-text p{
	background: rgba(0, 0, 0, 0) url("/share2/images/mod-link/ico_01.png") no-repeat scroll 0 0.35em;
    display: inline-block;
    padding-left: 10px;
}

body div#container div#pagebody div#column2-main760 div.section .mod-seriesList p {
			position: relative;
		}

#sitemap li {
    background: url(/vpl/share/images/arrow_black.gif) 0 center no-repeat;
    padding-left: 10px;
    line-height: 2.5em;
		margin-top:10px;
}

.c5-negative-mt20{
		margin-top: -20px;
}
.voice-campus img {
  max-width: 100%;
}
.modal-left {
  float: left;
  width: 350px;
}
.modal-right {
  float: right;
  width: 370px;
}
.modal-imgCols {
  display: flex;
  justify-content: space-between;
}
.modal-imgCols > div {
  flex: 0 1 48%;
  text-align: center;
}