@charset "UTF-8";
/* CSS Document */
body{
	position: relative;
	background-color: #000;
	color:#231815;
	font-family: sans-serif;
}
#color_background{
	display: block;
	width:0;
	height: 0;
	position: absolute;
	top:0;
	left: 0;
	z-index: 110;
	background-image: url("../images/black.png");
}
#pagetop{
	float: left;
	display: block;
	width: 100%;
	height: 0;
	overflow: hidden;
}
.pagetopblock{
	width:100%;
	height:105px;
	padding:0;
	display: block;
	float: left;
}
.pagetopblock p{
	padding:0 0 0 475px;
	display: block;
	float: left;
}
.pagetopblock a{
	width:91px;
	height:105px;
	overflow: hidden;
	padding:0;
	display: block;
	float: left;
	background-image: url("../images/pagetop.png");
	background-repeat: no-repeat;
	background-position: 0 0;
}
.pagetopblock a:hover{
	background-position: 0 -105px;
}
#color_background{
	width:100%;
	display: block;
	float: left;
}
#wrapper{
	position: relative;
	width:1220px;
	display: block;
	float: none;
	clear: both;
	margin:auto;
	overflow:visible;
}
#layout{
	width:1040px;
	display: block;
	float: left;
	overflow:visible;
	padding:0 90px;
	background-image: url("../images/background4.png");
	background-position: center top;
	/**
	background-image: url("../images/background_a.png"), url("../images/background_b.png"), url("../images/background_c.png"), url("../images/background_d.png"), url("../images/background_e.png"), url("../images/background_e_a.png"), url("../images/background_e_b.png"), url("../images/background_f.png"), url("../images/background_g.png");
	background-position: top center, center 1000px, center 2000px, center 3000px, center 4000px, center 5000px, center 6000px, center 6273px, center 7273px;**/
	background-repeat: no-repeat;
}
#layout.ios{
	background-image: url("../images/background_a.png"), url("../images/background_b.png"), url("../images/background_c.png"), url("../images/background_c_a.png?20130309"), url("../images/background_d.png"), url("../images/background_e.png"), url("../images/background_e_a.png"), url("../images/background_e_b.png"), url("../images/background_f.png"), url("../images/background_g.png");
	background-position: top center, center 1000px, center 2000px, center 3000px, center 3300px, center 4300px, center 5300px, center 6300px, center 6573px, center 7573px;
}
#header{
	width:100%;
	display: block;
	float: left;
	height:87px;
	position:fixed;
	top:0;
	left: 0;
	z-index: 100;
	background-image: url("../images/header_bg.png");
	background-position: center top;
	background-repeat: repeat-x;
}
#header .content{
	width:1040px;
	height:87px;
	display: block;
	float: none;
	clear: both;
	margin:auto;
}
#header .content h1{
	width:520px;
	height:40px;
	display: block;
	float: left;
}
#header .content .sns_block{
	width:520px;
	height:40px;
	display: block;
	float: left;
	position: relative;
}
#header .content .sns_block .twitter-share-button{
	position: absolute;
	top:10px;
	left:200px;
}
#header .content .sns_block .fb-like{
	position: absolute;
	top:10px;
	left:350px;
}
#header .content .navigation{
	width:100%;
	height:36px;
	display: block;
	float: left;
	list-style: none;
}
#header .content .navigation li{
	height:36px;
	display: block;
	float: left;
}
#header .content .navigation li a{
	height:36px;
	display: block;
	float: left;
	text-indent: -9999em;
	overflow: hidden;
	background-image: url("../images/menu.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#header .content .navigation li.menu_01 a{
	width:97px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#header .content .navigation li.menu_02 a{
	width:111px;
	background-position: -97px 0px;
	background-repeat: no-repeat;
}
#header .content .navigation li.menu_03 a{
	width:168px;
	background-position: -208px 0px;
	background-repeat: no-repeat;
}
#header .content .navigation li.menu_04 a{
	width:170px;
	background-position: -374px 0px;
	background-repeat: no-repeat;
}
#header .content .navigation li.menu_05 a{
	width:158px;
	background-position: -544px 0px;
	background-repeat: no-repeat;
}
#header .content .navigation li.menu_06 a{
	width:105px;
	background-position: -702px 0px;
	background-repeat: no-repeat;
}
#header .content .navigation li.menu_01 a:hover{
	width:97px;
	background-position: 0px -36px;
	background-repeat: no-repeat;
}
#header .content .navigation li.menu_02 a:hover{
	width:111px;
	background-position: -97px -36px;
	background-repeat: no-repeat;
}
#header .content .navigation li.menu_03 a:hover{
	width:168px;
	background-position: -208px -36px;
	background-repeat: no-repeat;
}
#header .content .navigation li.menu_04 a:hover{
	width:170px;
	background-position: -374px -36px;
	background-repeat: no-repeat;
}
#header .content .navigation li.menu_05 a:hover{
	width:158px;
	background-position: -544px -36px;
	background-repeat: no-repeat;
}
#header .content .navigation li.menu_06 a:hover{
	width:105px;
	background-position: -702px -36px;
	background-repeat: no-repeat;
}

