@charset "EUC-JP";


body {
	margin: 0;
	padding: 0;
}


/*-------------------------------------------------------------
リンクカラー設定
-------------------------------------------------------------*/
a:link {
	color: #FF6600;
	text-decoration: none;
}
a:visited	{
	color:	#FF6600;
	text-decoration: none;
}
a:hover {
	color: #0000FF;
	text-decoration: none;
}
a:active {
	color: #FF6600;
	text-decoration: none;
}

#left-contents a:link {
	color: #CC0000;
	text-decoration: none;
}
#left-contents a:visited	{
	color:	#CC0000;
	text-decoration: none;
}
#left-contents a:hover {
	color: #0000FF;
	text-decoration: none;
}
#left-contents a:active {
	color: #CC0000;
	text-decoration: none;
}

/*-------------------------------------------------------------
共通フォント設定
-------------------------------------------------------------*/
.xx-middle {
	font-size: 8px;
	color: #444;
}
.x-middle {
	line-height: 14px;
	font-size: 10px;
	color: #666;
}
.x-middle-st {
	line-height: 14px;
	font-size: 10px;
	color: #666;
	font-weight: bold;
}
.middle {
	line-height: 18px;
	font-size: 12px;
	color: #555;
}
.middle-st {
	line-height: 18px;
	font-size: 12px;
	color: #444;
	font-weight: bold;
}
.middle-darkred {
	line-height: 18px;
	font-size: 12px;
	color: #C00;
}
.middle-st-darkred {
	line-height: 18px;
	font-size: 12px;
	font-weight: bold;
	color: #C00;
}
.middle-red {
	line-height: 18px;
	font-size: 12px;
	color: #F00;
}
.middle-st-red {
	line-height: 18px;
	font-size: 12px;
	color: #F00;
	font-weight: bold;
}
.middle-orange {
	line-height: 18px;
	font-size: 12px;
	color: #F60;
}
.middle-st-orange {
	line-height: 18px;
	font-size: 12px;
	color: #F60;
	font-weight: bold;
}
.middle-st-white {
	line-height: 18px;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
}
.large {
	line-height: 18px;
	font-size: 14px;
	color: #444;
}
.large-st {
	line-height: 18px;
	font-size: 14px;
	color: #444;
	font-weight: bold;
}
.large-st-red {
	line-height: 18px;
	font-size: 14px;
	color: #F00;
	font-weight: bold;
}

/*共通*/
.clr {
 clear: both;
}

/*-------------------------------------------------------------
header
-------------------------------------------------------------*/
#top-header-area {
 width: 100%;
	background: url(../images/header_01/top_header_bg.gif) repeat-x;
}
#top-header-box {
 width: 914px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/*left*/
#top-header-left {
 width: 760px;
	float: left;
}
#top-sub-navi {
 padding: 0 0 0 17px;
}

/*right*/
#top-header-right {
 width: 154px;
	float: right;
}
#btn-recruit a {
 width: 76px;
	height: 76px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	background: url(../images/header_01/btn_recruit.gif) no-repeat;
	margin: 9px 0 0 50px;
}

/*ロゴ*/
h1#logo {
	margin: 0 0 0 17px;
	padding: 0;
}
h1#logo a {
 width: 655px;
	height: 46px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration:none;
	text-indent: -9999px;
	font-size: 10px;
	line-height: normal;
	background: url(../images/top/cakepia_top_logo.gif) no-repeat;
}


/*-------------------------------------------------------------
body
-------------------------------------------------------------*/
#top-body {
	/* width: 914px; */
	width:954px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
#top-main-contents {
	float:left;
	width: 794px;
	float: left;
	background: url(../images/common/bg_body.gif) repeat-y;
}
#top-main-contents-inner {
 padding: 0 37px 0 37px;
	margin: 0;
}
#top-right-contents {
 width: 500px;
	float: right;
	margin: 0;
}
#top-left-contents {
 width: 203px;
	float: left;
	margin: 0;
}
.top-contents-ttl {
 padding: 4px 0 0 0;
	background: url(../images/top/hr_title.gif) repeat-x top;
}
.top-mc-box {
 padding: 0 0 10px 0;
}
.top-mc-box p {
 	margin: 0;
	padding: 0 0 7px 0;
	font-size: 12px;
	color: #666;
	line-height: 1.3em;
}
#top-contents-bottom {
 padding: 30px 0 10px 0;
}

/*インフォメーション*/
p#info {
 border: 1px solid #F30;
 margin: 0;
 padding: 10px;
 font-size: 12px;
 color: #333;
 line-height: 1.5em;
}
p#info em {
 margin: 0;
 padding: 0;
 font-style: normal;
 font-weight: bold;
 font-size: 14px;
 color: #F30;
}

