@charset "utf-8";

/**************************************************************************************************

MAGAZINE
ID : #magazine

**************************************************************************************************/
* html #twitterLink {
behavior: expression(IEPNGFIX.fix(this));
} 

.magazineAsset{
width:780px;
padding:0 24px;
}

* html .magazineAsset {
padding:0 22px;
}

.magazineAsset p{
line-height:150%;
}

#magazine h1{
padding:0;
margin:0;
width:100%;
height:124px;
text-align:center;
overflow:hidden;
background:none;
}

#magazine h1 img{
display:block;
width:828px;
height:124px;
margin:0 auto;
}

* html #magazine h1 img{
padding:0 1px 0 0;
}


/* common */
.magazineFeature1{
margin:0 0 20px 0;
}


/* header */
.magazineHeader{
position:relative;
height:375px;
top:-120px;
background:url(../../magazine/img/magazine_header_bg.jpg) no-repeat 4px 0;
margin:0 0 -120px 0;
}

.magazineHeader h2{
position:absolute;
left:338px;
top:20px;
}

.magazineHeader h3{
position:absolute;
top:70px;
left:338px;
}

.magazineHeader p{
position:absolute;
top:170px;
left:338px;
}

.magazineHeader ul{
list-style:none;
position:absolute;
top:235px;
left:338px;
padding:0 0 0 10px;
background:url(../../magazine/img/header_feature_bg.gif) repeat-y 0 0;
}

.magazineHeader ul li.feature1,
.magazineHeader ul li.feature2{
margin:0 0 6px 0;
}


/* feature1 */

#feature1 h2{
margin:0 0 10px 0;
}

.feature1Content{
padding:40px 0 0 265px;
background:url(../../magazine/img/feature_01_bg.jpg) no-repeat 0 0;
min-height:230px;
height:auto !important;
height:230px;
}

.feature1Content dt{
margin:0 0 8px 0;
}

.feature1Content dd{
margin:0 0 15px 0;
}

.recommendArea{
background:url(../../magazine/img/recommend_area_bg.gif) repeat 0 0;
padding:5px;
}

.recommendAreaInner{
background:#FFFFFF;
padding:10px;
}

.recommendContent{
width:520px;
float:right;
}

.recommendContent h3{
margin:0 0 10px 0;
}

.recommendContent dt{
margin:0 0 5px 0;
}

.recommendContent dd{
margin:0 0 15px 0;
}

.recommendContent dd strong{
font-weight:bold;
line-height:150%;
}

.recommendContent ul li{
list-style:none;
float:left;
margin:0 10px 0 0;
}

.recommendImage{
width:212px;
float:left;
}

/* feature2 */

#feature2{
position:relative;
}

#feature2 h2{
margin:0 0 10px 0;
}

#feature2 p.feature2Caption{
margin:0 0 10px 0;
}

#feature2 p.feature2Link{
margin:0 0 30px 0;
}

.twitterLink{
position:absolute;
top:35px;
right:90px;
}

.feature2Content{
width:780px;
overflow:hidden;
padding:20px 0 30px 0;
}

.episodeArea{
width:900px;
}

.episodeAsset{
width:260px;
float:left;
margin:0 2px 5px 0;
}

.episodeAsset table{
border-collapse:collapse;
border-spacing:0px;
}

.episodeAsset table th{
height:58px;
width:220px;
padding:0 20px;
line-height:120%;
vertical-align:middle;
background:url(../../magazine/img/episode_block_head_bg.jpg) no-repeat 0 0;
}

.episodeAsset table th span{
display:block;
font-weight:bold;
padding:38px 0 12px 0;

}

.episodeAsset div.episodeText{
padding:0 20px;
line-height:160%;
background:url(../../magazine/img/episode_block_content_bg.jpg) repeat-y 0 0;
color:#333333;
vertical-align:top;
}

.episodeAsset div.episodeName{
padding:10px 20px 30px 20px;
background:url(../../magazine/img/episode_block_footer_bg.jpg) repeat-y 0 100%;
color:#333333;
vertical-align:top;
}

.episodeTwitterLink{
text-align:center;
padding:0 0 34px 0;
}

.agingcareArea {
margin:0 0 20px 0;
}

.agingcareArea dt {
margin:0 0 5px 0;
}

.agingcareArea dd.agingcareText {
line-height:140%;
color:#666666;
padding:0 0 15px 0;
}

.agingcareArea dd.agingcareBanner {
height:280px;
position:relative;
background:url(../../magazine/img/agingcare_banner_bg.jpg) repeat-x 0 1px;
}

.agingcareArea dd.agingcareBanner a {
display:block;
width:341px;
height:37px;
position:absolute;
top:225px;
left:200px;
}

/* feature3 */

#feature3{
position:relative;
background:url(../../magazine/img/feature_03_bg.jpg) no-repeat 530px 0;
}

#feature3 h2 {
margin:0 0 20px 0;
}

.blogpartsArea{
padding:0 0 40px 0;
}

.blogpartsContent {
width:580px;
float:right;
padding:0 0 0 12px;
background:url(../../magazine/img/blogparts_content_bg.gif) repeat-y 0 0;
}

.blogpartsContent dl {
width:295px;
}

.blogpartsContent dt {
margin:0 0 15px 0;
}

.blogpartsContent dd.blogpartsText {
color:#666666;
line-height:140%;
margin:0 0 33px 0;
}

.blogpartsContent dd.blogpartsCode p {
border:1px solid #999999;
width:550px;
height:45px;
background:#FFFFFF;
padding:10px;
}

.blogpartsContent dd.blogpartsCode textarea {
width:550px;
height:45px;
overflow:hidden;
font-size:77%;
color:#999999;
line-height:140%;
border:none;
}

.blogpartsCode h3 {
margin:0 0 8px 0;
}

.separate{
margin:0 4px;
height:22px;
background:url(../../magazine/img/separate_dotted.gif) repeat-x 0 1px;
}

.separate hr{
display:none;
}

.pagetop{
padding:15px 24px 24px 24px;
background:url(../../magazine/img/pagetop_bg.jpg) no-repeat 50% 0;
text-align:right;
}