/* 共通CSS */

/*--------------------------------------
	基本定義
---------------------------------------*/
html, 
body {
	height: 100%;
}

body {
	margin: 25px 25px 0;
	background: #ffffff;
	line-height: 1.5;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	color: #000000;
	text-align:center;
}

/* ----- 子孫セレクタのfloatによる周りこみを回避 ----- */
.clearfix:after,
#header:after,
#header #gnavi ul li:after,
#content:after,
#main:after,
#main #whatsNew .whatWrapper:after,
#main #cooking .cookingWrapperrecipe:after,
#main #cooking .cookingWrappercontest:after,
#main #pickup .pickupWrapper .contents01:after,
#main #pickup .pickupWrapper .contents02:after,
#main #pickup .pickupWrapper .contents03:after,
#main #pickup .pickupWrapper .contents04:after{
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

.clearfix,
#header,
#header #gnavi ul li,
#content,
#main,
#main #whatsNew .whatWrapper,
#main #cooking .cookingWrapperrecipe,
#main #cooking .cookingWrappercontest,
#main #pickup .pickupWrapper .contents01,
#main #pickup .pickupWrapper .contents02,
#main #pickup .pickupWrapper .contents03,
#main #pickup .pickupWrapper .contents04{
	display: inline-block;
}

/*--------------------------------------
	リンク要素
---------------------------------------*/
a {
	color: #0000FF;
}

a:visited {
	color: #A0A0FF;
}

a:hover {
	color: #A0A0FF;
}

a:active {
	text-decoration: none;
	color: #A0A0FF;
}


/*--------------------------------------
	全体領域
---------------------------------------*/

#container {
	width: 700px;
	min-height: 100%;
	bacckground: #FFFFFF;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
}

*html #container {
	height: 100%;
}

#content {
	margin-bottom: 20px;
}

/*--------------------------------------
	ヘッダー領域
---------------------------------------*/
#header {
	position: relative;
	width: 700px;
	height: 65px;
	background:url(common/image/header_logo.gif) no-repeat;
}

/*--------------------------------------
	メインコンテンツ領域
---------------------------------------*/
#content #main {
	float: left;
	margin-right: 20px;
	width: 512px;
}


.shiryo {
	background:#fff;
	padding:10px;
	line-height:150%;
	border:#B8292F 2px solid;
	font-weight:bold;
}

/*--------------------------------------
	右ナビゲーション領域
---------------------------------------*/
#content  #sidebar {
	float: right;
	width: 168px;
}


/*--------------------------------------
	フッター領域
---------------------------------------*/
#footer {
	position: relative;
	width: 700px;
	height: 68px;
	background:url(../image/footer_bg.gif) no-repeat;
}


/* Localized */


/* ----- 文字色クラス ----- */

.orange {
	color:#FF6600;
}
.skyblue {
	color:#00b0f0;
}