@charset "shift_jis";
/* CSS Document */

/* ===========================================================
インデックス

	＊共通初期設定
		*html abbr body img ul,dl,ol hr a sub

	＊フロートクリア ハック
		clearFix

【各種ブロックエリア設定】

	＊メインコンテナ設定
		allContentsContainer

	＊ヘッダーエリア
		headerArea

	＊プロモーションエリア
		promoArea	

	＊サイトトップ グローバルナビエリア
		topGlovalNavi	

	＊グローバルナビエリア
		gNaviArea	

	＊コンテンツエリア
		contentsArea	

	＊サイトトップ サブナビエリア
		topSubNaviArea	

	＊パンクズリストエリア
		breadNaviArea

	＊サイトトップ ニュースコンテンツエリア
		newsArea		

	＊ローカルナビエリア
		localNaviArea

	＊ローカルナビ付きコンテンツボディエリア
		contentsBodyArea	

	＊フッターエリア
		footerArea

【各種要素設定】
	＊各種見出し要素
		h1 h2 h3 noImageHd

	＊セクション（項目・区分ブロック要素）
		itemSection1~ inSection1~

	＊フィーチャーエリア
		featureArea featureArea2~	

	＊カラム（列）要素設定
		columnContainer columnContainer2~
		
	＊UL用 リストスタイル
	＊OL用 リストスタイル
	＊DL用 リストスタイル
		listStyle1~

	＊FAQ用リストスタイル
		faqListStyle1~

	＊注釈文用リスト
		cautionList1~
		
	＊リンクリスト クラス
		linkListStyle1~ newwinMarker

	＊テーブルスタイル
		tableStyle1~ dbTableStyle1~ topNewsArea

	＊キャプション用スタイル
		captionText1~

	＊強調 & 中強調 スタイル
		strong.style1~ em.style1~
		
	＊ページ内ナビ
		pageTop

【各種固有レイアウト設定】

	＊「製品・サービス一覧（総合）」レイアウト用スタイル
		productInfo productImage productCaption productName productType productSummary

	＊「サイトマップ」レイアウト用
		siteMapListStyle
		
	＊「お問い合わせ」ボタンエリア設定
		btnArea inq spt leftBtnItem rightBtnItem
		
	＊「プレスリリース」用 スタイル
		releaseDate releaseTitle releaseTitle

【表示制御用クラス設定】

	＊区切り線
		shadowBorder1~ dottedBorder1~

	＊画像・テキスト回り込み クラス
		floatItem1~

	＊余白制御用クラス
		marginBottom1~ paddingTop1~ paddingBottom1~

	＊文字寄せ
		alignLeft alignCenter alignRight

	＊文字寄せ 縦
		valignTop valignMiddle valignBottom		

	＊文字間隔調整クラス
		chrSpcShort chrSpcLong

=========================================================== */
/* ===== 全共通 初期設定 ===== */

* {
	margin: 0;
	padding: 0;
}
abbr,  acronym {
	border: 0;
	text-decoration: none;
}
body {
	background: #fff;
	color: #333;
	font-size: 100.01%;
	text-align: center;
}
img {
	border: 0px;
	vertical-align: baseline;
}
ul, dl, ol {
	list-style-type: none;
	list-style-position: outside;
}
hr {
	display: none;
}
a:link {
	color: #0088cc !important;
	text-decoration: none;
}
a:visited {
	color: #0088cc !important;
	text-decoration: none;
}
a:hover,  a:focus,  a:active {
	color: #cc0000 !important;
	text-decoration: underline;
	overflow: hidden;
	outline: none;
}
sub {
	vertical-align: baseline;
	font-size: 0.8em;
}
/* ===== フロートクリア ハック ===== */

.clearFix {
	display: inline-block;
	min-height: 1%;
}
.clearFix:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	content: ".";
}
/* Hides from IE-mac \*/

.clearFix {
	overflow: hidden;
	display: block;
}
* html .clearFix {
	height: 1%;
	overflow: visible;
}
/* End hide from IE-mac */



.clear {
	clear: both;
}
/* ==========================================

【各種ブロックエリア設定】

============================================ */
/* ===== メインコンテナ ===== */

#allContentsContainer {
	/* サイト幅 */

	width: 755px;
	margin: 0 auto;
}
#siteTop {
	background: url(../img/top_bgimg.gif) 0 88px repeat-x;
}
#siteTop #allContentsContainer {
	/* サイト幅 */

	width: 755px;
	margin: 0 auto;
	padding: 0 10px;
	background: url(../img/top_promobgimg.jpg) 0 88px no-repeat;
}
/* ===== ヘッダーエリア ===== */

