@charset "UTF-8";

/*
*	Title: 各ページ用CSS
*	URI: 
*	Last Modified: 2010-03-31
*	Description: 各ページで使用する要素を定義する
*/

/*========================================
	1. 要素
========================================*/
body>div {
	background: #ffffff;
}

/*========================================
	2. メインコンテンツ枠
========================================*/
/* ----- ページ内コンテンツ枠 ----- */
#main #pageBodyWrap {
	position: relative;
	padding: 0 0 0;
}

/* ----- ページ内セクション枠 ----- */
#main #pageBodyWrap .sectionWrap {
	padding: 0 0 58px;
	line-height: 1.5;
}

#main #pageBodyWrap .sectionBox {
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}

#main #pageBodyWrap .sectionWrap .spaceTextBottom {
	margin-bottom: 30px;
	display: block;
}

#main #pageBodyWrap .sectionWrap .spaceImgBottom {
	margin-bottom: 29px;
}

#main #pageBodyWrap .sectionWrap .spaceWidth {
	margin-left: 10px;
	margin-right: 10px;
	display: block;
}


/*========================================
	3. 共通要素
========================================*/
/*--------------------------------------
	3-1. コンテンツエリア内
---------------------------------------*/
/* ----- 文字赤 ----- */
.attention {
	color: #9d0101;
}

/*--------------------------------------
	3-2. タイトル
---------------------------------------*/
/* ----- ページタイトル ----- */
h2 {
	padding-bottom: 24px;
}

h3 {
	height: 28px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/bg_subtitle_line.gif) no-repeat left bottom;
}

/*--------------------------------------
	3-2. サイドバナー
---------------------------------------*/
/* ----- 枠の補正 ----- */
#leftContent #sidebar {
	float: right;
	width: 220px;
	padding: 8px 0 0 0;
	margin: 0;
}

#leftContent #sidebar img {
	padding: 0;
	margin: 0;
	display: block;
}

/* ----- オンマウス時画像透過 ----- */
#leftContent #sidebar a:hover img{
	opacity:0.85; /* opera firefox safari */
	filter: alpha(opacity=85); /* ie */
}

/* ----- メニュー下バナー ----- */
#leftContent #sidebar #sidebarBannerArea {
	margin-top: 20px;
}

#leftContent #sidebar #sidebarBannerArea dt {
	margin-bottom: 5px;
}


/*--------------------------------------
	3-3. 共通パーツ（メインエリア）：ページの先頭へ戻るリンク
---------------------------------------*/
#pageBodyWrap .pageLinkToTopArea {
	padding: 0 0 0;
	margin-top: 20px;
}

#pageBodyWrap .pageLinkToTopArea li {
	float: right;
	margin: 0;
}

#pageBodyWrap .pageLinkToTopArea li a {
	display: block;
	background: none;
	text-indent: 0;
}

#pageBodyWrap .pageLinkToTopArea li a:hover {
	text-indent: -9999px;
}

*:first-child+html #pageBodyWrap .pageLinkToTopArea li a:hover {
	margin-top: 4px;
}

/* ----- 各種メニュー ----- */
#pageBodyWrap .pageLinkToTopArea .pageLinkToTop {
	left: 0;
}

#pageBodyWrap .pageLinkToTopArea .pageLinkToTop,
#pageBodyWrap .pageLinkToTopArea .pageLinkToTop a {
	width: 64px;
}

#pageBodyWrap .pageLinkToTopArea .pageLinkToTop a:hover {
	background: url(../images/img_backToTop_on.gif) no-repeat;
}

/*--------------------------------------
	3-4. パンくずリスト
---------------------------------------*/
#topicPath {
	margin: 0 39px 0 52px;
	line-height: 1;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 38px;
}

#topicPath a {
	margin-right: 4px;
	color: #0000ff !important;
}

#topicPath span {
	margin-left: 4px;
}

/*--------------------------------------
	3-5. フッター
---------------------------------------*/
#footer #linkToTop #pageTop {
	left: 0;
}

