@charset "Shift-JIS";
/**********************************************************************
•½Œ΄ˆ» My Road “Αέ
**********************************************************************/


/* -----------------------------------------------
ƒ^ƒO‰Šϊ‰»
------------------------------------------------- */
body, div, p, ul, li, dl, dt, dd, img, a, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}

img {
	border:none;
}

ul, dl, ol {
	list-style-type:none;
}

strong {
	font-weight:normal;
}

address {
	font-style:normal;
}

body {
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size:12px;
	line-height:160%;
}

/* for IE7 */
body {
	*font-size:75%;
}

/* for IE8 */
html>/**/body .small {
	font-size: 75%\9;
}

/* -----------------------------------------------
”Δ—pƒNƒ‰ƒX
------------------------------------------------- */
.floatLeft  {float: left;}
.floatRight {float: right;}
.clearer    {clear: both;}

/* clearfixƒnƒbƒN */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* -----------------------------------------------
ƒRƒ“ƒeƒ“ƒc
------------------------------------------------- */
body {
	color:#ffffff;
	position:relative;
	
}

a {
 text-decoration:none;
	color:#333;
 }
a:hover { text-decoration:underline; }


div#main {
	width:936px;
	position:relative;
	margin-bottom:7px;
	font-size:100%;
	margin:0 auto 0 auto;
}

div#main div#img{
	width:936px;
	position:relative;
	margin:0 auto 0 auto;
}

div#main #bg {
	position:absolute;
	top: 41px;
	left: -25px;
	z-index:1;
}

div#main #youtube1 {
	position:absolute;
	left:0px;
	top:511px;
	z-index:3;
}

div#main #youtube2 {
	position:absolute;
	left:284px;
	top:511px;
	z-index:2;
}

div#mainleft {
	float: right;
	width: 348px;
	height: 705px;
	position: relative;
	z-index:3;
}

div#mainleft div#title {
	position: relative;
	height: 208px;
}

div#mainleft div#title h1 {
	position: absolute;
	top: 55px;
	left: 0px;
}

div#mainleft div#myroad {
width: 348px;
	height: 215px;
}

div#mainleft div#myroad div#left {
	margin-top:31px;
	width:132px;
	float: left;
}

div#mainleft div#myroad div#left p {
	margin-bottom: 9px;
}

div#mainleft div#myroad div#right {
	margin-top:31px;
	width:193px;
	float:right;

}

div#mainleft div#myroad div#right p {
	margin: 0 0 18px 0;
}

div#mainleft div#songlist {
	height: 223px;
}
div#mainleft div#songlist ul li {
  position: relative;
  margin-bottom: 20px;
}

div#mainleft div#songlist ul li a {
	position:absolute;
	margin-left: 20px;
	left: 86px;
	top: 2px;
}

div#mainleft div#songlist ul li.kesyou a {
	position:absolute;
	margin-left: 20px;
	left: 55px;
	top: 2px;
}



div#footer {
   clear:both;
   margin-top: 8px;
   text-align:center;
   border-top: 1px solid #DFDFDF ;
   width:936px;
	
  
}

div#footer ul li {
   margin-top: 5px;
	 float:left;
}

div#footer ul li.normal {
	background:url(images/arrow.gif) left no-repeat;
	margin-right:20px;
	padding-left:11px;
}

div#footer ul li#copy {
	 padding-left:11px;
	 float:right;
	 color:#333333;
}