#article{
	width:100%;
	padding:76px 0 0 0;
	display: block;
	float: left;
}
#article .content{
	width:100%;
	padding:0;
	display: block;
	float: left;
}
#article #top.content{
	width:100%;
	height: 1706px;
	padding:0;
	display: block;
	float: left;
}
#article #top.content h2{
	width:100%;
	height: 250px;
	margin: 0;
	padding:20px 0 0 0;
	display: block;
	float: left;
	text-align: center;
}
#article #top.content .track_content{
	width:500px;
	padding:0;
	display: block;
	float: left;
}
#article #top.content .track_content.disc-unicorn{
	padding:0 0 0 20px;
}
#article #top.content .track_content.disc-okudatamio{
	padding:0 0 0 20px;
}
#article #top.content .track_content .jacket_info{
	width:500px;
	height:285px;
	padding:0;
	display: block;
	float: left;
}
#article #top.content .track_content .jacket_info .jacket_info_photo{
	width:260px;
	padding:0;
	display: block;
	float: left;
}
#article #top.content .track_content .jacket_info .jacket_info_text{
	width:230px;
	padding:0;
	display: block;
	float: left;
}
#article #top.content .track_content .jacket_info .jacket_info_text .jacket_info_title{
	width:230px;
	padding:25px 0 10px 0;
	display: block;
	float: left;
	font-size:21px;
}
#article #top.content .track_content.disc-unicorn .jacket_info .jacket_info_text .jacket_info_title{
	border-bottom:5px solid #0085CD;
}
#article #top.content .track_content.disc-okudatamio .jacket_info .jacket_info_text .jacket_info_title{
	border-bottom:5px solid #CA0336;
}

#article #top.content .track_content .jacket_info .jacket_info_text p{
	width:230px;
	padding:10px 0 10px 0;
	display: block;
	float: left;
	font-size:11px;
	line-height: 20px;
}
#article #top.content .track_content .jacket_info .jacket_info_text p.price{
	width:230px;
	padding:0 0 10px 0;
	display: block;
	float: left;
	font-size:21px;
	line-height: 20px;
}
#article #top.content .track_content .track_listing_set{
	width:454px;
	padding:0;
	display: block;
	float: left;
}
#article #top.content .track_content .track_listing_set .track_list{
	width:454px;
	padding:0;
	display: block;
	float: left;
	list-style: none;
}
#article #top.content .track_content .track_listing_set .track_list li{
	width:454px;
	height: 60px;
	margin-bottom:7px;
	padding:0;
	display: block;
	float: left;
	border: none;
	overflow: hidden;
	border:none;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}
#article #top.content .track_content.disc-unicorn .track_listing_set .track_list li{
	background-image: url("../images/tracklist_bg_a.png");
	background-repeat: no-repeat;
}
#article #top.content .track_content.disc-okudatamio .track_listing_set .track_list li{
	background-image: url("../images/tracklist_bg_b.png");
	background-repeat: no-repeat;
}
#article #top.content .track_content .track_listing_set .track_list li .track_list_number{
	width:90px;
	height: 55px;
	display: block;
	float: left;
	background-position: 0 -1px;
	background-repeat: no-repeat;
	text-indent: -9999em;
	overflow: hidden;
	border:none;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}
