/* CSS Document */

/* Default ---------------------------------------------------------------- */

:link,:visited {
    text-decoration:none;
}
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td,iframe {
    margin:0;
    padding:0;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
table {
    border-spacing:0;
}
fieldset,img,abbr,acronym {
    border:0;
} 
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
q:before,q:after {
    content:'';
}
a {
    text-decoration:underline;
    outline:none;
}
hr {
    border:0;
    height:1px;
    background-color:#000;
    color:#000;
}
a img,:link img,:visited img {
    border:none;
}
address {
    font-style:normal;
}


/* Layout ----------------------------------------------------------------- */

body {
	background: #FFFFFF;
	background: url(../images/body_back.gif) top left repeat;
}

#container {
	min-height: 100%;
	margin: 0 auto;
	text-align: center;
}

#container-inner {
	width: 830px;
	min-height: 100%;
	margin: 0 auto;
	background: url(../images/back_repeat.png) top repeat-y;
	behavior: expression(IEPNGFIX.fix(this));
}

#header, #content, #alpha, #beta, #footer {
    position: relative;
}


#content {
	position: relative;
	width: 820px;
	margin-left: 5px;
	_margin-left: 0px;
}

#alpha {
	float: left;
	width: 150px;
}

#beta {
	float: left;
	width: 650px;
}

#alpha-inner {
	position: relative;
	text-align: left;
}

#beta-inner{
	position: relative;
	padding: 30px 0px 0px 20px;
	text-align: left;
}

#footer {
	position: static;
	width: 830px;
	height: 40px;
	bottom: 0px;
	margin: 0 auto;
	background: url(../images/footer.png) top no-repeat;
	behavior: expression(IEPNGFIX.fix(this));
}

#bsinfo {
	position: relative;
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 10px 0px 5px 10px;
}

#copyright {
	position: relative;
	float: right;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 10px 20px 0px 0px;
}



/* Content ---------------------------------------------------------------- */


h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, ul, ol, dl {
    margin-bottom: .75em;
}

p {
	line-height: 1.2em;
}

blockquote, ol, ul {
    margin-left: 30px;
    background-repeat: repeat-y;
}

ol { list-style: decimal outside; }
ul { list-style: disc outside; }
.item { list-style: none; }

/*LINK*/
a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}


/* Style ----------------------------------------------------------------- */

/* Global */

body {
    font: normal 12px arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
}

.r12 {
	font-size: 12px;
	font-weight: normal;
}

.b12 {
	font-size: 12px;
	font-weight: bold;
}

.b16 {
	font-size: 16px;
	font-weight: bold;
}

.p12 {
	font-size: 14px;
	font-weight: bold;
	padding: 0px 0px 0px 10px;
}

.r10 {
	font-size: 10px;
	_font-size: 75%;
	font-weight: normal;
	color: #FFFFFF;
}

.r9 {
	font-size: 9px;
	_font-size: 75%;
	font-weight: normal;
}


/* MenuList */


.top12 {
	font-size: 15px;
	font-weight: bold;
	padding: 28px 0px 0px 10px;
}

.menu12 {
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0px 0px 10px;
}

ul#leftnavi{
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 150px;
	height: 176px;
	list-style:none;
}

ul#leftnavi li a {
	position: absolute;
	display:block;
	width: 150px;
	color: #FFFFFF;
	background-repeat:no-repeat;
}

ul#leftnavi li.top a{
	height: 51px;
	background: url(../images/top_btn.gif);
}

ul#leftnavi li.top a:hover,
ul#leftnavi li.top a#current{
	background: url(../images/top_btn.gif) 0px -51px no-repeat;
}

ul#leftnavi li.lineup a{
	top: 51px;
	height: 25px;
	background: url(../images/menu_lineup.gif);
}

ul#leftnavi li.lineup a:hover,
ul#leftnavi li.lineup a#current{
	background: url(../images/menu_lineup.gif) 0px -25px no-repeat;
}

