@charset "utf-8";

body { font-family:Meiryo; }
em {
	font-size: 10px;
}

.cb {
	clear: both; height: 10px;
}

#width_940 {
	width: 940px;
	margin: 0 auto;
}


/***************************************************
   Contents CD_dete Area Element Styles  ( Index )
***************************************************/

.cd_dete_left {
	float:left;width: 440px;
}

.ddbyphone {
	background-image: url(img/ddbyphone.png); width: 335px; height: 450px;
}

.ddbyphone img {
	margin: 73px 0 0 30px;
}

.cd_dete_right {
	float:right; width: 500px;
}

.cd_dete_right .summary {
	font-weight: bold; font-size: 13px; color: #7b7b7b; margin: 5px 0 0 0;
}

.cd_dete_right .title {
	margin: 5px 0 5px 0; color: #000; font-size: 40px;text-transform: uppercase; font-weight: bold;
}

.cd_dete_right .text {
	font-size: 13px; line-height: 18px; margin: 0 0 20px 0;
}

.cd_dete_right .line {
	border-bottom: 1px solid #d0d0d0;
}

.cd_dete_right .tracklist {
	font-size: 12px; line-height: 20px; margin: 10px 0;
}

.cd_dete_right .tracklist a {
	text-decoration: underline; color: #000;
}

.cd_dete_right .tracklist a:hover {
	text-decoration: none;
}

.cd_dete_right .tracklist .in {
	width: 270px; margin: 0 10px 0 0; float: left;
}

.cd_dete_right .tracklist .in2 {
	width: 270px; float: left;
}

.cd_dete_right .list {
	line-height: 18px; font-size: 12px; margin: 7px 0 25px 0;
}

.cd_dete_right .list a {
	text-decoration: underline; color: #000;
}

.cd_dete_right .list a:hover {
	text-decoration: none;
}

.cd_dete_right .demo {
	margin: 0 auto 25px auto; font-size: 16px; color: #0000ff;  font-weight: bold;
}

.cd_dete_right .demo a {
	color: #0000ff;
	text-decoration: underline;
}

.cd_dete_right .demo a:hover {
	color: #0099ff;
	text-decoration: none;
}

.cd_dete_right .b_title {
	margin: 0 0 7px 0;font-size: 13px;
}

.cd_dete_right .melon {
	margin: 7px 7px 7px 0; float:left;
}

.cd_dete_right .tora {
	margin: 7px 0 7px 0; float:left;
}

.cd_dete_right .b_top {
	clear: both;
	height: 10px;
}

.cd_dete_right .banner {
	margin: 7px 0 7px 0;
}

.cd_dete_right .banner_s {
	margin: 0 0 0 0;
}




.cd_dete_right_beta {
	float:right; width: 500px;
}

.cd_dete_right_beta .summary {
	font-weight: bold; font-size: 14px; color: #7b7b7b; margin: 5px 0 0 0;
}

.cd_dete_right_beta .title {
	margin: 5px 0 5px 0; color: #000; font-size: 40px;text-transform: uppercase; font-weight: bold;
}

.cd_dete_right_beta .text {
	font-size: 13px; line-height: 20px; margin: 0 0 25px 0;
}

