@charset "UTF-8";

/*=========================================================================================
 COMMON
=========================================================================================*/
#wrapper {
padding:0px;
margin:0px auto;
width:900px;
}

#header{
width:900px;
height:92px;
position:relative;
top:0px;
left:0px;
margin:0px;
padding:0px;
}

#header .logo{
position:absolute;
top:0px;
left:0px;
}

#header .title{
position:absolute;
top:28px;
left:200px;
}

#header .menu{
position:absolute;
width:251px;
top:0px;
left:649px;
}

#header .backnumber{
position:absolute;
top:51px;
left:707px;
}

#footer{
width:900px;
height:40px;
}

/*=========================================================================================
 TOP PAGE
=========================================================================================*/
.black_case{
width:180px;
background-color:#000000;
color:#999999;
font-size:10px;
line-height:160%;
}

.black_case h3 {
font-weight:bold;
color:#FFFFFF;
font-size:11px;
}

.black_case .top{
width:180px;
height:10px;
display:block;
overflow : hidden;
background:url("/images/toppage/magazine_showcase_top.gif") no-repeat top left;
}

.black_case .bottom{
width:180px;
height:10px;
display:block;
overflow : hidden;
background:url("/images/toppage/magazine_showcase_bottom.gif") no-repeat top left;
}

.main_case{
width:520px;
background:url("/images/toppage/main_case_middle.gif") repeat-y top left;
color:#333333;
font-size:10px;
line-height:160%;
}

.main_case h3 {
font-weight:bold;
color:#000000;
font-size:11px;
}

.main_case .top{
width:520px;
height:10px;
display:block;
overflow : hidden;
background:url("/images/toppage/main_case_top.gif") no-repeat top left;
}

.main_case .bottom{
width:520px;
height:10px;
display:block;
overflow : hidden;
background:url("/images/toppage/main_case_bottom.gif") no-repeat top left;
}

.side_case{
width:180px;
background:url("/images/toppage/side_case_middle.gif") repeat-y top left;
color:#333333;
font-size:10px;
line-height:160%;
}

.side_case h3{
font-weight:bold;
color:#000000;
font-size:11px;
}

.side_case .top{
width:180px;
height:10px;
display:block;
overflow : hidden;
background:url("/images/toppage/side_case_top.gif") no-repeat top left;
}

.side_case .bottom{
width:180px;
height:10px;
display:block;
overflow : hidden;
background:url("/images/toppage/side_case_bottom.gif") no-repeat top left;
}

/*=========================================================================================
 e-pub
=========================================================================================*/

#download_help ul{
padding-left:20px;
}


/*=========================================================================================
 pickup
=========================================================================================*/

#pickup .wide_case{
width:710px;
background:url("/images/common/wide_case_middle.gif") repeat-y top left;
color:#333333;
font-size:10px;
line-height:160%;
}

#pickup .wide_case .top{
width:710px;
height:10px;
display:block;
overflow : hidden;
background:url("/images/common/wide_case_top.gif") no-repeat top left;
}

#pickup .wide_case .bottom{
width:710px;
height:10px;
display:block;
overflow : hidden;
background:url("/images/common/wide_case_bottom.gif") no-repeat top left;
}

#pickup .wide_case .article_box{
width:670px;
margin:0px 20px 20px;
}

#pickup .wide_case .article_box .thumb_area{
width:205px;
}

#pickup .wide_case .article_box .text_area{
text-align:left;
width:440px;
}

#pickup .wide_case .article_box .text_area h3{
font-weight:bold;
color:#000000;
font-size:14px;
line-height:160%;
}

#pickup .wide_case .article_box .text_area .date{
font-weight:bold;
color:#eb5d5d;
font-size:12px;
line-height:160%;
}



#pickup .wide_case .article_box .text_area p{
font-size:11px;
line-height:140%;
}

#pickup .wide_case .entry_box{
width:670px;
margin:0px 20px 10px;
}

#pickup .wide_case .entry_box .thumb_area{
width:205px;
}

#pickup .wide_case .entry_box .title{
text-align:left;
width:660px;
}

#pickup .wide_case .entry_box .text_area{
text-align:left;
width:605px;
}

#pickup .wide_case .entry_box .title h3{
font-weight:bold;
color:#000000;
font-size:18px;
line-height:160%;
}

#pickup .wide_case .entry_box .title .date{
font-weight:bold;
color:#eb5d5d;
font-size:13px;
line-height:110%;
}

#pickup .wide_case .entry_box .text_area{
font-size:13px;
line-height:160%;
}

#pickup .wide_case .entry_box .detail_box{
width:605px;
margin:0px 30px;
}