#headerArea {
	margin-bottom: 14px;
	padding-top: 18px;
	text-align: left;
}
#headerArea h1,  #headerArea p {
	float: left;
	/* hdCopyの幅ピッタリに */

	width: 341px;
}
#headerArea h1 #hdLogo,  #headerArea p #hdLogo {
	margin-bottom: 5px;
}
#headerArea h1 #hdCopy,  #headerArea p #hdCopy {
}
/*-------------*/
.hdLogoImg {
	background: transparent url(../img/header_logo.gif) no-repeat top left;
	width: 129px;
	height: 34px;
	margin-bottom: 5px;
	padding: 0;
	display: block;
}
.hdLogoImg a {
	width: 129px;
	height: 34px;
	display: block;
	text-indent: -9999px;
	outline: none;
	overflow: hidden;
}
#headerArea #hdNavi {
	float: right;
	/* h1幅と合せてサイト幅になるように */

	width: 414px;
	padding-top: 9px;
	text-align: right;
}
#headerArea #hdNavi li {
	display: inline;
}
/* ===== プロモーションエリア ===== */

#promoArea {
}
#promoArea p {
	margin: 0;
}
/* ===== サイトトップ グローバルナビエリア ===== */

#topGlovalNavi {
	height: 84px;
	margin-bottom: 15px;
	padding: 14px 1px 0;
}
#topGlovalNavi ul li {
	float: left;
	margin-right: 7px;
}
#topGlovalNavi ul li.lastItem {
	margin-right: 0;
}
/* ===== グローバルナビエリア ===== */

#gNaviArea ul li {
	float: left;
	margin-right: 9px;
}
#gNaviArea ul li.lastItem {
	margin-right: 0;
}
#gNaviArea ul li img {
	vertical-align: bottom;
}
/* ===== コンテンツエリア ===== */

#contentsArea {
	text-align: left;
	font-size: 95%;
	line-height: 1.75;
	overflow: visible;
}
/* ===== サイトトップ サブナビエリア ===== */

#topSubNaviArea {
	float: right;
	width: 182px;
}
#topSubNaviArea ul {
	margin-bottom: 10px;
	padding-bottom: 6px;
	background: url(../img/cmn_dottedline.gif) 0 100% repeat-x;
}
#topSubNaviArea ul li {
	padding-bottom: 10px;
	background: url(../img/top_subnavi_bordershadow.gif) 0 100% no-repeat;
}
#topSubNaviArea ul li img {
	vertical-align: bottom;
}
#topSubNaviArea ul #aboutFiltering a {
	display: block;
	width: 182px;
	height: 119px;
	background: url(../ban/about_filtering.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#topSubNaviArea ul #seminarInfo a {
	display: block;
	width: 182px;
	height: 38px;
	background: url(../img/top_btn_seminar.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#topSubNaviArea ul #mediaInfo a {
	display: block;
	width: 182px;
	height: 38px;
	background: url(../img/top_btn_media.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#topSubNaviArea ul #seminarInfo a:hover {
	background: url(../img/top_btn_seminar_hover.gif) 0 0 no-repeat;
}
#topSubNaviArea ul #mediaInfo a:hover {
	background: url(../img/top_btn_media_hover.gif) 0 0 no-repeat;
}
#bannerArea {
	padding-bottom: 5px;
}
#bannerArea img {
	margin-bottom: 10px;
}
#bannerArea img.lastItem {
	margin-bottom: 0;
}
/* ===== パンクズリストエリア ===== */

#breadNaviArea {
	padding: 10px;
	/*background:url(../img/subnabi_bg.jpg) 0 0 no-repeat;*/

	font-size: 12px;
	text-align: left;
}
#breadNaviArea img {
	margin-right: 1px;
	vertical-align: middle;
}
/* ===== サイトトップ ニュースコンテンツエリア ===== */

#newsArea {
	float: left;
	width: 565px;
	text-align: left;
}
#newsArea h2 {
	margin-bottom: 5px;
	padding: 0;
	background: none;
	font-size: 100%;
}
#newsArea dl {
	margin-bottom: 20px;
	padding: 0 10px 0 13px;
	font-size: 95%;
	line-height: 1.5;
}
#newsArea dl dt,  #newsArea dl dd {
	float: left;
}
#newsArea dl dt {
	width: 92px;
}
#newsArea dl dd {
	width: 450px;
	margin-bottom: 0.75em;
}
/* ===== ローカルナビエリア ===== */

