@charset "UTF-8";
/* =reset
   --------------------------------------------- 
*   {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 100%;
	}
*/
img { border-style: none; }
	
a   { color: #271B0C; text-decoration: none; font-weight: bold;}
a:hover { color: #F80; }


/* =accessibility
   --------------------------------------------- */
.accessibility {
	left: -9999px;
	overflow: hidden;
	width: 0;
	height: 0;
	position: absolute;
	margin: 0;
	padding: 0;
	}

/* =body
   ------------------------------------------------------------------------------------------ */
body {
	margin: 0;
	padding: 0;
	background: #EDE3B9;
	font-size: 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	text-align: center;
	background-repeat: repeat-y;
	background-position: center;
	background-image: url(../images/bg.gif);
	color: #444;
	}
body#index {
	background-image: url(../images/bg_index.gif);
	}

/* =container
   ------------------------------------------------------------------------------------------ */
#container {
	margin: 0 auto;
	padding: 0 0;
	width: 610px;
	text-align: left;
/*	background-color: #FFF;
*/	}
#container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
#container {display: inline-table;}
/* Hides from IE-mac \*/
* html #container {height: 1%;}
#container {display: block;}
/* End hide from IE-mac */

/*#index #container {
	width: 628px;
	text-align: center;
	border: none;
	padding: 0;
	margin: 0 auto;
	}*/

/* =headers
   ------------------------------------------------------------------------------------------ */
#header {
	margin: 0;
	padding: 0;
	background-image: url(../images/header_box_post.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #ABDFD2;
	}

h1 {
	margin: 0;
	padding: 0;
	/*text-align: center;*/
	/*height: 98px;*/
	}
	
#header img {
	vertical-align: bottom;
	}
	
/*#index h1 {
	width: 614px;
	height: 515px;
	}*/


/* =navi
   --------------------------------------------- */
#navi {
	margin: 0;
	padding: 0;
	height: 44px;
	background-color: #5DBEB1;
	}
#index #navi {
	height: 130px;
	}

#navi li {
	list-style:none;
	float:left;
	margin: 0;
	padding: 0;
	}

#navi li a {
	display: block;
	float: left;
	height: 44px;
	text-indent: -9999px;
	overflow: hidden;
	background-color: transparent;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	}

#navi li a:hover {
	background-position: 0 -44px;
	}

#naviNews a { width:78px; background-image: url(../images/menu_news.gif); }
#naviSchedule a { width:88px; background-image: url(../images/menu_schedule.gif); }
#naviBio a { width:92px; background-image: url(../images/menu_biography.gif); }
#naviDisco a { width:108px; background-image: url(../images/menu_discography.gif); }
#naviDiary a { width:60px; background-image: url(../images/menu_diary.gif); }
#naviStory a { width:65px; background-image: url(../images/menu_story.gif); }
#naviGallery a { width:77px; background-image: url(../images/menu_gallery.gif); }
#naviMailnews a { width:91px; background-image: url(../images/menu_mailnews.gif); }
#naviContact a { width:101px; background-image: url(../images/menu_contact.gif); }


/* =navitop
   --------------------------------------------- */
/*#index #navi {
	background-image: url(/images/menu_top_bg.gif);
	}*/


/* =contents
   ------------------------------------------------------------------------------------------ */
#contents {
	margin: 0;
	padding: 0;
	background-image: url(../images/contents_box_pre.gif);
	background-repeat: no-repeat;
	}
#contents:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
#contents {display: inline-table;}
/* Hides from IE-mac \*/
* html #contents {height: 1%;}
#contents {display: block;}
/* End hide from IE-mac */


/* =main
   ------------------------------------------------------------------------------------------ */
#main {
	margin: 0;
	padding: 22px 0 0 0;
	width: 400px;
	float: left;
	font-size: 70%;
	line-height: 150%;
	background-image: url(/images/main_header_top.gif);
	background-repeat: no-repeat;
	}

h2 {
	margin: 0;
	padding: 0;
	line-height: 100%;
	color: #000;
	background-color: #FFF;
	font-size: 100%;
	text-transform: capitalize;
	text-align: left;
	height: 36px;
	}
h2 img {
	vertical-align: bottom;
	margin: 0;
	padding: 0;
	}
	
p.notice {
	margin: 0 16px 1em 16px;
	padding: 5px 10px;
	background: #F80;
	border: 2px solid #F00;
	color: #FFF;
	font-weight: bold;
	}
p.new {
	margin: 0 0 1em 16px;
	}

a.controller {
	font-size: 10px;
	font-weight: normal;
	line-height: 100%;
	margin: 0 0 1em 0;
	padding: 3px 5px;
	background: #666 no-repeat 0 50%;
	border: 1px solid #999;
	color: #FFF;
	}
a.controller:hover {
	background-color: #F80;
	border: 1px solid #FFE786;
	color: #FFF;
	}

div.pageController {
	position: relative;
	margin: 1px 16px 10px 16px;
	height: 20px;
	}
a.pagePrevious {
	position: absolute;
	left: 0;
	padding-left: 15px;
	background-image: url(/images/icon/previous.gif);
	}