#article #top.content .track_content .track_listing_set .track_list li.track_01 .track_list_number{
	background-image: url("../images/track_01.png");
}
#article #top.content .track_content .track_listing_set .track_list li.track_02 .track_list_number{
	background-image: url("../images/track_02.png");
}
#article #top.content .track_content .track_listing_set .track_list li.track_03 .track_list_number{
	background-image: url("../images/track_03.png");
}
#article #top.content .track_content .track_listing_set .track_list li.track_04 .track_list_number{
	background-image: url("../images/track_04.png");
}
#article #top.content .track_content .track_listing_set .track_list li.track_05 .track_list_number{
	background-image: url("../images/track_05.png");
}
#article #top.content .track_content .track_listing_set .track_list li.track_06 .track_list_number{
	background-image: url("../images/track_06.png");
}
#article #top.content .track_content .track_listing_set .track_list li.track_07 .track_list_number{
	background-image: url("../images/track_07.png");
}
#article #top.content .track_content .track_listing_set .track_list li.track_08 .track_list_number{
	background-image: url("../images/track_08.png");
}
#article #top.content .track_content .track_listing_set .track_list li.track_09 .track_list_number{
	background-image: url("../images/track_09.png");
}
#article #top.content .track_content .track_listing_set .track_list li.track_10 .track_list_number{
	background-image: url("../images/track_10.png");
}
#article #top.content .track_content .track_listing_set .track_list li.track_11 .track_list_number{
	background-image: url("../images/track_11.png");
}
#article #top.content .track_content .track_listing_set .track_list li.track_12 .track_list_number{
	background-image: url("../images/track_12.png");
}
#article #top.content .track_content .track_listing_set .track_list li.track_13 .track_list_number{
	background-image: url("../images/track_13.png");
}
#article #top.content .track_content .track_listing_set .track_list li.track_14 .track_list_number{
	background-image: url("../images/track_14.png");
}
#article #top.content .track_content .track_listing_set .track_list li .track_list_name{
	width:315px;
	height: 55px;
	padding:10px 0 0 0;
	display: block;
	float: left;
}
#article #top.content .track_content.disc-unicorn .track_listing_set .track_list li .track_list_name .track_name{
	font-size:18px;
	font-weight: bold;
	color:#0085CD;
}
#article #top.content .track_content.disc-okudatamio .track_listing_set .track_list li .track_list_name .track_name{
	font-size:18px;
	font-weight: bold;
	color:#CA0336;
}
#article #top.content .track_content .track_listing_set .track_list li .track_list_name .track_name suq{
	font-size:10px;
	font-weight: normal;
	line-height: 18px;
	vertical-align: baseline;
	letter-spacing: -0.15em;
}
#article #top.content .track_content .track_listing_set .track_list li .track_list_name .track_artist{
	font-size:17px;
	font-weight: bold;
}
#article #top.content .track_content .track_listing_set .track_list li .track_list_name .track_artist a{
	vertical-align: bottom;
	margin-left:4px;
	line-height: 18px;
}
#article #top.content .track_content .track_listing_set .track_list li .track_list_name .track_artist img{
	vertical-align: bottom;
	margin-left:4px;
	line-height: 18px;
}
#article #top.content .track_content .track_listing_set .track_list li .track_play{
	width:40px;
	height: 60px;
	display: block;
	float: left;
	padding:10px 0 0 0;
}
#article #info{
	width:100%;
	height: 799px;
	padding:0;
	display: block;
	float: left;
	position: relative;
}
#article #info .info_illust{
	padding:0;
	display: block;
	float: left;
	position: absolute;
	top:113px;
	left:942px;
}
#article #info dl{
	width:805px;
	padding:0 0 24px 106px;
	display: block;
	float: left;
	background-image: url("../images/ico_info.png");
	background-position: 62px 0;
	background-repeat: no-repeat;
	font-size:16px;
	line-height: 180%;
}
#article #info dl dt{
	width:805px;
	padding:5px 0;
	display: block;
	float: left;
	color:#20B5ED;
	line-height: 140%;
}
#article #info dl dd{
	width:805px;
	padding:0;
	display: block;
	float: left;
	line-height: 140%;
}
#article #info .pagetopblock{
padding:160px 0 0 0;
}

#article #comment{
	width:100%;
	height: 2585px;
	padding:0;
	display: block;
	float: left;
	position: relative;
}
.comment_video{
	padding:0 0 30px 70px;
	display: block;
	float: left;
	position: relative;
	list-style: none;
	font-size:12px;
}
.comment_video .cont{
	width:440px;
	padding:0 5px;
	display: block;
	float: left;
	position: relative;
	list-style: none;
}
.comment_video .cont p{
	width:290px;
	padding:5px 0;
}
#article #comment .comment_list{
	width:100%;
	padding:0;
	display: block;
	float: left;
	position: relative;
	list-style: none;
}
#article #comment .comment_list li{
	width:230px;
	padding:0;
	display: block;
	float: left;
	position: absolute;
}
#article #comment .comment_list li#c_01a{top:1px;left:78px;}
#article #comment .comment_list li#c_02a{top:1px;left:310px;}
#article #comment .comment_list li#c_03a{top:1px;left:542px;}
#article #comment .comment_list li#c_04a{top:1px;left:774px;}
#article #comment .comment_list li#c_05a{top:220px;left:78px;}
#article #comment .comment_list li#c_06a{top:220px;left:310px;}
#article #comment .comment_list li#c_07a{top:220px;left:542px;}
#article #comment .comment_list li#c_08a{top:220px;left:774px;}
#article #comment .comment_list li#c_09a{top:439px;left:78px;}
#article #comment .comment_list li#c_10a{top:439px;left:310px;}
#article #comment .comment_list li#c_11a{top:439px;left:542px;}
#article #comment .comment_list li#c_12a{top:439px;left:774px;}
#article #comment .comment_list li#c_13a{top:658px;left:78px;}

