﻿/* ****************************************************************************
  ホーム専用スタイルシート
**************************************************************************** */
@import url('cmusic.css');

h3
{
	clear: none;
    letter-spacing:1px;
}

/* ----------------------------------------------------------------------------
  ムービー／体験版／ショップ
---------------------------------------------------------------------------- */
#pickup2
{
	clear: both;
    margin: 0;
}

#pickup2 li
{
    float:left;
    display:inline;
    margin:0 18px 0 0;
}

#pickup2 li .img_box
{
    height:200px;
}

#pickup2 li a:hover
{
    background-color:Transparent;
}

#pickup2 li#movie
{
    width:300px;
}

#pickup2 li#trial
{
    width:198px;
}

#pickup2 li#shop
{
    width:198px;
    margin-right:0;
}

#pickup2 dl
{
}

#pickup2 li dt
{
    margin-bottom:10px;
}

#pickup2 li#trial dt
{
    margin-top:6px;
}

#pickup2 li#shop dt
{
    margin-top:6px;
}

#pickup2 dt a
{
    color:#71aa00;
    line-height:126%;
}

#pickup2 dt a:hover
{
	color:#aaa;
}

#pickup2 dd
{
    font-size:11px;
    line-height:160%;
	margin:0 0 20px;
}

#pickup2 li#movie dd
{
    margin-top:10px;
    width:300px;
}

#pickup2 dd span
{
    margin:4px 0 6px;
    color:#555;
    display:block;
    float:right;
}

#pickup2 p a:hover
{
/*
    background-color:#7b0;
*/
}

p
{
    clear:both;
    margin:0 0 4px;
    font-size:11px;
    text-align:left;
    line-height:15px;
    letter-spacing:1px;
}

p.r
{
    float:right;
}

p a
{
    color:#71aa00;
    text-decoration:underline;
/*
    padding-left:8px;
    color:White;
    background-color:#333;*/
}

p a:hover
{
    color:#aaa;
    text-decoration:underline;
    background-color:Transparent;
/*
    background-color:#7b0;*/
}

.fordetail
{
    font-size:11px;
    text-align:left;
    margin:0 0 4px 0;
}

.fordetail a
{
	text-decoration: none;
	color: #71aa00;
	background: url( '../images/top_renew_20100531/linkicon_local.gif' ) no-repeat left 2px;
    padding-left:24px;
}

.fordetail a:hover
{
    color: #aaa;
	background: url( '../images/top_renew_20100531/linkicon_local.gif' ) no-repeat left 2px;
}

/* ----------------------------------------------------------------------------
  特別欄
---------------------------------------------------------------------------- */
div#special
{
    margin:0;
    float:right;
    width:220px;
}

div#special p
{
	margin: 6px;
}

/* ----------------------------------------------------------------------------
  新着情報
---------------------------------------------------------------------------- */
div#news
{
	float: left;
	width: 500px;
}

div#news dl
{
	height:10px;
}

div#news dt
{
    float:left;
    margin: 0;
	width:60px;
	height:16px;
	clear:both;
}

div#news dd.date
{
    margin: 0 10px;
	width: 80px;
	font-size: 11px;
	float:left;
}

div#news dd.detail
{
    margin-top:-2px;
    margin: 0 10px;
	font-size: 11px;
	float: right;
	width:320px;
}

div#news dt:first-child, div#news dt:first-child+dd
{
	border-top: none;
}

div#news .first
{
	border-top-style: none;
}

div#news dd+dt
{
	margin-top: 0;
}
div#news a
{
	margin: 0 0 0 auto;
	text-decoration: none;
    color:#71aa00;
    font-weight:bold;
/*
	padding-left: 18px;
	background: url( '../images/button/zn_topliststylea.gif' ) no-repeat left center;
*/
}

div#news a:hover
{
    color:#999;
/*
	background: url( '../images/button/zn_topliststyleah.gif' ) no-repeat left center;
*/
}

div#news .fordetail a
{
	color: #71aa00;
}

div#news .fordetail a:hover
{
    color:#aaa;
    text-decoration:underline;
	background-color:Transparent;
}

