@charset "euc-jp";

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

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

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

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

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

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

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

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


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

/*TOP導入事例cloud*/
.cloudTopCases_l a { display:block; width:165px; height:52px; border: 2px solid #FFFFFF; }
.cloudTopCases_l a:hover { border: 2px solid #1D3994; }
.cloudTopCases_l a img { border: 0; }
.cloudTopCases_l {
  float:left;
}
.cloudTopCases_r {
  float:left;
  line-height:52px;
  vertical-align:middle;
  padding-left: 4px;
}
/* ----------------------------------------
 * 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. メリット
 * ---------------------------------------- */
/* 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;}
p.merit_ph5 {background:url(merit_photo5.png) no-repeat 0 0;width:150px;height:110px;}

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

.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:70px;}
p.step3 {background:url(flow_step3.png) no-repeat 0 0;width:134px;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:118px;height:73px;}

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


/* 111019 add */
/* ---- ボックス ----- */
.cloudBox dl {
	margin-bottom:10px;
	padding-top:15px;
	border-top:1px dotted #999;
}

.cloudBox dl.first {
	padding:0;
	border:none;
}

.cloudBox dl.end,.cloudBox dl.end {
	margin-bottom:0;
}

.cloudBox dt {
	float:left;
	width:29px;
	height:28px;
	text-indent:-9999px;
	/*margin-bottom:15px;*/
}

.cloudBox dd {
	float:right;
	width:580px;
	/*margin-bottom:15px;*/
}

.cloudBox dd.cloudBoxBtTxt {
	width:310px;
	float:left;
	margin-left:10px;
	_margin-left:10px;
}
.cloudBox dd.cloudBoxBt {
	width:289px;
	float:right;
	margin-top:20px;
}
.cloudBox dd.cloudBoxBtTxt2 {
	width:620px;
	margin-left:38px;
}
.cloudBox dd.cloudBoxBtTxt3 {
	width:302px;
	float:left;
	margin-left:38px;
	_margin-left:19px;
}

.cloudImg01 {background:url(imgSprite_120221.png) 0 0 no-repeat;width:289px; height:176px; text-indent:-9999px; margin-top:10px;}
.cloudImg02 {background:url(imgSprite_120221.png) 0 -176px no-repeat;width:289px; height:176px; text-indent:-9999px; margin-top:20px;}
.cloudImg03 {background:url(imgSprite_120221.png) 0 -352px no-repeat;width:289px; height:117px; text-indent:-9999px; margin-top:10px;}
.cloudImg04 {background:url(imgSprite_120221.png) 0 -469px no-repeat;width:289px; height:153px; text-indent:-9999px; margin-top:10px;}

.cloudBox01 dt {background:url(numSprite.png) 0 0 no-repeat;}
.cloudBox02 dt {background:url(numSprite.png) 0 -28px no-repeat;}
.cloudBox03 dt {background:url(numSprite.png) 0 -56px no-repeat;}

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


a.bt_left_cloudContact{
	display: block;
	width: 204px;
	height: 40px;
	margin: 10px auto 0;
	background: url("http://i.yimg.jp/images/biz/bzc3/cloud/bt_cloud_111019.png") no-repeat scroll;
	background-position:0 -130px;
	text-indent: -9999px;
}

a.bt_left_cloudContact:hover{background-position:-204px -130px;}

.cloudBtn01 {display:block;float:left;background:url(bt_cloud_add.png) 0 0 no-repeat;width:144px;height:42px;margin-right:10px; text-indent:-9999px; overflow:hidden;}
.cloudBtn02 {display:block;float:left;background:url(bt_cloud_add.png) -144px 0 no-repeat;width:144px;height:42px;text-indent:-9999px;overflow:hidden;}