#footer #linkToTop #pageTop,
#footer #linkToTop #pageTop a {
	width: 64px;
}

#footer #linkToTop #pageTop a:hover {
	background: url(../images/img_backToTop_on.gif) no-repeat;
}

/* ----- トップ、フッターIE7 ----- */
*:first-child+html #ind #footer #linkToTop #pageTop a:hover {
	margin-top: 4px;
}

/* ----- トップ以外、フッターIE7 ----- */
*:first-child+html #footer #linkToTop #pageTop a:hover {
	margin-top: 2px;
}

/* ----- トップ、フッターIE6 ----- */
*html #ind #footer #linkToTop #pageTop a:hover {
	margin-top: 4px;
}

/* ----- トップ以外、フッターIE6 ----- */
*html #footer #linkToTop #pageTop a:hover {
	margin-top: 2px;
}

/* ----- トップ、フッターIE6 ----- */
*html #seminar #footer #linkToTop #pageTop a:hover {
	margin-top: 4px;
}

/* ----- フッター上リンク ----- */
#footerTop {
	position: absolute;
	left: 0;
	bottom: 37px;
	width: 900px;
	z-index: 25;
}

*html #footerTop { /* IE6用ハック */
	position: relative;
	/*left: 1px;*/
	bottom: 0;
	width: 840px;
}

#footerTop ul#footerNavTop {
	margin: 0;
	padding: 0 0 10px 25px;
}

*html #footerTop ul#footerNavTop {
	margin: 0;
	padding: 3px 0 10px 25px;
}

#footerTop ul#footerNavTop li {
	display: inline;
	margin: 0 8px 0 0;
	border-left: 1px solid #333333;
	padding: 0 0 0 12px;
	list-style: none;
	line-height: 1;
	font-size: 12px;
}

#footerTop ul#footerNavTop li:first-child {
	border: none;
}

#footerTop ul#footerNavTop li a {
	color: #0000ff;
}


/*--------------------------------------
	3-6. お問い合わせ・資料請求枠
---------------------------------------*/
#inquiryDemandArea {
	padding-bottom: 100px;
}

*html #inquiryDemandArea { /* IE6用ハック */
	width: 960px;
}

#inquiryDemandArea .lineStraight {
	padding-bottom: 45px;
}

*html #inquiryDemandArea img.lineStraight { /* IE6用ハック */
	width: 960px;
}

#inquiryDemandArea span{
	display: block;
	text-align: center;
}

/*========================================
	4. ホーム ： 【ind】
========================================*/
/* ----- トップへ戻る ----- */
#header span.toTop {
	float: left;
	padding-left: 176px;
	padding-top: 5px;
}

#header span.toTop a {
	display: block;
	background: url(../images/totop_hover.jpg) no-repeat top left;
}

/*--------------------------------------
	4-1. メインビジュアル
---------------------------------------*/
/* ----- メイン領域の幅が全体に渡る場合（index.htmlのみ） ----- */
/*#ind #fullContent {
	margin: 0;
	padding: 0;
	background: url(../images/ind_img_3.gif) no-repeat 60px 82px;
}*/

/* ----- メインビジュアルエリア ----- */
#ind .mainVisual01 {
	height: 161px;
	background: url(../images/ind_img_1.jpg) no-repeat left top;
}

#ind .mainVisual02 {
	height: 161px;
	background: url(../images/ind_img_2.jpg) no-repeat left top;
}

#ind .mainVisual03 {
	height: 361px;
	background: url(../images/ind_img_3.jpg) no-repeat left top;
}

/*--------------------------------------
	4-2. メインビジュアル以下
---------------------------------------*/
#menuDetailArea {
	position: absolute;
	left: 90px;
	top: 523px;
}

*html #menuDetailArea { /* IE6用ハック */
	position: relative;
	width: 900px;
	left: 60px;
	top: -235px;
}

/* ----- 商品紹介 ----- */

