@charset "UTF-8";

/*
======== CONTENTS =========

toppage.css
last-updated:2008/10/25


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



/*
===== font ======
*/

#main div.contents_sum
{
/* 説明文は均等割付 */
  text-align: justify;
  text-justify : inter-ideograph;
}

#main div.contents_title
{
  font-size: 105%;
  line-height: 1.2;
  font-weight: bold;
}

#main div.arena div.contents_title
{
  font-size: 18px;
}

#main div.arena div.contents_subtitle
{
  font-size: 80%;
  font-weight: bold;
  color:#5382A1;
}

#main div.contents_sum,
#main div.categorybox{
  font-size: 78%;
  line-height: 1.4;
  
}

#main div.newslist li{
  font-size: 78%;
  line-height: 1.4;
}

#main div.newslist .date{
  color:#666
}

/*
===== app ======
*/

#main div.app{
  margin: 0 0 10px 0;
  width:630px;
  overflow:hidden;
}

#main div.apptitle{
  margin: 0 0 10px 0;
}

/*
===== arena ======
*/
#main div.arena{
  margin: 0 0 10px 0;
/*  width:628px;*/
  border: 1px solid #ccc;
  overflow:hidden;
  background: #fff;
}

#main div.arena div.contents{
  margin:15px 8px 0px;
}

#main div.arena div.contents div.contents_img{
  width:125px;
  float:left;
  margin:0px 4px 16px 0px;
}

#main div.arena div.contents div.contents_img img{
  border: solid 1px #ccc;
}

#main div.arena div.contents div.contents_txt{
  display: block;
}

#main div.arena div.contents_subtitle
{
  margin:0 0 4px 0;
}

#main div.arena div.contents_title
{
  margin:0 0 4px 0;
}

/*
===== categorybox ===========================
*/

#main div.categorybox{
  margin:4px 0 10px 0;
}

#main div.categorybox div.left{
  width:306px;
  float:left;
}

#main div.categorybox div.right{
  width:306px;
  float:right;
}


#main div.categorybox div.cate_text{
  margin:0 3px 3px 12px;
}

#main div.categorybox div.cate_text ul {
margin:0;
padding:0;
}

#main div.categorybox div.cate_text li {
  list-style-type:none;
  background: url(/sb/static/common/images/disc.gif) no-repeat 0px 6px;
  margin:0 5px 0 0;
  padding:0 0 0 9px;
}

#main div.categorybox div.cate_link{
  margin:0 3px 0 3px;
  text-align:right;
}

#main div.categorybox div.cate_link a{
  padding-left: 12px;
  background: url(/sb/static/common/images/bullet_mini.gif) no-repeat left center;
}

/*
===== news ===========================
*/

#main div.newslist{
  margin:0 0 20px 0;
  padding:0;
}

#main div.newslist ul{
  margin:0 0 0 4px;
  padding:0;
}

#main div.newslist li{
  list-style: none;
  background: url(/sb/static/common/images/bullet.gif) no-repeat 2px 4px;
  padding: 2px 0 2px 20px;
}

/*
===== event ===========================
*/

#main div.event{
  margin:0 0 16px 0;
}

dl.eventlist {
  font-size: 77%;
  padding: 0;
  border-bottom: 1px solid #eee;
  border-top: none;
}

dl.eventlist dt {
  clear: both;
  margin: 0;
  padding: 5px 0 5px 4px;
  border-top: 1px solid #e7e7e7;
  width: 7.5em;
  float: left;
}
  
dl.eventlist dd {
  margin: 0 0 0 7.5em;
  padding: 5px 4px 5px 0;
  border-top: 1px solid #e7e7e7;
}

dl.eventlist dd span.name{
  border-left: 4px solid #0E3E6E;
  padding-left: 8px;
  display: block;
}



/*
===== clearfix ===========================
*/

#main div.arena:after,
#main div.contents:after,
#main div.app:after,
#main div.categorybox:after,
#main div.event:after{
  content: url(../images/spacer.gif);
  display: block;
  height: 0; 
  clear: both;
  visibility: hidden;
}

#main div.arena,
#main div.contents,
#main div.app,
#main div.categorybox,
#main div.event{
  display: inline-block;
}

/* Holly Hack Targets IE Win only \*/
 * html #main div.arena,
 * html #main div.contents,
 * html #main div.app,
 * html #main div.categorybox,
 * html #main div.event{
  height: 1%;
}
#main div.arena,
#main div.contents,
#main div.app,
#main div.categorybox,
#main div.event{
  display: block;}
/* End Holly Hack */



/* ad */

#im3sp , #im2sp{
}

