@charset "UTF-8";

/*==========================================================================

commonSetting

==========================================================================*/
div#contents div#monthlyColumn h4 {
text-indent: -9999px;
font-size: 1;	/* forWinIE */
line-height: 1;	/* forWinIE */
}

div#monthlyColumn,
div#monthlyContents {
margin-top: 30px;
}




/*==========================================================================

featureSetting

==========================================================================*/
div#contents div#feature h2,
div#contents div#feature h3 {
display: inline;
}

div#contents div#feature h2 a,
div#contents div#feature h3 a {
width: 630px;
display: block;
}

div#contents div#feature h2 a {
margin-bottom: 10px;
height: 250px;
background: url("../images/ind_feature1.jpg") no-repeat;
}

div#contents div#feature h3 a {
height: 150px;
margin-bottom: 10px;
background: url("../images/ind_feature2.jpg") no-repeat;
}

div#contents div#feature h3 a.feature_3 {
height: 150px;
background: url("../images/ind_feature3.jpg") no-repeat;
}

div#contents div#feature h3 a.feature_4 {
height: 150px;
background: url("../images/ind_feature4.jpg") no-repeat;
}

div#contents div#feature h3 a.feature_5 {
height: 150px;
background: url("../images/ind_feature5.jpg") no-repeat;
}

div#contents div#feature h3 a.travel {
height: 150px;
background: url("../images/ind_travel.jpg") no-repeat;
}



/* hackForWinIE6 */
* html div#contents div#feature h2,
* html div#contents div#feature h3 {
display: block;
}




/*==========================================================================

titleSetting

==========================================================================*/
div#contents h3 {
height: 34px;
}

div#contents div#monthlyColumn h4 {
height: 26px;
}

/*-------------------------------------
title
-------------------------------------*/
div#monthlyColumn h3 {
background: url("../images/ind_ttl_column.gif") no-repeat #FFF;
}

div#monthlyContents h3 {
background: url("../images/ind_ttl_contents.gif") no-repeat #FFF;
}

/*-------------------------------------
subTitle
-------------------------------------*/
div#lifeIsBeautiful h4 {
background: url("../images/ind_ttl_beautiful.gif") no-repeat;
}

div#womanClinic h4 {
background: url("../images/ind_ttl_clinic.gif") no-repeat;
}

div#naturalYakuzen h4 {
background: url("../images/ind_ttl_cooking.gif") no-repeat;
}

div#announcerColumn h4 {
background: url("../images/ind_ttl_ktv.gif") no-repeat;
}




/*==========================================================================

newsSetting

==========================================================================*/
div#news dl.section {
padding: 14px 0;
border-bottom: #CCC 1px solid;
}

div#news dl.section dt {
width: 9em;
float: left;
}

div#news dl.section dd {
margin-left: 9em;
}

/* hackSettingForWinIE6 -3px */
* html div#news dl.section {
height: 1%;
}

* html div#news dl.section dt {
margin-right:-9em;
}
/* hackSettingForWinIE6 -3px */




/*==========================================================================

monthlyColumn,
monthlyContentsSetting

==========================================================================*/
/*-------------------------------------
commonSetting
-------------------------------------*/
div#monthlyColumn,
div#monthlyContents {
background: url("../../common/images/dot_vline_gray.gif") repeat-y center top;
}

div#monthlyColumn div.section,
div#monthlyContents div.section {
background: url("../../common/images/dot_line_gray.gif") repeat-x left bottom;
}

div#monthlyColumn div.lastChild,
div#monthlyContents div.lastChild {
background: none;
}

div#monthlyColumn div.section div,
div#monthlyContents div.section div {
margin-right: 5px;
padding-top: 16px;
width: 310px;
float: left;
position: relative;
}

div#womanClinic,
div#announcerColumn,
div#cosme,
div#event,
div#salon,
div#backnumber {
margin-left: 5px;
margin-right: 0 !important;
}

/*-------------------------------------
monthlyColumnSetting
-------------------------------------*/
div#monthlyColumn div.section {
padding-bottom: 10px;
}

div#monthlyColumn div.section div h4,
div#monthlyColumn div.section div p {
margin-left: 70px;
}

div#monthlyColumn div.section div p {
margin-bottom: .4em;
line-height: 1.2;
}

div#monthlyColumn div.section div p a {
padding-left: 14px;
color: #333;
background: url("../images/ico_arrow.gif") no-repeat 0 .2em;
}

div#monthlyColumn div.section div p.thumbnail {
margin-left: 0;
position: absolute;
top: 14px;
left: 0;
}

div#monthlyColumn div.section div p.thumbnail a {
padding-left: 0;
background: none;
}

/*-------------------------------------
thumbnailBorderSetting
-------------------------------------*/
div#monthlyColumn p.thumbnail a {
padding: 1px;
display: block;
}

div#lifeIsBeautiful p.thumbnail a {
border: #f8c6ac 1px solid;
}

div#womanClinic p.thumbnail a {
border: #f7c7c6 1px solid;
}

div#naturalYakuzen p.thumbnail a {
border: #64cc68 1px solid;
}

div#announcerColumn p.thumbnail a {
border: #d7f4ff 1px solid;
}

/*-------------------------------------
monthlyContentsSetting
-------------------------------------*/
div#monthlyContents h4 {
margin-bottom: 6px;
height: auto;
font-size: 1em;
line-height: 1.4;
}

div#monthlyContents h4 a {
padding-left: 14px;
color: #e4007f;
background: url("../images/ico_arrow.gif") no-repeat 0 .1em;
}

div#monthlyContents div.section div p {
margin-bottom: 16px;
}

div#monthlyContents div.section div p img {
margin: 0 8px 16px 0;
float: left;
}




/*==========================================================================

contentsBannerAreaSetting

==========================================================================*/
ul#contentsBannerArea {
padding-top: 14px;
background: #FFF;
}

ul#contentsBannerArea li {
margin-right: 10px;
float: left;
}

ul#contentsBannerArea li.lastChild {
margin-right: 0;
}