@charset "shift_jis";
html {
height: 100%;
}
body {
margin: 0px;
padding: 0px;
height: 100%;
font-family: verdana,"lr oSVbN",sans-serif,"qMmpS Pro W6";
background: #000000;
color: #FFFFFF;
}
body.contents {
margin: 0px;
padding: 0px;
height: 100%;
font-family: verdana,"lr oSVbN",sans-serif,"qMmpS Pro W6";
background-color: transparent;
color: #FFFFFF;
}
div, p, table, tr, td, span, h1, h2, h3 {
font-size:100%;
margin:0;
padding:0;
}
img {
border:none;
}
ul {
padding-left: 15px;
}
li {
list-style-type: none;
list-style-position: outside;
}
/*--------------------------------------
@Clearfix
---------------------------------------*/
.clearfix {
display:inline-block;
}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
/*--------------------------------------
@Link Color
---------------------------------------*/
a {
text-decoration:underline;
color: #000000;
}
a:link {
text-decoration:underline;
}
a:hover{
text-decoration:underline;
}
a:active{
text-decoration:underline;
}
/*--------------------------------------
@menu
---------------------------------------*/
#main div.menu {
width: 620px;
margin-top:15px;
}
#menu_container
{
position: absolute;
}
#menu_container dl
{
width: 86px;
margin: 0;
float: left;
font-size: 80%;
background: #000000;
color: #ffffff;
}
#menu_container dl.bio
{
width: 84px;
margin: 0;
float: left;
font-size: 80%;
background: #000000;
color: #ffffff;
}
#menu_container dl.short
{
width: 72px;
margin: 0;
float: left;
font-size: 80%;
background: #000000;
color: #ffffff;
}
#menu_container dt
{
text-align: center;
border: 1px solid black;
padding: 1px;
}
#menu_container dd
{
display: none;
margin: 0;
}
#menu_container dl:hover dd
{
display: block;
}
#menu_container a
{
display: block;
-width: 90px;
line-height: 180%;
padding: 1px;
}
/*--------------------------------------
@Original Style
---------------------------------------*/
table.main {
margin: 0px;
padding: 0px;
@ border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
img {
border:none;
}
#main_top {
margin: auto;
width: 950px;
text-align: left;
vertical-align: top;
padding: 0px;
}
#main {
margin: auto;
width: 950px;
text-align: left;
vertical-align: top;
padding: 0px;
}
#main div#header{
margin: 35px 0px 5px 0px;
width: 950px;
}
div.head_left{
float: left;
}
div.head_right{
float: right;
}
/*--------------------------------------
@info toppage
---------------------------------------*/
div#info {
width:950px;
height:80px;
margin-top:20px;
}
div.info_flash {
float: left;
}
img.qr {
float: right
}
#main div.contents_areatop {
width: 950px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0px;
}
#main div.contents_area {
background-image: url(../img/bg_in.jpg);
width: 950px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0px;
}
#main div.contents_area div.title {
margin: 0px 100px 20px 50px;
padding-top: 50px;
}
frame{
background-color: transparent;
}
iframe.contents {
padding: 0px;
height: 400px;
width: 900px;
margin-top: 0px;
margin-right: 0px;
margin-left:45px;
}
.contents_in {
padding: 0px;
margin-top: 20px;
margin-right: 0px;
margin-left: 20px;
}
.link td {
padding-bottom: 20px;
padding-right: 10px;
}
#disco_l {
float:left;
background: transparent;
}
#disco_r {
float:left;
background-color:transparent;
}
/*--------------------------------------
@profile
---------------------------------------*/
body.contents_profile{
background-color :transparent;
color: #FFFFFF;
*word-break: break-all;
height: auto;
margin-top: 0px;
}
table.profile {
margin: 0px;
}
img.a_photo {
margin-bottom: 15px;
margin-right: auto;
margin-left: auto;
}
table.member {
width: 300px;
margin-right: auto;
margin-left: auto;
}
table.profile td.photo {
text-align: center;
vertical-align: top;
width: 150px;
}
table.profile td.photo img {
margin-top: 5px;
margin-bottom: 5px;
}
table.profile td.photo div.name {
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 5px;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
background-color: #000000;
padding-top: 3px;
padding-bottom: 3px;
}
table.profile td.profile_text_area {
vertical-align: top;
text-align: left;
width: 150px;
}
div.profile_text {
padding: 5px;
border: 1px solid #666666;
background-color: #333333;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 10px;
margin-left: 5px;
font-size: 10px;
line-height: 120%;
}
table.profile td.txt {
font-size: 12px;
line-height: 15px;
text-align: left;
vertical-align: top;
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
}
div.love {
font-size: 10px;
color: #333333;
background-color: #CCCCCC;
margin-right: auto;
text-align: center;
padding-top: 2px;
padding-bottom: 2px;
margin-bottom: 5px;
margin-top: 5px;
}
/*--------------------------------------
@history
---------------------------------------*/
body.contents_history {
background-color :transparent;
*word-break: break-all;
height: auto;
margin-top: 0px;
}
#history_list {
width: 200px;
float: left;
margin-right: 10px;
}
#history_list ul {
background-color: #000;
margin: 0px;
padding: 0px;
}
#history_list li {
list-style:none;
border-top: 1px solid #404040;
border-bottom: 1px solid #000;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
text-align: center;
}
#history_list li a {
display: block;
list-style:none;
background-color: #000000;
color: #FFFFFF;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
text-decoration: none;
}
#history_list li a:hover {
background-color: #FEE101;
color: #FFFFFF;
text-decoration: none;
}
div.history_main {
width: 600px;
}
div.year {
padding: 0px;
margin-top: 0;
margin-right: 0;
margin-bottom: 3px;
margin-left: 0;
background-color:#a6141e;
}
div.year h3 {
color: #FFFFFF;
width: 60px;
font-size: 12px;
font-weight: bold;
text-align: center;
padding: 0px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
float: left;
}
div.year table {
color: #333333;
margin: 0px;
padding: 0px;
border-top-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-top-color: #333333;
border-right-color: #333333;
}
div.year th {
white-space: nowrap;
vertical-align: top;
line-height: 120%;
text-align: left;
background-color: #000000;
width: 80px;
font-size: 12px;
font-weight: normal;
margin: 0px;
color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
padding: 5px;
}
div.year td {
vertical-align: top;
line-height: 120%;
background-color: #FFFFFF;
width: 440px;
font-size: 12px;
font-weight: normal;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
padding: 5px;
}
div.history_main div.top {
font-size: 10px;
text-align: right;
margin-bottom: 20px;
color: #FFFFFF;
}
div.history_main div.top a {
color: #FFFFFF;
}
/*--------------------------------------
@footer
---------------------------------------*/
div.footer {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
width: 950px;
height: 70px;
}
div.banner {
margin-top: 10px;
float: left;
}
img.banner01 {
margin-right: 10px;
}
table.copy {
float: right;
margin-top:50px;
}
img.sony {
margin-right: 10px;
}
span.copyright {
color: #FFFFFF;
font-size:10px;
}
.info_flash iframe {
overflow: hidden;
margin: 0 0 0 25px;
}