@charset "utf-8";

/* initialize -----------------------------------------------------*/
@import "lib/ini.css";

/* *** topbar *** -------------------------------------------------*/
@import "lib/topbar.css";

/* *** header *** -------------------------------------------------*/
@import "lib/header.css";

/* *** navi *** -------------------------------------------------*/
@import "lib/navi.css";

/* *** footer *** -------------------------------------------------*/
@import "lib/footer.css";


/*===================================================================
[=06] メイン
===================================================================*/

#main {
	float: left;
	width: 640px;
	margin: 0px 0px 20px 0px;
	}
	
	/* 共通部品サブタイトル */
	#main .subtitle {
		padding: 3px 0px 2px 0px;
		margin: 0px 0px 2px 0px;
		background-color: #222222;
		}
		
		#main .subtitle h2 {
			float: left;
			padding: 0px 0px 0px 5px;
			}
		
		#main .subtitle .rss {
			float: right;
			}
	
	
	/* 新着 */
	#main .whatsnew {
		margin: 0px 0px 10px 0px;
		padding: 2px 0px 0px 0px;
		}
		
		#main .bd_whatsnew {
			border-bottom: solid 2px #666666;
			margin: 0px 0px 10px 0px;
			}
		
		/* リスト表示 */
		#main .whatsnew ul {
			
			}
			
			#main .whatsnew ul li {
				color: #999999;
				padding: 0px 0px 7px 75px;
				border-bottom: dotted 1px #999999;
				margin: 0px 0px 7px 0px;
				}
				#main .whatsnew ul li.icon_ad {
					background: url(../img/icon_small_ad.gif) no-repeat top left;
					}
				#main .whatsnew ul li.icon_fashion {
					background: url(../img/icon_small_fashion.gif) no-repeat top left;
					}
				#main .whatsnew ul li.icon_beauty {
					background: url(../img/icon_small_beauty.gif) no-repeat top left;
					}
				#main .whatsnew ul li.icon_lifestyle {
					background: url(../img/icon_small_lifestyle.gif) no-repeat top left;
					}
				#main .whatsnew ul li.icon_special {
					background: url(../img/icon_small_special.gif) no-repeat top left;
					}
	
	/* キーワード */
	#main ul.listKeyword {
		margin: 0px 0px 20px 0px;
		padding: 2px 0px 0px 90px;
		height: 14px;
		background: #FFFFFF url(../img/icon_top_keyword.gif) no-repeat top left;
		}
		#main ul.listKeyword li {
			float: left;
			margin: 0px 10px 0px 0px;
			}
		#main ul.listKeyword li.last {
			margin: 0px 30px 0px 0px;
			color: #999999;
			}
			#main ul.listKeyword li.last a {
				color: #666666;
				}
	
	/* 通販（Yahoo） */
	#main ul.listYahooshop {
		
		}
		#main ul.listYahooshop li {
			float: left;
			width: 133px;
			margin: 0px 0px 20px 0px;
			}
		#main ul.listYahooshop li.imglast {
			width: 106px;
			}
	
	/* ファッション */
	#main .fashion {
		margin: 0px 0px 20px 0px;
		padding: 2px 0px 0px 0px;
		}
		
		#main .bd_fashion {
			border-bottom: solid 2px #EB6877;
			margin: 0px 0px 10px 0px;
			}
	
	/* ビューティ */
	#main .beauty {
		margin: 0px 0px 20px 0px;
		padding: 2px 0px 0px 0px;
		}
		
		#main .bd_beauty {
			border-bottom: solid 2px #00B7EE;
			margin: 0px 0px 10px 0px;
			}
	
	/* ライフスタイル */
	#main .lifestyle {
		margin: 0px 0px 20px 0px;
		padding: 2px 0px 0px 0px;
		}
		
		#main .bd_lifestyle {
			border-bottom: solid 2px #8FC41F;
			margin: 0px 0px 10px 0px;
			}
	
	
	
	
	/* 共通部品 サムネイル付き新着リスト */
	#main ul.thumbnail {
		
		}
		#main ul.thumbnail li {
			float: left;
			width: 320px;
			margin: 0px 0px 10px 0px;
			}
			#main ul.thumbnail li dl {
				
				}
				#main ul.thumbnail li dl dt {
					float: left;
					width: 60px;
					}
					#main ul.thumbnail li dl dt img {
						padding: 4px;
						border: solid 1px #CCCCCC;
						}
				#main ul.thumbnail li dl dd {
					float: right;
					width: 240px;
					padding: 0px 15px 0px 0px;
					}
					#main ul.thumbnail li dl dd p.title {
						line-height: 1.3em;
						padding: 0px 0px 5px 0px;
						border-bottom: dotted 1px #CCCCCC;
						margin: 0px 0px 5px 0px;
						}
					#main ul.thumbnail li dl dd p.pubdate {
						line-height: 1.0em;
						color: #666666;
						}
	
	
