@charset "utf-8";
/* CSS Document */

#home #layout{
text-align:left;
width:980px;
/*/width:998px;*/
padding-left:15px;
margin:auto;
/*
ﾁｪｯｸ用
border:1px solid #ff0000;
*/
}
#home #layout .half h2{
width:479px;
margin-bottom:5px;
}
#home #layout .wide h2{
width:968px;
margin-bottom:5px;
}

#home #layout ul{
list-style-type:none;
}
/*HOME_BLOCK HALF OR WIDE (EXCEPT COVER & TOPICS1)*/

#home #layout .wide{
float:left;
/display:inline;
/*/float:none;*/
width:968px;
height:360px;
overflow:hidden;
/*display:inline;*/
margin-bottom:10px;
/*
ﾁｪｯｸ用
background-color:#eeeeee;
*/
}
#home #layout .height_nolimit{
height:auto;
}
#home #layout .height_nolimit img{
margin:5px;
display:block;
float:left;
/display:inline;
}
#home #layout .widemm{
height:auto;
}

#home #layout .half div.mm{
float:left;
display:inline;
width:350px;
}



#home #layout .realtimeblock em{
font-size:12px;
font-weight:normal;
text-align:right;
padding:4px;
padding-top:0px;
font-style:normal;
display:block;
}
#home #layout .realtimeblock em.rankem{
text-align:left;
text-indent:10px;
}
#home #layout .half{
float:left;
/display:inline;
width:479px;
/*/width:479px;*/
height:360px;
overflow:hidden;
margin-right:10px;
margin-bottom:10px;
/*
ﾁｪｯｸ用
background-color:#eeeeee;
*/
}

/*cover HALF & TOPICS1*/
#home #layout .cover_half{
float:left;
/display:inline;
width:318px;
margin-right:10px;
height:452px;
text-align:left;
}
#layout .cover_half #imageContainer{
position:relative;
left:9px;
top:43px;
width:300px;
height:400px;
overflow:hidden;
margin-bottom:10px;
}

#layout .cover_half #imageContainer img{
	display:none;
position:absolute;
top:0px;
left:0px;
width:300px;
height:400px;
}

.topics_half{
float:left;
/display:inline;
width:638px;
text-align:left;
height:452px;
overflow:hidden;
margin-bottom:10px;
/*
ﾁｪｯｸ用
background-color:#cceeee;
*/
}
.topics_half h2{
width:638px;
margin-bottom:5px;
}

.topics_half ul.topic{
list-style-type:none;
text-align:left;
height:384px;
overflow:auto;
}

.topics_half ul.topic li{
width:588px;
height:auto;
/*
/width:610px;
/height:auto;
*/
margin:auto;
margin-left:4px;
margin-bottom:10px;
padding:10px;
text-align:left;
/*
ﾁｪｯｸ用
border:1px solid #ff0000;
*/
}

.topics_half ul.topic li h3{
font-size:14px;
height:16px;
overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	/white-space:normal;
}
.topics_half ul.topic li h4{
font-size:12px;
font-weight:normal;
padding-bottom:5px;
text-align:right;
}
.topics_half ul.topic li .photo{
text-align:center;
width:120px;
height:160px;
float:left;
/display:inline;
margin-right:10px;
}
.topics_half ul.topic li .comment{
float:left;
/display:inline;
padding:10px;
width:436px;
/*/width:458px;*/
height:auto;
font-size:12px;
line-height:1.3;
text-align:left;
overflow:auto;
/*
ﾁｪｯｸ用
border:1px solid #ff0000;
*/
}


/*cover WIDE*/
#home #layout .cover_wide{
float:left;
/display:inline;
width:968px;
height:452px;
text-align:left;
margin-bottom:10px;
}
#layout .cover_wide #imageContainer{
position:relative;
left:10px;
top:42px;
overflow:hidden;
width:948px;
height:400px;
margin-bottom:10px;
}

#layout .cover_wide #imageContainer img{
	display:none;
position:absolute;
top:0px;
left:0px;
width:948px;
height:400px;
}

/*TOPICS WIDE*/
#home #layout .topics_wide{
float:left;
/display:inline;
width:968px;
text-align:left;
height:360px;
margin-bottom:10px;
overflow:hidden;
/*
ﾁｪｯｸ用
background-color:#cccccc;
*/
}

