/*************************************************
 * for ALL page ('/*')
 * 
 * FILE: base.css
 * DATE: 2008-11-11
*************************************************/

/**
 * reset
**/
* {
/*	position: relative; */
}
body *, a {
  font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
}
body, p, h1, h2, h3, h4, h5, h6,
table, th, td, ul, ol, li, dl, dt, dd,
form, fieldset, legend, label {
	margin: 0;
	padding: 0;
	font-size: 9pt;
	line-height: 1.3;
}
ul {
	list-style: none;
}
img {
	border: none;
}


/****************************************
 * commons
 *
****************************************/
body {
	background: #7F7F7F;
}
#wrapper-head,
#wrapper-head-menu,
#wrapper-main,
#wrapper-foot {
	margin: 0;
	padding: 0;
	text-align: center;
	background: transparent;
}

#wrapper-head {
	height: 76px;
	background: #FFF url(../images/header_bg.gif) repeat-x top;
}
#wrapper-head-menu {
	height: 24px;
	background: #FFF url(../images/head_menu_bg.gif) repeat-x top;
}
#wrapper-main {
	padding: 30px 0;
	background: #FFF url(../images/header_shadow.gif) repeat-x top;
}
#wrapper-foot {
	height: 55px;
	background: url(../images/footer_bg.gif) repeat-x top;
}

#head,
#head-menu,
#main,
#foot,
#foot_r {
	width: 1010px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	/* for debug * / *
	background: #fDD;*/
}

br.clear {
	clear: both;
	font-size: 0.1px;
}

a:link {
	color: #007dc5;
	text-decoration: none;
}
a:visited {
	color: #fc3c09;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/****************************************
 * #head
 *
****************************************/
#head img {
	float: left;
}
#head h1 {
	float: right;
	margin-top: 45px;
	margin-left: 0px;
	color: #cccccc;
}
#head img.btn {
	float: right;
	margin-top: 45px;
	margin-left: 8px;
}

/****************************************
 * #head-menu
 *
****************************************/
#head-menu img {
	float: left;
	margin: 0 4px 0 8px;
}
#head-menu li {
	height: 24px;
	float: left;
	margin: 0 6px 0 8px;
}
#head-menu li a {
	height: 100%;
	line-height: 100%;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
#head-menu li a.selected {
	background-position:0 0;
}
#head-menu li a:hover {
	background-position: 0 0;
}

#head-menu .news a {
	width: 40px;
	background: url(../images/head_menu_news.gif) no-repeat 0 bottom;
}
#head-menu .waveinfo a {
	width: 70px;
	background: url(../images/head_menu_waveinfo.gif) no-repeat 0 bottom;
}
#head-menu .specialfeatures a {
	width: 105px;
	background: url(../images/head_menu_specialfeatures.gif) no-repeat 0 bottom;
}
#head-menu .shopping a {
	width: 60px;
	background: url(../images/head_menu_shopping.gif) no-repeat 0 bottom;
}
#head-menu .blog a {
	width: 35px;
	background: url(../images/head_menu_blog.gif) no-repeat 0 bottom;
}
#head-menu .community a {
	width: 75px;
	background: url(../images/head_menu_community.gif) no-repeat 0 bottom;
}


/****************************************
 * #main
 *
****************************************/


/****************************************
 * #main > #contents
 * #main > #side_banner
****************************************/
#contents {
	width: 833px;
	margin-right: 10px;
	float: left;
}

#foot_banner {
	margin-top: 30px;
}
#foot_banner img {
	margin-right: 4px;
}

#side_banner {
	float: left;
/*	width: 137px; */
	width: 160px;
	/*height: auto;*/
	/*background: #CCF;*/
	/*margin-left: 4px;*/
	/*padding: 1em auto;*/
	text-align: center;
/*	margin-top:357px;*/
}
#side_banner img {
	margin-bottom: 4px;
}
/****************************************
 * #foot
 *
****************************************/
#foot img {
	float: right;
	margin-top: 32px;
}
#foot a img {
	float: left;
	margin-right: 8px;
}
#foot img.btn {
	float: right;
	margin-right: 8px;
}

/****************************************
 * #social
 *
****************************************/
#social_wrap{
	position:relative;
}

#social{


}

#twitter_btn{
	position:absolute;
	top:-68px;
	left:780px;
	z-index:20;
}

#facebook_btn{
	position:absolute;
	top:-68px;
	left:620px;
}
/****************************************
 * #ust
 * #ustspace(ust非表示の際)
****************************************/
.ustream_top{
	position:relative;
}

.ustream_top_child{
	position:absolute;
	top:0px;
	left:645px;
	width:352px;
	padding:6px;
	padding-top:35px;
	background:#656565;
}

