@charset "UTF-8";
@import url("common.css"); /* 共通スタイルの読み込み */ 

/*==========================================================
 【Buzzclip】スタイルシート
 ----------------------------------------------------------
  common.css … 共通スタイル
  ***_style.css … 各ページのスタイル
 ----------------------------------------------------------
  このスタイルはトップページのスタイルです。
==========================================================*/


/*--------------------------------------------------
　[0]Hypertext Module
--------------------------------------------------*/

a:link {
	color: #666666;
	}
	
a:visited {
	color: #666666;
	}
	
a:hover, 
a:active {
	color: #242222;
	text-decoration:none;
	}


/*==========================================================
　[1]ヘッダー
==========================================================*/
#header_box {
	margin:0;
	padding:0;
	background:url(img/top_header.jpg) no-repeat;
	height:117px;
	position:relative;
	}
	
h1 {
	font-size:10px;
	margin:0;
	visibility:hidden;
	float:left;
	}
	
#flash {
	margin:0;
	padding:20px 20px 0 0;
	text-align:right;
	}
	
/*==========================================================
　[2]左エリア
==========================================================*/
#left {
	width:540px;
	margin:0;
	}

#left div {
	margin:0;
	padding:0;
	}

#left div.bottom_bg { /* コンテンツエリア 下背景用 */
	clear:both;
	}

#left h2 { /* BUZZ CLIP発行月タイトル */
	float:left;
	width:229px;
	}

#left h3 { /* 各コンテンツタイトル */
	margin:0;
	}
	
#left div.left_main_bg { /* コンテンツメイン枠 */
	background:url(img/left_bg2.jpg) repeat-y;
	}
	
#left div.left_main_bg:after { /* 背景を下部まで表示 */
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
	
#left div.cover { /* 表紙枠 */
	float:left;
	width:184px;
	margin:0;
	}

#left div.cover img {
	margin:0 10px 0 30px;
	}

#left div.cover p {
	margin:3px 10px 0 30px;
	text-align:center;
	}

#left div.editors_letter {
	}

#left div.editors_letter .editors_letter_in {
	margin:0 20px 0 184px;
	padding:10px;
	background-color:#f4f4f4;
	}

#left div.editors_letter .editors_letter_in p {
	margin:0 0 10px 0;
	}
	
/* カテゴリーメニュー表示-------------------------------------- */
#left div.left_main_bg ul,
#left div.left_main_bg ul.special_ul {
	margin:0;
	padding:20px 10px 0 40px;
	list-style:none;
	height:1%;
	}
	
#left div.left_main_bg li {
	margin:0;
	padding:0 0 20px 0;
	float:left;
	width:245px;
	height:115px;
	}

#left div.left_main_bg ul.special_ul li {
	margin:0;
	padding:0;
	float:left;
	width:245px;
	height:90px;
	}

#left div.left_main_bg li div { /* コンテンツイメージフォト枠 */
	width:100px;
	height:90px;
	float:left;
	}

#left div.left_main_bg ul.special_ul li div { /* コンテンツイメージフォト枠（SPECIAL COBTENTS用） */
	width:90px;
	float:left;
	}

#left div.left_main_bg li div img,
#left div.left_main_bg ul.special_ul li div img {
	padding:0 20px 0 0;
	}
	
#left div.left_main_bg li p,
#left div.left_main_bg ul.special_ul li p { /* カテゴリーテキスト */
	margin:5px 20px 0 0;
	font-size:77%;
	*font-size:70%; /* IE7・IE6標準準拠モードに適用 */
	/* height: 2.8em; */
	overflow:visible; /* MacIE5用 */
	}	
	
/*==========================================================
　[3]右エリア
==========================================================*/
#right {
	width:260px;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:540px;
	}

#right h3 {
	margin:0;
	clear:both;
	}

#right div {
	margin:0;
	padding:0;
	}

#right div.right_main_bg {
	background:url(img/new_bg2.jpg) repeat-y;
	}
	
#right div.right_main_bg:after { /* 背景を下部まで表示 */
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#right div.right_main_bg div.model_bnr {
	margin:0 20px 0 10px;
	padding:8px 0;
	text-align:center;
	}
	
/* 最新店舗情報サムネイル表示-------------------------------------- */
#right div.right_main_bg ul {
	margin:0;
	padding:20px 25px 0 15px;
	list-style:none;
	height:1%;
	}
	
#right div.right_main_bg li {
	margin:0 0 15px 0;
	padding:0;
	float:left;
	width:110px;
	height:115px;
	*height:110px; /* IE7・IE6標準準拠モードに適用 */
	overflow:hidden;
	text-align:center;
	}
	
#right div.right_main_bg li p { /* カテゴリーテキスト */
	margin:0;
	padding:0 15px 0 15px;
	*padding:1px 15px 0 15px;  /* IE7・IE6標準準拠モードに適用 */
	font-size:77%;
	*font-size:70%; /* IE7・IE6標準準拠モードに適用 */
	text-align:left;
	}