#localNaviArea {
	float: left;
	width: 180px;
	_width: 177px;
	text-align: left;
}
#localNaviArea ul.main {
	margin-bottom: 10px;
	padding: 0 0 11px;
	background: url(/bs/shared/img/localnavi_bottom.gif) 0 100% no-repeat;
}
#localNaviArea ul.main li {
	margin-bottom: 4px;
}
#localNaviArea ul.main li.hd {
	margin-bottom: 2px;
}
#localNaviArea ul.main li.lastItem {
	margin-bottom: 2px;
}
#localNaviArea ul.main li img {
	vertical-align: bottom;
}
#localNaviArea ul.main li li {
	margin-bottom: 0;
}
#localNaviArea ul.main li ul {
	background: none;
	margin: 0;
	padding: 0;
}
/* ===== ローカルナビ付きコンテンツボディエリア ===== */

#caseStudy #contentsBodyArea,  #twoColumn #contentsBodyArea {
	float: left;
	width: 575px;
	font-size: 100.01%;
	font-size: 95%;
	line-height: 1.75;
}
/* ===== フッターエリア ===== */

#footerArea {
	clear: both;
	padding: 16px 0 15px 0;
	border-top: 1px solid #004da0;
}
#footerArea ul {
	float: left;
}
#footerArea ul li {
	display: inline;
}
#footerArea ul li img {
	vertical-align: bottom;
}
#footerArea p {
	float: right;
	padding-top: 2px;
}
#footerArea p.copyright { float: right; font-family: Verdana, Osaka, sans-serif; font-size:8pt; color:#004da0; padding-top: 2px; }

/* ==========================================
【各種要素設定】
============================================ */
/* ===== 各種見出し要素 ===== */

h1 {
	font-size: 100.01%;
	font-size: 130%;
}
h2 {
	margin-bottom: 1em;
	padding: 1px 0 4px 15px;
	background: url(../img/cmn_hd2.gif) 2px 100% no-repeat;
	font-size: 120%;
	line-height: 1.2;
}
#siteTop h2 {
	margin: 0;
	padding: 0;
}
.columnContainer h2 {
	background: url(../img/cmn_hd2_half.gif) 2px 100% no-repeat;
}
#caseStudy h2,  #twoColumn h2 {
	margin-bottom: 1em;
	padding: 1px 0 4px 15px;
	background: url(../img/cmn_hd2_quarter.gif) 0 100% no-repeat;
	font-size: 120%;
	line-height: 1.2;
}
h3 {
	margin-bottom: 0.2em;
	padding: 0 0 0 23px;
	background: url(../img/cmn_hd3.gif) 0 48% no-repeat;
	font-size: 110%;
}
.columnContainer h3 {
	margin-bottom: 0.5em;
}
.noImageHd {
	background: none !important;
	padding: 0 !important;
	margin: 0 0 1em;
}
/* ===== セクション（項目・区分ブロック要素） ===== */

.itemSection {
	padding: 0 10px;
	font-size: 100%;
}
.itemSection2 {
	padding: 0 10px;
	font-size: 88%;
}
.inSection {
	padding: 0 10px;
	font-size: 100%;
}
.inSection2 {
	padding: 0 10px;
	font-size: 88%;
}
.inSection3 {
	padding: 0 20px;
	font-size: 100%;
}
.inSection4 {
	padding: 0 20px;
	font-size: 88%;
}
/* ===== フィーチャーエリア ===== */

.featureArea {
	padding: 10px;
	border: 1px solid #ddd;
}
.featureArea2 {
	padding: 10px;
	border: 1px solid #BDDFEC;
	background: #EFF9FE;
}
.featureArea3 {
	padding: 10px;
	border: 1px solid #F1AAA5;
	background: #FFF2F0;
}
.featureArea4 {
	padding: 10px;
	border: 1px solid #0289cd;
}
.featureArea5 {
	padding: 10px;
	border: 1px solid #fee685;
	background: #ffffcc;
}
#contentsBodyArea .featureArea h2,  #contentsBodyArea .featureArea2 h2,  #contentsBodyArea .featureArea3 h2,  #contentsBodyArea .featureArea4 h2 {
	background: none;
	margin: 0 0 1em;
	padding: 0;
	font-size: 110%;
}
/* ===== カラム（列）要素設定 ===== */

