@charset "utf-8";

/*========== HeaderStyles ==========*/
#header {
	width: 930px;
	height: 30px;
	background: url(../images/top_header_bg.gif) left bottom no-repeat #fcf0dd;
}

.headLeft {
	width: 798px;
	float: left;
}
.headLeft h1 {
	width: auto;
	height: auto;
	margin: 4px 0 0;
	text-align: right;
}

.headRight {
	width: 132px;
	float: left;
}
.headRight img {
	margin: 4px 0 0;
}


/*========== MainContentsBodyStyles ==========*/
#mainContentsBody {
	width: 910px;
	margin: 0 10px 11px;
	background: url(../images/top_body_bg.gif) left top repeat-y #fff;
}

#flashBox { /* Flashエリア */
	width: 910px;
	height: 430px;
}

.mainContentsBox {
	width: 910px;
	padding: 7px 0 0;
}

h1,
h2,
h3,
h4,
h5 {
	margin: 0;
}

.topContentsBor {
	margin: 15px 0;
	text-align: center;
}

.topFeatureBox { /* 特集 */
	width: 270px;
}
.topFeatureBox p {
	margin: 0 0 15px;
	*margin: 0;
}


/*========== LeftColumnStyles ==========*/
#leftCol {
	width: 303px;
	text-align: center;
	float: left;
}

#leftCol .box270 {
	width: 270px;
	margin-left: 15px;
}


.hottopicBody { /* 右カラム：旬の話題枠 */
	width: 267px;
	margin: 0 auto;
	background: url(../images/top_hottopic_box_bg.gif) left top repeat-y;
	text-align: left;
}
.hottopicBody .hottopicBox {
	background: url(../images/top_hottopic_box_bottom.gif) left bottom no-repeat;
}
.hottopicBody .hottopicBox .hottopicInnerBox {
	background: url(../images/top_hottopic_box_top.gif) left top no-repeat;
}
.hottopicBody .hottopicBox .hottopicInnerBox ul.hottopic li {
	font-size:12px !important;
}

.topNewsBox { /* 最新情報 */
	width: 270px;
	height: auto !important;
	background: none;
	text-align: left;
}
.topNewsBox ul {
	width: 270px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.topNewsBox ul li {
	color: #8E5C2F;
	margin-bottom: 8px;
	padding: 0 0 0 1em;
	font-size: 12px;
	font-weight: normal;
	text-indent: -1em;
}


.topCategoryBox { /* カテゴリー別 */
	padding-bottom: 11px;
	text-align: left;
}

.topHirobaBox { /* ママ広場 */
	margin: 0 0 7px;
}
.topHirobaBox ul {
	width: 240px;
	margin: 0 15px;
	padding: 8px 0 0;
	list-style-type: none;
}
.topHirobaBox ul li {
	color: #bf3b7f;
	padding-left: 1em;
	font-size: 12px;
	text-indent: -1em;
}
.topHirobaBox ul li img {
	margin-top: 8px;
}
.topHirobaBox ul li a {
	color: #bf3b7f;
}


.topChildcareBox { /* 育児 */
	margin: 0 0 7px;
}
.topChildcareBox ul {
	width: 240px;
	margin: 0 15px;
	padding: 8px 0 0;
	list-style-type: none;
}
.topChildcareBox ul li {
	color: #be3f00;
	padding-left: 1em;
	font-size: 12px;
	text-indent: -1em;
}
.topChildcareBox ul li img {
	margin-top: 5px;
}
.topChildcareBox ul li a {
	color: #be3f00;
}


.topRecipeBox { /* お料理・レシピ */
	margin: 0 0 7px;
}
.topRecipeBox ul {
	width: 240px;
	margin: 0 15px;
	padding: 8px 0 0;
	list-style-type: none;
}
.topRecipeBox ul li {
	color: #42770c;
	padding-left: 1em;
	font-size: 12px;
	text-indent: -1em;
}
.topRecipeBox ul li img {
	margin-top: 5px;
}
.topRecipeBox ul li a {
	color: #42770c;
}


.topHouseworkBox { /* 家事・くらし */
	margin: 0 0 7px;
}
.topHouseworkBox ul {
	width: 240px;
	margin: 0 15px;
	padding: 8px 0 0;
	list-style-type: none;
}
.topHouseworkBox ul li {
	color: #215589;
	padding-left: 1em;
	font-size: 12px;
	text-indent: -1em;
}
.topHouseworkBox ul li img {
	margin-top: 5px;
}
.topHouseworkBox ul li a {
	color: #215589;
}


.topBlogBox { /* ママブログ */
	margin: 0 0 7px;
}
.topBlogBox ul {
	width: 240px;
	margin: 0 15px;
	padding: 8px 0 0;
	list-style-type: none;
}
.topBlogBox ul li {
	color: #a93025;
	padding-left: 1em;
	font-size: 12px;
	text-indent: -1em;
}
.topBlogBox ul li img {
	margin-top: 5px;
}
.topBlogBox ul li a {
	color: #a93025;
}


.topPlayBox { /* あそび・学び */
	margin: 0 0 7px;
}
.topPlayBox ul {
	width: 240px;
	margin: 0 15px;
	padding: 8px 0 0;
	list-style-type: none;
}
.topPlayBox ul li {
	color: #605400;
	padding-left: 1em;
	font-size: 12px;
	text-indent: -1em;
}
.topPlayBox ul li img {
	margin-top: 5px;
}
.topPlayBox ul li a {
	color: #605400;
}

.topPsyBox { /* 占い・心理テスト */
	margin: 0 0 7px;
}
.topPsyBox ul {
	width: 240px;
	margin: 0 15px;
	padding: 8px 0 0;
	list-style-type: none;
}
.topPsyBox ul li {
	color: #605400;
	padding-left: 1em;
	font-size: 12px;
	text-indent: -1em;
}
.topPsyBox ul li img {
	margin-top: 5px;
}
.topPsyBox ul li a {
	color: #605400;
}


/*========== CenterColumnStyles ==========*/
#centerCol {
	width: 303px;
	float: left;
}

