@charset "UTF-8";

@import 'default.css';

/* CSS Document */

/*  Main
------------------------------------------------------------- */


div#Main div.description {
	background: url(../img/index/bg-top-description.jpg) left top no-repeat;
	width: 670px;
	height:328px;
	text-indent: -9999px;
	}

div#Main div.description h2 {
	text-indent: -9999px;
	margin: 0;
	}	
	
div#Main p.pageTop {
	padding-top: 26px;	
	}


/* ----------  WeeklyNews  ----------- */

div#Main div#WeeklyNews {
	zoom:1; clear:both; }
	
div#Main div#WeeklyNews:after{
 content:".";
 display:block;
 clear:both;
 height:0;
 visibility:hidden;
 }	

div#Main div#WeeklyNews div.weeklyBoxWell {
	zoom:1; clear:both;
    background: url(../img/index/bg-weekly-news-wall.gif) left bottom no-repeat;
	margin-bottom:10px;
}

div#Main div#WeeklyNews div.weeklyBoxWell:after{
 content:".";
 display:block;
 clear:both;
 height:0;
 visibility:hidden;
 }	


div#Main div#WeeklyNews div.weeklyBox {
	display:inline;
	float: left;
	width: 315px;
	margin-right:5px;
	margin-bottom:10px;
	padding-bottom:5px;
	display:inline;
	}
	
div#Main div#WeeklyNews div.weeklyBox p.photo {
	display:inline;
	float: left;
	background: url(../img/index/bg-weekly-img.gif) left top no-repeat #ffffff;
	padding: 7px;
	margin-left:10px;
	margin-bottom: 1px;
	}
	
div#Main div#WeeklyNews h3 {
	text-indent:-9999px;
	overflow:hidden;}

div#Main div#WeeklyNews div#WeeklyPlan h3 { background: url(../img/index/weekly-plan.gif) no-repeat; width: 310px; height: 69px;} 
div#Main div#WeeklyNews div#WeeklyRecipe h3 { background: url(../img/index/weekly-recipe.gif) no-repeat; width: 310px; height: 69px;} 
div#Main div#WeeklyNews div#WeeklyExperience h3 { background: url(../img/index/weekly-experience.gif) no-repeat; width: 310px; height: 69px;} 
div#Main div#WeeklyNews div#WeeklyTopics h3 { background: url(../img/index/weekly-topics.gif) no-repeat; width: 310px; height: 69px;} 
		
div#Main div#WeeklyNews div.weeklyBox div.weeklytext {
	display:inline;
	float: right;
	margin-right: 1px;
	padding:0;
	width: 165px;
	margin-right:20px;}

div#Main div#WeeklyNews div.weeklyBox div.weeklytext div {
	background:url(../plan/img/plan-dot.gif) 0px 0px repeat-x;
	padding-top:5px;}

div#Main div#WeeklyNews div.weeklyBox div.weeklytext h4 {
	margin-bottom: 4px;
	padding: 0 3px;
	font-weight: bold;
	font-size: 10px;
	font-size:14px;
	}		


div#Main div#WeeklyNews div.weeklyBox div.weeklytext p {
	font-size: 10px;
	padding: 0 3px;
	line-height:130%;
	}

div#Main div#WeeklyNews div.weeklyBox div.weeklytext p.other,	
div#Main div#WeeklyNews div.weeklyBox div.weeklytext p.ref,	
div#Main div#WeeklyNews div.weeklyBox div.weeklytext p.detail {
	margin:7px 0 0 0;
	padding:0px; }	

/* ----------  Cakeset  ----------- */

div#Main div#Cakeset {
	background: url(../img/index/bg-cakeset-bottom.gif) 11px 100% no-repeat;
	padding-left: 0;
	padding-bottom: 150px;
	width: 655px;
	}
div#Main div#Cakeset h2,
div#Main div#Cakeset h3,
div#Main div#Cakeset p.description {
	position: absolute;
	top: -9999px;
	left: -9999px;
	}

div#Main div#Cakeset div.set {
	background: url(../img/index/bg-cakeset-top.gif) left top no-repeat;
	padding-top: 197px;
	padding-left: 39px;
	zoom:1;
	clear:both;
	}
div#Main div#Cakeset div.set:after{
 content:".";
 display:block;
 clear:both;
 height:0;
 visibility:hidden;
 }	

div#Main div#Cakeset div.set dl {
	float: left;
	margin-right: 10px;
	}	
div#Main div#Cakeset div.set dl dd {
	font-size: 10px;
	}	

div#Main div#Cakeset div.example {
	position: relative;
	background: url(../img/index/bg-cakeset.jpg) 11px 0 no-repeat;
	height: 599px;
	}	

div#Main div#Cakeset div.example h3 {
	position: absolute;
	top: 300px;
	left: 25px;
	width: 655px;
	height: 435px;
	}	

div#Main div#Cakeset div.about{
	position: absolute;	
	top: 100px;
	left: 325px;
	width: 310px;
	line-height: 1.5;	
	}

div#Main div#Cakeset p.aboutcake{
	position: absolute;	
	top: 470px;
	left:30px;
	width: 370px;
	line-height: 1.5;	
	}
	
div#Main div#Cakeset p.order{
	position: absolute;	
	top: 600px;
	left:132px;
	}	
div#Main div#Cakeset p.detail{
	position: absolute;	
	top: 600px;
	left:264px;
	}		

/* --------------------  end  -------------------- */