.columnContainer {
}
.columnContainer .leftColumn,  .columnContainer .rightColumn {
	float: left;
}
.columnContainer .leftColumn {
	width: 373px;
	/*_width:382px;*/

	padding-right: 9px;
}
.columnContainer .rightColumn {
	width: 373px;
}
.columnContainer p.prdBody {
	padding: 0 20px;
	font-size: 88%;
}
h3.prdHd {
	font-size: 90%;
	line-height: 1.2;
}
/* 3カラム */

.columnContainer2 {
}
.columnContainer2 .columnArea {
	float: left;
	/*width:241px;*/

	width: 241px;
	margin-right: 6px;
}
.columnContainer2 .columnArea.lastItem {
	margin-right: 0;
}
.columnContainer2 .columnArea dt {
	background-color: #f4f4f4;
	border: 1px solid #ccc;
}
.columnContainer2 .columnArea dd {
	padding-top: 5px;
}
/*  */

.columnContainer3 {
	padding: 0 10px;
}
.columnContainer3 .leftColumn,  .columnContainer3 .rightColumn {
	float: left;
	width: 362px;
}
.columnContainer3 .leftColumn {
	padding-right: 10px;
}
/* メニュー付き画面 3カラム */

.columnContainer4 {
}
.columnContainer4 .columnArea {
	float: left;
	width: 179px;
	border: 1px solid #ccc;
	margin-right: 6px;
}
.columnContainer4 .columnArea.lastItem {
	margin-right: 0;
}
.columnContainer4 .columnArea dt {
	padding: 0;
	background-color: #f4f4f4;
}
.columnContainer4 .columnArea dt img {
	vertical-align: bottom;
}
.columnContainer4 .columnArea dd {
	padding: 5px;
}
/* ===== UL用 リストスタイル ===== */

ul.listStyle1 li,  .listStyle2 .listStyle1 li,  .listStyle3 .listStyle1 li {
	padding: 0 0 3px 25px;
	background: url(../../../shared/img/cmn_listmarker1.gif) 3px 0.4em no-repeat;/*margin-bottom:0.5em;*/}
ul.listStyle2 li,  .listStyle1 .listStyle2 li,  .listStyle3 .listStyle2 li {
	padding: 0 0 3px 25px;
	background: url(../../../shared/img/cmn_listmarker2.gif) 3px 0.4em no-repeat;/*margin-bottom:0.5em;*/}
ul.listStyle3 li,  .listStyle1 .listStyle3 li,  .listStyle2 .listStyle3 li {
	padding-left: 25px;
	background: url(../../../shared/img/cmn_listmarker3.gif) 3px 0.4em no-repeat;/*margin-bottom:0.5em;*/}
/* ===== OL用 リストスタイル ===== */

ol.listStyle1 {
	list-style-type: decimal;
	list-style-position: inside;
}
ol.listStyle1 li {
	padding-left: 1em;
	text-indent: -1em;
}
ol.listStyle1 li ul li {
	padding: 0 0 3px 25px;
	text-indent: 0;
}
/* ===== DL用 リストスタイル ===== */

dl.listStyle1 dt,  dl.listStyle2 dl.listStyle1 dt,  dl.listStyle4 dl.listStyle1 dt,  dl.listStyle5 dl.listStyle1 dt {
	padding-left: 25px;
	background: url(../../../shared/img/cmn_listmarker1.gif) 3px 50% no-repeat;
	font-weight: bold;
}
dl.listStyle1 dd {
	margin-bottom: 10px;
	padding-left: 25px;
}
dl.listStyle1 dd.lastItem {
	margin-bottom: 0;
}
dl.listStyle2 dt,  dl.listStyle1 dl.listStyle2 dt,  dl.listStyle4 dl.listStyle2 dt,  dl.listStyle5 dl.listStyle2 dt {
	padding-left: 25px;
	background: url(../../../shared/img/cmn_listmarker2.gif) 3px 50% no-repeat;
	font-weight: bold;
}
dl.listStyle2 dd {
	margin-bottom: 10px;
	padding-left: 25px;
}
dl.listStyle2 dd.lastItem {
	margin-bottom: 0;
}
dl.listStyle4 dt,  dl.listStyle1 dl.listStyle4 dt,  dl.listStyle2 dl.listStyle4 dt,  dl.listStyle5 dl.listStyle4 dt {
	margin-bottom: 0.75em;
	padding-left: 27px;
	background: url(../../../shared/img/cmn_listmarker4.gif) 0 50% no-repeat;
	font-weight: bold;
}
dl.listStyle4 dd {
	margin-bottom: 25px;
	padding-left: 22px;
}
dl.listStyle4 dd.lastItem {
	margin-bottom: 0;
}
dl.listStyle5 dt,  dl.listStyle1 dl.listStyle5 dt,  dl.listStyle2 dl.listStyle5 dt,  dl.listStyle4 dl.listStyle5 dt {
	margin-bottom: 0.25em;
	padding-left: 27px;
	background: url(../../../shared/img/cmn_listmarker4.gif) 0 50% no-repeat;
	font-weight: bold;
	line-height: 1.25;
}
dl.listStyle5 dd {
	margin-bottom: 25px;
	font-size: 88%;
	line-height: 1.5;
}
dl.listStyle5 dd.fsizeNomal {
	font-size: 100%;
}
dl.listStyle5 dd.lastItem {
	margin-bottom: 0;
}
dl.listStyle6 dt {
	margin-bottom: 0.75em;
	font-size: 105%;
	font-weight: bold;
}
dl.listStyle6 dd {
	margin-bottom: 1.5em;
}
/* ===== FAQ用リストスタイル faqListStyle ===== */

