@charset "utf-8";
/* ===================================================================
CSS information

 style info :共通項目のレイアウト
=================================================================== */

/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
#header {
	width: 950px;
	height: 122px;
	margin: 0 auto;
	position: relative;
	overflow: visible;
	z-index: 99;
}

	#header #logo img {
		margin-top: 15px;
	}
	
	/* -----------------------------------------------------------
		#sn
			ヘッダー内の検索窓など
	----------------------------------------------------------- */
	#header #sn {
		position: absolute;
		top: 6px;
		left: 718px;
		width: 226px;
	}
	
	*html #header #sn {
		width: 230px;
	}
	
		#header #sn ul {
		}
	
		#header #sn li {
			float: left;
			margin-right: 10px;
		}
	
		#header #sn #keySearch {
			height: 20px;
			width: 168px;
			margin-left: 4px;
		}
		
			/*IE用*/
			#header #sn #keySearch body {
				margin: 0;
			}
		
			

/* -----------------------------------------------------------
	#container
		メインのコンテナー
----------------------------------------------------------- */
#container {
	width: 950px;
	height: auto;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

	/* -----------------------------------------------------------
		#leftNavi
			左ナビゲーション（アーカイブのみ）
	----------------------------------------------------------- */
	#leftNavi {
		width: 180px;
		height: auto;
		float: left;
		padding-top: 86px;
		font-size: 11px;
	}
	
	/*アーカイブ用*/
	#leftNavi.archive {
		width: 180px;
		/*padding-right: 20px;*/
	}
		
		#leftNavi .heading span {
			font-weight: bold;
			padding-bottom: 0.4em;
			color: #333;
		}
		
			#leftNavi .heading, #leftNavi a {
				padding-top: 0.3em;
			}
		
		#leftNavi .divide {
			padding-top: 1.2em;
		}
		
		#leftNavi a {
			padding-bottom: 0.3em;
			color: #777777;
			font-weight: normal;
			text-decoration: none;
		}
		
		#leftNavi a:visit {
			color: #777;
		}
		
		#leftNavi a:hover {
			color: #222222;
		}
		
		#leftNavi ul li a {
			padding-left: 8px;
			background: url(../images/arrow.gif) 0 0.5em no-repeat;
		}
		
			html>/**/body #leftNavi ul li a {
				background-position: 0 center;
			}
		
		#leftNavi ul li a.current {
			color: #CE323E;
			text-decoration: none;
			font-weight: bold;
			padding-left: 0;
			background: none;
		}
		
	
	/* -----------------------------------------------------------
		#contents
			メインコンテンツ
	----------------------------------------------------------- */
	#contents {
		width: 770px;
		height: auto;
		float: left;
		padding-top: 86px;
	}
	
	/*アーカイブ用*/
	#contents.archive {
		width: 590px;
		padding-left: 0;
	}
	
		#contents .titleBar {
			position: absolute;
			left: 0;
			top: 0;
			width: 770px;
		}
	
		#contents p {
		}
		
		#contents #recommend {
			margin-top: 20px;
			padding: 10px 15px;
			background-color: #FFF2EC;
			border: 1px solid #E7A0A0;
			font-size: 1.1em;
			line-height: 1.7em;
		}
		
		/*アーカイブ用*/
		#contents.archive #recommend {
			width: 560px;
		}
			
		
	
	/* -----------------------------------------------------------
		#banner
			バナー
	----------------------------------------------------------- */
	#banner {
		width: 152px;
		height: auto;
		float: right;
	}
	
		#banner #mailmagazine {
			width: 142px;
			margin: 0 auto 10px;
		}
		
		#banner li {
			margin-bottom: 3px;
		}


/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */
#footer {
	width: 950px;
	height: auto;
	margin: 20px auto;
	padding-top: 0.6em;
	border-top: 1px solid #ccc;
	font-size: 10px;
	overflow: hidden;
	clear: both;
}

	#footer ul {
		float: left;
	}
	
	#footer ul li {
		float: left;
	}
	
		#footer ul li a {
			display: block;
			padding: 0 5px;
			color: #333333;
			text-decoration: none;
		}
		
		#footer ul li a:hover {
			color: #000;
			text-decoration: underline;
		}
		
		/*縦線*/
		.pipe li + li {
			padding-left: 1px;
			background: url(../images/pipe.gif) left center no-repeat;
		}
	
	#footer address {
		float: right;
	}
/* -----------------------------------------------------------
	#gn
		グローバルナビゲーション
----------------------------------------------------------- */
#gn {
	position: absolute;
	top: 58px;
	left: 168px;
	cursor: default;
}

#gn #bl {
	background: url(../images/gn_icon.gif) 5px 0 no-repeat;
}

#gn #rc {
	background: url(../images/gn_icon.gif) -178px 0 no-repeat;
}

#gn #kw {
	background: url(../images/gn_icon.gif) -289px 0 no-repeat;
}

#gn #vl {
	background: url(../images/gn_icon.gif) -396px 0 no-repeat;
}

#gn #rs {
	background: url(../images/gn_icon.gif) -495px 0 no-repeat;
}
	
	/*ナビ大項目*/
	#gn .gnLevel1 {
		float: left;
		padding: 30px 0.8em 0.4em;
		margin-right: 20px;
		position: relative;
		color: #888;
		font-weight: bold;
	}
	
	#gn .gnLevel1.current, #gn .gnLevel1.over {
		color: #222;
		background-image: url(../images/gn_icon_over.gif) !important;
	}
		
		/*ドロップダウン　レイアウト*/
		#gn .dropdown {
			display: none;
			position: absolute;
			padding-bottom: 10px;
			left: 0;
			top: 45px;
			width: 240px;
			font-size: 0.8em;
		}
		
		#gn .dropdown .dropdown_contents {
			width: 200px;
			padding: 20px 20px 0;
			background: url(../images/gn_shadow.png) 0 0 no-repeat !important;
			/*background: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.aussiebeef.jp/b2c/shared/images/gn_shadow.png", sizingMethod="crop");*/
			_background-image: url(../images/gn_shadow_8bit.png);
		}
		
		#gn .dropdown .dropdown_bottom {
			display: block;
			width: 240px;
			height: 22px;
			background: url(../images/gn_shadow.png) left bottom no-repeat;
			_background-image: url(../images/gn_shadow_8bit.png);
		}
			
			/*ドロップダウン　インナー*/
			#gn .dropdown .heading span {
				display: block;		
				padding-bottom: 0.4em;
				color: #333;
			}
			
				#gn .dropdown .heading, .dropdown a {
					padding-top: 0.3em;
					padding-right: 5px;
				}
			
			#gn .dropdown .divide {
				padding-top: 1.2em;
			}
			
			.dropdown a {
				display: block;
				width: 190px;
				padding-bottom: 0.3em;
				color: #777777;
				font-weight: normal;
				text-decoration: none;
			}
			
			.dropdown a:visit {
				color: #777;
			}
			
			.dropdown a:hover {
				color: #222222;
				background-color: #e8e8e8;
			}
			
			.dropdown ul li.current a {
				background-color: #FFF0F0;
			}
			
			.dropdown ul li a {
				padding-left: 8px;
				background: url(../images/arrow.gif) 0 center no-repeat;
			}
			
				
			.dropdown ul li ul li a {
			}

/* -----------------------------------------------------------
	javascriptオフ時の表示
----------------------------------------------------------- */	

noscript {
	position: absolute;
	top: 20px;
	left: auto;
	width: 100%;
	text-align: center;
}

/* -----------------------------------------------------------
	共通クラス
----------------------------------------------------------- */