div#allnews div#border
{
    border-bottom:dotted 1px #333;
}

div#allnews div#news dl
{
    height:25px;
    border-bottom:dotted 1px #333;
/*
    margin: 0 2em 0 2em;
    font-size: 12px;
    */
}

div#allnews div#news dt
{
    margin-left:12px;
/*
	padding-top: .5em;
	*/
}

div#allnews div#news dd
{
    margin-top:-3px;
/*
	padding-bottom: .5em;
	margin-left: 3em;
	*/
}

div#allnews div#news dd.date
{
    margin:-3px 0 0 40px;
    width:50px;
}

div#allnews div#news dd.detail
{
    margin:-4px 0 0 30px;
    width:530px;
}

div#allnews div#news a
{
/*
	padding-left: 18px;
	background: url( '../images/button/zn_topliststylea.gif' ) no-repeat left center;
	*/
}

div#allnews div#news a:hover
{
/*
	background: url( '../images/button/zn_topliststyleah.gif' ) no-repeat left center;
	*/
}

div#news .info
{
	background: url( '../images/top_renew_20100531/newsicon_info.gif' ) no-repeat left top;
}

div#news .shop
{
	background: url( '../images/top_renew_20100531/newsicon_shop.gif' ) no-repeat left top;
}

div#news .movie
{
	background: url( '../images/top_renew_20100531/newsicon_movie.gif' ) no-repeat left top;
}

div#news .pm
{
	background: url( '../images/picon_pm.gif' ) no-repeat left top;
}

div#news .pd
{
	background: url( '../images/picon_pd.gif' ) no-repeat left top;
}

div#news .ex
{
	background: url( '../images/picon_ex.gif' ) no-repeat left top;
}

div#news .bp
{
	background: url( '../images/picon_bp.gif' ) no-repeat left top;
}

div#news .sm
{
	background: url( '../images/picon_sm.gif' ) no-repeat left top;
}

div#news .cm
{
	background: url( '../images/picon_cm.gif' ) no-repeat left top;
}

div#news .ep
{
	background: url( '../images/picon_ep.gif' ) no-repeat left top;
}

div#news .os
{
	background: url( '../images/picon_os.gif' ) no-repeat left top;
}

div#news .lt
{
	background: url( '../images/picon_lt.gif' ) no-repeat left top;
}

/* ----------------------------------------------------------------------------
  ブログ
---------------------------------------------------------------------------- */
div#blog
{
	clear: both;
}

div#blog dl
{
	height:10px;
}

div#blog dt
{
    float:left;
	width:60px;
	height:16px;
	clear:both;
}

div#blog dd
{
    margin:-2px 0 0 0;
	font-size: 11px;
	float:left;
}

div#blog dd.date
{
    margin-left:20px;
}

div#blog dd.title
{
    margin-left:23px;
}

div#blog dd.detail
{
    margin-top:-2px;
	font-size: 11px;
	float:right;
	width:310px;
}

div#blog a
{
	margin: 0 0 0 auto;
	text-decoration: none;
    color:#71aa00;
    font-weight:bold;
}

div#blog a:hover
{
    color:#999;
}

div#blog .globallink a
{
	color: #71aa00;
}

div#blog .sstyle
{
	background: url( '../images/top_renew_20100531/blogicon_sstyle.gif' ) no-repeat left top;
}

div#blog .studiobp
{
	background: url( '../images/top_renew_20100531/blogicon_studiobp.gif' ) no-repeat left top;
}

/* ----------------------------------------------------------------------------
  バナー
---------------------------------------------------------------------------- */
div#banner
{
	margin: 2px;
}

div#banner ul
{
	margin: 4px 0;
	padding: 0;
	list-style-type: none;
}

div#banner li
{
    margin-left:0.5em;
}

div#banner img
{
    height: 41px;
    width: 160px;
    margin: 2px 0;
    padding:0;
}

/* ----------------------------------------------------------------------------
  メニュー色
---------------------------------------------------------------------------- */
#navi li a
{
	color: #555;
	border-bottom: 3px solid #666;
}