dl.faqListStyle1 {
}
dl.faqListStyle1 dt {
	background: url(/shared/ic/ic_q.gif) 0 0 no-repeat;
	margin-bottom: 1em;
	padding-left: 25px;
	font-weight: bold;
}
dl.faqListStyle1 dd {
	background: url(/shared/ic/ic_a.gif) 20px 0 no-repeat;
	margin-bottom: 2em;
	padding-left: 45px;
	color: #900;
}
dl.faqListStyle1 dd.lastItem {
	margin-bottom: 0;
}
/* ===== 注釈文用リスト ===== */
.cautionList1,  li .cautionList1 {
	text-indent: -14px;
	padding-left: 15px;
	line-height: 1.3;
}
.cautionList1 li,  li .cautionList1 li {
	margin-bottom: 0.3em;
	padding: 0;
	background-image: none;
}
.cautionList2,  li .cautionList2 {
	text-indent: -23px;
	padding-left: 23px;
	line-height: 1.3;
}
.cautionList2 li,  li .cautionList2 li {
	margin-bottom: 0.3em;
	padding: 0;
	background: none;
}
/* ===== リンクリストクラス ===== */



/* 2カラム画面 ボタン1列配置 */

.linkListStyle1 li {
	margin-bottom: 5px;
}
.linkListStyle1 li a {
	display: block;
	width: 239px;
	/*_width:275px;*/

	height: 32px;
	/*_height:38px;*/

	padding: 6px 8px 0 28px;
	background: url(../img/linkbtn_style2.gif) 0 0 no-repeat;
	font-weight: bold;
}
.linkListStyle1 li a:hover {
	background: url(../img/linkbtn_style2_hover.gif) 0 0 no-repeat;
}
/* 1カラム画面 ボタン2列配置 */

.linkListStyle2 li {
	float: left;
	width: 352px;
	margin-bottom: 5px;
}
.linkListStyle2 li.left {
	margin-right: 5px;
}
.linkListStyle2 li a {
	display: block;
	height: 32px;
	/*_height:38px;*/

	padding: 6px 8px 0 28px;
	background: url(../img/linkbtn_style1.gif) 0 0 no-repeat;
	font-weight: bold;
}
.linkListStyle2 li a:hover {
	background: url(../img/linkbtn_style1_hover.gif) 0 0 no-repeat;
}
.linkListStyle2 .newWin a {
	background: url(../img/linkbtn_style_newwin1.gif) 0 0 no-repeat;
}
.linkListStyle2 .newWin a:hover {
	background: url(../img/linkbtn_style_newwin1_hover.gif) 0 0 no-repeat;
}
/* 2カラム画面 ボタン2列配置 */

#caseStudy .linkListStyle2 li,  #twoColumn .linkListStyle2 li {
	float: left;
	width: 239px;
	margin-bottom: 5px;
}
#caseStudy .linkListStyle2 li.left,  #twoColumn .linkListStyle2 li.left {
	margin-right: 5px;
}
#caseStudy .linkListStyle2 li a,  #twoColumn .linkListStyle2 li a {
	display: block;
	/*_width:275px;*/

	height: 32px;
	/*_height:38px;*/

	padding: 6px 8px 0 28px;
	background: url(../img/linkbtn_style2.gif) 0 0 no-repeat;
	font-weight: bold;
}
#caseStudy .linkListStyle2 li a:hover,  #twoColumn .linkListStyle2 li a:hover {
	background: url(../img/linkbtn_style2_hover.gif) 0 0 no-repeat;
}
/* 1カラム画面用または中央に配置して使うなど */

