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

/* ページ左カラム(ロゴ ＋ 共通サイドエリア(サイドナビ ＋ おすすめ)) のCSSです。 */

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

	/*【共通：ロゴ】*/

/*【共通：ロゴ】エリア */
#logo {
 width: 200px;
 height: 133px;
 float: left;
}

/*【ロゴ画像】*/
#logo h1 {
 margin: 6px 0px 0px 0px;
 text-align:center;
 vertical-align:middle;
}

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

	/*【共通サイドエリア：おすすめエリア】*/

/*【共通：おすすめエリア】*/
#recommend {
 width: 200px;
}

/*【ヘッダー】*/
#recommend .header {
 width: 200px;
 height: 22px;
 text-indent: -9999px;
 overflow: hidden;
}

/*【おすすめ】インラインフレーム定義 */
#recommend .rec_area {
 width: 170px;
 height: 100px;
 margin: 25px 0px 3px 17px;
 padding: 0px;
 border: 0px;
 border-spacing: 0px;
 display: block;
 overflow: auto;
}

/*【フッター】*/
#recommend .footer {
 width: 200px;
 height: 12px;
 clear: both;
 text-indent: -9999px;
 overflow: hidden;
}

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

	/*【共通サイドエリア：メニューエリア】*/

/*【共通：メニューエリア】*/
#menu {
 width: 200px;
 height: 260px;
}

/*【メニューボタン】*/
/* 基本設定 */
#menu ul {
 width: 100%;
}
#menu li {
 width: 200px;
 height: 26px;
}
#menu ul a {
 width: 200px;
 height: 26px;
 display: block;
 text-indent: -9999px;
 overflow: hidden;
}
/* ロールオーバー */
#menu ul a:hover {
 background-position: 0px -26px;
}
/* 現在位置表示 */
#menu ul .btn_01index_on,
#menu ul .btn_02info_on,
#menu ul .btn_02info_gs_on, 
#menu ul .btn_02info_mobile_on,
#menu ul .btn_02info_music_visual_on, 
#menu ul .btn_03data_on,
#menu ul .btn_03data_music_on,
#menu ul .btn_03data_visual_on,
#menu ul .btn_04movie_on,
#menu ul .btn_05download_on, 
#menu ul .btn_06shop_on, 
#menu ul .btn_06shop_am_on, 
#menu ul .btn_07apli_on, 
#menu ul .btn_08publish_on, 
#menu ul .btn_09free1_on, 
#menu ul .btn_09free2_on, 
#menu ul .btn_09free3_on, 
#menu ul .btn_10link_on  {
 width: 200px;
 height: 26px;
 display: block;
 text-indent: -9999px;
 overflow: hidden;
 background-position: 0px -26px;
}

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