#article #comment .comment_list li#c_01b{top:815px;left:542px;}
#article #comment .comment_list li#c_02b{top:815px;left:774px;}
#article #comment .comment_list li#c_03b{top:1034px;left:78px;}
#article #comment .comment_list li#c_04b{top:1034px;left:310px;}
#article #comment .comment_list li#c_05b{top:1034px;left:542px;}
#article #comment .comment_list li#c_06b{top:1034px;left:774px;}
#article #comment .comment_list li#c_07b{top:1253px;left:78px;}
#article #comment .comment_list li#c_08b{top:1253px;left:310px;}
#article #comment .comment_list li#c_09b{top:1253px;left:542px;}
#article #comment .comment_list li#c_10b{top:1253px;left:774px;}
#article #comment .comment_list li#c_11b{top:1471px;left:78px;}
#article #comment .comment_list li#c_12b{top:1471px;left:310px;}
#article #comment .comment_list li#c_13b{top:1471px;left:542px;}
#article #comment .comment_list li#c_14b{top:1471px;left:774px;}

#article #comment .comment_list li .comment_thumb{
	width:230px;
	height: 167px;
	padding:0;
	display: block;
	float: left;
}
#article #comment .comment_list li .comment_text{
	width:230px;
	padding:0;
	display: block;
	float: left;
}
#article #comment .comment_list li .comment_text a{
	width:194px;
	padding:0;
	display: block;
	float: left;
	padding:10px 0 10px 36px;
	font-size:12px;
	color:#231815;
	text-decoration: none;
	background-image: url("../images/ico_comment.png");
	background-repeat: no-repeat;
	background-position: left enter;
}
#article #comment .pagetopblock{
	top:2254px;
	position: absolute;
}
#article #comment .comment_illust{
	top:2375px;
	position: absolute;
	width: 100%;
	display: block;
	float: left;
	text-align: center;
}
#article #diorama{
	width:100%;
	/**height: 709px;*/
	height:1982px;
	padding:0;
	display: block;
	float: left;
	position: relative;
}
#article #diorama .diorama_illust{
	margin-left:-90px;
	display: block;
	float: left;
}
#article #diorama .diorama_media{
	display: block;
	float: left;
}
#article #diorama .diorama_media .diorama_media_ust{
	display: block;
	float: left;
	padding:70px 0 0 0;
}
#article #diorama .diorama_media .diorama_media_usttl{
	display: block;
	float: left;
	padding:70px 0 0 0;
}
#article #diorama .diorama_media .diorama_media_vimeo{
	display: block;
	float: left;
	margin-left: 250px;
	padding:70px 0 0 0;
}
#article #diorama .diorama_media_info{
	display: block;
	float: left;
	width:100%;
	padding:45px 0 0 0;
}
#article #diorama .diorama_media_info_title{
	display: block;
	float: left;
	width:100%;
	padding:25px 0 80px 0;
}
#article #diorama .cont{
	display: block;
	float: left;
	width:400px;
	padding:20px 0 40px 40px;
}
#article #diorama .cont p{
	display: block;
	float: left;
	width:400px;
	padding:0 0 10px 0;
	line-height: 180%;
}
#article #diorama .diorama_media_info_left{
	display: block;
	float: left;
	width:445px;
	padding:0 0 0 70px;
}
#article #diorama .diorama_media_info_right{
	display: block;
	float: left;
	width:445px;
}
#article #contact{
	width:100%;
	height: 510px;
	padding:0;
	display: block;
	float: left;
	position: relative;
}
#article #link{
	width:100%;
	height: 410px;
	padding:0;
	display: block;
	float: left;
	position: relative;
}
#article #link p{
	width:100%;
	padding:0;
	display: block;
	float: left;
	text-align: center;
	line-height: 40px;
}
#article #link p img{
	margin:0 5px;
}
#footer{
	width:100%;
	padding:0 0 20px 0;
	display: block;
	float: left;
}
#footer .content{
	width:100%;
	padding:0;
	display: block;
	float: left;
}
#footer .content .copyright{
	width:100%;
	padding:0;
	display: block;
	float: left;
	text-align: center;
	color:#FFF;
}