a.pageNext {
	position: absolute;
	right: 0;
	padding-right: 15px;
	background-image: url(/images/icon/next.gif);
	background-position: right 50%;
	}

dl {
	margin: 0;
	padding: 0;
	}
dt {
	margin: 0;
	padding: 0 22px 1em 22px;
	font-size: 110%;
	font-weight: bold;
	}
dt a {
	color: #000;
	}
dt.biography {
	margin-bottom: 1em;
	}


dd {
	margin: 0;
	padding: 0 22px;
	}
dd.date {
	margin-bottom: 0.5em;
	font-weight: bold;
	}
dd.body {
	/*margin-bottom: 3em;*/
	padding-bottom: 12px;
	margin-bottom: 20px;
	background-image: url(/images/main_hr.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	border-bottom: 1px solid #B9DCCE;
	}
dd.body p {
	margin: 0 0 1em 0;
	padding: 0;
	}

/* =sideLeft
   ------------------------------------------------------------------------------------------ */
#sideLeft {
	margin: 0;
	padding: 0 0 24px 0;
	width: 150px;
	float: left;
	background-color: #8A644A;
	}

#sideLeft p {
	font-size: 75%;
	text-align: center;
	}
#sideLeft p a p {
	font-size: 100%;
	}
#sideLeft p a {
	font-weight: normal;
	}

/* =sideRight
   ------------------------------------------------------------------------------------------ */
#sideRight {
	margin: 0;
	padding: 0;
	width: 210px;
	float: left;
	}
.sideitem {
	margin: 0;
	padding: 0 0 1em 0;
	background-image: url(/images/sidebar_header.gif);
	background-repeat: no-repeat;
	}
	
h3 {
	margin: 0 0 10px 0;
	padding: 8px 10px 8px 16px;
	line-height: 100%;
	color: #8A644A;
	background-color: #95D2CB;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	text-align: left;
	}
h3 img {
	vertical-align: bottom;
	margin: 0;
	padding: 0;
	}
	
	
#sideRight ul {
	margin: 0 0 10px 0;
	padding: 0 10px 0 24px;
	list-style-type: none;
	font-size: 70%;
	font-weight: normal;
	}
#sideRight li {
	margin: 0 0 0.5em 0;
	padding-left: 0px;
	list-style-type: disc;
	background-image: url(/images/sidebar_icon.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	}
#sideRight li a {
	font-weight: normal;
	color: #8A644A;
	}	
#sideRight li a:hover {
	color: #F80;
	}
	
#sideRight ul#banner {
	padding: 0;
	}
#sideRight ul#banner li {
	margin: 0;
	padding: 0;
	}
#sideRight ul#banner li img {
	margin: 0;
	padding: 0;
	vertical-align: top;
	}
#sideRight ul#banner p {
	padding: 3px 1em;
	margin: 0;
	}
	
#sideRight div.qrcode {
	padding: 0;
	margin: 0;
	text-align: center;
	}
#sideRight div.qrcode p {
	padding: 0;
	margin: 2px 0 10px 0;
	text-align: center;
	color: #FFF;
	font-size: 70%;
	}

/* =footer
   ------------------------------------------------------------------------------------------ */
#footer {
	margin: 1em 0;
	font-size: 70%;
	color: #CEC300;
}

/* =discography
   ------------------------------------------------------------------------------------------ */
dd.cdinfo {
	margin: 0 0 22px 0 ;
	padding: 0 0px 12px 22px;
	border-bottom: 1px solid #CAA491;
	}

dd.cdinfo:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
dd.cdinfo {display: inline-table;}
/* Hides from IE-mac \*/
* html dd.cdinfo {height: 1%;}
dd.cdinfo {display: block;}
/* End hide from IE-mac */

dd.cdinfo div.cdjacket {float: left;}
dd.cdinfo div.cdjacket img {
	border: 1px solid #CCC;
	padding: 0px;
	margin-bottom: 10px;
	}

dd.cdinfo div.cddata {
	float: left;
	margin-left: 14px;
	width: 200px;
	}

.cdnote {
	font-size: 100%;
	margin: 0;
	padding: 0;
	}

.cdtitle {
	font-weight: bold;
	font-size: 120%;
	line-height: 130%;
	margin: 0 0 8px 0;
	padding: 0;
	}
.cdtitle a {
	color: #000;
	}

.cdrelease {
	margin: 0 0 0px 0;
	}
	
.cdnumber, .cdprice {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 80%;
	line-height: 140%;
	}
	
.cdcomment {
	margin: 0;
	padding: 0;
	line-height: 150%;
	font-size: 95%;
	}
.cdcomment p {
	padding: 0px 0px 0px 0;
	margin: 0 0 10px 0;
	}
.cdfile {
	margin: 0 0 1em 0;
	padding: 5px 10px;;
	line-height: 150%;
	font-size: 95%;
	}

.captions {
	clear: both;
	font-size: 90%;
}
	

th {
	text-align: right;
	vertical-align: top;
	font-weight: normal;
	}