ul#leftnavi li.music a{
	top: 76px;
	height: 25px;
	background: url(../images/menu_music.gif);
}

ul#leftnavi li.music a:hover,
ul#leftnavi li.music a#current{
	background: url(../images/menu_music.gif) 0px -25px no-repeat;
}

ul#leftnavi li.variety a{
	top: 101px;
	height: 25px;
	background: url(../images/menu_variety.gif);
}

ul#leftnavi li.variety a:hover,
ul#leftnavi li.variety a#current{
	background: url(../images/menu_variety.gif) 0px -25px no-repeat;
}

ul#leftnavi li.drama a{
	top: 126px;
	height: 25px;
	background: url(../images/menu_drama.gif);
}

ul#leftnavi li.drama a:hover,
ul#leftnavi li.drama a#current{
	background: url(../images/menu_drama.gif) 0px -25px no-repeat;
}

ul#leftnavi li.animation a{
	top: 151px;
	height: 25px;
	background: url(../images/menu_animation.gif);
}

ul#leftnavi li.animation a:hover,
ul#leftnavi li.animation a#current{
	background: url(../images/menu_animation.gif) 0px -25px no-repeat;
}

ul#leftnavi li.travel a{
	top: 176px;
	height: 25px;
	background: url(../images/menu_travel.gif);
}

ul#leftnavi li.travel a:hover,
ul#leftnavi li.travel a#current{
	background: url(../images/menu_travel.gif) 0px -25px no-repeat;
}

ul#leftnavi li.hobby a{
	top: 201px;
	height: 25px;
	background: url(../images/menu_hobby.gif);
}

ul#leftnavi li.hobby a:hover,
ul#leftnavi li.hobby a#current{
	background: url(../images/menu_hobby.gif) 0px -25px no-repeat;
}


/* menu IE7 */

*:first-child+html ul#leftnavi{
	margin-left: -2px;
}



#otakara {
	position: relative;
	margin: 80px 0px 0px 17px;
}

#otakara-text {
	position: relative;
	margin: 10px 5px 10px 10px;	
}



/***** Content *****/

.beta_t {
	position: relative;
	width: 630px;
	height: 40px;
	background: url(../images/beta_t.gif) top no-repeat;
}

/* index */

.top_box {
	position: relative;
	width: 630px;
	height: 300px;
	margin: 0px 0px 30px 0px;
}

.top_box1 {
	position: relative;
	width: 630px;
	height: 180px;
	margin: 0px 0px 30px 0px;
	background: url(../images/base1.gif) top no-repeat;
}

.top_box2 {
	position: relative;
	width: 630px;
	height: 230px;
	margin: 0px 0px 30px 0px;
	background: url(../images/base2.gif) top no-repeat;
}

.topimg_box {
	position: relative;
	width: 100px;
	height: 135px;
	padding: 20px 40px 0px 20px;
	float: left;
}

.topimg {
	position: relative;
	width: 100px;
	height: 135px;
	background-color: #FFFFFF;
}

.toptextbox {
	position: relative;
	width: 450px;
	padding: 20px 0px 0px 0px;
	float: left;
}

.toptitle1 {
	position: relative;
	font-size: 18px;
	font-weight: bold;
	color: #0A50FF;
	margin: 0px 0px 10px 0px;
}

.toptitle2 {
	position: relative;
	font-size: 18px;
	font-weight: bold;
	color: #0A50FF;
	margin: 0px 0px 5px 0px;
}

.topoutline1 {
	position: relative;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
}

.topoutline2 {
	position: relative;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}

.topinnerbox {
	position: relative;
	width: 450px;
	height: 70px;
	vertical-align:text-bottom;
}

.topdvdinfo {
	position: relative;
	width: 330px;
	font-size: 12px;
	font-weight: bold;
	float: left;
}

