@charset "utf-8";
/* CSS Document */

/*
	iBeacon連動ソリューションページ用コンテンツ
	root/product/
*/

#single_ttl { background: url(../img/product/ips/single_ttl.png); width: 900px; height: 60px; line-height: 60px; color: #ED964C; font-size: 1.4em; margin: 0 40px 10px; text-align: center; font-weight: bold;}

/* コンテンツ 1column*/
#product_column { overflow:visible; clear:both; width:800px; height:auto; margin:0 auto;}
#product_column_txt { overflow:visible; clear:both; padding-right:20px; padding-left:20px; height:auto;}
#product_column a{ color:#ed964c;}
#product_column a:hover{ color:#47c6e1;}
#product_column h2{ color: #3ff5e5; width:800px; height:40px; line-height:40px; background: url(../img/product/ips/ttl_h3_bg_800.png); background-repeat: no-repeat; text-indent: 60px; font-weight: bold; font-size: 1.2em; margin-bottom:20px;}
#product_column h3{margin-bottom:10px; border-bottom:solid #ff8800 1px; font-weight:bold; color:#000; text-align:left; font-size:13px;}

#product_mainvisual_wrap{position:relative; color:#fff;}
#product_mainvisual_wrap .mv_catch{position:absolute;	left:10px; top:10px; font-size:40px; text-shadow:1px 1px 6px #FF6600; font-weight:bold;}
#product_mainvisual_wrap .mv_read{position:absolute;	left:10px; top:70px;}
#product_mainvisual_wrap .mv_point_list{position:absolute;	left:40px; top:208px;}

.product_column_link_wrap{background:#000;  padding:5px; border:4px #ED964C solid;}
.product_column_link_wrap a{margin-right:20px;}
.block_01{margin-left:30px;}
.block_01 li{margin:0 30px 40px 0;}
.product_column_txt{margin-bottom:40px;}


.block_01 li{ float:left; width:220px; text-align:center;}
.block_02 li{ float:left; width:390px; text-align:center;}
.block_03{ margin-bottom:20px;}
.block_03 .block_r1{ float:left; padding-right:20px; width:200px; text-align:center;}
.block_03 .block_r1 p{ margin-top:10px; font-size:14px;}
.block_03 .block_l1{ float:left; padding-top:55px;}
.block_03 .block_l1 ul{ padding:10px; width:280px; background-color:#f3f0e0; border:1px solid #A49E7E; text-align:left;}
.block_03 .block_l1 li{ line-height:2.5em; text-align:left;}
.block_04_area{ margin-bottom:30px;}
.block_04_img{ float:left; margin-right:20px; width:260px; text-align:center;}
.block_04_text{ float:left; width:500px; background-color:#f3f0e0; border:1px solid #A49E7E; text-align:center; text-align:left;}
.block_04_explain{ padding:20px; text-align:left;}

.block_04_banner { margin:20px auto; width:160px; height:22px; color:#36F;}
.block_04_banner a{ padding:5px 10px; display:block; background:#000; border:3px solid #ED964C; font-size:1.1em; color:#ED964C;}



/*以下アニメーションパーツ群*/

.anim_wrap{width:800px; position:relative;}


.product_anim_parts{background-image:url(../img/product/ips/anim_parts_sprite.png); width:100px; height:100px; display:block; position:absolute; background-repeat:no-repeat; display:none;}
.parts_beacon{position:absolute; top:75px; left:5px; width:280px; height:200px; display:block;}
.parts_people{width:14px; height:41px; top:5px; left:263px;	background-position:0 0;}
.parts_pop{width:56px; height:51px; top:90px; left:140px;	background-position:0 -100px;}
.parts_line{/*width:206px*/; width:0px; height:31px; top:160px; left:220px;	background-position:0 -50px; display:block;}
.parts_beacon_illust{width:120px; height:154px; top:90px; left:390px;	background-position:0 -668px;}
.parts_beacon_text{width:270px; height:60px; top:230px; left:367px;	background-position:0 -822px;}
.parts_beacon_wave{width:110px; height:225px; top:8px; left:506px;	background-position:-300px -440px; display:block;}
.parts_iphone{width:126px; height:269px; top:20px; left:660px;	background-position:0 -158px;}
.parts_iphone.active{background-position:-151px -158px;}
.btn_start{cursor:pointer; width:100px; height:100px; top:100px; left:350px; background-position:0 -896px; display:block;}
.btn_restart{cursor:pointer; width:200px; height:40px; top:250px; left:590px; background-position:-150px -900px;}
.black_layer{ filter: alpha(opacity=75);  -moz-opacity:0.75;  opacity:0.75; width:800px; height:300px; position:absolute; background:#000; top:0; left:0;}

.pop_01{position:absolute;	width:94px;	height:	91px;	background-position:0	-1000px	;	left:470px;	top:10px;}
.pop_02{position:absolute;	width:124px;	height:71px;	background-position:-118px	-1000px;	left:505px;	top:90px;}
.pop_03{position:absolute;	width:94px;	height:	91px;	background-position:-248px	-1000px;	left:480px;	top:	160px;}
.txt_01,.txt_02,.txt_03{color:#fff; font-weight:bold; font-size:1.3em; width:250px;	display:none;	position:absolute; bottom:10px; left:367px; background:#000; border:2px solid #F80; padding:5px;}

.screen_01,.screen_02,.screen_03{position:absolute;	width:170px;	height:280px;	left:620px;	top:20px;}
.screen_01{background-position:0px	-1100px;}
.screen_02{background-position:-170px	-1100px;}
.screen_03{background-position:-340px	-1100px;}

.screen_03_map_anim{width:115px;	height:81px;	position:absolute;	left:620px; top:175px; display:none; background-image:url(../img/product/ips/map_anim.gif);}