/*リード文*/
h2#lead {
 font-size: 12px;
	line-height: 1.5em;
	font-weight: normal;
	color: #333;
	margin: 0;
	padding: 10px 0;
}

/*トピックス（1000レシピ）*/
.top-pickup-box {
	width: 720px;
	height: 180px;
}

h3#pickup-img {
	margin: 0;
	padding: 0;
	width: 720px;
	height: 173px;
}
h3#pickup-img a {
 	width: 720px;
	height: 173px;
	display: block;
	text-indent: -9999px;
	overflow: hidden; 
	background: url(../images/top/pickup_image.jpg) no-repeat;
}

p.top-pickup-txt {
 	margin: 0 0 20px 0;
	padding: 7px 0;
	width: 720px;
	font-size: 12px;
	color: #666;
	line-height: 1.3em;
}


/*レシピ*/
#ttl-pr-box {
 padding: 0;
	margin: 0 0 10px 0;
}
#ttl-pr-box table {
 width: 500px;
	border: 1px solid #CCC;
}
#ttl-pr-box th {
 padding: 0;
	margin: 0;
	border: none;
}

#ttl-pr-box td {
 padding: 0 6px 0 7px;
	vertical-align: middle;
	margin: 0;
	border: none;
}
#ttl-pr-box td a {
 font-size: 10px;
	line-height: 1.2em;
}

h3#ttl-pr {
 width: 118px;
	height: 120px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration:none;
	text-indent: -9999px;
	font-size: 10px;
	line-height: normal;
	background: url(../images/top/title_pr.gif) no-repeat;
}

/*マクロビオティックケーキ*/
h3#pickup-mac {
	margin: 0 0 10px 0;
	padding: 0;
}
h3#pickup-mac a {
 	width: 201px;
	height: 150px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration:none;
	text-indent: -9999px;
	font-size: 10px;
	line-height: normal;
	background: url(../images/top/pickup_image3.jpg) no-repeat center center;
	border: 1px solid #CCC;
}
h3#pickup-mac a:hover {
	border: 1px solid #F60;
}

/*New Recipe*/
#top-new-recipe-left {
	width: 378px;
	float: left;
}
#top-new-recipe-left p {
 	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #666;
	line-height: 1.3em;
}
#top-new-recipe-right {
	width: 113px;
	float: right;
}
#top-new-recipe-right img {
 padding: 6px 0 0 0;
}
#top-new-recipe-detail {
	margin: 0;
	padding: 15px 0 5px 0;
	background: url(../images/top/hr.gif) repeat-x top;
}
#top-new-recipe-detail table {
	width: 500px;
}
#top-new-recipe-detail table td {
	vertical-align: top;
}
#top-new-recipe-detail h5 {
	margin: 0 0 5px 0;
	padding: 6px 0;
	width: 245px;
	display: block;
	font-size: 12px;
	font-weight: normal;
	background: url(../images/top/hr.gif) repeat-x bottom;
}
#top-new-recipe-detail p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #666;
	line-height: 1.3em;
}

/*レシピ翻訳*/
h3#ttl-english-recipe {
	margin: 0 0 10px 0;
	padding: 0;
}
h3#ttl-english-recipe a {
 width: 500px;
	height: 72px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration:none;
	text-indent: -9999px;
	font-size: 10px;
	line-height: normal;
	background: url(../images/top/btn_english.gif) no-repeat;
}

/*BLOG*/
h3#ttl-blog {
	margin: 0;
	padding: 0;
}
h3#ttl-blog a {
 width: 500px;
	height: 72px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration:none;
	text-indent: -9999px;
	font-size: 10px;
	line-height: normal;
	background: url(../images/top/title_blog.gif) no-repeat;
}

/*新着レシピ*/
h4#ttl-new-recipe {
 width: 183px;
	height: 30px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration:none;
	text-indent: -9999px;
	font-size: 10px;
	line-height: normal;
	background: url(../images/top/title_new_recipes.gif) no-repeat;
}
/*ピックアップ記事*/
h4#ttl-pickup {
 width: 291px;
	height: 30px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration:none;
	text-indent: -9999px;
	font-size: 10px;
	line-height: normal;
	background: url(../images/top/title_pickup.gif) no-repeat;
}
/*新着記事*/
h4#ttl-recent-article {
	margin: 0;
	padding: 0;
}
h4#ttl-recent-article a {
 width: 278px;
	height: 30px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration:none;
	text-indent: -9999px;
	font-size: 10px;
	line-height: normal;
	background: url(../images/top/title_recent_article.gif) no-repeat;
}
/*ブログアクセスランキング*/
h4#ttl-blog-ar {
 width: 351px;
	height: 30px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration:none;
	text-indent: -9999px;
	font-size: 10px;
	line-height: normal;
	background: url(../images/top/title_blog_ar.gif) no-repeat;
}

