@charset "euc-jp";

/* ■■ map.css ■■
-----------------------------------------------------------------------------
■更新日：2010年12月8日
-----------------------------------------------------------------------------
■目次
  01. 既存設定
  02. 共通設定
  03. 枠など
  04. top
  05. mobile
  06. marketing
  07. customer
  08. products
  09. asp
-----------------------------------------------------------------------------
■備考　map/で使用しているcssです。
-----------------------------------------------------------------------------
*/

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

/*h1*/
h1.map_top_h1 {
	height:100px;
	background:url(http://i.yimg.jp/images/biz/bzc3/map/map_top_h1.png);
	text-indent:-9999px;
	margin-bottom:10px;
}
/*申し込みボタンmap*/
a.bt_main_map {
	display: block;
	margin: auto;
	width: 304px;
	height: 70px;
	background:url(http://i.yimg.jp/images/biz/bzc3/map/bt_map.png) 0 -60px no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
a.bt_main_map:hover {
	background:url(http://i.yimg.jp/images/biz/bzc3/map/bt_map.png) -304px -60px no-repeat;
}
a.bt_left_map {
	display:block;
	margin:auto;
	width:204px;
	height:60px;
	background:url(http://i.yimg.jp/images/biz/bzc3/map/bt_map.png) no-repeat;
	text-indent:-9999px;
}
a.bt_left_map:hover {
	background:url(http://i.yimg.jp/images/biz/bzc3/map/bt_map.png) -204px 0 no-repeat;
}
.topImgBd { border:1px solid #ccc; }

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

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

/* margin */
.mlmb10 {margin-left:10px;margin-right:10px;}


/* ----------------------------------------
 * 03. 枠など
 * ---------------------------------------- */

/* map_wr1 */
ul.map_wr1 {
	width:700px;
}
ul.map_wr1 li.photoarea {
	float:left;
	width:347px;
	text-indent:-9999px;
	font-size:0;
	overflow:hidden;
	line-height:0;
}
ul.map_wr1 li.textarea {
	float:right;
	width:330px;
}
/* map_wr2 */
ul.map_wr2 {
	width:700px;
}
ul.map_wr2 li.photoarea {
	float:left;
	width:288px;
	text-indent:-9999px;
	font-size:0;
	overflow:hidden;
	line-height:0;
}
ul.map_wr2 li.textarea {
	float:right;
	width:385px;
}
/* map_wr3 */
ul.map_wr3 {
	width:700px;
}
ul.map_wr3 li.textarea {
	float:left;
	width:490px;
}
ul.map_wr3 li.photoarea {
	float:right;
	width:183px;
	text-indent:-9999px;
	font-size:0;
	overflow:hidden;
	line-height:0;
}


/* map_purplewr */
div.map_purplewr {
	background-color:#8686b8;
	color:#fff;
	padding:10px 12px;
	position:relative;
}
div.map_purplewr p.pur_fukudashi {
	background:url(common/fukidashi_left.gif) no-repeat 0 0;
	position:absolute;
	width:14px;
	height:14px;
	top:15px;
	left:-13px;
}
* html div.map_purplewr p.pur_fukudashi {/* ie 4-6 (Mac 4-5) */
	left:-25px;
}
/* map_purplewr2 */
div.map_purplewr2 {
	background-color:#8686b8;
	color:#fff;
	padding:10px 12px;
}
p.pur_fukudashitop {
	background:url(common/fukidashi_top.gif) bottom left no-repeat;
	width:16px;
	height:14px;
	margin:0 auto;
}

/* ----------------------------------------
 * 04. top
 * ---------------------------------------- */
/*サービスの特徴mapTOP*/
.valigntop { vertical-align:top; }


/* ----------------------------------------
 * 05. mobile
 * ---------------------------------------- */

p.mobile_ph1 {background:url(mobile/mobile_photo1.jpg) no-repeat 0 0;width:347px;height:237px;}
p.mobile_ph2 {background:url(mobile/mobile_photo2.jpg) no-repeat 0 0;width:347px;height:237px;}
p.mobile_ph3 {background:url(mobile/mobile_photo3.jpg) no-repeat 0 0;width:347px;height:237px;}

/* ----------------------------------------
 * 06. marketing
 * ---------------------------------------- */

p.marketing_ph1 {background:url(marketing/marketing_photo1.png) no-repeat 0 0;width:347px;height:286px;}
p.marketing_ph2 {background:url(marketing/marketing_photo2.png) no-repeat 0 0;width:347px;height:270px;}
p.marketing_ph3 {background:url(marketing/marketing_photo3.png) no-repeat 0 0;width:347px;height:285px;}

/* ----------------------------------------
 * 07. customer
 * ---------------------------------------- */

p.customer_ph1 {background:url(customer/customer_photo1.jpg) no-repeat 0 0;width:347px;height:237px;}
p.customer_ph2 {background:url(customer/customer_photo2.jpg) no-repeat 0 0;width:347px;height:237px;}

/* ----------------------------------------
 * 08. products
 * ---------------------------------------- */
/* index */
ul.mapindex_wr1 {
	border-top:1px dotted #999;
	padding-top:20px;
	padding-bottom:20px;
}
ul.noline {
	border:none;
	padding-top:0;
}
ul.end {
	padding-bottom:0;
}
ul.mapindex_wr1 li.photoarea {
	float:left;
	width:100px;
	text-indent:-9999px;
	font-size:0;
	overflow:hidden;
	line-height:0;
}
ul.mapindex_wr1 li.photoarea a {
	display:block;
	width:100px;
	height:80px;
}
ul.mapindex_wr1 li.textbtarea {
	float:right;
	width:345px;/* 535-190 */
	padding-right:190px;
	position:relative;
}
ul.mapindex_wr1 li.textbtarea p.btlink {
	background:url(common/products_bt1.gif) no-repeat 0 0;
	width:144px;
	height:30px;
	position:absolute;
	top:40%;
	right:0;
	text-indent:-9999px;
	font-size:0;
	overflow:hidden;
	line-height:0;
}
ul.mapindex_wr1 li.textbtarea p.btlink a {
	display:block;
	width:144px;
	height:30px;
}

p.index_ph1 {background:url(products/products_photo1.png) no-repeat 0 0;width:100px;height:80px;}
p.index_ph2 {background:url(products/products_photo2.png) no-repeat 0 0;width:100px;height:80px;}
p.index_ph3 {background:url(products/products_photo3.png) no-repeat 0 0;width:100px;height:80px;}
p.index_ph4 {background:url(products/products_photo4.png) no-repeat 0 0;width:100px;height:80px;}
p.index_ph5 {background:url(products/products_photo5.png) no-repeat 0 0;width:100px;height:80px;}

/* standard */
ul.standard_ph1 {background:url(products/standard_photo1.jpg) no-repeat 0 0;width:288px;height:228px;}
ul.standard_ph2 {background:url(products/standard_photo2.png) no-repeat 0 0;width:674px;height:532px;}

/* advance */
ul.advance_ph1 {background:url(products/advance_photo1.png) no-repeat 0 0;width:653px;height:233px;}
ul.advance_ph2 {background:url(products/advance_photo2.png) no-repeat 0 0;width:405px;height:233px;}
p.advance_ph3 {background:url(products/advance_photo3.png) no-repeat 0 0;width:696px;height:321px;}
p.advance_ph4 {background:url(products/advance_photo4.png) no-repeat 0 0;width:459px;height:216px;margin:0 auto;}
p.advance_ph5 {background:url(products/advance_photo5.png) no-repeat 0 0;width:653px;height:245px;}

/* mapinfo */
ul.mapinfo_ph1 {background:url(products/mapinfo_photo1.png) no-repeat 0 0;width:610px;height:142px;}
ul.mapinfo_ph2 {background:url(products/mapinfo_photo2.png) no-repeat 0 0;width:399px;height:142px;}
ul.mapinfo_ph3 {background:url(products/mapinfo_photo3.png) no-repeat 0 0;width:400px;height:163px;}
ul.mapinfo_ph4 {background:url(products/mapinfo_photo4.png) no-repeat 0 0;width:652px;height:164px;}
p.mapinfo_ph5 {background:url(products/mapinfo_photo5.png) no-repeat 0 0;width:597px;height:222px;}

/* geoframework */
p.geoframework_ph1 {background:url(products/geoframework_photo1.png) no-repeat 0 0;width:183px;height:120px;}

/* ----------------------------------------
 * 09. asp
 * ---------------------------------------- */

/* asp_wr1 */
ul.asp_wr1 {
	width:660px;
	margin:5px auto 0 auto;
}
ul.asp_wr1 li.left {
	float:left;
	width:310px;
}
ul.asp_wr1 li.right {
	float:right;
	width:310px;
}

/* お申し込みの流れ */
ol.asp_ph1 {background:url(asp/asp_photo1.png) no-repeat 0 0;width:700px;height:120px;}

/* table上書き等 */
.bzsvTable {
	/margin-left:0px;
}
.bzsvTable th {
	border-bottom:1px solid #B9B9B9;
}
.bzsvTable td {
	padding:5px 10px;
	line-height:1.3;
}
.bzsvTable td.prl5 {
	padding-right:5px;
	padding-left:5px;
}
.bzsvTable td.tbdBg {border-bottom:1px solid #B9B9B9;}
.bzsvTable td.text-top {vertical-align:top;}

p.asp_txt1 {
	background:url(asp/asp_txt1.gif) no-repeat 0 0;
	width:201px;
	height:20px;
	text-indent:-9999px;
	font-size:0;
	overflow:hidden;
	line-height:0;
	margin:0 auto;
}