@charset "utf-8";


#mainvisualArea {
width:980px;
background: url("/common/images/bar.jpg") no-repeat scroll 0 0 transparent;
margin:0 auto 10px;
padding-top:42px;
}

/* メッセージエリア */
#topBlock_message{
background:url(/images/top_message_bg1.gif) no-repeat top;
padding-top:5px;
}
#topBlock_message #frame1{
background:url(/images/top_message_bg2.gif) repeat-y;
}
#topBlock_message #frame2{
background:url(/images/top_message_bg3.gif) no-repeat bottom;
padding-bottom:5px;
}
#topBlock_message #frame2 .inner{
padding:0 20px;
font-weight:bold;
font-size:90%;
}


/**/
#topContentsArea{
width:962px;
margin:0 auto;
text-align:left;
}
#columnWrap{
padding-top:10px;
}

#topColumn_left{
width:233px;
margin-right:22px;
float:left;
}

#topColumn_center{
width:412px;
float:left;
}

#topColumn_right{
width:273px;
float:right;
}


/* ブランドサイト */
#topBlock_brand{
background:url(/images/top_brand_bg2.gif) no-repeat bottom;
padding-bottom:20px;
}
#topBlock_brand .h2Frame{
position:relative;
}
#topBlock_brand .btn{
position:absolute;
right:11px;
top:11px;
}
#topBlock_brandContent{
background:url(/images/top_brand_bg.gif) repeat-y;
padding-left:11px;
}
.brandItem{
background:url(/images/top_brand_frame3.gif) no-repeat bottom left;
padding-bottom:12px;
padding-top:8px;
width:212px;
}
.brandItem .brandItem_frame1{
background:url(/images/top_brand_frame1.gif) no-repeat top left;
padding-top:12px;
}
.brandItem .brandItem_frame2{
padding:0 10px;
}
.brandItem .brandItem_frame2 span.caption{
font-size:80%;
line-height:1.4;
}
.brandItem .brandItem_frame2 span.outLink{
font-weight:bold;
line-height:1.4;
background: url("/common/images/common_icon_09.gif") 0 4px no-repeat;
padding-left:13px;
margin-bottom:3px;
display:block;
}
.brandItem .brandItem_frame2 img.thm{
float:right;
margin:0 0 5px 7px;
}


/* 症状ナビ */
#topBlock_shojo{
background:url(/images/top_shojo_bg2.gif) no-repeat bottom;
padding-bottom:20px;
margin-bottom:20px;
}
#topBlock_shojo .h2Frame{
position:relative;
}
#topBlock_shojo .btn{
position:absolute;
right:11px;
top:11px;
}
#topBlock_shojoContent{
background:url(/images/top_shojo_bg1.gif) repeat-y;
font-size:89%;
line-height:1.5;
padding-top:15px;
}
#topBlock_shojoContent .inner{
width:380px;
margin:0 auto;
}

#topBlock_shojo .ranking{
line-height:1.4;
}
#topBlock_shojo .ranking h3{
color:#4c9bcf;
font-weight:bold;
background:none;
margin:10px 0 5px 0;
}
#topBlock_shojo .ranking h3 img{
vertical-align:middle;
}
#topBlock_shojo .ranking li{
float:left;
margin:0 10px 5px 0;
white-space:nowrap;
}



/* 健康ライフ */
#topBlock_kenkolife{
background:url(/images/top_shojo_bg2.gif) no-repeat bottom;
padding-bottom:10px;
margin-bottom:20px;
font-size:89%;
line-height:1.5;
}
#topBlock_kenkolifeContent{
background:url(/images/top_shojo_bg1.gif) repeat-y;
line-height:1.4;
padding-top:15px;
}
#topBlock_kenkolifeContent .inner{
width:380px;
margin:0 auto;
}
.kenkolifeItem{
padding-bottom:15px;
}
.kenkolifeItem a{
margin-right:15px;
}
.kenkolifeItem div{
float:left;
width:300px;
}