.linkListStyle3 li {
	width: 352px;
	margin-bottom: 5px;
}
.linkListStyle3 li.alignCenter {
	margin: 0 auto 5px;
}
.linkListStyle3 li.alignRight {
	margin: 0 0 5px auto;
	text-align: left;
}
.linkListStyle3 li a {
	display: block;
	height: 32px;
	/*_height:38px;*/

	padding: 6px 8px 0 28px;
	background: url(../img/linkbtn_style1.gif) 0 0 no-repeat;
	font-weight: bold;
}
.linkListStyle3 li a:hover {
	background: url(../img/linkbtn_style1_hover.gif) 0 0 no-repeat;
}
.linkListStyle3 .newWin a {
	background: url(../img/linkbtn_style_newwin1.gif) 0 0 no-repeat;
}
.linkListStyle3 .newWin a:hover {
	background: url(../img/linkbtn_style_newwin1_hover.gif) 0 0 no-repeat;
}
/* 1カラム画面用2列 */

.linkListStyle4 li {
	float: left;
	width: 352px;
	margin-right: 10px;
	margin-bottom: 5px;
}
.linkListStyle4 li a {
	display: block;
	height: 32px;
	/*_height:38px;*/

	padding: 6px 8px 0 28px;
	background: url(../img/linkbtn_style1.gif) 0 0 no-repeat;
	font-weight: bold;
}
.linkListStyle4 li a:hover {
	background: url(../img/linkbtn_style1_hover.gif) 0 0 no-repeat;
}
.linkListStyle4.newWin li a {
	background: url(../img/linkbtn_style_newwin1.gif) 0 0 no-repeat;
}
.linkListStyle4.newWin li a:hover {
	background: url(../img/linkbtn_style_newwin1_hover.gif) 0 0 no-repeat;
}
.linkListStyle5 li {
	display: inline;
}
.linkListStyle5 a {
	margin-right: 1em;
	padding: 2px 0 2px 13px;
	background: url(../img/cmn_linkmarker1.gif) 0 50% no-repeat;
}
.linkListStyle6 li {
}
.linkListStyle6 a {
	padding: 2px 0 2px 13px;
	background: url(../img/cmn_linkmarker1.gif) 0 50% no-repeat;
}
.newwinMarker a {
	background: url(../img/cmn_linkmarker_newwin.gif) 0 50% no-repeat;
	padding-left: 20px
}
/* ===== テーブルスタイル ===== */

table.tableStyle1 {
	border: 1px solid #D6E2ED;
}
table.tableStyle1 th,  table.tableStyle1 td {
	padding: 5px 5px 2px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
table.tableStyle1 th {
	background: #f5f5f5;
	color: #333;
}
/* ===== テーブルスタイル2 ===== */

table.tableStyle2 {
	border: 1px solid #D6E2ED;
}
table.tableStyle2 th,  table.tableStyle2 td {
	padding: 5px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	line-height: 1.5;
}
table.tableStyle2 th {
	background: #ECF1F7;
	color: #333;
}
/* == DB登録件数テーブル用 == */

table.dbTableStyle1 {
	width: 555px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table.dbTableStyle1 th,  table.dbTableStyle1 td {
	padding: 5px 5px 2px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	color: #333;
}
table.dbTableStyle1 th.tHeader {
	background: #0289cd;
	color: #fff;
	text-align: center;
}
table.dbTableStyle1 td.tHeader {
	background: #f5f5f5;
	text-align: right;
}
/* == サイトトップ ニュースエリアテーブル用 == */

.topNewsArea {
	margin: 0;
	padding: 0;
	font-size: 88%;
}
/* ===== キャプション用スタイル ===== */

.captionText1 {
	font-size: 88%;
	font-weight: normal;
	padding-left: 1.25em; /*1em（1文字）分、右に動かす*/
	text-indent: -1.25em; /*最初の行だけ1em（1文字）分、左に動かす*/
}
.captionText2 {
	font-weight: normal;
	padding-left: 1.25em;
	text-indent: -1.25em;
}
/* ===== 強調 & 中強調 スタイル ===== */

strong {
	/*color:#333;*/

	color: #004da0;
	font-weight: bold;
}
strong.style1,  strong.style4,  strong.style6 {
	color: #004da0;
}
strong.style2,  strong.style5 {
	color: #c00;
}
strong.style3,  strong.style4,  strong.style5 {
	text-decoration: underline;
}
strong.style6 {
	font-size: 116%;
}
em {
	/*color:#333;*/

	color: #004da0;
	font-weight: normal;
	font-style: normal;
}
em.style1,  em.style4,  em.style6 {
	color: #004da0;
}
em.style2,  em.style5 {
	color: #c00;
}
em.style3,  em.style4,  em.style5 {
	text-decoration: underline;
}
em.style6 {
	font-size: 116%;
}
/* ===== ページ内ナビ ===== */

#pageTop {
	clear: both;
	margin: 0;
	padding: 11px 0 10px;
	background: url(../img/cmn_dottedline.gif) 0 0 repeat-x;
	font-size: 12px;
	text-align: right;
}
#twoColumn #pageTop,  #caseStudy #pageTop {
	_width: 575px;
}
#pageTop a {
	padding-left: 15px;
	background: url(../img/cmn_linkmarker2.gif) 0 50% no-repeat;
}
.pageTop {
	padding: 11px 0 10px;
	font-size: 12px;
	text-align: right;
}
.pageTop a {
	padding-left: 15px;
	background: url(../img/cmn_linkmarker2.gif) 0 50% no-repeat;
}
/* ==========================================

【各種固有レイアウト設定】

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

/* ===== 「製品・サービス一覧（総合）」レイアウト用 ===== */

