@charset "UTF-8";
@import url("/common/css/default.css");
@import url("/common/css/layout.css");
@import url("/common/css/common-parts.css");

/* --------------------------------
	toppage.css
--------------------------------
toppage.cssはサイトトップページで使用しているCSSファイルです。

** index
01.初期設定上書き
02:#Visual	ビジュアルイメージ
03:#CampaignInfo	最新キャンペーン情報
04:#FeatureGuide	特徴概要
05:#SceneGuide	利用シーン概要
06:#AdvantageGuide	メリット概要
07:#CaseGuide	事例概要
-------------------------------- */

/* --------------------------------
■01.初期設定上書き
--------------------------------
importしている共用CSSの記述を上書きしています。
-------------------------------- */
#PageBody {
	margin-bottom:30px;
	background-image:none;
}
#PageBody h2 {
	*margin:0 0 15px;
	border:1px solid #e3e3e3;
	background:#565656 url("/img/bg_headline_toppage.gif") repeat-x left top;
	color:#fff;
	font-size:114.2%;
	font-weight:bold;
}
#PageBody h2 span {
	display:block;
	line-height:25px;
	padding:6px 15px 6px 20px;
	border-left:7px solid #92b0f7;
}


/* --------------------------------
■02.Visual	ビジュアルイメージ
--------------------------------
ページ先頭のサービスイメージビジュアルとお問い合わせボタンです。
-------------------------------- */
#Visual {
	overflow:hidden;
	padding:2px 4px 2px 0;
	border:1px solid #e3e3e3;
	background:#fff url("/img/bg_visual.jpg") repeat-x left top;
	_zoom:1;
}
#Visual img {
	vertical-align:bottom;
}
#VisualImage {
	float:left;
	width:72.2105263%;
	overflow:hidden;
	padding:2px 0 0;
}
#Visual ul {
	float:right;
	width:27.7894737%;
	overflow:hidden;
}
#Visual li {
	margin:2px 0;
}
#VsHiddenButtonsLi {
	position:relative;
	width:264px;
	height:94px;
}
#VsHiddenButtons {
	display:none;
	position:absolute;
	left:0;
	top:73px;
	z-index:10;
	float:none;
	width:264px!important;
}
#VsHiddenButtons li {
	position:static;
	margin:0;
	*zoom:1;
}


/* --------------------------------
■03.CampaignInfo	最新キャンペーン情報
--------------------------------
サービスイメージビジュアルの下に設置される（省略可）
キャンペーン情報告知ブロックです。
-------------------------------- */
#CampaignInfo {
	overflow:hidden;
	line-height:1.5;
	margin:2px 0 0;
	padding:15px 20px;
	border:1px solid #e3e3e3;
	background:#eef2fe;
	_zoom:1;
}
#CampaignInfo dt {
	float:left;
	margin:0 30px 0 0;
	padding:2px 0 0;
	color:#4c4ec4;
	font-weight:bold;
	font-size:150%;
}
#CampaignInfo dd {
	overflow:auto;
	font-size:120%;
	_zoom:1;
}
#CampaignInfo li {
	list-style:outside disc;
	margin:2px 0 2px 15px;
}


/* --------------------------------
■04.FeatureGuide	特徴概要
--------------------------------
特徴の概要を解説しているブロックです。
-------------------------------- */


/* --------------------------------
■05.SceneGuide	利用シーン概要
--------------------------------
利用シーンの概要を解説しているブロックです。
-------------------------------- */


/* --------------------------------
■06.AdvantageGuide	メリット概要
--------------------------------
メリットの概要を解説しているブロックです。
-------------------------------- */
#AdvantageGuide .showcase,
#AdvantageGuide .inner {
	border:none;
}
#AdvantageGuide .showcase {
	margin-top:30px;
	margin-left:45px;
}
#AdvantageGuide .showcase ul {
	overflow:hidden;
	margin:0 auto;
	text-align:center;
	_zoom:1;
}
#AdvantageGuide .showcase img {
	vertical-align:bottom;
}
#AdvantageGuide .showcase li {
	float:left;
	margin:0 7px 0 0;
}


/* --------------------------------
■07.CaseGuide	事例概要
--------------------------------
事例の概要を解説しているブロックです。
-------------------------------- */
#CaseGuide .cases .copyright {
	clear:none;
	margin-top:20px;
}