/* お知らせ */
#topBlock_oshirase{
font-size:89%;
line-height:1.5;
}

#topBlock_oshirase .h2Frame{
position:relative;
padding-bottom:10px;
}
#topBlock_oshirase .btn1{
position:absolute;
right:90px;
top:5px;
}
#topBlock_oshirase .btn2{
position:absolute;
right:11px;
top:5px;
}

#topBlock_oshirase .oshiraseList {
position: relative;
line-height:1.4;
margin-left:10px;
}
.oshiraseList dl {
width:400px;
}
.oshiraseList dt {
position: absolute;
left: 0;
width: 9em;
padding-bottom:7px;
padding-top:7px;
}
.oshiraseList dd {
padding-left:10em;
border-bottom: dotted 1px #999;
background: url("/common/images/common_icon_02.gif") no-repeat 9em 1em;
padding-bottom:7px;
padding-top:7px;
}
.oshiraseList dd.outerLink {
background: url("/common/images/common_icon_09.gif") no-repeat 9em 1em;
}


/* 季節の特集 */
#topBlock_kisetsu{
background:url(/images/top_kisetsu_bg2.gif) no-repeat bottom;
padding-bottom:24px;
margin-bottom:20px;
}
#topBlock_kisetsuContent{
background:url(/images/top_kisetsu_bg1.gif) repeat-y;
font-size:89%;
line-height:1.5;
padding-top:15px;
}
#topBlock_kisetsuContent .inner{
width:240px;
margin:0 auto;
}
.kisetsuItem{
margin-bottom:15px;
background:url(/common/images/common_line_02.gif) repeat-x bottom;
padding-bottom:15px;
}
.kisetsuItem h3{
border:none;
}

#topBlock_kisetsu #tenkiBlock{
padding-top:15px;
font-size:80%;
}
#topBlock_kisetsu #tenkiBlock h3{
margin:0;
background:none;
}
#tenkiBlock .date{
line-height:1.6;
float:right;
font-weight:bold;
font-size:105%;
}
#tenkiBlock_InfoBox{
background-color:#f2f2f2;
padding:8px 5px 8px 8px;
margin-top:10px;
}

#tenkiBlock_InfoBox .box_left{
width:80px;
float:left;
text-align:center;
line-height:2;
}
#tenkiBlock_InfoBox .box_left .max{
color:#ff6699;
}
#tenkiBlock_InfoBox .box_left .min{
color:#3399cc;
}


#tenkiBlock_InfoBox .box_right{
width:135px;
float:right;
padding-top:3px;
}
#tenkiBlock_InfoBox .box_right dl{
margin-bottom:3px;
display:none;
}
#tenkiBlock_InfoBox .box_right dt{
width:3em;
float:left;
}
#tenkiBlock_InfoBox .box_right dd{
float:left;
padding-left:5px;
color:#666;
}

#tenkiBlock_InfoBox .box_right img{
margin-right:2px;
vertical-align:middle;
}

#tenkiBlock_InfoBox .tenki_alert{
background:#FFF;
margin:2px 5px 0 0;
padding:5px;
text-align:center;
color:#666;
}


/* コンテンツバナー */
#topBlock_contBnr li{
margin-bottom:5px;
}


/* 個別リンク */
#topBlock_SPLink{
border-top:solid 1px #dedede;
padding:20px 0 5px 0;
margin-top:20px;
line-height:1.5;
font-size:89%;
}
.SPLinkItem{
width:306px;
float:left;
}
.SPLinkItem .textBox{
width:211px;
float:left;
}
.SPLinkItem .imgBox{
width:90px;
float:left;
}


/**/
.borderSection{
border-bottom:solid 1px #dedede;
}

.linkStyle1{
font-weight:bold;
background:url(/common/images/common_icon_03.gif) no-repeat left 5px;
padding-left:16px;
margin-top:0;
color:#333;
}
.linkStyle2{
font-weight:bold;
background:url(/common/images/common_icon_09.gif) no-repeat left 5px;
padding-left:16px;
margin-top:0;
color:#333;
}