.productInfo {
}
.productInfo dt {
	margin-bottom: 8px;
}
.productImage {
	display: block;
	margin-bottom: 8px;
}
.productCaption {
	display: block;
	padding: 4px 4px 3px;
	border: 1px solid #ccc;
	background: #f4f4f4;
}
.productName {
	display: block;
	float: left;
	padding: 0.5em 0 0.5em 24px;
	background: url(../../../shared/img/cmn_listmarker4.gif) 0 0.25em no-repeat;
	line-height: 1;
}
.productType {
	display: block;
	float: right;
}
.productSummary {
	padding: 0 3px;
	font-size: 88%;
	line-height: 1.5;
}
/* ===== 「サイトマップ」レイアウト用 ===== */

.siteMapListStyle {
}
.siteMapListStyle dt {
	margin-bottom: 0.5em;
	background: #f4f4f4 url(../img/cmn_listmarker4.gif) 1px 0.2em no-repeat;
	border: 1px solid #ccc;
	padding-left: 24px;
}
.siteMapListStyle dd {
	padding: 0 5px;
	font-size: 88%;
}
/* トップレベルリストマーク */

.siteMapListStyle dd ul li {
	background: url(../../sitemap/img/sitemap_listmarker1.gif) 0 0.45em no-repeat;
	padding-left: 1.25em;
}
/* 通常入れ子マーク */

.siteMapListStyle dd ul li.child,  .siteMapListStyle dd ul li ul li {
	background: url(../../sitemap/img/sitemap_listmarker4.gif) 0 0.3em no-repeat;
}
/* 階層表現無しのリンクマーク */

.siteMapListStyle dd ul li.parallel {
	background: url(../../sitemap/img/sitemap_listmarker3.gif) 0 0.3em no-repeat;
}
/* 区分・項目ごと */

.siteMapListStyle dd ul li.item {
	background: none;
	padding: 0;
}
.siteMapListStyle dd ul li dl {
	display: inline-block;
}
.siteMapListStyle dd ul li dl dt {
	background: url(../../sitemap/img/sitemap_listmarker2.gif) 0 0.5em no-repeat;
	padding-left: 1em;
	border: none;
}
.siteMapListStyle dd ul li dl dd {
	margin: 0;
	padding: 0;
}
.columnContainer3 .siteMapListStyle .leftColumn,  .columnContainer3 .siteMapListStyle .rightColumn {
	width: 357px;
}
.columnContainer3 .leftColumn {
	padding-right: 10px;
}
/* ===== 「お問い合わせ」ボタンエリア設定 ===== */