#ust_title{
	position:absolute;
	top:6px;
	left:6px;
	z-index:999;
}
#ad_title{
	position:absolute;
	top:6px;
	left:6px;
	z-index:1;
}
#ad_ustspace{
	position:relative;
}

#ad_ustspace_child{
	position:absolute;
	top:0px;
	left:645px;
	width:352px;
	padding:6px;
	padding-top:35px;
	background:#656565;
}

/****************************************
 * #facebook FANbox
 * 
****************************************/

#fanbox{
	position:relative;
	width:826px;
}

#h3_fanbox{
	position:absolute;
	top:7px;
	left:0px;
}

#tofacebook{
	position:absolute;
	top:0px;
	left:110px;
}
/****************************************
 * #tracks
 * 
****************************************/
#tracks_section{
	position:relative;
	width:826px;
	margin-top:30px;
}

#child1{
	float:left;
	width:158px;
	margin-right:15px;
}

#child2{
	float:left;
	width:353px;
	margin-right:15px;
}

#checkincounter{
	float:left;
	width:285px;
}

#child2 h3{
	margin-bottom:15px;
}


#tracks_images{
	width:158px;
	height:336px;
	background:url(/images/top/tracks/iphoneimage.gif) no-repeat;
	position:relative;
	
}

#tracks_images li{
	position:absolute;
	top:55px;
	left:14px;
	
}

#btn_totracks li{
	width:167px;
	height:61px;
	float:left;
	margin-top:30px;
}

#btn_iphone{
	background:url(/images/top/tracks/btn_available_iphone_on.gif) no-repeat;
	margin-right:18px;
}
#btn_android{
	background:url(/images/top/tracks/btn_available_android_on.gif) no-repeat;
	
}

#checkinnum{
	margin-top:15px;
	margin-bottom:15px;
}

#checkinnum li{
	float:left;
	margin-right:5px;
}

#checkintimeline_box{
	width:285px;
}

#checkintimeline_box li{
	width:285px;
	background:#959595;
	margin-top:5px;
}

.timeline_bg{
background:url(/images/top/tracks/timeline_main.gif) repeat-x;
	width:285px;
	min-height:44px;
}

.timeline_mainsec{
	
	padding:0px 5px 0px 5px;
	width:268px;
	min-height:44px;
}

.timeline_mainsec div.faceimege{
	float:left;
	width:44px;
	margin-right:5px;
}

.timeline_mainsec div.checkintimeline_textdisplay{
	float:left;
	width:214px;
	font-size:10px;
	color:#000000;
}

.checkincount{background-image:url(/images/top/tracks/counter_num_all.png); background-repeat: no-repeat; width:30px; height: 66px; margin:0; padding: 0; display: inline-block;text-indent:-9999px; overflow:hidden;}

.checkincount.checkin-0-0{background-position:0px 0px}
.checkincount.checkin-1-0{background-position:0px -66px}
.checkincount.checkin-2-0{background-position:0px -132px}
.checkincount.checkin-3-0{background-position:0px -198px}
.checkincount.checkin-4-0{background-position:0px -264px}
.checkincount.checkin-5-0{background-position:0px -330px}
.checkincount.checkin-6-0{background-position:0px -396px}
.checkincount.checkin-7-0{background-position:0px -462px}
.checkincount.checkin-8-0{background-position:0px -528px}
.checkincount.checkin-9-0{background-position:0px -594px}

.checkincount.checkin-1-1{background-position:-60px 0px}
.checkincount.checkin-2-1{background-position:-60px -66px}
.checkincount.checkin-3-1{background-position:-60px -132px}
.checkincount.checkin-4-1{background-position:-60px -198px}
.checkincount.checkin-5-1{background-position:-60px -264px}
.checkincount.checkin-6-1{background-position:-60px -330px}
.checkincount.checkin-7-1{background-position:-60px -396px}
.checkincount.checkin-8-1{background-position:-60px -462px}
.checkincount.checkin-9-1{background-position:-60px -528px}
.checkincount.checkin-0-1{background-position:-60px -594px}

.checkincount.checkin-1-2{background-position:-30px 0px}
.checkincount.checkin-2-2{background-position:-30px -66px}
.checkincount.checkin-3-2{background-position:-30px -132px}
.checkincount.checkin-4-2{background-position:-30px -198px}
.checkincount.checkin-5-2{background-position:-30px -264px}
.checkincount.checkin-6-2{background-position:-30px -330px}
.checkincount.checkin-7-2{background-position:-30px -396px}
.checkincount.checkin-8-2{background-position:-30px -462px}
.checkincount.checkin-9-2{background-position:-30px -528px}
.checkincount.checkin-0-2{background-position:-30px -594px}