/* Reset margins and paddings */
* { margin: 0; padding: 0; }
 

html{
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-family: Arial,sans-serif;
	overflow-y:scroll;
}
img {
	border: 0;
}
/* All browsers */
#header, #footer {
    height          : 80px;
    background      : #2D6246;
}
#header {
    top             : 0; 
    position        : absolute;
    left            : 0;
    width           : 100%;
}

/* Non-IE and IE 7 */ /* could be done better using fixed positioning */
html>body #main {
    overflow        : auto;
    position        : fixed;
    top             : 80px;
    bottom          : 80px;
    left            : 0;
    background      : transparent;
	width: 100%;
}

html>body #footer {
    bottom          : 0;
    position        : absolute;
    left            : 0;
    width           : 100%;
}

/* IE 5.5 and IE 6 */

* html      { padding: 80px 0; height: 100%; overflow: hidden; }
* html body { height: 100%; }
* html #main { height: 100%; overflow: auto; background: transparent;}

/* IE 5.5 */
@media tty {
 i{content:"\";/*" "*/}}@m; * html body { padding: 80px 0; height: 100%; overflow: hidden; } * html #main { height: 100%; overflow: auto; background: transparent;} /*";}
}/* */

/* emphasis */
em{
	font-style: normal;
	font-weight: bold;
}
strong{
	color: #900;
	background-color: inherit;
	font-weight: bold;
}

/* Hypertexts */

a:link{}
a:visited{}
a:hover{
	color: #c00;
	background-color: #ffa;
	text-decoration: none;
}
a:active{}


hr{display: none;}


/* details begin from here */

body{
	font-size: small;
	line-height: 1.4;
}

body#pGate{
}
body#pGate #main ul{
	width: 600px;
	text-align: center;
	list-style-position: outside;
	list-style-type: none;
	margin-top: 45px;
	margin-left: auto;
	margin-right: auto;
}
#pcEnter a{
	display: block;
	width: 600px;
	height: 450px;
	background-image: url(../images/gate.jpg);
	text-indent: -5000px;
	overflow: hidden;
}
#pcEnter a:hover{
	background-position: 0px 450px;
	background-color: transparent;
}

body#pTop,
body#pBBS{
	background: url(../images/bg_mat01.jpg) top right no-repeat fixed;
}
body#pProfile{
	background: url(../images/bg_mat02.jpg) top right no-repeat fixed;
}
body#pDiscography{
	background: url(../images/bg_mat03.jpg) top right no-repeat fixed;
}
body#pSchedule{
	background: url(../images/bg_mat04.jpg) top right no-repeat fixed;
}
body#pLink{
	background: url(../images/bg_mat05.jpg) top right no-repeat fixed;
}

#header{
	background-image: url(../images/titleback.jpg);
}
#header h1{
	text-indent: -5000px;
	text-align: right;
	padding: 0;
	margin: 0;
	background: url(../images/titlebanner.jpg) no-repeat top right;
}
#header h1 a img{
	border: none;
}
#main{
	background-color: transparent;
	overflow: hidden;
}
#content{
	background-color: transparent;
	margin: 0px 0px 0px 190px;
	padding: 20px;
	padding-right: 200px;
	overflow: auto;
}
#content h2{
	width: 600px;
	background-color: #500712;
	background-image: url(../images/headingback.png);
	background-position: right;
	color: white;
	font-family: 'osaka','meiryo',sans-serif;
	font-size: 180%;
	font-weight: normal;
	letter-spacing:8px;
	line-height: 1.0;
	padding: 5px 5px 0px;
	text-align: right;
	margin-bottom: 1em;
}
#content p{
	margin-bottom: 1.4em;
}

/* Navigation */

#menu{
	overflow: auto;
	position: fixed;
	_position: absolute;
	top: 80px;
	left: 0;
	height: 100%;
	width: 190px;
	background-color: #E5EAE3;
	margin-bottom: -80px;
	min-height: 300px;
}
#menu h2{
	text-indent: -5000px;
	height: 1em;
	margin-top: -1em;
}
#menu ul {
	margin-bottom: 20px;
}

#menu li{
	height: 40px;
	width: 180px;
	margin: 5px;
}
#menu li a{
	display: block;
	height: 40px;
	width: 180px;
	background-image: url(../images/navi.png);
	background-repeat: no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	background-color: transparent;
}
#menu li a#mixilink,
#menu li a#miximobilelink,
#menu li a#myspacelink,
#menu li a#yairilink {
	background-image: none;
	text-indent: 0;
	vertical-align: bottom;
}

#gobooking {
	margin-bottom: 20px;
}
#gomiximobile {display: none;}

#menu li a.booking{
	display: inline;
	text-indent: 0;
	background: none;
}
#menu li span{
	display: block;
	height: 40px;
	width: 180px;
	background-image: url(../images/navi3.png);
	background-repeat: no-repeat;
	text-indent: -5000px;

}
#menu li#goMyspace,
#menu li#gomixi {
	height: 35px;
}

#goTop a{
	background-position: 0px 0px;
}
#goTop a:hover{
	background-position: -182px -2px;
}
#crntTop span{
	background-position: 0px 0px;
}
#goProf a{
	background-position: 0px -40px;
}
#goProf a:hover{
	background-position: -182px -42px;
}
#crntProf span{
	background-position: 0px -40px;
}
#goDisc a{
	background-position: 0px -80px;
}
#goDisc a:hover{
	background-position: -182px -82px;
}
#crntDisc span{
	background-position: 0px -80px;
}
#goLive a{
	background-position: 0px -120px;
}
#goLive a:hover{
	background-position: -182px -122px;
}
#crntLive span{
	background-position: 0px -120px;
}
#goBlog a{
	background-position: 0px -160px;
}
#goBlog a:hover{
	background-position: -182px -162px;
}
#crntBlog span{
	background-position: 0px -160px;
}
#goLink a{
	background-position: 0px -200px;
}
#goLink a:hover{
	background-position: -182px -202px;
}
#crntLink span{
	background-position: 0px -200px;
}
#goBBS a{
	background-position: 0px -240px;
}
#goBBS a:hover{
	background-position: -182px -242px;
}
#crntBBS span{
	background-position: 0px -240px;
}

