@charset "Shift_JIS";

/* woman090406 */

body { font-size: 100%; line-height: 1.4; text-align: center; }
a:link { color: #252525; text-decoration: none; }
a:visited { color: #555; text-decoration: none; }
a:hover { color: #f06; text-decoration: underline; }
 
/*----------------------------------------------------
	style
----------------------------------------------------*/
body, div, ul, ol, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td { margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
ol, ul { list-style-type: none; }
img { border:0; vertical-align: bottom; }
.clear { clear: both; font-size: 0px; line-height: 100%; }
.right { text-align: right; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { zoom: 1; }
a { overflow:hidden; } /* FF */
 
.cap { font-size: 96%; line-height: 1.2; }
.date { color: #666; font-size: 86%; line-height: 1.6; }

/*----------------------------------------------------
	layout
----------------------------------------------------*/
#container { width: 920px; margin: 0px auto; font-size: 80%; text-align: left; }
#topPanel { clear: both; height: 256px; padding-top: 8px; overflow: hidden; }
#topMain { float: left; width: 615px; height: 250px; overflow: hidden; }
#topSide { float: right; width: 300px; height: 250px; overflow: hidden; }
#mainContents { float: left; width: 615px; margin-top: 1px; padding-bottom: 2em; overflow: hidden; }
#side { float: right; width: 300px; padding-bottom: 2em; overflow: hidden; }
#footer { clear: both; overflow: hidden; padding-bottom: 8px; background-color: #e6e6e6; font-size: 11px; color: #3F3F3F; background-image: url(http://image.excite.co.jp/jp/woman/09/top/womanHeaderFooterLine.gif); background-repeat: repeat-x; }
* html #footer { height: 1%; }

/*----------------------------------------------------
	Extra PR style
----------------------------------------------------*/
#topHappy { float: left; width: 120px; min-height: 329px; font-size: 12px; line-height: 1.2; background-image: url(http://image.excite.co.jp/jp/woman/09/top/topHappyBg.gif); background-repeat: no-repeat; }
#topHappy ul { padding: 2px 7px 5px; }
#topHappy ul li img { margin: 8px 3px 4px; }
#topExtra { overflow: hidden; }
#topPR { margin-top: 8px; padding-top: 26px; font-size: 12px; line-height: 1.6; background-image: url(http://image.excite.co.jp/jp/woman/09/top/topPR.gif); background-repeat: no-repeat; }
#topPR a { padding-left: 7px; background-image: url(http://image.excite.co.jp/jp/woman/09/top/topPR.gif); background-repeat: no-repeat; background-position: -310px 5px; }
#topFocus { margin:5px 0px; font-size: 12px; line-height: 18px; }
#topFocus ul li { margin-bottom: 2px; padding-left: 38px; background-image: url(http://image.excite.co.jp/jp/woman/09/top/topFocus.gif); background-repeat: no-repeat; }

/*----------------------------------------------------
	design
----------------------------------------------------*/

/* header ----------------------------- */
#womanHeaderLine { font-size: 10px; line-height: 1.1; font-family: Verdana; background-color: #C00; }
#womanHeaderLine p { width: 920px; margin: 0px auto; padding: 1px 0px 3px; color: #FFF; text-align: right; }
#womanHeaderLine p a { color: #FFF; text-decoration: none; }
#header { width: 920px; height: 65px; margin: 0px auto; }
#header h1 { float: left; margin-top: 10px; }
.topSearch { float: right; width: 440px; height: 52px; margin-top: 5px; font-size: 12px; line-height: 1.2; text-align: left; background-image: url(http://image.excite.co.jp/jp/woman/09/top/topSearchBg.gif); background-repeat: no-repeat; }
.topSearch form { margin: 6px 0px 0px 10px; _margin: 3px 0px 0px 10px; *margin: 3px 0px 0px 10px; }
.topSearch .searchBox { width: 335px; height: 16px; margin-top: 4px; padding: 1px; font-size: 100%; line-height: 16px; border: 1px solid #7F9DB9; }
#headerLink { float: right; width: 120px; height: 52px; margin-top: 4px; text-align: right; }
#headerLink #colorChange { height: 26px; margin: 2px 0px 4px; background-image: url(http://image.excite.co.jp/jp/woman/09/top/topHeaderColorBg.gif); background-repeat: no-repeat; background-position: 6px 0px; }
#mailMagazine {}

#womanNav { height: 45px; overflow: hidden; color: #999; background-image: url(http://image.excite.co.jp/jp/woman/09/top/topNav.gif); background-repeat: no-repeat; background-position: 0px 0px; }
* html #womanNav { height: 1%; }
#womanNav ul { padding-top: 3px; }
#womanNav ul li { float: left; font-size: 12px; line-height: 21px; }
#womanNav ul li a { margin-right: 10px; }
#womanNav ul .navTop01 { width: 336px; padding-left: 49px; }
#womanNav ul .navTop02 { width: 304px; }
#womanNav ul .navTop03 { width: 230px; }
#womanNav .new { padding-right: 14px; background-image: url(http://image.excite.co.jp/jp/woman/09/top/topNew.gif); background-repeat: no-repeat; background-position: right 0px; }

/* mainContents ----------------------------- */
/* topics */
.topTopics { float: right; width: 489px; line-height: 120%; }
.topTopics h3 { background-image: url(http://image.excite.co.jp/jp/woman/09/top/topContentH3.gif); background-repeat: no-repeat; }
.topTopics h3 a { width: 360px; height: 24px; display: block; text-indent: -9999px; overflow: hidden; }
.topTopics .rLink { position: relative; height: 0px; margin: 0px; padding: 0px; }
.topTopics .rLink a { position: absolute; top: -21px; margin-right: 5px; right: 0px; }
.topTopics ul { margin-top: 10px; }
.topTopics ul li { _height: 65px; min-height: 65px; margin: 0px 5px 8px 0px; padding-bottom: 4px; background-image: url(http://image.excite.co.jp/jp/woman/css/images/lineGrayDot.gif); background-repeat: repeat-x; background-position: 0px bottom; }
.topTopics ul li a img { float: left; margin: 0px 5px 5px 0px; }
.topTopics ul li a { font-weight: bold; line-height: 1.3; font-size: 12px; }
.topTopics ul li a .cap { font-weight: normal; font-size: 11px; line-height: 1.2; }
.topTopics ul li .date { height: 16px; display: block; font-size: 11px; line-height: 1.4; }
/* blog2media */
.topBlog2media { clear: both; width: 615px; padding-top: 6px; }
.topBlog2media h3 { background-image: url(http://image.excite.co.jp/jp/woman/09/top/topContentH3.gif); background-repeat: no-repeat; background-position: 0px -30px; }
.topBlog2media h3 a { width: 180px; height: 24px; display: block; text-indent: -9999px; overflow: hidden; }
.topBlog2media .rLink { position: relative; height: 0px; margin: 0px; padding: 0px; /*width: 615px;*/ }
.topBlog2media .rLink .topB2mLink { position: absolute; margin-right: 2px; top: -19px; right: 0px; }
.topBlog2media .topB2mLink li { float: left; padding: 0px 4px 0px 5px; font-size: 96%; line-height: 1.2; background-image: url(http://image.excite.co.jp/jp/woman/09/top/topArr.gif); background-repeat: no-repeat; background-position: 0px 4px; }
.topBlog2media .blog2mediaBlock ul { margin-top: 10px; }
.topBlog2media .blog2mediaBlock ul li { float: left; width: 300px; height: 103px; margin: 0px 7px 8px 0px; background-image: url(http://image.excite.co.jp/jp/woman/css/images/lineGrayDot.gif); background-repeat: repeat-x; background-position: 0px bottom; }
.topBlog2media .blog2mediaBlock ul li a { font-weight: bold; line-height: 1.3; }
.topBlog2media .blog2mediaBlock ul li p a img { padding-bottom: 5px; }
.topBlog2media .blog2mediaBlock ul li p a .cap { font-size:10px; font-weight: normal; }
.topBlog2media .blog2mediaBlock ul li p .date { padding-left: 5px; }
.b2mImg { float: left; overflow: hidden; height: 95px; margin-right: 6px; }
/* present */
#topPresent { clear: both; width: 615px; padding-top: 6px; }
#topPresent h3 { background-image: url(http://image.excite.co.jp/jp/woman/09/top/topContentH3.gif); background-repeat: no-repeat; background-position: 0px -60px; }
#topPresent h3 a { width: 450px; height: 24px; display: block; text-indent: -9999px; overflow: hidden; }
#topPresent .rLink { position: relative; margin: 0px; padding: 0px; height: 0px; }
#topPresent .rLink a { position: absolute; top: -21px; margin-right: 5px; right: 0px; }
#topPresent ul { margin: 8px 0px 0px 4px; }
#topPresent ul li { line-height: 1.3; padding-left: 24px; padding-bottom: 4px; background-image: url(http://image.excite.co.jp/jp/woman/09/top/topPresentIcon.gif); background-repeat: no-repeat; background-position: 0px 2px; }
#topPresent ul li .date { padding-left: 10px; color: #666; }
/* shopping */
#topShopping { float: left; width: 300px; min-height: 245px; margin-top: 8px; background-image: url(http://image.excite.co.jp/jp/woman/09/top/topShoppingBg.gif); background-repeat: no-repeat; background-position: 0px bottom; }
#topShopping h3 { background-image: url(http://image.excite.co.jp/jp/woman/09/top/topShoppingBg.gif); background-repeat: no-repeat; }
#topShopping h3 a { height: 34px; overflow: hidden; display: block; text-indent: -9999px; }
#topShopping form { font-size: 13px; margin-left: 10px; }
#topShopping #shopping { width: 200px; height:18px; padding: 1px; font-size: 100%; line-height: 16px; border: 1px solid #F69; }
#shoppingBtn { vertical-align: bottom; }
#topShopping h4 { margin: 12px 0px 0px 10px; color: #333; }
#topShopping p { font-size: 96%; line-height: 1.6; padding: 6px 10px 10px; }
#topShopping p a { padding-right: 5px; }
/* category */
#topCtgry { float: right; width: 304px; min-height: 240px; margin-top: 8px; background-image: url(http://image.excite.co.jp/jp/woman/09/top/topShoppingBg.gif); background-repeat: no-repeat; background-position: -300px bottom; padding-bottom: 5px; }
#topCtgry h3 { background-image: url(http://image.excite.co.jp/jp/woman/09/top/topShoppingBg.gif); background-repeat: no-repeat; background-position: -300px 0px; }
#topCtgry h3 a { height: 38px; overflow: hidden; display: block; text-indent: -9999px; }
#topCtgry ul li { float: left; width: 140px; padding-left: 10px; font-size: 96%; line-height: 1.6; }

/* side ----------------------------- */
#topBlog { margin: 10px 0px 4px; font-size: 96%; line-height: 1.2; background-repeat: no-repeat; background-image: url(http://image.excite.co.jp/jp/woman/09/top/topBlogBg.gif); background-position: 0px bottom; }
#topBlog h3 { height: 36px; }
#topBlog ul { margin: 0px 10px; padding-bottom: 24px; }
#topBlog li { clear: both; height: 40px; margin-top: 6px; padding-top: 6px; border-top: 1px solid #ebe8d1; }
#topBlog img { float: left; margin-right: 8px; }
#topBlog li .date { font-size: 10px; line-height: 1; }
#topMobile { background-image: url(http://image.excite.co.jp/jp/woman/09/top/topMbl.gif); background-repeat: no-repeat; height: 161px; }
#topMobile ul { padding: 46px 0px 0px 12px; }
#topMobile ul li { color: #333; font-size: 86%; }
#topMobile ul li.sendMail {  margin-top: 10px; padding-left: 20px; font-size: 86%; background-image: url(http://image.excite.co.jp/jp/woman/09/top/topMbl.gif); background-position: -310px 1px; background-repeat: no-repeat; }
#topInfo { margin-top: 10px; padding-top: 28px; background-image: url(http://image.excite.co.jp/jp/woman/09/top/topContentH3.gif); background-repeat: no-repeat; background-position: 0px -90px; }
#topInfo li{ padding-left: 7px; color: #999; background-image: url(http://image.excite.co.jp/jp/woman/09/top/topPresentIcon.gif); background-repeat: no-repeat; background-position: 0px -34px; }

/* footer ----------------------------- */
#footer .footerContainer { width: 920px; margin: 14px auto 0px; }
#footer p { float: right; text-align: right; }
#topSubLink { float: left; }