@charset "euc-jp";

/* ■■ datacenter.css ■■
-----------------------------------------------------------------------------
■更新日：2010年12月7日
-----------------------------------------------------------------------------
■目次
  01. 既存設定
  02. 共通設定
  03. index
  04. メリット
  05. ご利用までの流れ

-----------------------------------------------------------------------------
■備考　datacenter/で使用しているcssです。
-----------------------------------------------------------------------------
*/

/* ----------------------------------------
 * 01. 既存設定
 * ---------------------------------------- */

/*h1*/
h1.datacenter_top_h1 {
	height:100px;
	background:url(http://i.yimg.jp/images/biz/bzc3/datacenter/datacenter_top_h1.png);
	text-indent:-9999px;
	margin-bottom:10px;
}

/*申し込みボタンdatacenter*/
a.bt_main_datacenter {
	display: block;
	margin: auto;
	width: 304px;
	height: 70px;
	background:url(http://i.yimg.jp/images/biz/bzc3/datacenter/bt_datacenter.png) 0 -60px no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
a.bt_main_datacenter:hover {
	background:url(http://i.yimg.jp/images/biz/bzc3/datacenter/bt_datacenter.png) -304px -60px no-repeat;
}


a.bt_left_datacenter {
	display:block;
	margin:auto;
	width:204px;
	height:60px;
	background:url(http://i.yimg.jp/images/biz/bzc3/datacenter/bt_datacenter.png) no-repeat;
	text-indent:-9999px;
}
a.bt_left_datacenter:hover {
	background:url(http://i.yimg.jp/images/biz/bzc3/datacenter/bt_datacenter.png) -204px 0 no-repeat;
}

/* ----------------------------------------
 * 02. 共通設定
 * ---------------------------------------- */

/* テキスト */
.hidden-text {
	text-indent:-9999px;
	overflow:hidden;
	display:none;
}
.jump-text {
	text-indent:-9999px;
	font-size:0;
	overflow:hidden;
	line-height:0;
}

/* margin */
.ml3 {margin-left:3px;}
/* padding */
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pb10 {padding-bottom:10px;}


/* ----------------------------------------
 * 03. index
 * ---------------------------------------- */
/*TOPImgdatacenter*/
.datacenterImg01FL { float:left; width:172px; margin-right: 10px; }
.datacenterImg01FR { float:right; width:518px; }
.datacenterImg02FL { float:left; width:600px; margin-right: 10px; }
.datacenterImg02FR { float:right; width:90px; }
.datacenterFloatR { float:right; }
.datacenterMr5 { margin-right: 5px; }

/*TOP特徴datacenter*/
.datacenterTopFeature01, .datacenterTopFeature02 {
	display:block;
	width:698px;
	height:444px;
  border:1px solid #ccc;
}
.datacenterTopFeature01 {
	background:url(http://i.yimg.jp/images/biz/bzc3/datacenter/feature_img01.png) no-repeat #f4f4f4;
  background-position: 47px 76px;
}
.datacenterTopFeature02 {
	background:url(http://i.yimg.jp/images/biz/bzc3/datacenter/feature_img02.png) no-repeat #f4f4f4;
  background-position:center center;
	text-indent:-9999px;
}

.datacenterTopFeature01 dt, .datacenterTopFeature01 dd {
	text-indent:-9999px;
}

/*TOP導入事例datacenter*/
.datacenterTopCases_l a { display:block; width:165px; height:52px; border: 2px solid #FFFFFF; }
.datacenterTopCases_l a:hover { border: 2px solid #1D3994; }
.datacenterTopCases_l a img { border: 0; }
.datacenterTopCases_l {
  float:left;
}
.datacenterTopCases_r {
  float:left;
  line-height:52px;
  vertical-align:middle;
  padding-left: 4px;
}

/* ----------------------------------------
 * 04. メリット
 * ---------------------------------------- */
/* merit_wr */
ul.merit_wr {
	width:700px;
}
ul.merit_wr li.textarea {
	float:left;
	width:535px;
	line-height:1.3;
}
ul.merit_wr li.photoarea {
	float:right;
	width:150px;
	text-indent:-9999px;
	font-size:0;
	overflow:hidden;
	line-height:0;
}

p.merit_ph1 {background:url(merit_photo1.png) no-repeat 0 0;width:150px;height:110px;}
p.merit_ph2 {background:url(merit_photo2.png) no-repeat 0 0;width:150px;height:110px;}
p.merit_ph3 {background:url(merit_photo3.png) no-repeat 0 0;width:150px;height:110px;}
p.merit_ph4 {background:url(merit_photo4.png) no-repeat 0 0;width:150px;height:110px;}

/* ----------------------------------------
 * 05. ご利用までの流れ
 * ---------------------------------------- */

.flow_area {
	background-color:#f4f4f4;
	border:1px solid #cfcfcf;
	padding-top:10px;
	padding-bottom:10px;
}

dl.flow_wr {
	width:665px;
	margin-left:auto;
	margin-right:auto;
}
dl.flow_wr dt {
	float:left;
	width:150px;
	text-indent:-9999px;
	font-size:0;
	overflow:hidden;
	line-height:0;
}
dl.flow_wr dd {
	float:right;
	width:495px;
	line-height:1.2;
}

p.step1 {background:url(flow_step1.png) no-repeat 0 20px;width:124px;height:87px;}
p.step2 {background:url(flow_step2.png) no-repeat 0 0;width:144px;height:75px;}
p.step3 {background:url(flow_step3.png) no-repeat 0 0;width:128px;height:77px;}
p.step4 {background:url(flow_step4.png) no-repeat 0 0;width:144px;height:71px;}
p.step5 {background:url(flow_step5.png) no-repeat 0 0;width:103px;height:74px;}
p.step6 {background:url(flow_step6.png) no-repeat 0 0;width:144px;height:72px;}
p.step7 {background:url(flow_step7.png) no-repeat 0 0;width:118px;height:74px;}

div.flowarrow_wr {
	background:url(flow_steparrow.gif) no-repeat 0 0;
	width:698px;
	height:14px;
	text-indent:-9999px;
	font-size:0;
	overflow:hidden;
	line-height:0;
}