@charset "UTF-8";

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

/*========================================
	0. 共通要素
========================================*/
body>div {
	background: #f1f8f6;
}

*html #container {
	background: #f1f8f6;
}

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

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

#main #pageBodyWrap .sectionBox {
	border: 1px solid #c3d7d2;
	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;
}

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

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

*html #leftContent #sidebar {
	padding: 36px 30px 0 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 */
}


/*========================================
	2. ホーム ： 【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;
}

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

*html #ind #fullContent {
	height: 737px;
}

/* ----- メインビジュアルエリア ----- */
#ind #mainVisual {
	/*height: 284px;*/
	margin-top: 40px;
	width: 890px;
}

*html #ind #mainVisual {
	height: 284px;
	width: 930px;
}

#ind #mainVisual .mainVisualImage01 {
	vertical-align: top;
	margin-left: 31px;
	float: left;
}

#ind #mainVisual .mainVisualImage02 {
	width: 355px;
	float: left;
	margin-left: 7px;
}

#ind #mainVisual .mainVisualImage03 {
	margin-left: 46px;
}


#ind #subVisual {
	padding-top: 22px;
}

/*--------------------------------------
	2-2. メインビジュアル以下
---------------------------------------*/
#menuDetailArea {
	padding-top: 24px;
	padding-left: 8px;
}

/* ----- 機能紹介 ----- */

#functionalIntroduceArea {
	float: left;
	width: 302px;
	margin: 0;
	padding: 0 0 40px 0;
}

*html #functionalIntroduceArea {
	padding: 0 0 0 0;
}

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

*html #functionalIntroduceArea img {
	display: block;
}

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

#ind .functionalIntroduceDetail {
	min-height: 175px;
	background:#f1f8f6 url(../images/ind_img_titleBottom.gif) no-repeat left bottom;
}

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

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

#ind .functionalIntroduceDetail dd {
	padding: 12px 27px 20px;
}

#ind .functionalIntroduceDetail dd  a {
	font-size: 12px;
}

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

*html #conjugatedCaseArea {
	padding: 0 0 0 4px;
}

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

*html #conjugatedCaseArea img {
	display: block;
}

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

#ind .conjugatedCaseDetail {
	min-height: 175px;
	background:#f1f8f6 url(../images/ind_img_titleBottom.gif) no-repeat left bottom;
}

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

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

#ind .conjugatedCaseDetail dd {
	padding: 12px 27px 20px;
}

#ind .conjugatedCaseDetail dd a{
	font-size: 12px;
}

/* ----- サービスラインナップ ----- */
#servicelineupArea {
	float: left;
	width: 302px;
	margin: 0;
	padding: 0 0 40px 4px;
}

*html #servicelineupArea {
	padding: 0 0 0 4px;
}

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

*html #servicelineupArea img {
	display: block;
}

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

#ind .servicelineupDetail {
	min-height: 175px;
	background:#f1f8f6 url(../images/ind_img_titleBottom.gif) no-repeat left bottom;
}

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

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

#ind .servicelineupDetail dd {
	padding: 12px 27px 20px;
}

#ind .servicelineupDetail dd a {
	font-size: 12px;
}

/*========================================
	3. 機能紹介 ： 【fun】
========================================*/

/*--------------------------------------
	3-1. 記事入稿管理システム
---------------------------------------*/
/* ----- 表組み ----- */
#fun #systemMainList {
	text-align: center;
	margin: 0 auto;
} 

#fun #systemMainList td {
	padding: 0 20px;
} 

/* ----- 表組み内サブタイトル ----- */
#fun #systemMainList .spaceSubTitleBottom {
	margin-bottom: 9px;
} 

/*--------------------------------------
	3-2. コンテンツ管理システム（CMS）
---------------------------------------*/
/* ----- CMSとは？ ----- */
#fun #aboutCMS {
	margin-top: 20px;
}

#fun #aboutCMS img {
	padding: 20px 20px 0 20px;
	background: url(../images/line_dotted.gif) repeat-x left top;
}

/* ----- 表組み ----- */
#fun #cmsImageList {
	text-align: center;
	margin: 0 auto;
} 

#fun #cmsImageList td {
	padding: 0 40px;
} 

/* ----- 表組み内サブタイトル ----- */
#fun #cmsImageList .spaceSubTitleBottom {
	margin-bottom: 9px;
} 

/* ----- 背景青注釈箇所 ----- */
#fun .annotateBox {
	background-color:#c4e2de;
	padding: 21px;
} 

/*--------------------------------------
	3-3. 電子書籍ビューアー
---------------------------------------*/
/* ----- 表組み ----- */
#fun #epaperViewerList {
	text-align: center;
	margin: 0 auto;
} 

#fun #epaperViewerList td {
	padding: 0 12px;
} 

/* ----- 表組み内サブタイトル ----- */
#fun #epaperViewerList .spaceSubTitleBottom {
	margin-bottom: 21px;
} 

/* ----- 表組み内画像 ----- */
#fun #epaperViewerList .spaceEpaperViewerImgBottom01 {
	margin-bottom: 29px;
} 

#fun #epaperViewerList .spaceEpaperViewerImgBottom02 {
	margin-bottom: 18px;
} 

/*========================================
	4. ご活用事例 ： 【con】
========================================*/

/*--------------------------------------
	4-1. 事例のご紹介
---------------------------------------*/
/* ----- 背景青注釈箇所 ----- */
#con .annotateBox {
	background-color:#c4e2de;
	padding: 21px;
} 

/*========================================
	5. サービスラインナップ ： 【ser】
========================================*/

/*--------------------------------------
	5-1. サービスラインナップ
---------------------------------------*/
/* ----- 注釈 ----- */
#ser #serviceUse {
	margin-top: 20px;
}

#ser #serviceUse img {
	padding: 20px 20px 0 20px;
	background: url(../images/line_dotted.gif) repeat-x left top;
}

/*========================================
	6. タイトル
========================================*/
/* ----- ページタイトル : h2 ----- */
h2 {
	padding-top: 28px;
	padding-bottom: 24px;
	background: url(../images/img_mainTitle_ePaper.gif) no-repeat left top;
}

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


/*========================================
	7. パンくずリスト
========================================*/
#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;
}

/*========================================
	8. 共通パーツ（メインエリア）：ページの先頭へ戻るリンク
========================================*/
#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;
}

*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;
}

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

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

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

/*========================================
	10. フッター
========================================*/
#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;
}

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

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