/* CSS Document */

body {
background:url(../imgs/background.jpg) repeat-x top center #e4e4e4;
font-size:12px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
line-height:1.5em;
color:#41403e;
}

a, a:visited {
color:#438001;
}

a:hover {
color:#66CC00;
}

a.blank, a:visited.blank {
padding-right:15px;
background:url(../imgs/blank.gif) no-repeat right 2px;
}

a:hover.blank {
padding-right:15px;
background:url(../imgs/blank_ov.gif) no-repeat right 2px;
}


div#mainFrame {
width:804px;
margin:0 auto;
background:url(../imgs/body-bg.png) repeat-y left top;
}

div#mainFrameEnd {
width:804px;
margin:0 auto 20px;
height:24px;
background:url(../imgs/body-bg-end.png) no-repeat left top;
}

div#container {
width:796px;
margin:0 auto;
}



/*------------------------------------------------------------------------------キービジュアル---*/

div#keyVisual {
width:796px;
height:424px;
background:url(../imgs/visual-01.jpg) no-repeat left top;
}

div#keyVisual div.content {
width:796px;
position:relative;
}
div#keyVisual div.content h1,
div#keyVisual div.content ul {
position:absolute;
top:24px;
height:28px;
}

div#keyVisual div.content h1 {
width:236px;
left:29px;
}
div#keyVisual div.content ul {
width:43px;
left:732px;
}
div#keyVisual div.content ul li {
height:28px;
}
div#keyVisual div.content ul li.link01 a {
display:block;
width:43px;
height:0;
padding-top:28px;
overflow:hidden;
background:url(../imgs/btn-myspace.png) no-repeat left top;
}
div#keyVisual div.content ul li.link01 a:hover {
background:url(../imgs/btn-myspace.png) no-repeat left -28px;
}
/*------------------------------------------------------------------------------グローバルナビ---*/

div#gNavi {
width:796px;
height:32px;
background:url(../imgs/g-navi.jpg) no-repeat left top;
}
div#gNavi ul {
height:32px;
}
div#gNavi ul li {
height:32px;
float:left;
}
div#gNavi ul li a {
display:block;
height:0;
padding-top:32px;
overflow:hidden;
background-image:url(../imgs/g-navi.jpg);
}
div#gNavi ul li.link01 a {
width:61px;
margin-left:24px;
background-position:-24px top;
}
div#gNavi ul li.link02 a {
width:85px;
background-position:-85px top;
}
div#gNavi ul li.link03 a {
width:103px;
background-position:-170px top;
}
div#gNavi ul li.link04 a {
width:135px;
background-position:-271px top;
}
div#gNavi ul li.link05 a {
width:78px;
background-position:-408px top;
}
div#gNavi ul li.link06 a {
width:71px;
background-position:-486px top;
}
div#gNavi ul li.link07 a {
width:99px;
background-position:-557px top;
}
div#gNavi ul li.link01 a:hover,
div#gNavi ul li.link01 .here {
background-position:-24px -32px;
}
div#gNavi ul li.link02 a:hover,
div#gNavi ul li.link02 .here {
background-position:-85px -32px;
}
div#gNavi ul li.link03 a:hover,
div#gNavi ul li.link03 .here {
background-position:-170px -32px;
}
div#gNavi ul li.link04 a:hover,
div#gNavi ul li.link04 .here {
background-position:-271px -32px;
}
div#gNavi ul li.link05 a:hover,
div#gNavi ul li.link05 .here {
background-position:-408px -32px;
}
div#gNavi ul li.link06 a:hover,
div#gNavi ul li.link06 .here {
background-position:-486px -32px;
}
div#gNavi ul li.link07 a:hover,
div#gNavi ul li.link07 .here {
background-position:-557px -32px;
}


/*------------------------------------------------------------------------------トップコンテンツエリア---*/

div#topContents {
width:796px;
height:397px;
margin:0 auto;
background:url(../../imgs/bg-top-contents.jpg) left top no-repeat;
position:relative;
}


div#topContents div#news {
width:383px;
height:374px;
position:absolute;
top:11px;
left:11px;
}

div#topContents div#news a {
color: #555555;
text-decoration:underline;
} 

div#topContents div#news a:hover {
color: #000000;
text-decoration:none;
} 

div#topContents div.area {
margin:12px;
}

div#topContents div#news h2 {
margin-bottom:20px;
}

div#topContents div#news ul li {
line-height:2.5em;
}
div#topContents div#news ul li span {
color:#666666;
margin-right:12px;
}


div#topContents div#next {
width:383px;
height:143px;
position:absolute;
top:11px;
left:405px;
color:#FFFFFF;
}
div#topContents div#next h2 {
margin-bottom:6px;
}

div#topContents div#release {
width:383px;
height:180px;
position:absolute;
top:164px;
left:405px;
}

div#topContents div#release h2 {
margin-bottom:8px;
}
div#topContents div#release li {
float:left;
}

div#topContents div#release li.leftThumanail {
width:140px;
height:141px;
}
div#topContents div#release li.rightDetail {
margin-left:12px;
width:200px;
}

div#topContents div#copyright {
width:383px;
height:32px;
position:absolute;
top:353px;
left:405px;
}


/*------------------------------------------------------------------------------インナーコンテンツエリア共通---*/


div#innContents {
width:796px;
margin:0 auto;
background:url(../../common/imgs/bg-inn-contents.jpg) left top no-repeat #f2efe7;
}