.btnArea {
	background: url(/contact/img/itembgimg1.gif) 0 0 no-repeat;
	padding: 9px 11px 7px;
}
.btnArea h3.inq,  .btnArea h3.spt {
	background: url(/contact/img/inqicon.gif) 0 0 no-repeat;
	margin: 0 0 8px;
	padding: 8px 0 0 52px;
	min-height: 34px;
	_height: 34px;
}
.btnArea h3.spt {
	background: url(/contact/img/spticon.gif) 0 0 no-repeat;
}
.btnArea ul li {
	float: left;
}
.btnArea ul li a.leftBtnItem,  .btnArea ul li a.rightBtnItem {
	display: block;
	width: 324px;
	height: 57px;
	padding: 10px 0 0 28px;
	background: url(../../contact/img/btnimg1.gif) 0 0 no-repeat;
	font-weight: bold;
	line-height: 1.25;
}
.btnArea ul li a.leftBtnItem {
	margin-right: 9px;
}
.btnArea ul li a.leftBtnItem:hover,  .btnArea ul li a.rightBtnItem:hover {
	background: url(../../contact/img/btnimg1_hover.gif) 0 0 no-repeat;
}
/* ===== プレスリリース用 スタイル ===== */

.releaseDate {
	margin-bottom: 1em;
	padding: 0 10px;
	font-size: 88%;
	text-align: right;
}
h1.releaseTitle {
	margin: 0 10px 1.25em;
	padding: 1.25em 10px;
	border-top: 2px solid #08c;
	border-bottom: 1px solid #ccc;
	line-height: 1.5;
}
h1.releaseTitle span.subTitle {
	font-size: 80%;
	font-weight: normal;
}
/* ==========================================

【表示制御用クラス設定】

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

/* ===== 区切り線 ===== */
.shadowBorder1 {
}
.shadowBorder2 {
	margin-bottom: 25px;
	padding-bottom: 25px;
	background: url(../img/cmn_border_shadow43.gif) 0 100% no-repeat;
}
.shadowBorder3 {
}
.dottedBorder1 {
	clear: both;
	_height: 1;
	margin-bottom: 30px !important;
	padding-bottom: 30px !important;
	background: url(../img/cmn_dottedline.gif) 0 100% repeat-x;
}
#bannerArea .dottedBorder1 {
	margin-bottom: 8px !important;
	padding: 0 0 8px !important;
	background: url(../img/cmn_dottedline.gif) 0 100% repeat-x;
}
.dottedBorder2 {
	clear: both;
	_height: 1;
	margin-bottom: 15px;
	padding-bottom: 15px;
	background: url(../img/cmn_dottedline.gif) 0 100% repeat-x;
}
.dottedBorder3 {
	clear: both;
	_height: 1;
	margin-bottom: 8px;
	padding-bottom: 30px;
	background: url(../img/cmn_dottedline.gif) 0 100% repeat-x;
}
.dottedBorder4 {
	clear: both;
	_height: 1;
	margin-bottom: 30px;
	padding-bottom: 8px;
	background: url(../img/cmn_dottedline.gif) 0 100% repeat-x;
}
/* ===== 画像・テキスト回り込み クラス ===== */

.floatItem1 {
	float: left;
	margin-right: 10px;
}
.floatItem2 {
	float: right;
	margin-left: 10px;
}
/* ===== 余白制御用クラス ===== */

.marginBottom1 {
	margin-bottom: 10px;
}
.marginBottom2 {
	margin-bottom: 15px;
}
.marginBottom3 {
	margin-bottom: 20px;
}
.marginBottom4 {
	margin-bottom: 25px;
}
.marginBottom5 {
	margin-bottom: 30px;
}
.marginBottom6 {
	margin-bottom: 40px;
}
.paddingTop1 {
	padding-top: 10px;
}
.paddingTop2 {
	padding-top: 20px;
}
.paddingBottom1 {
	padding-bottom: 10px;
}
.paddingBottom2 {
	padding-bottom: 20px;
}
/* ===== 文字寄せ ===== */

.alignLeft {
	text-align: left;
}
.alignCenter {
	text-align: center;
}
.alignRight {
	text-align: right;
}
/* ===== 文字寄せ 縦 ===== */

.valignTop {
	vertical-align: top;
}
.valignMiddle {
	vertical-align: middle;
}
.valignBottom {
	vertical-align: bottom;
}
/* == 文字間隔調整クラス == */

/* 文字間隔短め */
.chrSpcShort {
	letter-spacing: -0.05em !important;
}
/* 文字間隔長め */
.chrSpcLong {
	letter-spacing: 0.05em !important;
}
/* iframe用 */
.textarea {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
	height: 8em;
	margin-bottom: 10px;
	border: 1px solid #cccccc;
}
/* 同意チェックボックス */
.checkBtnArea {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.privacyTxt {
	width: 90%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
h2.hd3 {
	margin-bottom: 0.2em;
	padding: 0 0 0 25px !important;
	background: url(../img/cmn_hd3.gif) 0 48% no-repeat !important;
	line-height: 1.6em !important;
	font-size: 110% !important;
}