@charset "utf-8";

/*-------------------------------------------------------
 file name:motoyosi.css
 last updated: 2007/xx/xx
 ------------------------------------------------------*/

/*************************************
  DJ MOTOYOSI
  
*************************************/

/* BODY LINK */

body#motoyosi{
color:#555;
background:#000 url(../images/gnavi_bg.gif) repeat-x 0 0;
text-align:center;
}

body#motoyosi a{
color:#DE4EFD;
}

body#motoyosi a:hover{
text-decoration:none;
}

/*	mainimage
--------------------------------------------*/

div#motoyosibody{
clear:both;
background:#000 url(../images/motoyosi/bg.jpg) no-repeat center top;
}

div.ban{
height:385px;
}

div.ban h1{
width:550px;
height:129px;
padding:73px 0 0 287px;
}

div.baninfo{
width:349px;
height:86px;
background:url(../images/motoyosi/bg_blogent.jpg) no-repeat 0 0;
float:right;
margin-top:-39px;
}


#newsticker {
	position: relative;
}
#newsticker ul {
width:250px;
padding:33px 0 0 85px;
font-weight:bolder;
color:#ED0086;
}

#newsticker ul a{
}

* html #newsticker ul {
	overflow: visible;
}
#newsticker li.error {
	color: #FFF;
}
#newsticker #togglenewsticker {
	background: transparent url("images/icon_closenewsticker.gif") no-repeat 0 0;
	overflow: hidden;
	position: absolute;
	right: 10px;
	top: 12px;
	width: 14px;
	height: 14px;
	text-indent: 20px;
	outline: none;
}
* html #newsticker #togglenewsticker {
	right: 30px;
}


/*	content
--------------------------------------------*/

/* left */
div.contleft{
float:left;
width:300px;
}

div.contleft div.in{
padding:0 20px 0 0; 
}

div.contleft div.schearea{
height:460px;
padding:13px 18px 0;
}

div.contleft div.schearea dl{
border-bottom:1px solid #845267;
padding:10px 0;
color:#fff;
}


div.contleft div.discoarea{
border:3px solid #845267;
background-color:#fff;
padding:0 15px 15px 15px;
margin:30px 0;
}
div.contleft div.discoarea dl{
clear:both;
padding:7px 0;
}

div.contleft div.discoarea dl dt{
float:left;
width:108px;
}

div.contleft div.discoarea dl dd{
margin:0 0 0 108px;
}

div.contleft div.discoarea dl dd img{
margin-top:4px;
}

/* center */
div.contcenter{
float:left;
width:300px;
}

div.contcenter div.in{
padding:0 10px; 
}

div.contcenter div.bioarea{
border:3px solid #845267;
background-color:#fff;
padding:0 15px;
margin:0 0 30px 0;
}

div.contcenter p.bio{
padding:10px 0 20px 0;
}

div.contcenter div.contactarea{
border:3px solid #845267;
background-color:#fff;
padding:0 15px;
}

div.contcenter p.contact{
padding:10px 0 10px 0;
}

div.contcenter p.mailbtn{
padding:0 0 15px 0;
}


/* right */
div.contright{
float:left;
width:300px;
}

div.contright div.in{
padding:0 0 0 20px; 
}

div.contright div.photoarea{
border:3px solid #845267;
background-color:#fff;
padding:0 15px 5px;
}

div.contright ul{
padding:12px 0 0 0;
}

div.contright ul li{
padding:0 0 10px 0;
}

/*	titles
--------------------------------------------*/

h3#sche{
background:url(../images/motoyosi/tt_schedule.gif) no-repeat 0 0;
height:22px;
width:100%;
text-indent:-9999px;
overflow:hidden;
}

h3#disco{
background:url(../images/motoyosi/tt_disco.gif) no-repeat 0 0;
height:22px;
width:100%;
text-indent:-9999px;
overflow:hidden;
margin:10px 0 0 0;
}

h3#bio{
background:url(../images/motoyosi/tt_bio.gif) no-repeat 0 0;
height:22px;
width:100%;
text-indent:-9999px;
overflow:hidden;
margin:10px 0 0 0;
}

h3#contact{
background:url(../images/motoyosi/tt_contact.gif) no-repeat 0 0;
height:22px;
width:100%;
text-indent:-9999px;
overflow:hidden;
margin:10px 0 0 0;
}

h3#photo{
background:url(../images/motoyosi/tt_photo.gif) no-repeat 0 0;
height:22px;
width:100%;
text-indent:-9999px;
overflow:hidden;
margin:10px 0 0 0;
}


/*************************************
  pop
  ポップ
*************************************/

#dropinboxv2cover{
width: 203px; /*change width to desired */
height: 320px;  /*change height to desired. REMOVE if you wish box to be content's natural height */
position:absolute; /*Don't change below 4 rules*/
z-index: 100;
overflow:hidden;
visibility: hidden;
}

#dropinboxv2{
width: 183px; /*change width to above width-20. */
height: 300px; /*change height to above height-20. REMOVE if you wish box to be content's natural height*/
border: 3px solid #845267; /*Customize box appearance*/
background-color:#222;
padding: 4px;

position:absolute; /*Don't change below 3 rules */
left: 0;
top: 0;
}