@charset "Shift_JIS";

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

	Site Name   EDIX特設ページ
	File Name   page.css

	Create Date 2015/05/14
	Update Date 2015/05/19

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

/* Start of "Micro clearfix" */
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/* End of "Micro clearfix" */


/*  Common page style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.ex-marginTopNone {
	margin-top: 0 !important;
}
.ex-marginTop10 {
	margin-top: 10px !important;
}
.ex-marginTop20 {
	margin-top: 20px !important;
}
.ex-marginTop30 {
	margin-top: 30px !important;
}
.ex-marginTop40 {
	margin-top: 40px !important;
}
.ex-marginTop50 {
	margin-top: 50px !important;
}

.ex-marginNone {
	margin: 0 !important;
}

.ex-marginBottomNone {
	margin-bottom: 0 !important;
}
.ex-marginBotton10 {
	margin-bottom: 10px !important;
}
.ex-marginBotton20 {
	margin-bottom: 20px !important;
}
.ex-marginBotton30 {
	margin-bottom: 30px !important;
}
.ex-marginBotton40 {
	margin-bottom: 40px !important;
}
.ex-marginBotton50 {
	margin-bottom: 50px !important;
}

.ex-alignLeft {
	text-align: left !important;
}
.ex-alignRignt {
	text-align: right !important;
}
.ex-alignCenter {
	text-align: center !important;
}

.ex-cautionText {
	margin-left: 1em;
	text-indent: -1em;
	padding: 0 10px;
	font-size: 0.769em !important;
}
.ex-cautionColor {
	color: #cc0000;
}

.none {
	display: none;
}


/*  EDIX page style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#EDIX {
	margin: 0 0 100px;
}

#EDIX div.link-box-bgc {
	margin: 20px 0;
	padding: 20px 15px;
	background: #eeeeee;
}
#EDIX div.link-box-bgc p {
	margin: 0;
	padding: 0;
}
#EDIX div.link-box-bgc p a {
	margin: 0;
	padding: 0 0 0 15px;
	background: transparent url(/share/images/arrow_black.gif) no-repeat left 0.4em;

}

#EDIX div.layout-box {
	position: relative;
	width: 950px;
	height: 520px;
	overflow: hidden;
}

#EDIX div.layout-box p {
}

#EDIX div.layout-box ul {
}
#EDIX div.layout-box ul li {
}
#EDIX div.layout-box ul li a {
	display: block;
	width: 35px;
	height: 45px;
}

#EDIX div.layout-box ul li a img {
	margin-top: 10px;
}

#EDIX div.layout-box ul li.layout-modal-01 {
	position: absolute;
	top: 342px;
	left: 155px;
}
#EDIX div.layout-box ul li.layout-modal-02 {
	position: absolute;
	top: 313px;
	left: 304px;
}
#EDIX div.layout-box ul li.layout-modal-03 {
	position: absolute;
	top: 220px;
	left: 245px;
}
#EDIX div.layout-box ul li.layout-modal-04 {
	position: absolute;
	top: 83px;
	left: 352px;
}
#EDIX div.layout-box ul li.layout-modal-05 {
	position: absolute;
	top: 188px;
	left: 424px;
}
#EDIX div.layout-box ul li.layout-modal-06 {
	position: absolute;
	top: 344px;
	left: 434px;
}
#EDIX div.layout-box ul li.layout-modal-07 {
	position: absolute;
	top: 324px;
	left: 707px;
}
#EDIX div.layout-box ul li.layout-modal-08 {
	position: absolute;
	top: 189px;
	left: 726px;
}
#EDIX div.layout-box ul li.layout-modal-09 {
	position: absolute;
	top: 144px;
	left: 511px;
}
#EDIX div.layout-box ul li.layout-modal-10 {
	position: absolute;
	top: 99px;
	left: 746px;
}
#EDIX div.layout-box ul li.layout-modal-11 {
	position: absolute;
	top: 216px;
	left: 573px;
}

#EDIX div.layout-box ul li.layout-modal-lc {
	position: absolute;
	top: 240px;
	left: 52px;
}
#EDIX div.layout-box ul li.layout-modal-lc a {
	width: 63px;
	height: 73px;
}


#EDIX div.remodal {
}
#EDIX p {
}


/*
			<li class="layout-modal-01"><a href="#modal-01" class="example" data-tooltip="アクティブ・ラーニング<br />（デジタルペーパー）"><img src="common/images/icon_mark_01.png" alt="" width="35" height="35" /></a></li>
			<li class="layout-modal-02"><a href="#modal-02" class="example" data-tooltip="アクティブ・ラーニング<br />（ビデオ会議）"><img src="common/images/icon_mark_02.png" alt="" width="35" height="35" /></a></li>
			<li class="layout-modal-03"><a href="#modal-03" class="example" data-tooltip="AV教室の統合管理・運用"><img src="common/images/icon_mark_03.png" alt="" width="35" height="35" /></a></li>
			<li class="layout-modal-04"><a href="#modal-04" class="example" data-tooltip="レーザー光源液晶プロジェクター"><img src="common/images/icon_mark_04.png" alt="" width="35" height="35" /></a></li>
			<li class="layout-modal-05"><a href="#modal-05" class="example" data-tooltip="講義収録・管理・配信"><img src="common/images/icon_mark_05.png" alt="" width="35" height="35" /></a></li>
			<li class="layout-modal-06"><a href="#modal-06" class="example" data-tooltip="ビジョンプレゼンター"><img src="common/images/icon_mark_06.png" alt="" width="35" height="35" /></a></li>
			<li class="layout-modal-07"><a href="#modal-07" class="example" data-tooltip="Tenobo学習システム"><img src="common/images/icon_mark_07.png" alt="" width="35" height="35" /></a></li>
			<li class="layout-modal-08"><a href="#modal-08" class="example" data-tooltip="Xperia&trade;タブレットの<br />教育向けソリューション"><img src="common/images/icon_mark_08.png" alt="" width="35" height="35" /></a></li>
			<li class="layout-modal-09"><a href="#modal-09" class="example" data-tooltip="VAIOが提案する<br />クリエイター向けPC"><img src="common/images/icon_mark_09.png" alt="" width="35" height="35" /></a></li>
			<li class="layout-modal-10"><a href="#modal-10" class="example" data-tooltip="アクションカム"><img src="common/images/icon_mark_10.png" alt="" width="35" height="35" /></a></li>
			<li class="layout-modal-11"><a href="#modal-11" class="example" data-tooltip="液晶テレビ ブラビア"><img src="common/images/icon_mark_11.png" alt="" width="35" height="35" /></a></li>
			<li class="layout-modal-lc"><a href="/professional/event/spl/EDIX/common/movie/index.html" class="example movie" data-tooltip="ライブ映像"><img src="common/images/icon_mark_live-camera.png" alt="" width="63" height="63" /></a></li>



	<div class="layout-box" style="position: relative; width:950px; height:520px;">
		<img src="common/images/main-visual.jpg" alt="" width="950" height="520" />
		<ul>
			<li><a href="#modal-01" class="example" data-tooltip="アクティブ・ラーニング（ビデオ会議）" style="display:block; width:31px; height:41px; position:absolute; top:10px; left:10px;"><img src="common/images/icon_mark_point.png" width="31" height="31" style="margin-top:10px;" /></a></li>

			<li><a href="/professional/event/spl/EDIX/common/movie/index.html" class="example movie_fujiya" data-tooltip="埋め込みFLASH動画テスト" style="display:block; width:31px; height:41px; position:absolute; top:10px; left:500px;"><img src="common/images/icon_mark_point.png" width="31" height="31" style="margin-top:10px;" /></a></li>
		</ul>

	</div>

		<div class="remodal" data-remodal-id="modal-01">
			<p><img src="//nogamisnapshot.com/images/gallery/196409_08.jpg" alt="" width="800" height="600"></p>
		    <h1>1964年9月-1966年8月<br>文京区大曲相互ビル屋上から</h1>
		    <p class="text">親父がペンタックスSPというTTL露出計の付いた最新鋭一眼レフを買い、さらにこの頃400mmの超望遠レンズも買った。文京区大曲の親父の会社の屋上から撮影してみた。<br>
			目白通り江戸川橋方面。当時のカメラ雑誌には望遠レンズの効果を強調している作例がよく見られたので、それを真似てみた。</p>				<p><a href="//www.sony.jp/" target="_blank">ダミーリンクテスト</a></p>
			<a class="remodal-close" href="#"></a>
	    </div>
		

*/