#productInfoArea {
	float: left;
	width: 392px;
	margin: 0;
	padding: 0 16px 40px 0;
}

#productInfoArea img {
	margin: 0;
	padding: 0;
}

*:first-child+html #productInfoArea img {
	display: block;
}

#ind .productInfoDetail {
	min-height: 225px;
	background: url(../images/ind_titleProductInfo_bottom.png) no-repeat left bottom;
}

*html #ind .productInfoDetail { /* IE6用ハック */
	background:#ffffff url(../images/ind_titleProductInfo_bottom.jpg) no-repeat left bottom;
}

#ind .productInfoDetail dl {
	padding: 0px;
}

#ind .productInfoDetail dt {
	text-align: center;
}

#ind .productInfoDetail dd {
	font-size: 12px;
	padding: 12px 15px 20px;
}

#ind .productInfoDetail dd span {
	text-align: right;
	display: block;
}

*html #ind .productInfoDetail dd span {
	padding-bottom: 7px;
}

#ind .productInfoDetail dd a {
	color: #0000ff;
}

/* ----- ご活用事例 ----- */
#NTTHIKARIInfoArea {
	float: left;
	width: 393px;
	margin: 0;
	padding: 0 0 40px 4px;
}

#NTTHIKARIInfoArea img {
	margin: 0;
	padding: 0;
}

*:first-child+html #NTTHIKARIInfoArea img {
	display: block;
}

#ind .NTTHIKARIInfoDetail {
	min-height: 225px;
	background: url(../images/ind_titleNTTHIKARIInfo_bottom.png) no-repeat left bottom;
}

*html #ind .NTTHIKARIInfoDetail { /* IE6用ハック */
	background:#ffffff url(../images/ind_titleNTTHIKARIInfo_bottom.jpg) no-repeat left bottom;
}

#ind .NTTHIKARIInfoDetail dl {
	padding: 0px;
}

#ind .NTTHIKARIInfoDetail dt {
	text-align: center;
}

#ind .NTTHIKARIInfoDetail dd {
	padding: 12px 15px 15px;
	font-size: 12px;
}

#ind .NTTHIKARIInfoDetail dd span {
	text-align: right;
	display: block;
}

#ind .NTTHIKARIInfoDetail dd a {
	color: #0000ff;
}

#ind .NTTHIKARIInfoDetail .NTTHIKARIInfoImage {
	margin-left: 9px;
	margin-bottom: 10px;
}


/*--------------------------------------
	4-3. 最新ニュース
---------------------------------------*/
#ind #news {
	width: 860px;
	margin: 25px auto 0;
}

*html #ind #news {
	margin-top: -240px;
}

*:first-child+html #ind #news {
	padding-top: 20px;
}

#ind #newsArea {
	float: left;
	width: 555px;
	margin: 0;
	padding: 0 0 40px 0;
	font-size: 12px;
}

#ind #newsArea img {
	display: block;
	margin: 0;
	padding: 0;
}

#ind .newsDetailArea {
	padding: 3px 5px 40px 5px;
}

#ind .newsDetailArea dl {
	padding: 0 10px 0;
}

#ind .newsDetailArea dt {
	float: left;
	color: #666666;
	padding-top: 8px;
	font-family: Verdana;
}

#ind .newsDetailArea dd {
	padding-left: 90px;
	padding-top: 8px;
}

/*--------------------------------------
	4-4. サイドバナー
---------------------------------------*/
/* ----- 枠の補正 ----- */
#ind #sidebar {
	float: right;
	width: 286px;
	padding: 0 0 30px 0;
	margin: 0;
}

/* ----- バナーエリア枠 ----- */
#ind #sidebar .sideBannerArea {
	margin: 0;
	padding: 0 0 40px;
}

#ind #sidebar .sideBannerArea a img {
	display: block;
	width: 100%;
	margin: 0 0 10px;
	background-color: #FFFFFF;
}

