/* ////// 導入事例 /////////////////////////////////////////////////////// */
/* ===== フォントの基本設定 ===== */
div {
	FONT-FAMILY: Osaka, ＭＳ Ｐゴシック, MS UI Gothic, sans-serif;
	font-size: 12px;
	line-height:140%;
	color: #000000;
}

/* ===== 事例のトップページ ===== */
/* --- 更新日 --- */
body.case-index p.update{
	color:#0A196C;
}

/* --- 見出しとリストの基本設定 --- */
body.case-index h3,
body.case-index h4,
body.case-index h5,
body.case-index ul{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size: 12px;
}

/* --- 左右１段のカテゴリーを囲むDIV --- */
body.case-index div.category-container{
	width:520px;
	margin-bottom:12px;
	/* border:1px solid #00FF00; */
}

/* --- カテゴリの左側 --- */
body.case-index div.category-container div.category-left{
	float:left;
	width:250px;
	/* border:1px solid #FFFF00; */
}

/* --- カテゴリの右側 --- */
body.case-index div.category-container div.category-right{
	float:right;
	width:250px;
	/* border:1px solid #FFFF00; */
}

/* --- カテゴリ名の見出し --- */
body.case-index div.category-container div.category-head h3 a{
	display:block;
	font-weight:bold;
	padding:3px 0 3px 3px;
	background-color:#8C97BB;
}

/* --- カテゴリ名のリンクテキスト --- */
body.case-index div.category-container div.category-head h3 a:link,
body.case-index div.category-container div.category-head h3 a:visited,
body.case-index div.category-container div.category-head h3 a:hover,
body.case-index div.category-container div.category-head h3 a:active {
	color:#FFFFFF;
	text-decoration:none;
}

/* --- カテゴリ名リンクテキストのマウスオーバー時 --- */
body.case-index div.category-container div.category-head h3 a:hover{
	text-decoration:underline;
}

/* --- ピックアップ事例 --- */
body.case-index div.category-container h4{
	font-weight:bold;
	margin:6px 3px 3px 3px;
	color:#0A196C;
}

/* --- ピックアップ事例のリスト --- */
body.case-index div.category-container ul{
	width:232px;
	margin-left:0;
	padding-left:12px;
}

/* --- ピックアップ事例の各リスト --- */
body.case-index div.category-container ul li{
	margin-left:9px;
	padding-left:0px;
}

/* --- ピックアップ事例Newマーク --- */
body.case-index div.category-container h5 .new{
	color:#9900CC;
	font-weight:bold;
}

/* --- この業種の事例全てを見る --- */
body.case-index div.category-container .look-all{
	font-size:10px;
	text-align:right;
	width:100%;
	margin:3px 0;
}




/* ===== カテゴリー別ページ ===== */
/* --- コンテンツ領域全体 --- */
.maincontents{
	width:520px;
	/* border:1px solid #00FF00; */
}

/* --- ページタイトル全体 --- */
.pagetitle{
	width:520px;
}

/* --- ページタイトル --- */
.pagetitle h2{
	float:left;
	width:360px;
}

/* --- 印刷用ページボタン --- */
.btn_print_page{
	float:right;
	width:121px;
}

/* --- 印刷用ボタン --- */
.btn_print{
	float:right;
	width:121px;
	display:none;
}

/* --- 事例領域全体 --- */
.case-wrapper {
	position:relative;
	width:520px;
	/* border:1px solid #FF0000; */
}

/* --- 事例領域 --- */
.main_category{
	/* float:left; */
	width:370px;
	margin:0;
	/* border:1px solid #0000FF; */
}

/* --- 事例領域のカテゴリー名 --- */
.main_category h3{
	color:#FFFFFF;
	font-size: 12px;
	font-weight: bold;
	background-color: #8C97BB;
	margin:0;
	margin-bottom:24px;
	padding:3px 0 3px 3px;
}

/* --- 各事例領域 --- */
.main_category .case{
	margin-bottom: 36px;
}

/* --- 各事例のタイトル --- */
.main_category .case h4{
	font-size: 16px;
	color: #555F99;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #0A196C;
	font-weight: bold;
	margin-bottom: 12px;
}

/* --- 詳細業種名 --- */
.main_category .case h5{
	color: #555F99;
	font-size:12px;
	font-weight:normal;
}

/* --- 事例本文の段落--- */
.main_category .case p{
	margin:0 0 6px;
}

/* --- 事例本文の２段落目--- */
.main_category .case p.p2{
	font-weight:bold;
	color:#0A196C;
}

/* --- 各事例のフッター部（導入ポイントなど）--- */
.main_category .case .point{
	border-top:1px solid #555F99;
	padding-top:6px;
	width:100%;
}

/* --- 各事例のフッター部（導入ポイントなど）の段落--- */
.main_category .case .point p{
	margin:0;
}

/* --- 導入ポイント--- */
.main_category .case .point p.factor{
	text-indent:-7.5em;
	padding-left:7.5em;
}

/* --- ページ先頭へ--- */
.main_category .case .gotop{
	text-align:right;
	padding-top:6px;
	font-size:10px;
}

/* --- カテゴリーメニュー領域全体--- */
.right {
	/*float: right;*/
	position:absolute;
	top:0px;
	left:370px;
	width: 135px;
	margin-left: 15px;
	text-align:left;
	/* border:1px solid #00FFFF; */
}
*html .right {	/* IE6以下用 */
	margin-left: 7px;
	left:377px;
}

/* --- 業種--- */
.right h6 {
	font-size: 12px;
	font-weight: bold;
	/*color: #FFFFFF;*/
	color:#0A196C;
	/*background-color: #8C97BB;*/
	background-color:#AAB1CE;
	padding:3px;
	margin-bottom:0;
}

/* --- 業種のカテゴリーリスト--- */
.right ul {
	background-color: #F1F4F6;
	margin-top:0;
	margin-left:0;
	margin-bottom:0;
	padding:3px;
	padding-left:21px;
	padding-right:6px;
	
}

/* --- 業種の各カテゴリーリスト--- */
.right ul li {
	margin:6px 0;
}

/* --- カテゴリーメニューと導入事例のトップへ戻るボタン--- */
.right .category,
.back_case{
	background-color: #F1F4F6;
	margin-bottom:1.5em;
}





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

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */