* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family:'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','ƒƒCƒŠƒI',Meiryo,'‚l‚r ‚oƒSƒVƒbƒN',sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 153%;
	text-align:center;
}

br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

a{ text-decoration: none; }
a:link	  { color: #333333; text-decoration: none; }
a:visited { color: #333333; text-decoration: none; }
a:hover	  { color: #990000; text-decoration: underline; }

img { border: 0px; }
ul{ list-style: none; }

.none{ display: none; }

.txt_clear {
	clear: both;
	height:15px;
	display: block;
}
.dot_hr{
	clear: both;
	background-image: url(../image/top_hr.gif);
	height:1px;
	width: 501px;
	margin:0px auto;
}

/*********************
		global
*********************/
#container{
	margin:0px auto;
	width:800px;
	text-align: left;
	background-color: #fff;
}
.font10{
	font-size: 10px;
	line-height: 13px;
}
.text{
	clear: both;
}
.bold{
	font-weight: bold;
	font-size: 12px;
}
/*********************
		header
*********************/
#top_header{
	margin: 25px 0 18px 0;
	background: url(../image/top_title.gif) no-repeat;
	height: 54px;
	text-indent: -9999px;
}
#header a{
	margin: 25px 0 18px 0;
	background: url(../image/title.gif) no-repeat;
	height: 54px;
	display: block;
	text-indent: -9999px;
}
/*********************
		footer
*********************/
#footer{
	clear:both;
	height: 20px;
	padding: 10px 10px 10px 10px;
	font-size: 10px;
}
#footer ul{ margin-left: 160px; list-style: none; }
#footer li{
	float: left;
	margin-right: 5px;
}
/*********************
		menu
*********************/
#menu ul{
	margin: 0;
	padding: 0;
	width: 800px;
	height: 37px;
	margin: 18px 0 24px 0;
}
#menu li{
	margin: 0;
	padding: 0;
	float: left;
}
	#menu01{
		background-image: url(../image/menu/menu_on_01.gif);
		width: 125px; height: 37px;
	}
	#menu01 a{
		background-image: url(../image/menu/menu_01.gif);
		width: 125px; height: 37px;
		display: block;
	}
	#menu01 a:hover{ background: none; }
	
	#menu02{
		background-image: url(../image/menu/menu_on_02.gif);
		width: 110px; height: 37px;
	}
	#menu02 a{
		background-image: url(../image/menu/menu_02.gif);
		width: 110px; height: 37px;
		display: block;
	}
	#menu02 a:hover{ background: none; }
	
	#menu03{
		background-image: url(../image/menu/menu_on_03.gif);
		width: 110px; height: 37px;
	}
	#menu03 a{
		background-image: url(../image/menu/menu_03.gif);
		width: 110px; height: 37px;
		display: block;
	}
	#menu03 a:hover{ background: none; }
	
	#menu04{
		background-image: url(../image/menu/menu_on_04.gif);
		width: 110px; height: 37px;
	}
	#menu04 a{
		background-image: url(../image/menu/menu_04.gif);
		width: 110px; height: 37px;
		display: block;
	}
	#menu04 a:hover{ background: none; }
	
	#menu05{
		background-image: url(../image/menu/menu_on_05.gif);
		width: 110px; height: 37px;
	}
	#menu05 a{
		background-image: url(../image/menu/menu_05.gif);
		width: 110px; height: 37px;
		display: block;
	}
	#menu05 a:hover{ background: none; }
	
	#menu06{
		background-image: url(../image/menu/menu_on_06.gif);
		width: 110px; height: 37px;
	}
	#menu06 a{
		background-image: url(../image/menu/menu_06.gif);
		width: 110px; height: 37px;
		display: block;
	}
	#menu06 a:hover{ background: none; }
	
	
	#menu07{
		background-image: url(../image/menu/menu_on_07.gif);
		width: 125px; height: 37px;
	}
	#menu07 a{
		background-image: url(../image/menu/menu_07.gif);
		width: 125px; height: 37px;
		display: block;
	}
	#menu07 a:hover{ background: none; }

/*********************
		main
*********************/
#main{ background-color: #fff; }

/*********************
		TOP
*********************/
#top_image a{
	width: 800px;
	height: 317px;
	background: url(../image/top_1006.jpg) no-repeat;
	display:block;
	margin: 0 0 5px 0;
}
#top_image p{
	text-indent:-9999px;
}	
#top_image_tour a{
	width: 800px;
	height: 190px;
	background: url(../image/top_tour.jpg) no-repeat;
	display:block;
	margin: 0 0 20px 0;
}
#top_image_tour p{
	text-indent:-9999px;
}	


#top_bobg_01{
	background: url(../image/top_bottom_bg01.gif) no-repeat;
	width: 802px;
	height: 48px;
}
#top_bobg_02{
	background: url(../image/top_bottom_bg02.gif) repeat-y;
	width: 802px;
}
#top_bobg_03{
	clear: both;
	background: url(../image/top_bottom_bg03.gif) no-repeat;
	width: 802px;
	height: 14px;
}
#top_left{
	float: left;
	width: 570px;
}
	#top_left_le{
		float: left;
		text-indent: -9999px;
		background: url(../image/le_iphone.jpg) no-repeat;
		width: 167px;
		height: 347px;
		margin: 8px 7px 0px 66px;
	}
	#top_left_ri{
		float: left;
		width: 290px;
		padding: 10px 0 0 0;
	}
	#top_le_title{
		background: url(../image/le_relationsforiphone.gif) no-repeat;
		width: 273px;
		height: 43px;
		text-indent: -9999px;
		margin: 0 0 10px 0;
	}
	#top_app_free_le{
		float: left;
		/*width: 174px;*/
		height: 20px;
		padding: 20px 0 0 0;
	}
	#top_app_free_ri{
		float: left;
		margin: 13px 0 12px 0;
		background: url(../image/free.gif) no-repeat;
		width: 116px;
		height: 31px;
		text-indent: -9999px;
	}
	#app_store a{
		margin: 9px 0 3px 0px;
		background: url(../image/appstore.gif) no-repeat;
		width: 124px;
		height: 41px;
		display: block;
		float:right;
	}
	.app_store_cap{
		font-size:10px;
		text-align:right;
		clear:both;
	}
	#logo_rela{
		background: url(../image/relations.gif) no-repeat;
		width: 90px;
		height: 44px;
		text-indent: -9999px;
		float: left;
		margin: 8px 0 0px 133px;
	}
	#logo_yappa{
		background: url(../image/yappa.gif) no-repeat;
		width: 60px;
		height: 44px;
		text-indent: -9999px;
		float: left;
		margin: 8px 0 0px 0;
	}

#top_blog_btn{
	background-image: url(../image/blog_btn_on.gif);
	width: 327px;
	height: 105px;
	display: block;
	margin:20px auto;
}
#top_blog_btn a{
	background-image: url(../image/blog_btn.gif);
	width: 327px;
	height: 105px;
	display: block;
}
#top_blog_btn a:hover{ background: none; }


#top_right{
	float: left;
	width: 230px;
	line-height: 15px;
}
	#top_ri_title{
		text-indent: -9999px;
	}
	#top_ri_imgs{
		background-image: url(../image/ri_relations_s01-03.gif);
		width: 200px;
		height: 127px;
		text-indent: -9999px;
		margin: 0 15px 0 15px;
	}
	#top_right_link{
		background: url(../image/link_img.gif) no-repeat;
		background-position: 0px 3px;
		padding-left: 15px;
		font-size: 10px;
		margin: 5px 0 10px 110px;
	}
	#top_right_link a{ color: #990000; }
	
	#propose_btn{
		background: url(../image/propose_btn_on.gif) no-repeat;
		width: 162px;
		height: 32px;
		margin: 10px 0 10px 15px;
	}
	#propose_btn a{
		background: url(../image/propose_btn.gif) no-repeat;
		width: 162px;
		height: 32px;
		display: block;
	}
	#propose_btn a:hover{ background: none; }
	.reset_bottom{
		clear: both;
	}