/* ----- オンマウス時画像透過 ----- */
#ind #sidebar .sideBannerArea a:hover img{
	opacity:0.85; /* opera firefox safari */
	filter: alpha(opacity=85); /* ie */
}


/*========================================
	5. デジタルサイネージソリューション ： 【dig】
========================================*/
#dig {
	font-size: 12px;
	line-height: 1.4;
}

#dig #main #pageBodyWrap .sectionWrap {
	padding-bottom: 20px;
	margin-left: 12px;
	margin-right: 12px;
}

/*--------------------------------------
	5-1. 製品・サービスの特徴
---------------------------------------*/
#dig .digitalSignageSolution01 {
	border: 1px solid #cccccc;
	margin-bottom: 60px;
} 

/* ----- 表組み ----- */
#dig #productServiceList {
	text-align: left;
	margin: 0 auto;
} 

#dig #productServiceList td {
	padding: 0;
} 

#dig #productServiceList td span {
	margin: 10px 11px 16px;
	display: block;
} 

#dig .spaceImgBottom {
	margin-bottom: 29px;
}

/*========================================
	6. サイネージシステム ： 【sig】
========================================*/
#sig {
	font-size: 12px;
	line-height: 1.4;
}

#sig #main #pageBodyWrap .sectionWrap {
	padding-bottom: 20px;
	margin-right: 12px;
	margin-left: 12px;
}

#sig .signageSystemDisplay01 {
	margin-right: 18px;
	width: 280px;
	float: left;
}

/* ----- 表組み ----- */
#sig #signageSystemList {
	text-align: left;
	margin: 0 auto;
} 

#sig #signageSystemList td {
	padding: 0 18px 0 0;
} 

#sig #signageSystemList td img {
	padding: 0 0  15px 0;
} 

#sig #signageSystemList td ul {
	padding: 0 0 18px 4px;
} 

/* ----- 仕切り線 ----- */
#sig .signageSystemLine {
	border-top: 1px solid #cccccc;
	padding-bottom: 20px;
} 

/* ----- 外寸画像 ----- */
#sig #signageSystemManage {
	text-align: center;
	margin-bottom: 40px;
	margin-top: 20px;
	border: 1px solid #cccccc;
}

/*========================================
	7. フォトフレーム ： 【pho】
========================================*/
#pho {
	font-size: 12px;
	line-height: 1.4;
}

#pho #main #pageBodyWrap .sectionWrap {
	padding-bottom: 20px;
	margin-right: 12px;
	margin-left: 12px;
}

/*--------------------------------------
	7-1. 機能紹介エリア
---------------------------------------*/
/* ----- 仕切り線 ----- */
#pho .photoFlameLine {
	border-top: 1px solid #cccccc;
	padding-bottom: 25px;
} 

/* ----- 機能表 ----- */
#pho #photoFlameList {
	text-align: left;
	margin: 0 auto;
} 
#pho #photoFlameList th {
	width: 272px;
	text-align: center;
	vertical-align: middle;
} 

#pho #photoFlameList td {
	width: 388px;
	padding: 0;
	vertical-align: top;
} 

#pho #photoFlameList td span {
	margin: 7px 4px 16px;
	display: block;
	line-height: 1.3;
} 

#pho .photoFlameList {
	margin-bottom: 29px;
}

/*--------------------------------------
	7-2. 機能スペックエリア
---------------------------------------*/
/* ----- スペック表 ----- */
#pho #photoFlameSpecList {
	padding-bottom: 30px;
}

#pho #photoFlameSpecList .listSpec {
	margin: 0 auto;
	width: 650px;
	text-align: center;
}

#pho #photoFlameSpecList .listSpec th {
	border: 1px solid #aaaaaa;
	padding: 9px 4px 7px;
	background: #bae4ff;
	line-height: 1.2;
	vertical-align: middle;
	white-space: nowrap;
	color: #333333;
}

#pho #photoFlameSpecList .listSpec .nullTh {
	width: 139px;
}

#pho #photoFlameSpecList .listSpec .725GTh {
	width: 141px;
}