#comment_window{
	position: fixed;
	z-index: 130;
	top:0;
	left: 0;
	display: none;
	float: left;
	width:100%;
	opacity: 0;
}
#comment_window .content{
	width:715px;
	height:538px;
	padding:95px 50px 65px 50px;
	float: none;
	clear: both;
	margin: 20px auto 0;
	background-image: url("../images/gallery_bg2.png");
	background-repeat: no-repeat;
	position: relative;
}
#comment_window .content .comment_index{
	width:715px;
	height:538px;
	overflow: hidden;
}
#comment_window .content .comment_cont_photo{
	width:230px;
	height:438px;
	float: left;
	display: block;
}
#comment_window .content .comment_cont_photo img{
	box-shadow:0 2px 2px #333;
	-moz-box-shadow:0 2px 2px #333;
	-webkit-box-shadow:0 2px 2px #333;
}
#comment_window .content .comment_cont_text{
	width:470px;
	height:400px;
	float: left;
	display: block;
	overflow: auto;
}
#comment_window .content .comment_cont_text .cont{
	width:450px;
	float: left;
	display: block;
	padding:0 0 20px 0;
	
}

.ios #comment_window{
	position: absolute;
	z-index: 130;
	top:2800px;
	left: 0;
	display: none;
	float: left;
	width:100%;
	opacity: 0;
}
.ios #comment_window .content{
	width:715px;
	height:1338px;
	padding:95px 50px 65px 50px;
	float: none;
	clear: both;
	margin: 20px auto 0;
	background-image: url("../images/gallery_bg3.png");
	background-repeat: no-repeat;
	position: relative;
}
.ios #comment_window .content .comment_index{
	width:715px;
	height:1338px;
	overflow: hidden;
}
.ios #comment_window .content .comment_cont_text{
	width:470px;
	height:1200px;
	float: left;
	display: block;
	overflow: auto;
}
.ios #comment_window .content .comment_cont_text .cont{
	width:450px;
	float: left;
	display: block;
	padding:0 0 20px 0;
	
}


#comment_01a .comment_cont_text_title,
#comment_02a .comment_cont_text_title,
#comment_03a .comment_cont_text_title,
#comment_04a .comment_cont_text_title,
#comment_05a .comment_cont_text_title,
#comment_06a .comment_cont_text_title,
#comment_07a .comment_cont_text_title,
#comment_08a .comment_cont_text_title,
#comment_09a .comment_cont_text_title,
#comment_10a .comment_cont_text_title,
#comment_11a .comment_cont_text_title,
#comment_12a .comment_cont_text_title,
#comment_13a .comment_cont_text_title{
	color:#CA0235;
}
#comment_01b .comment_cont_text_title,
#comment_02b .comment_cont_text_title,
#comment_03b .comment_cont_text_title,
#comment_04b .comment_cont_text_title,
#comment_05b .comment_cont_text_title,
#comment_06b .comment_cont_text_title,
#comment_07b .comment_cont_text_title,
#comment_08b .comment_cont_text_title,
#comment_09b .comment_cont_text_title,
#comment_10b .comment_cont_text_title,
#comment_11b .comment_cont_text_title,
#comment_12b .comment_cont_text_title,
#comment_13b .comment_cont_text_title,
#comment_14b .comment_cont_text_title{
	color:#0085CD;
}
#comment_window .content .comment_cont_text .cont .comment_cont_text_title{
	width:450px;
	padding-bottom:15px;
	float: left;
	display: block;
	font-size:21px;
}
#comment_window .content .comment_cont_text .cont .comment_cont_text_trackname{
	width:450px;
	padding-bottom:10px;
	float: left;
	display: block;
	font-size:21px;
}

#comment_window .content .comment_cont_text .cont p{
	float: left;
	display: block;
	font-size: 16px;
	line-height:165%;
	white-space: pre-wrap;
}
#comment_window .content .close_btn{
	display:block;
	float: left;
	position: absolute;
	top:0;
	right:0;
	width:83px;
	height:83px;
}#comment_window .content .close_btn a{
	display:block;
	float: left;
	width:83px;
	height:83px;
	text-indent: -9999em;
	overflow: hidden;
}