/* ƒoƒbƒNƒiƒ“ƒo[ */
#top_backnumber_title{
	display: block;
	background: url(../image/top_backnumber.gif) no-repeat;
	width: 93px;
	height: 15px;
	text-indent: -9999px;
	margin: 28px 0 10px 34px;
}
	#bn_le{
		float: left;
		text-indent: -9999px;
		background: url(../image/le_app01.gif) no-repeat;
		width: 95px;
		height: 145px;
		margin: 8px 7px 0px 80px;
	}
	#bn_ri_copy{
		text-indent: -9999px;
		background: url(../image/le_bn_copy.gif) no-repeat;
		width: 193px;
		height: 33px;
		margin: 0 0 15px 34px;
	}
	#bn_contents{
		width:510px;
		margin:0 auto;
	}
	.bn_app a{
		margin: 0 0 3px 0px;
		background: url(../image/appstore.gif) no-repeat;
		width: 124px;
		height: 41px;
		display: block;
		margin:0 auto;
	}
	.bn_app_cap{
		font-size:10px;
		text-align:center;
	}
	.bn_box{
		float:left;
		width:160px;
		margin-right:10px
	}	
	.bn_guest{
		font-size: 10px;
		margin: 10px 0 10px 0;
	}
	.bn_img{
		text-indent: -9999px;
		width: 95px;
		height: 145px;
		margin: 0 auto;
		text-align:center;
		display:block;
	}
	#bn_08_img{
		background: url(../image/le_app08.gif) no-repeat;
	}
	#bn_09_img{
		background: url(../image/le_app09.gif) no-repeat;
	}
	#bn_10_img{
		background: url(../image/le_app10.gif) no-repeat;
	}


#top_whats_new_title{
	display: block;
	background: url(../image/top_whats_new.gif) no-repeat;
	width: 77px;
	height: 12px;
	text-indent: -9999px;
	margin: 28px 0 10px 34px;
}
#top_whats_new{
	width: 500px;
	margin: 0 0 36px 34px;
}
#top_whats_bg01{
	background: url(../image/top_whats_bg01.gif) no-repeat;
	width: 500px;
	height: 1px;
}
#top_whats_bg02{
	background: url(../image/top_whats_bg02.gif) repeat-y;
	width: 500px;
}
#top_whats_bg03{
	clear: both;
	background: url(../image/top_whats_bg03.gif) no-repeat;
	width: 500px;
	height: 1px;
}
#top_whats_new ul{
	margin: 0 0 0 10px;
	padding: 4px;
}
#top_whats_new li{
	margin: 4px 0 4px 0;
	padding: 0 0 0 0;
}
#top_whats_new li.dot{
	clear: both;
	background-image: url(../image/top_whats_bg_dot.gif);
	height:1px;
	width: 477px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 1px;
}
#top_whats_new_past{
	background: url(../image/link_img.gif) no-repeat;
	background-position: 0px 4px;
	padding-left: 15px;
	font-size: 10px;
	float: right;
}
#top_whats_new_past a{ color: #EE0000; }