/*===================================================================
[=07] 右カラム
===================================================================*/

#right {
	float: right;
	width: 300px;
	margin: 0px 0px 20px 0px;
	}
	
	/* バナー */
	.banner300 {
		margin: 0px 0px 20px 0px;
		}
	
	/* 上部バナースペース */
	.b_right_top {
		margin: 0px 0px 20px 0px;
		}
	
	/* 下部バナースペース */
	.b_right_bottom {
		margin: 0px 0px 0px 0px;
		}
	
	/* 共通部品サブタイトル */
	#right .subtitle {
		padding: 3px 0px 2px 0px;
		margin: 0px 0px 2px 0px;
		background-color: #222222;
		}
		
		#right .subtitle h2 {
			float: left;
			padding: 0px 0px 0px 5px;
			}
		
		#right .subtitle .rss {
			float: right;
			}
	
	/* 特別編集 */
	#right .special {
		margin: 0px 0px 20px 0px;
		padding: 2px 0px 0px 0px;
		}
	
	/* 特別編集 サムネイル付き新着リスト */
	#right ul.thumbnailSpecial {
		border-top: solid 2px #F1904D;
		border-bottom: solid 1px #F1904D;
		border-right: solid 1px #F1904D;
		border-left: solid 1px #F1904D;
		padding: 10px 9px 0px 9px;
		background-color: #EEEEEE;
		}
		#right ul.thumbnailSpecial li {
			margin: 0px 0px 10px 0px;
			}
			#right ul.thumbnailSpecial li dl {
				
				}
				#right ul.thumbnailSpecial li dl dt {
					float: left;
					width: 60px;
					}
					#right ul.thumbnailSpecial li dl dt img {
						padding: 4px;
						border: solid 1px #CCCCCC;
						background-color: #FFFFFF;
						}
				#right ul.thumbnailSpecial li dl dd {
					float: right;
					width: 215px;
					}
					#right ul.thumbnailSpecial li dl dd p.title {
						line-height: 1.3em;
						padding: 0px 0px 5px 0px;
						border-bottom: dotted 1px #CCCCCC;
						margin: 0px 0px 5px 0px;
						}
					#right ul.thumbnailSpecial li dl dd p.pubdate {
						line-height: 1.0em;
						color: #666666;
						}
	
	/* ショッピング */
	#right .shopping {
		margin: 0px 0px 20px 0px;
		padding: 2px 0px 0px 0px;
		}
	
	/* ショッピング サムネイル付き新着リスト */
	#right ul.thumbnailShopping {
		border-top: solid 2px #AC89BD;
		border-bottom: solid 1px #AC89BD;
		border-right: solid 1px #AC89BD;
		border-left: solid 1px #AC89BD;
		padding: 10px 9px 0px 9px;
		background-color: #EEEEEE;
		}
		#right ul.thumbnailShopping li {
			margin: 0px 0px 10px 0px;
			}
			#right ul.thumbnailShopping li dl {
				
				}
				#right ul.thumbnailShopping li dl dt {
					float: left;
					width: 70px;
					}
				#right ul.thumbnailShopping li dl dd {
					float: right;
					width: 205px;
					}
					#right ul.thumbnailShopping li dl dd p.title {
						line-height: 1.3em;
						padding: 0px 0px 5px 0px;
						border-bottom: dotted 1px #CCCCCC;
						margin: 0px 0px 5px 0px;
						}
					#right ul.thumbnailShopping li dl dd p.pubdate {
						line-height: 1.0em;
						color: #666666;
						}