#centerCol .box270 {
	width: 270px;
	margin-left: 17px;
}

.topNewArrivalBox { /* 新着記事 */
	width: 270px;
}

.topNewArrivalBox .topBlogArticle {
	margin: 0 0 18px;
}
.topNewArrivalBox .topBlogArticle h3 {
	color: #f85d8d;
	margin: 0 0 3px;
	font-size: 14px;
	font-weight: bold;
}
.topNewArrivalBox .topBlogArticle h3 a { /* 2010.12.27布村追加 */
	color: #f85d8d;
}
.topNewArrivalBox .topBlogArticle p {
	margin-top:8px;
}
.topNewArrivalBox .topBlogArticle p img {
/*	margin: 8px 0 0;
	width:270px !important;*/
	margin:0px 8px 26px 0px; /* 2010.12.09追加 */
	vertical-align:top;
	float:left;
}
.topNewArrivalBox .topBlogArticle .topBlogArticleLeft {
	width: 100px;
	float: left;
}
.topNewArrivalBox .topBlogArticle .topBlogArticleLeft p img {
	margin: 0;
}
.topNewArrivalBox .topBlogArticle .topBlogArticleRight {
	width: 170px;
	float: right;
}

.topNewArrivalBor {
	margin: 0 0 18px;
	clear:both; /* 2010.12.09追加 */
}
/* レシピとの競合避け */
.newRecipeImg {
	display:none !important;
}
.pickupCaption {
	display:none !important;
}
/* /レシピとの競合避け */


/*========== RightMenuStyles ==========*/
#rightCol {
	width: 303px;
	float: left;
}

#rightCol .box270 {
	width: 270px;
	margin-left: 19px;
}

.searchForm { /* 右カラム：ブログ検索 */
	width: 270px;
	margin: 0 0 19px;
}
.searchForm .searchLeft {
	width: 221px;
	float: left;
}
.searchForm .searchLeft input {
	color: #bdbdbd;
	width: 205px;
	height: 20px;
	padding: 0 5px;
	border: 1px solid #c4c4c4;
	line-height: 20px;
}
.searchForm .searchRight {
	width: 49px;
	float: right;
}

#rightBox {
	width: 270px;
	text-align: center;
}

.rankBody { /* 右カラム：ランキング */
	width: 267px;
	margin: 0 auto 20px;
	background: url(../images/top_rank_box_bg.gif) left bottom repeat-y;
	text-align: left;
}
.rankBody .rankBox {
	height: auto !important;
	background: url(../images/top_rank_box_bottom.gif) left bottom no-repeat;
}
.rankBody .rankBox ul.rankInnerBox {
	color: #2f1700;
	width: 211px;
	margin: 0 28px;
	list-style-type: none;
}
.rankBody .rankBox ul.rankInnerBox li {
	margin-bottom: 8px;
	font-size: 11px;
	line-height: 120%;
	list-style-type: none;
}
.rankBody .rankBox ul.rankInnerBox li strong {
	color: #f2950b;
}


.enqBody { /* 右カラム：アンケート */
	margin: 0 auto 20px;
	background: url(../images/top_enq_box_bg.gif) left bottom repeat-y #fff;
	text-align: left;
}
.enqBox {
	background: url(../images/top_enq_box_bottom.gif) left bottom no-repeat;
}


.qrCode { /* 右カラム：QRコード */
	margin: 0 auto 25px;
	text-align: left;
}



/*========== BannerAreaStyles ==========*/
.topBannerBox {
	width: 910px;
	background-color: #fff;
}

.topBannerBox ul {
	width: 895px;
	margin: 0 0 0 15px;
	padding: 0 0 20px;
	list-style-type: none;
}
.topBannerBox ul li {
	width: 223px;
	margin: 0;
	padding: 0;
	line-height: 0;
	float: left;
}



/*========== FooterNaviStyles ==========*/
#footerNavi {
	width: 910px;
	margin: 0 10px 0;
}

#footerNavi .pageTopBtn {
	margin-bottom: 40px;
	padding-top: 0;
	text-align: right;
}

#footerSitemap { /* サイトマップ */
	background: url(../images/top_footer_sitemap_bg.gif) left top repeat-y;
}
#sitemapBox {
	width: 850px;
	margin: 0 30px;
}
#sitemapBox {
	width: 850px;
	margin: 0 30px;
}

.sitemapInnerBox01 {
	width: 218px;
	float: left;
}
.sitemapInnerBox01 .itemBox {
	width: 159px;
}
.sitemapInnerBox02 {
	width: 180px;
	float: left;
}
.sitemapInnerBox02 .itemBox {
	width: 121px;
}
.sitemapInnerBox03 {
	width: 239px;
	float: left;
}
.sitemapInnerBox03 .itemBox {
	width: 181px;
}
.sitemapInnerBox04 {
	width: 213px;
	float: left;
}
.sitemapInnerBox04 .itemBox {
	width: 213px;
}

.itemBox p {
	color: #f95f90;
}
.itemBox p a {
	color: #f95f90;
}
.itemBox ul {
	margin: 0 0 15px 1em;
	padding: 0;
	list-style-type: none;
}
.itemBox ul.itemEnd {
	margin-bottom: 0;
}
.itemBox ul li {
	font-size: 10px;
	line-height: 16px;
}


/*========== CautionStyles ==========*/
#caution {
	margin-top: 34px;
}