@charset "UTF-8";
body{
	font: 12px/18px "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",  "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color:#DDD;
	/*position:retative;*/
	display:block;
	padding:0;
	margin:0;
	height:auto;
	background-image:url(../images/bodybg_480.jpg);
	background-color:#000;
	overflow:hidden;
	max-width:480px;
}
body:after{
	content:'.';
	visibility:hidden;
	clear:both;
}
.portrait{
	width:320px;
	/*width:100%;*/
}
.landscape{
	width:480px;
}
.portrait2{
	width:290px;
}
.landscape2{
	width:450px;
}
header img{
	width:100%;	
}

ul{
	padding:0;
	margin:0;
	list-style:none;
}
li{
	padding:0;
	margin:0;
	list-style-type:none;
}

#background {
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	height:auto;
}
#canvasWrap{
	overflow:hidden;
	width:inherit;
	height:auto;
}

#canvasWrap canvas{
	margin:0 auto;
}

#allWrap{
	-webkit-margin-bottom-collapse: separate;
	-webkit-margin-top-collapse: separate;
	position:relative;
	top:0;
	left:0;
	height:auto;
	z-index:2;
	overflow:hidden;
}
#main{
	width:inherit;
	/*max-width:480px;*/
}
header{
	margin:0;
	padding:0;
	text-align:center;
}
h1{
	margin:0;
	padding:0;
}
#contents{
	clear:both;
	width:auto;
	margin:0 10px;
}
#twitter, #twitter2{
	margin-bottom:25px;
}
.logo{
	float:left;
	clear:none;
}
.title{
	float:left;
	clear:none;
}
.box1{
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	clear:both;
}
#twitter .box1:after{
	content:'.';
	visibility:hidden;
	clear:both;
}
.box1 img{
	width:auto;
}

.boxBG{
	position:relative;
	background-image:url(../images/boxbg.png);
	height:275px;
	width:auto;
	border:#039 1px solid;
}

.boxMain{
	position:absolute;
	top:0;
	left:0;
	height:160px;
	padding:20px;
	box-sizing:border;
	width:auto;
}
#tweetArea{
	width:90%;
	height:auto;
}
#tweetArea ul{
	position:relative;
	padding:0;
	margin:0;
	width:100%;
}
#tweetArea li{
	padding:0;
	margin:0;
	position:absolute;
	display:none;
	list-style-type:none;
	color:#CFF;
	font-size:14px;
	width:100%;
	/*opacity:0;*/
}

#tweetArea .twLeft{
	float:left;
	height:300px;
}

#tweetArea .twRight{
	float:right;
	clear:none;
}


#tweetArea li img{
	display:block;
	float:left;
	clear:none;
	/*width:48px;
	height:48px;*/
}

#tweetArea li span.twName{
	float:left;
	clear:none;
	height:48px;
	padding:14px 15px;
	font-size:20px;
}

#tweetArea li a{
	color:#6CF;
}


#tweetArea li .twTweet{
	float:left;
	height:auto;
	font-size:17px;
	font-weight:bold;
	color:#6FF;
	font-size:14px;
	width:100%;
	clear:both;
}

#tweetArea li span.twDate{
	font-size:12px;
	height:25px;
	padding:0 5px;
	margin:0;
	width:100%;
	float:left;
	clear:both;
}
#twitter2 .box1{
	height:260px;
}
.title img#twWorld{
	width:260px;
	margin-top:2px;
}
.title img#musicKosuke{
	width:260px;
	margin-top:2px;
}
.title img#konoSite{
	width:260px;
	margin-top:2px;
}
.jta-tweet-user-name a{
	font-size:16px;
}

.jta-tweet-user-name:after{
	content:'.';
	visibility:hidden;
	clear:both;
}

#twitter2 .box1{
	margin-bottom:30px;
}
#tweetBox{
	width:100%;
	margin-top:10px;
}
#tweetBox iframe{
	width:auto;
}
.twitter-anywhere-tweet-box{
	width:100%;
}
#tweetBox iframe #tweet-box-header .doing{
	margin:0;
}
#tweet-box{
	width:auto;
}
#music{
	position:relative;
	margin-bottom:25px;
}
#musicList{
	position:relative;
	/*top:0;*/
	margin:0 auto;
	padding:0;
	width:100%;
	margin-right:20px;
	box-sizing:border;
}
#musicList li{
	display:block;
	font-size:8px;
	padding:10px;
	background-color:#039;
	margin-bottom:1px;
	/*opacity:0.7;*/
	color:#DDF;
	list-style-type:none;
	-webkit-transition-duration:300ms;
	cursor:pointer;
	text-shadow:
		0px 1px 1px rgba(38,17,84,1),
		0px 1px 0px rgba(255,255,255,0);
}