.cd_dete_right_beta .line { border-bottom: 1px solid #d0d0d0; font-size: 0; }
.cd_dete_right_beta .line_u { border-bottom: 1px solid #fff; }


.cd_dete_right_beta .tracklist {
	font-size: 13px; line-height: 20px; margin: 7px auto 25px; width: 470px; 
}

.cd_dete_right_beta .tracklist a {
	text-decoration: underline; color: #000;
}

.cd_dete_right_beta .tracklist a:hover {
	text-decoration: none;
}

.cd_dete_right_beta .tracklist .in {
	width: 270px; margin: 0 10px 0 0; float: left;
}

.cd_dete_right_beta .tracklist .in2 {
	width: 270px; float: left;
}

.cd_dete_right_beta .list {
	line-height: 20px; font-size: 12px; margin: 7px auto 15px; width: 210px;
}

.cd_dete_right_beta .list a {
	text-decoration: underline; color: #000;
}

.cd_dete_right_beta .list a:hover {
	text-decoration: none;
}

.cd_dete_right_beta .demo {
	margin: 0 auto 25px auto; font-size: 16px; color: #0000ff;  font-weight: bold;
}

.cd_dete_right_beta .demo a {
	color: #0000ff;
	text-decoration: underline;
}

.cd_dete_right_beta .demo a:hover {
	color: #0099ff;
	text-decoration: none;
}

.cd_dete_right_beta .b_title {
	margin: 0 0 7px 0;font-size: 13px;
}

.cd_dete_right_beta .melon {
	margin: 7px 7px 7px 0; float:left;
}

.cd_dete_right_beta .tora {
	margin: 7px 0 7px 0; float:left;
}

.cd_dete_right_beta .b_top {
	clear: both;
	height: 10px;
}

.cd_dete_right_beta .banner {
	margin: 7px 0 7px 0;
}

.cd_dete_right_beta .banner_s {
	margin: 0 0 0 0;
}



/***************************************************
   Contents CD_dete Area Element Styles
***************************************************/

#cd_dete_left {
	float:left;width: 390px;
}

#ddbyphone {
	background-image: url(img/ddbyphone.png); width: 335px; height: 450px;
}

#ddbyphone img {
	margin: 73px 0 0 30px;
}

#cd_dete_right {
	float:right; width: 550px;
}

#cd_dete_right .summary {
	font-weight: bold; font-size: 13px; color: #7b7b7b; margin: 5px 0 0 0;
}

#cd_dete_right .title {
	margin: 5px 0 5px 0; color: #000; font-size: 40px;text-transform: uppercase; font-weight: bold;
}

#cd_dete_right .text {
	font-size: 13px; line-height: 18px; margin: 0 0 20px 0;
}

#cd_dete_right .line {
	border-bottom: 1px solid #d0d0d0;
}

#cd_dete_right .tracklist {
	font-size: 12px; line-height: 20px; margin: 10px 0;
}

#cd_dete_right .tracklist a {
	text-decoration: underline; color: #000;
}

#cd_dete_right .tracklist a:hover {
	text-decoration: none;
}

#cd_dete_right .tracklist .in {
	width: 270px; margin: 0 10px 0 0; float: left;
}

#cd_dete_right .tracklist .in2 {
	width: 270px; float: left;
}

#cd_dete_right .list {
	line-height: 18px; font-size: 12px; margin: 7px 0 25px 0;
}

#cd_dete_right .list a {
	text-decoration: underline; color: #000;
}

#cd_dete_right .list a:hover {
	text-decoration: none;
}

#cd_dete_right .demo {
	margin: 0 auto 25px auto; font-size: 16px; color: #0000ff;  font-weight: bold;
}

#cd_dete_right .demo a {
	color: #0000ff;
	text-decoration: underline;
}

#cd_dete_right .demo a:hover {
	color: #0099ff;
	text-decoration: none;
}

#cd_dete_right .b_title {
	margin: 0 0 7px 0;font-size: 13px;
}

#cd_dete_right .melon {
	margin: 7px 7px 7px 0; float:left;
}

#cd_dete_right .tora {
	margin: 7px 0 7px 0; float:left;
}

#cd_dete_right .b_top {
	clear: both;
	height: 10px;
}

#cd_dete_right .banner {
	margin: 7px 0 7px 0;
}

#cd_dete_right .banner_s {
	margin: 0 0 0 0;
}




/***************************************************
   WCAG Element Styles
 ***************************************************/
 
#wcag {
	width: 5000px; 
	height: 5000px;
	position: relative;
	margin: -5000px 0 0 -5000px;
}	


/***************************************************
   Header Area Element Styles
 ***************************************************/

 
#header {
	background-color:#000000;
	height: 40px;
}

#logo {
	float: left;
	padding: 12px 0px 0px 10px;
}


