@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 共通パーツ
　02. メインコンテンツ
　03. サブコンテンツ


******************************************************************************* */


/* ==

　00. file import

=============================================================================== */


/* ==

　01. 共通パーツ

=============================================================================== */
.main div.contents{ width:510px; padding-bottom:20px; float:left; }
.main div.sub{ width:200px; padding-bottom:20px; float:right; }



/* ==

　02. メインコンテンツ

=============================================================================== */
.contents{
	line-height:1.5;
}
.contents div,
.contents ul{
	/zoom:1;
}
.contents div:after,
.contents ul:after{
	content:'';
	display:block;
	clear:both; 
}
.contents div{
	padding-bottom:25px;
}
.contents div p{
	margin-bottom:20px;
}
.contents div p.notes{
	margin-top:-15px;
	font-size:85%;
}

/* 動画紹介
------------------------------------------------------------------------------- */
.contents div.movie{
	width:510px;
	padding-bottom:25px;
}
.contents div.movie p{
	margin:0;
}
.movie div{
	float:left;
	width:280px;
	margin-right:19px;
	padding:0;
}
.movie div.player{
	width:211px;
	margin:0;
}
.movie h4{
	margin:0 0 7px 1px;
}
.movie h4.realPlayer{
	margin:24px 0 7px 1px;
}
.movie dt{
	width:211px;
	display:block;
	margin-bottom:7px;
	padding:0;
	line-height:100%;
	font-size:12px;
	background:url(../../../common/images/renew2009/line_dotted02.gif) left 6px repeat-x;	
}
.movie dt img{
	vertical-align:bottom;
}
.movie ul{
	width:211px;
	margin-bottom:8px;
}
.movie li{
	float:left;
	margin-right:7px;	
}
.movie li.k500{
	margin:0;
}
.movie li a{
	display:block;
	float:left;
	width:102px;
	height:33px;
	background-repeat:no-repeat;
	background-position:left top;
}
.movie li a:hover{
	background-position:left bottom;
}
.movie li.k56 a{
	background-image:url(../images/btn_56k.gif);
}
.movie li.k500 a{
	background-image:url(../images/btn_500k.gif);
}
.movie li a span{
	display:none;
}
.contents .movie div p{
	float:none;
	width:auto;
	margin-bottom:10px;
}
.movie div p.notes{
	margin:0 0 4px 1.1em;
}
.movie div p.player{
	margin:0 0 3px 3px;
	font-size:85%;
}
.movie div p.player a{
	padding-left:7px;
	background:url(../../../common/images/renew2009/arrow_02.gif) left 5px no-repeat;	
}

/* 関連情報
------------------------------------------------------------------------------- */
.contents div.relation{
	padding:0 0 45px;
}
.section .main .relation h3{
	height:22px;
	margin-bottom:7px;
	border-bottom:1px solid #BABCBC;
	background:none;
}
.relation li a{
	padding-left:7px;
	background:url(../../../common/images/renew2009/arrow_02.gif) left 5px no-repeat;	
}

/* コンテンツナビ
------------------------------------------------------------------------------- */
.contentNavi{
	width:510px;
	background:url(../../../common/images/renew2009/line_dotted02.gif) left top repeat-x;
}
.contentNavi ul{
	text-align:right;
	padding-top:10px;
}
.contentNavi li{
	display:inline;
	margin-left:15px;
}
.contentNavi li a{
	padding-left:7px;
	background:url(../../../common/images/renew2009/arrow_02.gif) left center no-repeat;	
}



/* ==

　03. サブコンテンツ

=============================================================================== */
.sub{
	line-height:1.3;
}
.sub p.notes{
	font-size:85%;
}
.section div.mobile{
	margin:15px 0 5px;
}
.section div.mobile div{
	padding:0 0 10px;
}
.section div.mobile h3{
	margin-bottom:5px;
}
.section div.mobile p{
	margin:0 1em;
	font-size:85%;
}
.section div.mobile p.notes{
	margin:0 1em 0 2em;
}
.section div.mobile p.qrcode{
	text-align:center;
	margin:0 0 5px;
}