/*********************
	TOPˆΘŠO‚Μƒy[ƒW
*********************/
#tbl_bg01{
	background: url(../image/tbl_bg01.gif) no-repeat;
	width: 800px;
	height: 10px;
}
#tbl_bg02{
	background: url(../image/tbl_bg02.gif) repeat-y;
	width: 765px;
	padding: 31px 0 10px 35px;
}
#tbl_bg03{
	clear: both;
	background: url(../image/tbl_bg03.gif) no-repeat;
	width: 800px;
	height: 12px;
}
	/* ŽGŽ”z•zƒ‰ƒbƒN‚̐ݒuκŠ */
	#relations_title{
		background-image: url(../image/rerations_title.gif);
		width: 210px;
		height: 18px;
		text-indent: -9999px;
		margin: 0 0 13px 0;
	}
	/* ‰οŽΠŠT—v */
	#about_title{
		background-image: url(../image/about_title.gif);
		width: 72px;
		height: 18px;
		text-indent: -9999px;
		margin: 0 0 13px 0;
	}
	/* ŽGŽrelations‚Ι‚Β‚’‚Δ */
	#mag_left{
		float: left;
		text-indent: -9999px;
		background: url(../image/mag_iphone.jpg) no-repeat;
		width: 151px;
		height: 293px;
		margin: 0 23px 0 0;
	}
	#mag_right{
		float: left;
		width: 515px;
	}
	#mag_title{
		background: url(../image/le_relationsforiphone.gif) no-repeat;
		width: 273px;
		height: 43px;
		text-indent: -9999px;
		margin: 4px 0 11px 0;
		float: left;
	}
	#mag_free{
		float: left;
		margin: 4px 0 0 20px;
		background: url(../image/free.gif) no-repeat;
		width: 116px;
		height: 31px;
		text-indent: -9999px;
	}
	#mag_yotei{
		margin: 18px 0 17px 0;
	}
	#mag_appstore a{
		background: url(../image/appstore.gif) no-repeat;
		width: 124px;
		height: 41px;
		display: block;
		margin: 17px 0 5px 390px;
	}
	#mag_logo_rela{
		background: url(../image/relations.gif) no-repeat;
		width: 90px;
		height: 44px;
		text-indent: -9999px;
		float: left;
		margin: 13px 0 0 2px;
	}
	#mag_logo_yappa{
		background: url(../image/yappa.gif) no-repeat;
		width: 60px;
		height: 44px;
		text-indent: -9999px;
		float: left;
		margin: 12px 25px 0 3px;
	}
	#mag_company_txt{
		float: left;
		font-size: 10px;
		width: 300px;
		margin: 25px 0 0 0;
	}
	#mag_new{
		margin-bottom:20px;
	}
	#mag_bn{
		margin:20px 0 20px 0;
	}
	#mag_bn_tit{
		background: url(../image/mag_bn_tit.gif) no-repeat;
		width: 125px;
		height: 17px;
		text-indent: -9999px;
		margin: 0 0 20px 0;
	}	
	#mag_bn_app{
		background: url(../image/mag_bn_app.gif) no-repeat;
		width: 103px;
		height: 158px;
		text-indent: -9999px;
		margin: 0 0 0 25px;
		float:left;
	}
	#mag_bn_right{
		float: left;
		width: 515px;
		margin: 0 0 0 45px;
	}	
	#mag_bn_copy{
		background: url(../image/mag_bn_copy.gif) no-repeat;
		width: 250px;
		height: 41px;
		text-indent: -9999px;
		margin: 0 0 15px 0;
	}	
	
	#mag_bn_contents{
		width:740px;
		margin:0 auto;
	}
	.mag_bn_app a{
		margin: 0 0 3px 0px;
		background: url(../image/appstore.gif) no-repeat;
		width: 124px;
		height: 41px;
		display: block;
		margin:0 auto;
	}
	.mag_bn_app_cap{
		font-size:10px;
		text-align:center;
	}
	.mag_bn_box{
		float:left;
		width:170px;
		margin-right:15px
	}	
	.mag_bn_guest{
		font-size: 10px;
		margin: 10px 0 10px 0;
	}
	.mag_bn_img{
		text-indent: -9999px;
		width: 110px;
		height: 150px;
		margin: 20px auto 0;
		text-align:center;
		display:block;
	}
	#mag_bn_01_img{
		background: url(../image/mag_bn_app01.gif) no-repeat;
	}
	#mag_bn_02_img{
		background: url(../image/mag_bn_app02.gif) no-repeat;
	}
	#mag_bn_03_img{
		background: url(../image/mag_bn_app03.gif) no-repeat;
	}
	#mag_bn_04_img{
		background: url(../image/mag_bn_app04.gif) no-repeat;
	}
	#mag_bn_05_img{
		background: url(../image/mag_bn_app05.gif) no-repeat;
	}
	#mag_bn_06_img{
		background: url(../image/mag_bn_app06.gif) no-repeat;
	}
	#mag_bn_07_img{
		background: url(../image/mag_bn_app07.gif) no-repeat;
	}
	#mag_bn_08_img{
		background: url(../image/mag_bn_app08.gif) no-repeat;
	}
	#mag_bn_09_img{
		background: url(../image/mag_bn_app09.gif) no-repeat;
	}
	#mag_bn_10_img{
		background: url(../image/mag_bn_app10.gif) no-repeat;
	}


	
	/* What's New */
	#whats_new_title{
		background: url(../image/whats_new_title.gif) no-repeat;
		width: 109px;
		height: 16px;
		text-indent: -9999px;
		margin: 0 0 13px 0;
	}
	.whats_new_dot_hr{
	clear: both;
	background: url(../image/whtas_new_dot_hr.gif) no-repeat;
	height:1px;
	width: 736px;
	margin:0px auto;
	}

h4{
	font-size:14px;
	text-decoration:underline;
}
	.lack{
		margin-bottom:15px;
	}
	#shinjugu_lack{
		background: url(../image/relations_lack.jpg) no-repeat;
		width: 337px;
		height: 256px;
		text-indent: -9999px;
		margin: 10px 0 0 20px;
	}