#pho #photoFlameSpecList .listSpec td {
	border: 1px solid #aaaaaa;
	padding: 9px 4px 7px;
	line-height: 1.2;
	vertical-align: middle;
}

/* ----- 見出しtd（最左列） ----- */
#pho #photoFlameSpecList .listSpec .monitor,
#pho #photoFlameSpecList .listSpec .resolution,
#pho #photoFlameSpecList .listSpec .powersource,
#pho #photoFlameSpecList .listSpec .outsize,
#pho #photoFlameSpecList .listSpec .os,
#pho #photoFlameSpecList .listSpec .submemory,
#pho #photoFlameSpecList .listSpec .lan,
#pho #photoFlameSpecList .listSpec .interface,
#pho #photoFlameSpecList .listSpec .memorycard,
#pho #photoFlameSpecList .listSpec .staticformat,
#pho #photoFlameSpecList .listSpec .dynamicformat,
#pho #photoFlameSpecList .listSpec .musicformat {
	text-align: left;
	font-weight: bold;
	padding: 9px 8px 7px;
	white-space: nowrap;
	color: #333333;
}

/* ----- 左上注釈文言 ----- */
#pho #photoFlameSpecList .explain {
	font-size: 10px;
	text-align: left;
	display: block;
	/*float: left;*/
	width: 139px;
	padding-left: 4px;
	/*padding-bottom: 4px;*/
}

/* ----- 左下注釈文言 ----- */
#pho #photoFlameSpecList .annotate {
	font-size: 12px;
	text-align: left;
	display: inline-block;
	width: 650px;
	margin-top: 5px;
}

#pho #photoFlameSpecList ul {
	padding: 0;
	list-style: none;
	line-height: 1.4;
	padding-left: 4px;
}

#pho #photoFlameSpecList ul li {
	margin: 0;
	padding: 0 0 0 10px;
}

#pho #photoFlameSpecList ul li span {
	display: inline-block;
	margin-left: -13px;
	width: 13px;
}

/* ----- 外寸画像 ----- */
#pho #photoFlameOutSize {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 40px;
}

/*========================================
	8. 導入事例 ： 【cas】
========================================*/
#cas {
	font-size: 12px;
	line-height: 1.4;
}

/* ----- ページ内セクション枠 ----- */
#cas #main #pageBodyWrap .sectionWrap .spaceTextBottom {
	margin-right: 12px;
	margin-bottom: 30px;
	margin-left: 12px;
	display: block;
}

/* ----- 画像 ----- */
#cas #caseStudies01 {
	text-align: center;
	margin-top: 20px;
	border: 1px solid #cccccc;
}

#cas #caseStudies02 {
	text-align: center;
	margin-top: 20px;
	border: 1px solid #cccccc;
}

/*========================================
	9. iPad,Android,STB... ： 【lif】
========================================*/
/*========================================
	5. デジタルサイネージソリューション ： 【dig】
========================================*/
#lif {
	font-size: 12px;
	line-height: 1.4;
}

#lif #main #pageBodyWrap .sectionWrap {
	padding-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
}

#lif #main #pageBodyWrap .sectionWrap span {
	margin-left: 5px;
	margin-right: 5px;
	display: block;
}

/*--------------------------------------
	5-1. 製品・サービスの特徴
---------------------------------------*/
/* ----- 表組み ----- */
#lif #lifePlusScalabilityList {
	text-align: left;
	margin: 20px auto 0;
} 

#lif #lifePlusScalabilityList td {
	padding: 0;
} 

#lif #lifePlusScalabilityList td .lifePlusScalabilityBottom01 {
	padding-bottom: 70px;
} 

/*========================================
	10. イベント ： 【seminar】
========================================*/

/*--------------------------------------
	10-1. パートナー募集セミナー
---------------------------------------*/

/* ----- タイトル ----- */
#seminar h2 {
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 0px 0px;
	background: none;
	text-align: center;
}