.topdetailslink a {
	position: relative;
	display: block;
	width: 120px;
	height: 25px;
	top: 45px;
	background: url(../images/index_details.gif) top center no-repeat;
	float: left;
}

.topdetailslink a:hover {
	background: url(../images/index_details.gif) 0px -25px no-repeat;
}


/* listpage */

.list_row {
	position: relative;
	width: 630px;
	margin-bottom: 20px;
	border: #666666 solid 1px;
}

.list_row_inner {
	position: relative;
	width: 630px;
	background: url(../images/list_row.gif) left top repeat-y;
}

.list_box {
	position: relative;
	width: 305px;
	float: left;
}

.list_space {
	position: relative;
	width: 20px;
	float: left;
}

.listb_inner {
	position: relative;
	padding: 10px 10px 10px 10px;
}

.list_title {
	position: relative;
	width: 285px;
	margin: 0px 0px 5px 0px;
	padding-bottom: 20px;
	background: url(../images/l_head.gif) bottom left no-repeat;
}

.list_float1 {
	position: relative;
	width: 285px;
	margin-bottom: 10px;
}

.list_img {
	position: relative;
	width: 70px;
	height: 95px;
	float: left;
	background-color: #CCCCCC;
}

.list_text {
	position: relative;
	width: 215px;
	float: left;
}

ul.list_t {
	padding: 5px 0px 0px 5px;
	margin-bottom: -7px;
}

ul.list_t li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 7px 0px;
	font-size: 11px;
	font-weight: bold;
	color: #141414;
}

.list_float2 {
	position: relative;
	width: 285px;
}

.list_ldetail {
	position: relative;
	width: 88px;
	height: 20px;
	background: url(../images/l_details.gif) top no-repeat;
	float: left;
}

.list_ldetail a {
	position: relative;
	display: block;
	width: 88px;
	height: 20px;
}

.list_ldetail a:hover {
	background: url(../images/l_details.gif) 0px -20px no-repeat;
}

.list_lpub {
	position: relative;
	width: 88px;
	height: 20px;
	background: url(../images/pub.gif) top no-repeat;
	float: left;
}

.list_lpub a {
	position: relative;
	display: block;
	width: 88px;
	height: 20px;
}

.list_lpub a:hover {
	background: url(../images/pub.gif) 0px -20px no-repeat;
}

.list_lsample {
	position: relative;
	width: 88px;
	height: 20px;
	background: url(../images/sample.gif) top no-repeat;
	float: left;
}

.list_lsample a {
	position: relative;
	display: block;
	width: 88px;
	height: 20px;
}

.list_lsample a:hover {
	background: url(../images/sample.gif) 0px -20px no-repeat;
}

.list_lspace {
	position: relative;
	width: 10px;
	float: left;
}


/* detailpage */

#detail-box {
	position: relative;
	width: 630px;
}

#detail-title {
	position: relative;
	width: 630px;
	padding: 8px 0px 1px 0px;
	margin-bottom: 20px;
	background: url(../images/detail_t.gif) top center repeat-y;
}

#detail-img {
	position: relative;
	width: 230px;
	background-color: #E0E0E0;
	float: left;
}

#detail-img-inner {
	position: relative;
	width: 210px;
	margin: 10px 10px 10px 10px;
}

#detail-list {
	position: relative;
	width: 380px;
	padding-left: 10px;
	margin-bottom: 20px;
	float: left;	
}

#detail-list ul {
	list-style: square;
	font-size: 14px;
	line-height: 18px;
	color: #141414;
	margin-bottom: 30px;
}

#detail-list ul li {
	padding-bottom: 5px;
}

#detail-button {
 position: relative;
 padding-top: 20px;
 float: right;
}

#samplebox {
	position: relative;
	margin: 20px 0px 20px 120px;
	_padding-bottom: 40px;
}

/* samplebox IE7 */

*:first-child+html #samplebox{
	padding: 0px 0px 40px 0px;
}