/*-------------------------------------------------------------
サイドコンテンツ
-------------------------------------------------------------*/

.top-side-box {
 	margin: 0 0 10px 0;
	padding: 0;
 	width: 203px;
	background: url(../images/top/table_bg.gif) repeat-y;
}
.top-side-bottom {
 	padding: 0;
	margin: 0;
	width: 203px;
	height: 18px;
	display: block;
	text-indent: -9999px;
	background: url(../images/top/table_end.gif) no-repeat bottom;
}

/*Mini×2アンケート*/
p#questionnaire-top {
	padding: 0;
	margin: 0;
	width: 203px;
	height: 24px;
	display: block;
	text-indent: -9999px;
	line-height: normal;
	background: url(../images/top/title_questionnaire.gif) no-repeat;
}
#questionnaire-body {
	padding: 0 14px;
}

/*アクセスランキング*/
p#rank-top {
 padding: 0;
	margin: 0;
	width: 203px;
	height: 24px;
	display: block;
	text-indent: -9999px;
	line-height: normal;
	background: url(../images/top/title_rank.gif) no-repeat;
}
#rank-body {
 padding: 10px 14px 0 14px;
}
/*NEWS*/
p#news-top {
 padding: 0;
	margin: 0;
	width: 203px;
	height: 24px;
	display: block;
	text-indent: -9999px;
	line-height: normal;
	background: url(../images/top/title_news.gif) no-repeat;
}
#news-body {
 padding: 10px 14px 0 14px;
}

/*アクセスランキング*/
#access-ranking {
 padding: 0;
	margin: 0;
}
#ar-lead {
 font-size: 12px;
	color: #333;
 padding: 0 0 8px 0;
	margin: 0 0 8px 0;
	border-bottom: 1px dotted #999;
	line-height: 1.3em;
}
#rank-body ul {
 padding: 0;
	margin: 0;
	list-style: none;
}
#rank-body li {
 padding: 0;
	margin: 0 0 5px 0;
	font-size: 12px;
}
#rank-body li a {
 padding: 0;
	margin: 0 0 5px 0;
	color: #666;
}
#rank-body li a:hover {
 padding: 0;
	margin: 0 0 5px 0;
	color: #F60;
	text-decoration: underline;
}

/*ケーキギャラリー*/
h3#bnr-gallery {
	padding: 0;
	margin: 0 0 10px 0;
}
h3#bnr-gallery a {
 width: 203px;
	height: 72px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	padding: 0;
	margin: 0;
	background: url(../images/top/backnumber/gallery_title.gif) no-repeat;
}

/*BackNumber*/
p#backnumber-top {
 padding: 0;
	margin: 0;
	width: 203px;
	height: 24px;
	display: block;
	text-indent: -9999px;
	line-height: normal;
	background: url(../images/top/title_backnumber.gif) no-repeat;
}
#backnumber-body {
 padding: 10px 14px 0 14px;
}
#backnumber-body ul {
 padding: 0;
	margin: 0;
	list-style: none;
}
#backnumber-body li {
 padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px dotted #333;
}
#backnumber-body li a {
 padding: 0;
	margin: 0 0 5px 0;
	color: #666;
}
#backnumber-body li a:hover {
 padding: 0;
	margin: 0 0 5px 0;
	color: #F60;
	text-decoration: underline;
}

/*メールで進める*/
#bnr-mail {
	padding: 0;
	margin: 0;
}
#bnr-mail a {
 width: 203px;
	height: 37px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	padding: 0;
	margin: 0;
	background: url(../images/top/btn_mail.gif) no-repeat;
}

/*ランダムコンテンツ*/
p#all-top {
 padding: 0;
	margin: 0;
	width: 203px;
	height: 24px;
	text-align: center;
	display: block;
	line-height: 24px;
	background: url(../images/top/title_all.gif) no-repeat;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
}
#all-body {
 padding: 10px 14px 0 14px;
}
#aa-lead {
 font-size: 12px;
	color: #333;
 padding: 0 0 8px 0;
	margin: 0 0 8px 0;
	border-bottom: 1px dotted #999;
	line-height: 1.3em;
}
#all-body td {
 line-height: 1.2em;
}
#all-body img {
 float: left;
 margin: 0 7px 2px 0;
 padding: 0;
}




/***********バナーエリア************/
#top-banner-area {
	width: 160px;
	float: right;
	padding: 0;
}
.top-bnr-box {
	margin: 0 0 10px 0;
}

/*CAKEPIA COLLECTION（バナー）*/
h3#bnr-cc {
	padding: 0;
	margin: 0 0 10px 0;
}
h3#bnr-cc a {
 width: 118px;
	height: 238px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	padding: 0;
	margin: 0;
	background: url(../images/top/bnr_cc2.gif) no-repeat center center;
	border: 1px solid #CCC;
}