#home #layout .topics_wide h2{
width:958px;
margin-bottom:5px;
}

.topics_wide ul.topic{
list-style-type:none;
height:290px;
overflow:auto;
}
.topics_wide ul.topic li{
float:left;
/display:inline;
width:446px;
/*/width:468px;*/
height:268px;
/*/height:290px;*/
margin-left:5px;
margin-bottom:10px;
padding:10px;
/*
ﾁｪｯｸ用
border:1px solid #ff0000;
*/
}

.topics_wide ul.topic li h3{
font-size:14px;
font-weight:bold;
margin-right:5px;
padding-bottom:5px;
text-align:left;
height:16px;
overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	/white-space:normal;

}
.topics_wide ul.topic li h4{
font-size:12px;
font-weight:normal;
padding-bottom:5px;
text-align:left;

}
.topics_wide ul.topic li .photo{
text-align:center;
width:120px;
height:160px;
float:left;
/display:inline;
margin-right:10px;
}
.topics_wide ul.topic li .comment{
float:left;
/display:inline;
padding:10px;
width:290px;
/*/width:312px;*/
height:200px;
/*/height:222px;*/
font-size:12px;
line-height:1.3;
text-align:left;
overflow:auto;
}






.half ul.gal, .half ul.half2{
list-style-type:none;
padding-left:10px;
}
.half ul.gal li{
float:left;
/display:inline;
width:130px;
/*/width:142px;*/
height:259px;
/*/height:271px;*/
text-align:center;
padding:5px;
margin:4px 5px 15px 5px;
}

.half ul.gal li .photo{
text-align:center;
padding:4px;
width:120px;
margin:auto;
}
.half ul.gal li .photo img{
display:block;
margin:auto;
}
.half ul.gal li h3{
font-size:12px;
font-weight:bold;
text-align:center;
}
.half ul.gal li p{
font-size:10px;
font-weight:normal;
text-align:center;
}
.half ul.gal li h4{
font-size:12px;
font-weight:bold;
text-align:center;
}


.half ul.half2 li{
float:left;
/display:inline;
width:151px;
height:259px;
/*/height:261px;*/
text-align:center;
padding:5px;
margin:4px;
margin-left:40px;
margin-bottom:15px;
}
.half ul.half2 li .photo{
text-align:center;
padding:5px;
width:135px;
}
.half ul.half2 li .photo img{
display:block;
margin:auto;
}
.half ul.half2 li h3{
font-size:12px;
font-weight:bold;
text-align:center;
}
.half ul.half2 li p{
font-size:10px;
font-weight:normal;
text-align:center;
}
.half ul.half2 li h4{
font-size:12px;
font-weight:bold;
text-align:center;
}

.wide ul.gal{
list-style-type:none;
padding-left:26px;
}


.wide ul.gal li{
float:left;
/display:inline;
width:151px;
/*/width:163px;*/
height:259px;
/*/height:271px;*/
text-align:center;
margin:4px 10px 15px;
padding:5px;
}
.wide ul.gal li .photo{
text-align:center;
padding:4px;
margin:auto;
width:135px;
}
.wide ul.gal li .photo img{
display:block;
margin:auto;
}
.wide ul.gal li h3{
font-size:12px;
font-weight:bold;
text-align:center;
padding-top:4px;
height:16px;
}
.wide ul.gal li p{
font-size:10px;
font-weight:normal;
text-align:center;
}
.wide ul.gal li h4{
font-size:12px;
font-weight:bold;
text-align:center;
}

.half ul.realtimeheight li, .wide ul.realtimeheight li{
height:237px;
}

.half ul.scrollable, .half ul.scrollable2, .wide ul.scrollable{
height:290px;
overflow:auto;
padding-left:15px;
}
.half ul.scrollable, .half ul.scrollable2{
padding-left:5px;
}

.wide ul.scrollable li{
width:151px;
/*/width:163px;*/
height:259px;
/*/height:271px;*/
}

.half ul.scrollable li{
width:130px;
/*/width:142px;*/
height:259px;
/*/height:271px;*/
}
.half ul.scrollable2 li{
width:151px;
/*/width:161px;*/
height:259px;
/*/height:271px;*/
}