#navi {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #9f9f9f;
	z-index: 9999;
	float: right;
	position: relative;	
}
#navi, #navi ul{
     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     line-height:1em;
}
#navi a:link, #navi a:active, #navi a:visited{
    display:block;
	line-height: 40px;
    padding: 0 25px;
    color:#a5a5a5;
    text-decoration:none;
	text-transform: uppercase;
}
#navi a:hover {
    color:#fff;
}
#navi .on{
	background-color: #e97d08;
	color:#ffffff !important;
	float: left;
	position: relative;
}
#navi .subscribe{
	background: url(img/subscribe.png) top left no-repeat;
	height: 40px;
	margin-left: 22px;
	float: left;
	position: relative;
}
#navi li{
    float:left;
    position:relative;
}
#navi ul {
    position:absolute;
    top:3.3em;
    display:none;	
	z-index: 1;
}
#navi li ul a {
    width:8em;
	height: 40px;
    float:left;
	background-color: black;
	background-image: none !important;
}
.last {
    width:8em;
    float:left;
	background-color: black;
	background-image: none !important;
	margin-right: 15px;
}

#navi li ul a:hover {
	background-color: #292929;
}
#navi ul ul{
	top:auto;
}	
#navi li ul ul {
    left:11.3em;
    margin:0px 0 0 10px;
}
#navi li:hover ul ul, #navi li:hover ul ul ul, #navi li:hover ul ul ul ul{
    display:none;
}
#navi li:hover ul, #navi li li:hover ul, #navi li li li:hover ul, #navi li li li li:hover ul{
    display:block;
}

/***************************************************
   Contents Area Element Styles
***************************************************/

#contents {
	background: url(img/top-bg.jpg) #f3f3f3 top left repeat-x;
	overflow: hidden;
}
#contents_width {
	width: 940px;
	margin: 0 auto 0 auto;
	position: relative;
	overflow: hidden;
	padding: 50px 0 50px 0;
}

/***************************************************
   Footer Area Element Styles
***************************************************/

#footer {
	background: url(img/bottomcontentbar.jpg) #191919 top left repeat-x;
	padding: 9px 0px 0px 0px;
}
#footer #in {
	width: 940px;
	margin: 0 auto;
	background: url(img/bottomcontentbg.jpg) #191919 top left no-repeat;
	overflow: hidden;
	padding-top: 30px;
}


#footer p {
	font-size: 12px;
}

#bottom a {
	text-decoration: underline;
	color: #CCCCCC;
}
#bottom {
	background: url(img/footerbg.png) top left no-repeat;
	width: 938px;
	height: 75px;
	float: left;
	margin: 30px 0px;
	padding: 15px 20px;
}
#copyright {
	float: left;
}
.copy {
	color: #a4a4a4;
	margin-top: 5px;
	margin-left: 10px;
	font-size: 13px;
}
.smalllogo {
	padding-top: 5px;
	float: left;
}
.source {
	text-transform:uppercase;
	padding-right: 55px;
	float: right;
}

#footer_seo {
	position: relative; top: -2000px; left: -2000px;
}


/***************************************************
   CD Area Element Styles
***************************************************/

#cdarea { width:960px; position:relative; }
#cdarea .image { float:left; width: 90px; height: 90px; margin: 0 10px 10px 0; }
#cdarea .image a img { border: 1px solid #888888; }
#cdarea .image a:hover img { border: 1px solid #fff; }
#cdarea .word { float:left; width: 200px; height: 85px; margin: 5px 0 20px 0;line-height: 18px; }
#cdarea .word h2 { display: inline; font-size: 15px; }
#cdarea .word h2 a { color: #888; }
#cdarea .word h2 a:hover { color: #fff; }
#cdarea .word p { font-size: 12px;line-height: 18px;margin: 6px 0 0 0; color: #ddd; }
#cdarea .space { float:left; width: 20px; height: 90px;margin: 0 0 10px 0; }





/***************************************************
   SEOparts Area Element Styles
***************************************************/

#seoparts { list-style:none;margin:0px;padding:0px;font-size:14px }
#seoparts li { padding:1px }
#seoparts-img-li {  }
#seoparts-img-li img { vertical-align:top }