#sampleflv-btn a {
	display: block;
	width: 160px;
	height: 41px;
	background: url(../images/sample_flv.gif) top center no-repeat;
}

#sampleflv-btn a:hover {
	background: url(../images/sample_flv.gif) 0px -41px no-repeat;
}

.dvdsample {
	position: relative;
	padding-left: 40px;
	margin-bottom: 15px;
}

#amazon-btn a {
	position: relative;
	display: block;
	width: 130px;
	height: 40px;
	margin-bottom: 15px;
	background: url(../images/amazon_btn.gif) right top no-repeat;
}

#amazon-btn a:hover {
	background: url(../images/amazon_btn.gif) 0px -40px no-repeat;
}

#amazon_a {
	position: relative;
	width: 130px;
	height: 60px;
	background: url(../images/amazon.gif) right top no-repeat;
}

#ponycan-btn a {
	position: relative;
	display: block;
	width: 130px;
	height: 40px;
	margin-bottom: 15px;
	background: url(../images/ponycan_btn.gif) right top no-repeat;
}

#ponycan-btn a:hover {
	background: url(../images/ponycan_btn.gif) 0px -40px no-repeat;
}

#anime-btn a {
	position: relative;
	display: block;
	width: 130px;
	height: 40px;
	margin-bottom: 15px;
	background: url(../images/anime_btn.gif) right top no-repeat;
}

#anime-btn a:hover {
	background: url(../images/anime_btn.gif) 0px -40px no-repeat;
}

#detail-outline {
	position: relative;
	padding: 40px 10px 30px 10px;
	font-size: 13px;
}

#detail-outline p {
	line-height: 20px;
	padding: 0px 0px 25px 0px;
	background: url(../images/detail_dash.gif) bottom left repeat-x;
}

#detail-outline table {
	font-size: 12px;
	line-height: 20px;
	padding: 0px 0px 25px 0px;
	background: url(../images/detail_dash.gif) bottom left repeat-x;
}

.outline-pad {
	padding: 0px 0px 10px 5px;
}

.outline-pad b {
	color: #FF6600;
}

.detail-floatbox {
	position: relative;
	padding-bottom: 10px;
}

.detail-floatp {
	position: relative;
	width: 250px;
	float: left;
}

div.detail-floatp p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 5px;
}


/* common */

br.fclear {
	clear: both;
}

br.d12 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
}

.c_orange {
	color: #FF6600;
}

.c_red {
	color: #FF0000;
}

.c_yellow {
	color: #FFFF00;
}

.c_blue1 {
	color: #0044a7;
}

h1 {
	font-size: 14px;
	padding: 2px 0px 2px 20px;
	font-weight: bold;
	color: #FFFFFF;
}

h2 {
	color: #0A50FF;
}

h2 a{
	color: #00479d;
}

.list_title h2 {
	padding: 0px 10px 0px 10px;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFBB;
	padding: 5px 10px 0px 15px;
}

h4 {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #EEEEEE;
	padding: 10px 0px 0px 0px;
}

h5 {
	font-size: 12px;
	color: #333333;
	text-align: left;
	padding: 0 20px 0 20px;
}

#otakara-text a, #copyright a {
	color: #FFFFFF;
}

#otakara-text a:hover, #copyright a:hover {
	color: #CCCCCC;
}

ul.disc_li {
	list-style: disc;
	margin: -30px 0px 20px 30px;
	padding-top: 0px;
}

ul.disc_li2 {
	list-style: disc;
	margin: 5px 0px 20px 30px;
	padding-top: 0px;
}

ul.dec_li {
	list-style: decimal;
	margin: 5px 0px 20px 30px;
	padding-top: 0px;
}

.other_img {
	padding: 10px;
}

.other_img2 {
	padding: 0px 20px 20px 0px;
}

pre.prof {
	margin: 0px 0px 10px 5px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
}