.opacity9{
	opacity:0.9;
}
.opacity7{
	opacity:0.7;
}
#stat{
	background-color:#339;
	opacity:0.7;
	color:#DDF;
	padding:10px;
	height:18px;
	text-shadow:
		0px 1px 1px rgba(38,17,84,1),
		0px 1px 0px rgba(255,255,255,0);
}
#control{
	position:relative;
	background-color:#117;
	clear:both;
	padding:5px 10px 5px 10px;
	height:20px;
	/*top:272px;
	left:10px;*/
}

#control img{
	cursor:pointer;
}

#display{
	float:left;
}
#thisSite .boxBG{
	height:340px;
}
#textArea{
	font-weight:bold;
	color:#6FF;
}
#other{
	position:relative;
}

ul#productsList{
	width:840px;
}

ul#productsList li{
	width:262px;
	float:left;
	clear:none;
	margin-right:27px;
}
ul#productsList li:last-child{
	margin-right:0px;
}

.productTitle{
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #ffffff;
	padding: 7px 7px;
	background: -moz-linear-gradient(
		top,
		#90b9db 0%,
		#5d97c9 50%,
		#001c80 50%,
		#609bcf);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#90b9db),
		color-stop(0.50, #5d97c9),
		color-stop(0.50, #001c80),
		to(#609bcf));
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border: 1px solid #2476c8;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px 1px 1px rgba(38,17,84,1),
		0px 1px 0px rgba(255,255,255,0);
	margin-bottom:5px;
}
.productBody{
	border:#0AA 1px solid;
	position:relative;
	height:290px;
}

.productBodyBG{
	position:relative;
	z-index:0;
	background-color:#039;
	opacity:0.5;
	height:290px;
}
.productBodyMain{
	position:absolute;
	top:0px;
	left:0px;
	/*padding:5px;*/
	z-index:1;
}
.productThumb{
	margin:5px;
	margin-bottom:0px;
}
.productDescription{
	/*border:#09C 1px solid;*/
	/*background-color:#026;*/
	/*opacity:0.7;*/
	height:86px;
	margin:5px;
	margin-top:0px;
	/*padding:5px;*/
	position:relative;
}
.descBG{
	border:#09C 1px solid;
	background-color:#014;
	opacity:0.5;
	height:86px;
	position:relative;
}
.descWrap{
	position:absolute;
	top:5px;
	left:5px;
}
.descIcon{
	float:left;
	clear:left;
}
.descText{
	font-size:12px;
	margin-left:5px;
	float:left;
	clear:none;
	width:175px;
}
.box2{
	background-image:url(../images/boxbg.png);
	width:auto;
	position:relative;
}
#thisSite #textArea a{
	color:#6CF;
}
footer{
	color:#6FF;
	clear:both;
	margin-top:20px;
	width:auto;
	text-align:center;
}
/*
body{
		background-image:url(../images/bodybg_480.jpg);
		position:static;
		display:block;
		padding:0;
		margin:0;
		background-color:#000;
	}
	.portrait{
		width:320px;
	}
	.landscape{
		width:480px;
	}
	#background {
		position:absolute;
		top:0;
		left:0;
		z-index:0;
	}
	header img{
		width:100%;	
	}
	#allWrap{
		-webkit-margin-bottom-collapse: separate;
		-webkit-margin-top-collapse: separate;
		position:relative;
		top:0;
		left:0;
		height:auto;
		z-index:2;
		overflow:hidden;
	}
	#main{
		width:inherit;
		max-width:480px;
	}
	#contents{
		clear:both;
		margin:0 10px;
		padding:0;
	}
	.boxMain{
		width:300px;
	}
	.boxBG{
		position:relative;
		background-image:url(../images/boxbg.png);
		height:270px;
		width:inherit;
		margin:0 10px;
		border:#039 1px solid;
	}
	

	.title img#twWorld{
		width:260px;
		margin-top:2px;
	}
	.title img#musicKosuke{
		width:260px;
		margin-top:2px;
	}
	.title img#konoSite{
		width:260px;
		margin-top:2px;
	}
	#tweetArea{
		width:100%;
		height:auto;
	}
	#tweetArea li span.twDate{
		font-size:12px;
		height:25px;
		padding:0 5px;
		margin:0;
		width:100%;
		float:left;
		clear:both;
	}
	#tweetArea li span.twTweet{
		font-size:14px;
		width:270px;
		clear:both;
	}
	#twitter2 .box1{
		height:260px;
	}
	ul#musicList{
		width:100%;
		margin-right:20px;
	}
	#musicList li{
		display:block;
		font-size:14px;
		width:280px;
	}
*/