#footer{
	background: url(../images/footerback.jpg);
	color: white;
	text-align: right;
}
address{
	font-style: normal;
	margin-top: 20px;
	margin-right: 10px;
}
address a{
	color: aqua;
}




/* individual pages */

/* top -------------- */

#news h3{
	width: 600px;
	font-size: medium;
	padding-left: 1ex;
	padding-bottom: 0px;
	border-bottom: 1px solid #903;
	border-left: 5px solid #903;
	margin-bottom: 1ex;
}

#news div{
	width: 600px;
	border-bottom: dashed 1px #ccc;
	margin-bottom: 15px;
}
#news div#updates ul {
	list-style-position: inside;
	list-style-type: square;
}

/* profile ---------- */



/* discography ------ */

.diskdetail {
	font-size: 85%;
	width: 265px;
	height: 10em;
	float: left;
	padding: 3px;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 15px;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
#indie {
	width: 540px;
}
#indie .diskdetail {
	float: none;
	width: 500px;
	height: 310px;
}
#original .diskdetail {
	background-image: url(../images/clear-blue.png);
}
#compilation .diskdetail {
	background-image: url(../images/clear-yellow.png);
}


.diskdetail .diskdescription {
	float: right;
	width: 160px;
}
.diskdetail h3 {
	font-weight: normal;
	font-size: 110%;
	color: #336;
	border-bottom: solid 1px #ccc;
	margin-bottom: 5px;
}
.diskdetail dl {}
.diskdetail dt {}
.diskdetail dd {}
.diskdetail p.diskimage {
	float: left;
}





/* schedule --------- */


div.liveDetail{
	width: 300px;
	margin-bottom: 20px;
	padding-left: 1ex;
	border-left: 1px solid #603;
}
.liveDetail h3{
	color: maroon;
	border-bottom: 1px solid #ccc;
}
.liveDetail h4{
	font-weight: normal;
}
.liveDetail dl{
	margin-bottom: 5px;
}
.liveDetail dt{
	font-weight: bold;
	color: maroon;
}
.liveDetail dd{
	margin-top: -1.4em;
	margin-left: 3em;
}


/* link ------------- */

ul.linklist{
	list-style-type: none;
	list-style-position: inside;
}

/* bbs -------------- */

form {
	clear: both;
	background-color: #F7F7F7;
	border-right: 1px solid #bababa;
	border-bottom: 1px solid #bababa;
	margin: 0.5em 16px 1em 16px;
	padding: 1px 0 1em 0;
}

form dl,
form p {
	margin: 0.4em 16px;
}

fieldset {
	border: none;
	padding: 1px 0;
}

legend {
	display: none;
	font-size: 85%;
	background-color: #e8e8e8;
	padding: 0.1em 8px;
}

#pBBS ul li,
#pBBS ol li{
	list-style-position: inside;
}
#pBBS #menu ul li{
	list-style-type: none;
	list-style-position: outside;
}

#bbsmenu ul{
	list-style-type: none;
	list-style-position: inside;
	text-align: center;
}
#bbsmenu ul li{
	display: inline;
}

#regist_form p{
	text-align: right;
	margin-top: -3.2em;
}
#article h4{
	font-weight: bold;
	background-color: #960;
	color: white;
	padding: 3px 1ex;
}
#article .parent h4 a{
	font-size: x-small;
	font-weight: normal;
	background-color: green;
	color: white;
}
#article .parent{
	margin-top: 20px;
	margin-bottom: 0;
}
#article .res{
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 65px;
}
#article .postfrom{
	background-color: #fff;
	margin-bottom: 0;
	padding: 2px 5px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px dashed #ccc;
}
#article .posturls{
	background-color: #fff;
	text-align: right;
	font-size: x-small;
	margin-top: 0;
	padding: 2px 5px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#article p.postdate{
	font-size: x-small;
	text-align: right;
}
.newpost{
	color: #c00;
}
.makeRes{
	text-align: right;
}

div#page ul {
	margin: 5px 0px;
	text-align: center;
}
div#page ul li {
	display: inline;

	margin: 0px 5px;
}
div#navi ul {
	margin: 5px 0px;

	text-align: right;
}
div#navi ul li,
ul.navi li {
	display: inline;

	margin-left: 5px;
}

div#navi form {
	margin-top: 15px;
}
div#navi form dl dt {
	display: none;
}
div#navi form dl dd {
	display: inline;
}
div#navi form p input {
	padding: 0px;
	clear: both;
}
.navi{

}

.jpn{
	ime-mode: active;
}
.eng{
	ime-mode: disabled;
}
.notes h4{
	margin: 0px auto;
}
.notes{
	border-right: 1px solid #806040;
	border-bottom: 1px solid #806040;
	padding: 15px;
	background-color: #dddbd2;
}
.notes dd{
	padding-left: 1em;
	margin-bottom: 1em;
}

/* 2008sp */

.p2008spsummer h3 {
	background: #cc2200;
	color: #ffff33;
	margin-bottom: 1em;
	padding: 2px;
}