@charset "shift_jis";
@import "integral.css";

/*ヘッドイメージボックス*/
#headImage{
height:auto;
overflow:hidden;
_height:1px;
_overflow:visible;
border-top:1px solid #dcdcdc;
border-bottom:1px solid #dcdcdc;
text-align:left;
}

#headImage .bgBox{
background:transparent url(../images/headimages/headimg_top4.jpg) no-repeat scroll left top;
width:847px;
height:133px;
padding:117px 0 0 53px;
margin:0px auto;
}

/*主導線ボタン*/
#mainContents ul.buttonArea{
list-style-type:none;
height:auto;
overflow:hidden;
_height:1px;
_overflow:visible;
margin-top:22px;
}

#mainContents ul.buttonArea li{
float:left;
width:295px;
height:80px;
}

/*h2関連*/
#mainContents .contBox h2.recommend{
background:transparent url(../images/headlines/h2_recommend.gif) no-repeat scroll left top;
}

#mainContents .contBox h2.newworks{
background:transparent url(../images/headlines/h2_newworks.gif) no-repeat scroll left top;
}

#mainContents .contBox h2.healingwork{
background:transparent url(../images/headlines/h2_healingwork.gif) no-repeat scroll left top;
}

#mainContents .contBox h2.topics{
background:transparent url(../images/headlines/h2_topics.gif) no-repeat scroll left top;
}
/*概要枠*/
#mainContents .summary{
height:auto;
overflow:hidden;
_height:1px;
_overflow:visible;
border:1px solid #e7e1d4;
padding:2px 2px 2px 2px;
margin:15px 0 15px 0;
}

#mainContents .summary .summaryText{
background:transparent url(../images/bg/top_read_bg.jpg) no-repeat scroll left top;
height:auto;
overflow:hidden;
_height:1px;
_overflow:visible;
font-size:12px;
color:#665555;
padding:8px 25px 8px 25px;
}

/*おすすめ枠*/
#mainContents .contBox ul.recoItem{
list-style-type:none;
height:auto;
overflow:hidden;
_height:1px;
_overflow:visible;
margin:0 0 10px 0;
}

#mainContents .contBox ul.recoItem li{
float:left;
width:188px;
height:auto;
overflow:hidden;
_height:1px;
_overflow:visible;
}

#mainContents .contBox ul.recoItem li h3{
background:transparent url("../images/arrows/arrow_next.gif") no-repeat scroll left 2px;
font-size:100%;
font-weight:normal;
padding:0 0 0 18px;
margin:5px 0 3px 0;
}

#mainContents .contBox ul.recoItem li h3 a {

}

#mainContents .contBox ul.recoItem li p.text{
font-size:90%;
line-height:1.3em;
}

/*新作枠*/
#mainContents .contBox ul.newItem{
list-style-type:none;
height:auto;
overflow:hidden;
_height:1px;
_overflow:visible;
margin:0 0 10px 0;
}

#mainContents .contBox ul.newItem li{
float:left;
width:138px;
height:auto;
overflow:hidden;
_height:1px;
_overflow:visible;
}

#mainContents .contBox ul.newItem li h3{
background:transparent url("../images/arrows/arrow_next.gif") no-repeat scroll left 2px;
font-size:100%;
font-weight:normal;
padding:0 0 0 18px;
margin:5px 0 3px 0;
}

#mainContents .contBox ul.newItem li h3 a {

}

#mainContents .contBox ul.newItem li p.text{
font-size:90%;
line-height:1.3em;
}

/*ヒーリング枠*/
#mainContents .contBox .healingBox{
height:auto;
overflow:hidden;
_height:1px;
_overflow:visible;
}

#mainContents .contBox .healingBox .lftBox{
float:left;
width:130px;
}

#mainContents .contBox .healingBox .rgtBox{
float:right;
width:452px;
}

#mainContents .contBox .healingBox .rgtBox p.text{
margin:10px 0 0 0;
}

#mainContents .contBox .healingBox .rgtBox ul{
list-style-type:none;
line-height:1.3em;
height:auto;
overflow:hidden;
_height:1px;
_overflow:visible;
margin:5px 0 5px 0;
}

#mainContents .contBox .healingBox .rgtBox ul li{
font-size:90%;
}

#mainContents .contBox .healingBox .rgtBox ul li.title{
font-weight:bold;
}

/*お知らせ枠*/
#mainContents .contBox ul.topicsList{
list-style-type:none;
height:auto;
overflow:hidden;
_height:1px;
_overflow:visible;
}

#mainContents .contBox ul.topicsList li{
background:transparent url(../images/borders/dot180.gif) repeat-x scroll left bottom;
height:auto;
overflow:hidden;
_height:1px;
_overflow:visible;
padding:0px 0 10px 0;
}

#mainContents .contBox ul.topicsList li .lftBox{
float:left;
width:80px;
}

#mainContents .contBox ul.topicsList li .rgtBox{
float:right;
width:505px;
}

#mainContents .contBox ul.topicsList li .rgtBox h3{
font-weight:normal;
font-size:100%;
margin:0 0 3px 0;
}

#mainContents .contBox ul.topicsList li .rgtBox p.text{
font-size:90%;
line-height:1.3em;
}

#mainContents .contBox ul.topicsList li .rgtBox p.text span.note{
color:#888888;
padding:0 0 0 10px;
}

#mainContents .contBox ul.topicsList li .rgtBox p.text span.endNotice{
color:#ff4e95;
padding:0 5px 0 5px;
}

.textBold {
font-weight: bold;
padding:0 10px 0 0;
color:#cf7b9b;
}