.interestmatch {
text-align:left;

}

.interestmatch a:hover {
background-color:#E0E7EF;
text-decoration:none;
}
.interestmatch a {
display:block;
line-height:1.2em;
margin:5px 0 0;
width:100%;
}

.interest_footer {
color:#666666;
font-size:80%;
margin:0;
padding:3px 4px 0 3px;
text-align:right;
}

.interestmatch .title_sponsor {
background:transparent url(/sb/static/common/images/bullet.gif) no-repeat scroll 0px 1px;
padding:0 10px 5px 20px;
font-size:90%;
font-weight:bold;
line-height:1.3em;
margin:0 10px 0 4px;
text-decoration:underline;
}

.interestmatch .url_article {
color: #8F4F11;
font-size:10px;
margin-left:0.5em;
text-decoration:none;
}


.interestmatch .title_article {
background:transparent url(/sb/static/common/images/bullet.gif) no-repeat scroll 0px 2px;
padding:0 10px 5px 20px;
font-size:90%;
font-weight:bold;
line-height:1.3em;
margin:0 10px 0 4px;
text-decoration:underline;
}

.interestmatch .desc_article {
color:#666666;
display:block;
font-size:13px;
margin-left:20px;
text-align:left;
text-decoration:none;
}


.interestmatch .oneline_title_article {
background:transparent url(/sb/static/common/images/b-01.gif) no-repeat scroll 0 0;
border:0 solid black;
font-size:90%;
font-weight:bold;
line-height:1.3em;
margin:0;
padding:0 0 0 15px;
text-align:left;
text-decoration:underline;
}

.interestmatch .oneline_desc_article {
color:#666666;
font-size:10px;
margin-left:15px;
text-align:left;
text-decoration:none;
}


.overture_ads {
background-color:#FFFFFF;
background-image:url(/sb/static/common/images/pr2.gif);
background-position:right bottom;
background-repeat:no-repeat;
border:0 solid #CE3031;
line-height:13px;
margin:0;
padding:0;
text-align:left;

}


.ad_info_list_side {
overflow:hidden;
}

* html .ad_info_list_side {   
    height: 1%;   
}  

.ad_info_list_side {
background-image:url(/sb/static/common/images/pr.gif);
background-position:right bottom;
background-repeat:no-repeat;
margin:0 5px 0 0;
padding:0 10px 3px;
}

.hs_2col {
float:left;
}

.hs_2col .keyword {
background:transparent url(/sb/static/common/images/disc.gif) no-repeat scroll 0 6px;
border:0 solid black;
font-size:80%;
line-height:1.3em;
margin:0 0 4px;
padding:0 0 0 13px;
text-align:left;
}
.hs_2col .keyword, .hs_2col .keyword_last {
width:122px;
}

#sponsor_ad {
padding:0 3px 3px 3px;
text-align:left;
margin:0;
}


.keyword3 {
margin:0 0px 2px 5px;
font-size:90%;
}

.keyword3 ul, .keyword3 ol {
color:#333333;
margin:0 0 5px 3px;
padding:0;
font-size:90%;
}

.keyword3 ul li {
line-height:1.5em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 0 3px;
padding:0;
}

#imsp_search1 , #imsp_search2 {
background-image:url(/sb/static/common/images/pr.gif);
background-repeat:no-repeat;
background-position:right bottom;
margin:0 0 8px 0px;
padding:0 0 16px 0px;
}

.ad_list_pricon {
background-image:url(/sb/static/common/images/pr.gif);
background-repeat:no-repeat;
background-position:right bottom;
border-bottom:1px dotted #BEDCE7;
margin:0 0 8px 0px;
padding:0 0 16px 0px;
}

.interestmatch .ov_title {
background:transparent url(/sb/static/common/images/bullet.gif) no-repeat scroll 2px 2px;
border:0 solid black;
font-size:80%;
line-height:1.3em;
margin:0 0 4px;
padding:0 0 0 20px;
text-align:left;
text-decoration:underline;
}

.interestmatch .ov_desc {
color:#666666;
display:block;
font-size:12px;
margin-left:20px;
text-decoration:none;
}

.interestmatch .host {
color:#8F4F11;
font-size:10px;
margin-left:0.5em;
text-decoration:none;
}

.apptitle_sub {
background:#DEE7EF url(/sb/static/common/images/apptitle_sub.gif) no-repeat scroll left bottom;
clear:both;
display:block;
font-size:80%;
letter-spacing:2px;
line-height:1.5;
margin:0px 0 3px;
padding:2px 6px 2px 10px;
font-weight:bold;
}