div#innContents div.area {
padding:22px;
}
div#innContents div.area div.areaBox {
margin-top:22px;
position:relative;
}

p.copyright {
text-align:right;
}


/*--------------------------------------------------------------インナーコンテンツエリア・ページ別・PROFILE---*/

div#innContents div.area div#profile ul {
width:635px;
height:247px;
margin:0 auto 30px;
}

div#innContents div.area div#profile ul li.left {
float:left;
width:306px;
}

div#innContents div.area div#profile ul li.right {
float:right;
width:295px;
}

div#innContents div.area div#profile ul li.right dl.are {
margin-top:15px;
}


div#innContents div.area div#profile ul li.right dt,
div#innContents div.area div#profile ul li.right dd.dotline {
margin-bottom:7px;
}

div#innContents div.area div#profile ul li.right dt {
height:9px;
}

div#innContents div.area div#profile ul li.right dd.dotline {
background:url(../../profile/imgs/hr.png) repeat-x;
height:2px;
}



div#innContents div.area div#profile ul li.right dd dl.person dd {
margin-bottom:11px;
}

/*--------------------------------------------------------------インナーコンテンツエリア・ページ別・SCHEDULE---*/

div#innContents div.area div#schedule ul {
margin-left:157px;
}
div#innContents div.area div#schedule ul li {
margin-bottom:22px;
}
div#innContents div.area div#schedule ul li span {
display:block;
}
div#innContents div.area div#schedule ul li span.date,
div#innContents div.area div#schedule ul li span.place,
div#innContents div.area div#schedule ul li span.organizer {
font-weight:bold;
}
div#innContents div.area div#schedule ul li span img {
position:relative;
top:3px;
}
div#innContents div.area div#schedule dl {
position:absolute;
top:54px;
left:37px;
width:51px;
height:155px;
}
div#innContents div.area div#schedule dl dt {
width:51px;
height:24px;
}
div#innContents div.area div#schedule dl dt a {
display:block;
height:0;
padding-top:24px;
overflow:hidden;
background-image:url(../../schedule/imgs/s-navi-schedule.png);
background-repeat:no-repeat;
}
div#innContents div.area div#schedule dl dt.future a {
background-position:-51px top;
}
div#innContents div.area div#schedule dl dt.y2012 a {
background-position:-51px -24px;
}
div#innContents div.area div#schedule dl dt.y2011 a {
background-position:-51px -48px;
}
div#innContents div.area div#schedule dl dt.y2010 a {
background-position:-51px -72px;
}
div#innContents div.area div#schedule dl dt.y2009 a {
background-position:-51px -96px;
}
div#innContents div.area div#schedule dl dt.y2008 a {
background-position:-51px -120px;
}

div#innContents div.area div#schedule dl dt.future a:hover,
div#innContents div.area div#schedule dl dt.future a.here {
background-position:1px top;
}
div#innContents div.area div#schedule dl dt.y2012 a:hover,
div#innContents div.area div#schedule dl dt.y2012 a.here {
background-position:1px -24px;
}
div#innContents div.area div#schedule dl dt.y2011 a:hover,
div#innContents div.area div#schedule dl dt.y2011 a.here {
background-position:1px -48px;
}
div#innContents div.area div#schedule dl dt.y2010 a:hover,
div#innContents div.area div#schedule dl dt.y2010 a.here {
background-position:1px -72px;
}
div#innContents div.area div#schedule dl dt.y2009 a:hover,
div#innContents div.area div#schedule dl dt.y2009 a.here {
background-position:1px -96px;
}
div#innContents div.area div#schedule dl dt.y2008 a:hover,
div#innContents div.area div#schedule dl dt.y2008 a.here {
background-position:1px -120px;
}



div#innContents div.area div#schedule p {
position:absolute;
top:250px;
left:35px;
}
div#innContents div.area div#schedule p a {
color:#41403e;
text-decoration:none;
}
div#innContents div.area div#schedule p a:hover {
color:#65a011;
text-decoration:none;
}

/*--------------------------------------------------------------インナーコンテンツエリア・ページ別・discography---*/

div#rotate p.section {
font-size:10px;
padding:0px 5px;
border-width:0 0 1px 5px;
border-style:solid;
border-color:#666666;
margin-bottom:5px;
}


/*--------------------------------------------------------------インナーコンテンツエリア・ページ別・contact---*/

div#innContents div.area div#contact form {
width:550px;
margin:0 auto;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

div#innContents div.area div#contact fieldset.left {
width:50%;
float:left;
}
div#innContents div.area div#contact fieldset.right {
width:50%;
float:right;
}
div#innContents div.area div#contact fieldset legend {
margin-bottom:20px;
font-style:italic;
font-weight:bold;
font-size:16px;
}

div#innContents div.area div#contact fieldset div label {
display:block;
}

div#innContents div.area div#contact fieldset div input {
display:block;
margin-bottom:10px;
padding:4px 2px;
}
div#innContents div.area div#contact div.submit {
clear:both;
text-align:right;
margin:10px 20px 20px 0;
}

div#innContents div.area div#contact p {
margin-bottom:20px;
}
div#innContents div.area div#contact dt {
margin-left:85px; margin-bottom:10px;
}
div#innContents div.area div#contact dd {
margin-left:100px; margin-bottom:30px;
}


/*--------------------------------------------------------------インナーコンテンツエリア・ページ別・工事中---*/

p.construct {
margin-bottom:150px;
}