/* ----- テーブル ----- */
#seminar table,
#seminar th {
	border: 1px solid #98cbcb;
	font-size: 12px;
}

#seminar td {
	border: 1px solid #98cbcb;
	font-size: 12px;
	padding: 8px;
}

#seminar .seminarMargin01 {
	margin-bottom: 5px;
}

#seminar .seminarMargin02 {
	margin-top: 0px;
	margin-bottom: 30px;
}

#seminar .seminarMargin03 {
	margin-top: 5px;
	display: inline-block;
	padding-left: 12px;
	padding-right: 12px;
}

#seminar .seminarMargin04 {
	display: block;
	padding-left: 12px;
	padding-right: 12px;
	width: 450px;
}

#seminar th {
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
}

#seminar ul {
	margin-bottom: 0px;
	list-style-type : none;
}

/* ----- 赤字 ----- */
#seminar .seminarCollar01 {
	color: #b42006;
}

/* ----- セミナーお申込ボタン部分 ----- */
#seminar p.seminarBtn {
	margin: 0;
	padding: 0;
	text-align: center;
}

#seminar .seminarBox01 {
	padding: 0px 50px 0px 50px;
}
#seminar .seminarBox01 span{
	font-size: 12px;
	display:inline-block;
	margin-top: 5px;
}

#seminar .seminarBox02 {
	padding: 0px 50px 0px 50px;
	font-size: 12px;
}

#seminar .seminarBox02 span{
	font-size: 14px;
}

#seminar .seminarBox03 {
	padding: 0px 75px 40px 75px;
}

#seminar .seminarBox04 {
	padding: 10px 80px 10px 80px;
}
#seminar .seminarBox04 span{
	font-size: 12px;
	display:inline-block;
	margin-top: 5px;
}


/* ----- テキスト右寄せ ----- */
#seminar span.seminarText01 {
	display: block;
	text-align: right;
	margin: 0;
	padding: 0;
}

/* ----- 講演者 ----- */
#seminar #lecturer {
	width: 600px;
}

#seminar #lecturer .career img {
	float: right;
	width: 100px;
}

/*-----------------------------------------------------------
　10-2. デジタルサイネージジャパン2010（20100609）
-----------------------------------------------------------*/

#dsj2010 h2 {
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 0px 0px;
	background: none;
	text-align: center;
}

#dsj2010 h3 {
	margin-bottom: 0px;
	padding-bottom: 0px;
	background: none;
	font-weight: bold;
}

#dsj2010 .dsj2010Container01 {
	width: 655px;
	margin: 0 auto;
}

#dsj2010 .dsj2010Title01 {
	border-bottom: 1px solid #98cbcb;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px;
}

#dsj2010 table {
	border: 1px solid #98cbcb;
	font-size: 12px;
}

#dsj2010 th,
#dsj2010 td {
	border: 1px solid #98cbcb;
	font-size: 12px;
	padding: 6px 9px;
}

#dsj2010 .dsj2010Margin01 {
	margin-top: 10px;
	margin-bottom: 0px;
}

#dsj2010 .dsj2010Margin02 {
	margin-top: 0px;
	margin-bottom: 5px;
}

#dsj2010 .dsj2010Text01 {
	text-align: right;
}

#dsj2010 .dsj2010Text02 {
	text-indent: 1em;
}

#dsj2010 .dsj2010Text03 li {
	font-size: 12px;
}

#dsj2010 .dsj2010Box01 {
	float: left;
}

#dsj2010 .dsj2010Box02 {
	float: left;
	padding-left: 30px;
}

#dsj2010 .dsj2010Box02 ul {
	padding-left: 30px;
	list-style: circle;
}

#dsj2010 .dsj2010Box03 {
	float: left;
	width: 355px;
}

#dsj2010 .dsj2010Box04 {
	float: left;
	padding-top: 15px;
	padding-left: 20px;
}

/* ----- content内の区切り ----- */
#dsj2010 .division {
	margin-bottom: 25px;
}