@charset "utf-8";
/* -----------------------------------------------------------
* Filename: contents.css
* Version: 1.0 (2007-12-10)
* Website: http://site.com/
* Author: Name
* Description: 各コンテンツ固有
----------------------------------------------------------- */

.top {
overflow: hidden;
}
.top:after {
content: ""; display: block; clear: both; height: 1px; overflow: hidden;
}
/*¥*/
*html .top {
height: 1em; overflow: visible;
}
/**/

/* ------------------------------
 左コンテンツ
------------------------------ */
/* ティッカー::::::::::::::::::::: */
.top div.left h2 {
display:none;
text-indent:-9999px;
}
.top div.left div.topticker {
width:420px;
height:16px;
margin:5px 0 10px 0;
padding:8px 10px 6px 40px;
background:url(../../images/top/ticker_bg.png) no-repeat left top;
}
.top div.left div.topticker span.star {
color:#737BA8;
}

/* ピックアップ::::::::::::::::::::: */
.top div.left div.pickup {
overflow: hidden;
}
.top div.left div.pickup:after {
content: ""; display: block; clear: both; height: 1px; overflow: hidden;
}
/*¥*/
*html .top div.left div.pickup {
height: 1em; overflow: visible;
}
/**/
.top div.left div.pickup h3 {
height:12px;
margin-bottom:10px;
background:url(../../images/top/title_pickup.png) no-repeat left top;
text-indent:-9999px;
}
.top div.left div.pickup img {
float:left;
border:1px #BBB solid;
margin-right:10px;
padding:3px;
background:#E9E9E9;
}
.top div.left div.pickup div.text h4 {
color:#2A6FCC;
font-size:13px;
font-weight:bold;
margin-bottom:7px;
}
.top div.left div.pickup div.text h4 a {
color:#2A6FCC;
text-decoration:none;
}
.top div.left div.pickup div.text h4 a:hover {
text-decoration:underline;
}
.top div.left div.pickup div.text div.syousai {
margin-top:5px;
text-align:right;
}
.top div.left div.pickup div.text div.syousai a {
padding:0 0 0 13px;
background:url(../../images/mk_arrow.gif) no-repeat left center;
}

/* Important::::::::::::::::::::: */
.top div.left div.important h3 {
background-image:url(../../images/top/title_important.png);
}

/* Whatsnew::::::::::::::::::::: */
.top div.left div.whatsnew {
position:relative;
}
.top div.left div.whatsnew h3 {
background-image:url(../../images/top/title_whatsnew.png);
}
.top div.left div.whatsnew div.mkhelp {
position:absolute;
top:8px!important; top:7px;
left:230px!important; left:230px;
display:inline;
text-align:right;
}
.top div.left div.whatsnew div.mkhelp span {
margin-left:10px;
padding-left:13px;
}
.top div.left div.whatsnew div.mkhelp span.general { background:url(../../images/mk_general.gif) no-repeat left center; }
.top div.left div.whatsnew div.mkhelp span.game { background:url(../../images/mk_game.gif) no-repeat left center; }
.top div.left div.whatsnew div.mkhelp span.education { background:url(../../images/mk_education.gif) no-repeat left center; }

.top div.left div.whatsnew ul {
margin:0 15px;
}
.top div.left div.whatsnew ul li {
border-bottom:1px #DDD dotted;
padding-bottom:3px;
margin-bottom:3px;
overflow: hidden;
}
.top div.left div.whatsnew ul li:after {
content: ""; display: block; clear: both; height: 1px; overflow: hidden;
}
/*¥*/
*html .top div.left div.whatsnew ul li {
height: 1em; overflow: visible;
}
/**/
.top div.left div.whatsnew ul li span.date {
display:block;
clear:both;
float:left;
width:40px;
padding-left:18px;
}
.top div.left div.whatsnew ul li span.gene { background:url(../../images/mk_general.gif) no-repeat left 2px; }
.top div.left div.whatsnew ul li span.game { background:url(../../images/mk_game.gif) no-repeat left 2px; }
.top div.left div.whatsnew ul li span.edu { background:url(../../images/mk_education.gif) no-repeat left 2px; }
.top div.left div.whatsnew ul li span.news {
display:block;
float:left;
width:378px;
}
.top div.left div.whatsnew ul li span.news img {
margin:0 0 3px 3px;
}

.top div.left div.whatsnew div.link {
margin:8px 0 15px 0;
text-align:right;
}
.top div.left div.whatsnew div.link a {
margin-left:10px;
padding-left:12px;
background:url(../../images/mk_arrow.gif) no-repeat left center;
}

/* Sponsor::::::::::::::::::::: */
.top div.left div.sponsorlink h3 {
width:470px;
height:30px;
margin-bottom:10px;
background:url(../../images/top/title_sponsor.png) no-repeat left top;
text-indent:-9999px;
}
.top div.left div.sponsorlink div.banner {
margin:0 15px;
}
.top div.left div.sponsorlink div.banner a {
margin:0 3px 0 0;
}
.top div.left div.sponsorlink div.banner a img {
margin:0 0 5px 0;
}

/* ------------------------------
 右コンテンツ
------------------------------ */
/* movie::::::::::::::::::::: */
.top div.right div.movie h3 {
width:156px;
height:12px;
margin-bottom:17px;
background:url(../../images/top/title_movie.gif) no-repeat left top;
text-indent:-9999px;
}
.top div.right div.column ul li {
margin-bottom:5px;
}
.top div.right div.column ul li a {
padding-left:15px;
background:url(../../images/mk_arrow.gif) no-repeat left 2px;
}

/* column::::::::::::::::::::: */
.top div.right div.column h3 {
width:33px;
height:12px;
margin-bottom:17px;
background:url(../../images/top/title_column.gif) no-repeat left top;
text-indent:-9999px;
}
.top div.right div.column ul li {
margin-bottom:5px;
}
.top div.right div.column ul li a {
padding-left:15px;
background:url(../../images/mk_arrow.gif) no-repeat left 2px;
}

/* mascot::::::::::::::::::::: */
.top div.right div.mascot h3 {
width:99px;
height:12px;
margin-bottom:17px;
background:url(../../images/top/title_mascot.png) no-repeat left top;
text-indent:-9999px;
}
.top div.right div.mascot img {
margin:0 0 5px 15px;
}
.top div.right div.mascot p {
color:#0042FF;
font-weight:bold;
text-align:center;
}