.half ul.scrollable li .photo, .wide ul.scrollable li .photo{
text-align:center;
padding:5px;
}


.wide ul.topic{
list-style-type:none;
height:290px;
overflow:auto;
}
.wide ul.topic li{
float:left;
/display:inline;
width:453px;
/*/width:465px;*/
height:268px;
/*/height:290px;*/
margin-left:5px;
padding:7px;
}

.wide ul.topic li h3{
font-size:14px;
font-weight:bold;
margin-right:5px;
padding-bottom:5px;
text-align:left;
height:16px;
overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /white-space: normal;
	/line-height:1.3;
}
.wide ul.topic li h4{
font-size:12px;
font-weight:normal;
padding-bottom:5px;
text-align:left;

}
.wide  ul.topic li .photo{
text-align:center;
width:120px;
height:160px;
float:left;
/display:inline;
margin-right:10px;
}
.wide ul.topic li .comment{
float:left;
/display:inline;
padding:10px;
width:300px;
/*/width:322px;*/
height:205px;
/*/height:225px;*/
font-size:12px;
line-height:1.3;
text-align:left;
overflow:auto;
}

.half ul.topic{
list-style-type:none;
text-align:center;
}

.half ul.topic li{
width:456px;
/*/width:478px;*/
height:270px;
/*/height:292px;*/
margin:auto;
padding:10px;
text-align:left;
}

.half ul.topic li h3{
font-size:14px;
height:16px;
overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	/white-space:normal;
}
.half ul.topic li h4{
font-size:12px;
font-weight:normal;
padding-bottom:5px;
text-align:right;
}
.half  ul.topic li .photo{
text-align:center;
width:120px;
height:160px;
float:left;
/display:inline;
margin-right:10px;
}
.half ul.topic li .comment{
float:left;
/display:inline;
padding:10px;
width:300px;
/*/width:322px;*/
height:210px;
/*/height:230px;*/
font-size:12px;
line-height:1.3;
text-align:left;
overflow:auto;
}

.iframeblock{
}
.iframeblock iframe{
margin:0px;
padding:0px;
}

.half ul.banner{
list-style-type:none;
text-align:left;
height:310px;
overflow:auto;
}

.half ul.banner li{
float:left;
/display:inline;
width:auto;
height:auto;
min-height:45px;
margin:5px;
padding:0px;
}

/*MAIL MAGAZINE*/
div.mm p{
float:left;
/display:inline;
width:310px;
/*/width:332px;*/
font-size:14px;
padding:10px;
margin:10px;
}
.wide div.mm p{
height:110px;
/*/height:132px;*/
}
.half div.mm p{
height:110px;
/*/height:132px;*/
margin-right:0px;
}



div.qr{
/*書き出しQRサイズが変わった際はここも修正*/
/*margin:20px;*/
min-width:123px;
min-height:123px;
/*/height:123px;*/
margin:auto;
margin-top:70px;
}

.half div.qr_box{
width:123px;
height:290px;
float:right;
/display:inline;
text-align:center;
margin-right:5px;
}
.half div.qr{
/*書き出しQRサイズが変わった際はここも修正*/
/*margin:20px;*/
min-width:123px;
min-height:123px;
/*/height:123px;*/
margin:auto;
margin-top:70px;
}
.wide div.qr_box{
width:250px;
/*/width:230px;*/
height:110px;
float:right;
/display:inline;
text-align:center;
margin-top:10px;
margin-right:10px;
}
.wide div.qr{
/*書き出しQRサイズが変わった際はここも修正*/
/*margin:20px;*/
min-width:123px;
min-height:123px;
/*/height:123px;*/
margin:auto;
}



.wide .more, .topics_wide .more{
clear:both;
font-size:12px;
text-align:right;
padding:4px;
/*/padding:4px;*/
}
.half .more{
clear:both;
font-size:12px;
text-align:right;
padding:4px;
/*/padding:0px;*/
}
.topics_half .more{
clear:both;
font-size:12px;
text-align:right;
padding:4px;
}
.more img{
vertical-align:bottom;
float:left;
/display:inline;
}