/*レコールバンタン（バナー）*/
h3#bnr-lv {
	padding: 0;
	margin: 0 0 10px 0;
}
h3#bnr-lv a {
 width: 118px;
	height: 120px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	padding: 0;
	margin: 0;
	background: url(../images/top/bnr_lv.gif) no-repeat center center;
	border: 1px solid #CCC;
}

/*ブログアクセスランキング*/
.ex {
	font-size: 12px;
	margin: 0;
	padding: 0 0 10px 0;
	color: #333;
	line-height: 1.3em;
	border-top: 1px dotted #CCC;
}
.ex2 {
	font-size: 12px;
	margin: 0;
	padding: 0 0 10px 0;
	color: #333;
	line-height: 1.3em;
	background: url(../images/top/hr.gif) repeat-x bottom;
}
.ranking-list ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.ranking-list ol li {
	padding: 0 0 4px 30px;
	margin-bottom: 2px;
	font-size: 12px;
}
.ranking-list ol li a {
	text-decoration: none;
	color: #666;
}
.ranking-list ol li a:hover {
	text-decoration: none;
	color: #F60;
}
/*共通リストアイコン*/
.ranking-list #n01 {
	background: url(/blog/images/ico_01.gif) no-repeat 5px 40% #E8F2F9;
}
.ranking-list #n02 {
	background: url(/blog/images/ico_02.gif) no-repeat 5px 40% #F4F4F4;
}
.ranking-list #n03 {
	background: url(/blog/images/ico_03.gif) no-repeat 5px 40% #E8F2F9;
}
.ranking-list #n04 {
	background: url(/blog/images/ico_04.gif) no-repeat 5px 40% #F4F4F4;
}
.ranking-list #n05 {
	background: url(/blog/images/ico_05.gif) no-repeat 5px 40% #E8F2F9;
}
.ranking-list #n06 {
	background: url(/blog/images/ico_06.gif) no-repeat 5px 40% #F4F4F4;
}
.ranking-list #n07 {
	background: url(/blog/images/ico_07.gif) no-repeat 5px 40% #E8F2F9;
}
.ranking-list #n08 {
	background: url(/blog/images/ico_08.gif) no-repeat 5px 40% #F4F4F4;
}
.ranking-list #n09 {
	background: url(/blog/images/ico_09.gif) no-repeat 5px 40% #E8F2F9;
}
.ranking-list #n10 {
	background: url(/blog/images/ico_10.gif) no-repeat 5px 40% #F4F4F4;
}

/*Flashダウンロード*/
#top-flash-dl img {
 float: left;
	margin: 0 10px 0 0;
}
#top-use {
 padding: 5px 0 0 98px;
}


/*-------------------------------------------------------------
footer
-------------------------------------------------------------*/
#top-footer-area {
	/*width: 914px;*/
	width:794px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
#top-footer-box {
 width: 794px;
}
#top-footer-box-inner {
 text-align: center;
 padding: 0 17px 0 17px;
	background: url(../images/common/bg_body.gif) repeat-y;
}
#top-footer-pagetop {
 padding: 10px 0;
	text-align: right;
}
#top-footer-navi {
 width: 595px;
	margin-left: auto;
	margin-right: auto;
	padding: 4px 0 3px 0;
	text-align: center;
}
#top-footer-line {
 width: 740px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin-left: auto;
	margin-right: auto;
}
#top-footer-copy p {
 height: 28px;
	background: url(../images/footer/copyright.gif) no-repeat center center;
	text-indent: -9999px;
}




/*-------------------------------------------------------------
ケーキピアメンバーについて
-------------------------------------------------------------*/

p.memberRead {
	margin: 0;
	padding: 5px 0 0 30px;
}




/*-------------------------------------------------------------
メルマガ会員登録
-------------------------------------------------------------*/

.mlmagErr {
	margin: 0 0 20px 0;
	padding: 10px;
	border: 1px dotted #F00;
	text-align: left;
}
.mlmagErr p {
	margin: 0;
	padding: 0;
}

.mlmagArea {
	margin: 0 0 5px 0;
	padding: 10px 10px 5px 10px;
	width: 678px;
	height: 130px;
	overflow: auto;
	border: 1px solid #CCC;
	line-height: 1.5em;
	font-size: 12px;
}
.mlmagArea dl {
	margin: 0;
	padding: 0;
}
.mlmagArea dt {
	margin: 0;
	padding: 0 0 3px 0;
	color: #333;
}
.mlmagArea dd {
	margin: 0;
	padding: 0 0 10px 0;
	color: #666;
}
.mlmagBox form {
	margin: 0;
	padding: 0;
}
.mlmagBox td input {
	width: 97%;
}
.mlmagBox p {
	margin: 10px 0;
	padding: 0;
}