
/*--------------------------------------
	main visual
---------------------------------------*/
#mainVisual {
	margin: 20px 0;
}

/*--------------------------------------
	what's new
---------------------------------------*/
#main #whatsNew {
	position: relative;
}

#main #whatsNew .listlink {
	position: absolute;
	right: 20px;
	top: 5px;
	background: url(/common/image/icon_tri_ttl.gif) 0 2px no-repeat;
	padding-left: 10px;
	font-size: 70%;
}

#main #whatsNew .whatWrapper {
	padding: 10px 15px 20px;
}

#main #whatsNew .whatWrapper li.date {
	float: left;
	width: 65px;
	padding-top:1px;
	line-height: 1.0;
	font-size: 80%;

}

html>/**/body #main #whatsNew .whatWrapper li.date {
	padding-top:3px;
	width: 68px;
}

#main #whatsNew .whatWrapper li.news {
	margin:0 0 8px 65px;
	width: 390px;
	padding-left: 20px;
	background: url(/common/image/icon_tri.gif) 10px 3px no-repeat;
	line-height: 1.0;
	font-size: 80%;
}

html>/**/body #main #whatsNew .whatWrapper li.news {
	line-height: 1.5;
}


#main #whatsNew .whatWrapper li.news img {
	margin-left: 5px;
	vertical-align: -2px;
}

/*--------------------------------------
	cooking
---------------------------------------*/
#main #cooking .backNoLink {
	margin: 0 5px 5px 0;
	text-align: right;
}
	
#main #cooking a.backNo {
	font-size: 80%;
}

#main #cooking li,
#main #cooking a.backNo {
	margin:8px 0 8px 0;
	padding-left: 10px;
	background: url(/common/image/icon_tri.gif) 0 2px no-repeat;
	line-height: 1.0;
}

#main #cooking .cookingWrapperrecipe {
	margin: 10px 15px 0;
	width: 470px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 5px;
}

#main #cooking .cookingPhoto {
	float: left;
	width: 80px;
}

#main #cooking .cookingWrapperrecipe .recipeList,
#main #cooking .cookingWrappercontest .contestLink,
#main #cooking .cookingWrappermiracle .contestLink {
	float: right;
	width: 375px;
	font-size: 80%;
}

#main #cooking .cookingWrappercontest {
	margin: 0 15px ;
	margin-top:-6px\9; /* IE8 and below */
	width: 470px;
	border: 1px solid #cccccc;
	padding: 5px;
}

#main #cooking .cookingWrappercontest:not(:target) {
	margin-top:-15px\9; /* IE9 */
}

#main #cooking .cookingWrappermiracle {
	margin: 0 15px 20px;
	margin-top:-6px\9; /* IE8 and below */
	width: 470px;
	border: 1px solid #cccccc;
	padding: 5px;
	height:85px;
	border-top:none;
}

#main #cooking .cookingWrappermiracle:not(:target) {
	margin-top:-12px\9; /* IE9 */
}

#main #cooking .cookingWrappercontest h4 {
	margin-top: 5px;
	font-weight: bold;
}

/*--------------------------------------
	pickup
---------------------------------------*/
#main #pickup .pickupWrapper{
	margin-top: 10px;
	padding:0 15px;
}

#main #pickup .pickupWrapper .contents01,
#main #pickup .pickupWrapper .contents02,
#main #pickup .pickupWrapper .contents03,
#main #pickup .pickupWrapper .contents04{
	padding: 5px;
}

#main #pickup .pickupWrapper .contents01{
	float: left;
	width: 230px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

#main #pickup .pickupWrapper .contents02{
	float: right;
	width: 229px;
	border-top : 1px solid #cccccc;
	border-right : 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

#main #pickup .pickupWrapper .contents03{
	float: left;
	width: 230px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#main #pickup .pickupWrapper .contents04{
	float: right;
	width: 229px;
	border: 1px solid #cccccc;
}

#main #pickup .pickupWrapper .contents01 img.titlePhoto,
#main #pickup .pickupWrapper .contents02 img.titlePhoto,
#main #pickup .pickupWrapper .contents03 img.titlePhoto,
#main #pickup .pickupWrapper .contents04 img.titlePhoto{
	float: left;
	margin-right: 10px;
}

#main #pickup .pickupWrapper .contentsBox {
	float: left;
	width: 135px;
	line-height: 1.2;
	font-size: 70%;
}

#main #pickup .pickupWrapper .contentsBox h3{
	margin-bottom: 8px;
}

/*--------------------------------------
	sidebar
---------------------------------------*/
#sidebar .sidebarWrapper{
	margin-bottom: 20px;
}

#sidebar .sidebarWrapper p{
	margin-bottom: 5px;
	font-size: 70%;
}

#sidebar .sidebarWrapper img{
	margin-bottom: 10px;
}



