@charset "Shift_JIS";

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

    Kids Contests
	
================================================================== */

/*-------------------------------------
    Structure
-------------------------------------*/

#main-column{
margin-right:-270px;
display:inline;
float:left;
width:100%;
zoom:1;
}

#main-column .inner{
margin-right:270px;
}

#sub-column {
margin-left:30px;
display:inline;
float:left;
width:240px;
}


/*-------------------------------------
    Flash Area
-------------------------------------*/

#flash-area{
margin-bottom:20px;
width:100%;
height:340px;
zoom:1;
}

#flash-area p#flash-ttl{
width:100%;
padding:5px 0 0 10px;
}

#flash-area p#flash-alt{
margin:0 auto;
display:block;
text-align:center;
}


/*-------------------------------------
    Recommend Area
-------------------------------------*/

#recommend-area{
margin-bottom:20px;
width:100%;
}

#recommend-area .ttl-container{
height:30px;
background:url(../image70/kids/common/recommend_ttl_bg.gif) repeat-x;
}

#recommend-area .ttl-container h2{
margin-bottom:0;
background:url(../image70/kids/common/recommend_ttl_bg_right.gif) no-repeat right;
}

#recommend-area .ttl-container h2 img{
vertical-align:top;
}

#recommend-area .contents-container{
padding:10px;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
border-left:solid 1px #999999;
}

#recommend-area .contents-container p.lead{
margin-bottom:10px;
}

#recommend-area .contents-container ul{
text-align:center;
}

#recommend-area .contents-container ul.list-style-01 li{
display:inline;
margin:0 1%;
width:110px;
}


/*-------------------------------------
    News Area
-------------------------------------*/

#news-area{
margin-bottom:20px;
width:100%;
}

#news-area .ttl-container{
height:30px;
background:url(../image70/kids/common/news_ttl_bg.gif) repeat-x;
}

#news-area .ttl-container h2{
margin-bottom:0;
background:url(../image70/kids/common/news_ttl_bg_right.gif) no-repeat right;
}

#news-area .ttl-container h2 img{
vertical-align:top;
}

#news-area .contents-container{
padding:20px 10px 0 10px;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
border-left:solid 1px #999999;
text-align:center;
vertical-align:top;
}

#news-area .contents-container p.lead{
margin-bottom:10px;
}

#news-area .contents-container ul{
text-align:center;
}

#news-area .contents-container .left-item,
#news-area .contents-container .right-item{
display:inline;
width:300px;
zoom:1;
}

#news-area .contents-container .right-item{
margin-left:5%;
display:inline;
width:300px;
zoom:1;
}

html>/**/body #news-area .contents-container .right-item,
html>/**/body #news-area .contents-container .left-item{
display:-moz-inline-box;
display:inline-block;
}

#news-area .contents-container ul.list-style-02 li.items{
margin-bottom:15px;
display:block;
clear:both;
width:300px;
zoom:1;
}

#news-area .contents-container ul.list-style-02 li dl{
width:300px;
}

#news-area .contents-container ul.list-style-02 li dt{
float:left;
width:80px;
}

#news-area .contents-container ul.list-style-02 li dd{
float:left;
width:210px;
}

#news-area .contents-container ul.list-style-02 li dd ul{
text-align:left;
}

#news-area .contents-container ul.list-style-02 li dd li span.format-img{
margin-right:5px;
}

#news-area .contents-container ul.list-style-02 li dd li span.format-img img{
vertical-align:middle;
}

#news-area .contents-container ul.list-style-02 li dd li span.disc-title{
margin-right:5px;
padding:3px;
font-size:110%;
}

#news-area .contents-container ul.list-style-02 li dd li span.disc-text{
font-size:120%;
}


/*-------------------------------------
   Sub Column
-------------------------------------*/

/* ranking */

dl.ranking-list{
margin-bottom:10px;
}

dl.ranking-list dt img{
vertical-align:bottom;
}

dl.ranking-list dd{
padding-top:8px;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
border-left:solid 1px #999999;
}

dl.ranking-list li{
padding:0 10px;
zoom:1;
}

dl.ranking-list li.odd{
background:#ffeecc;
}

dl.ranking-list li img{
vertical-align:middle;
}

dl.ranking-list li span.rank{
display:block;
float:left;
width:32px;
}

dl.ranking-list li span.title{
padding-top:0.2em;
display:block;
float:left;
width:185px;
}

/* banner area */

.banner-area{
margin-bottom:10px;
}

.banner-area li{
margin-bottom:5px;
text-align:center;
}

.banner-area li img{
vertical-align:bottom;
}


/* menu-list */

dl.menu-list{
margin-bottom:10px;
}

dl.menu-list dt img{
vertical-align:bottom;
}

dl.menu-list li.items{
margin-bottom:10px;
}

dl.menu-list dd.contents{
padding:15px 0 5px 0;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
border-left:solid 1px #999999;
text-align:center;
}

dl.menu-list li.items dl{
margin:0 auto;
width:195px;
text-align:left;
}

dl.menu-list li.items dl dt{
margin-bottom:5px;
}

/*-------------------------------------
   Module
-------------------------------------*/

p.link-type-01{
text-align:right;
}

p.link-type-02{
padding:5px 10px;
text-align:right;
}

p.link-type-01 a,
p.link-type-02 a{
padding-left:10px;
background:url(../image70/kids/common/link_arrow_01.gif) no-repeat left;
}

/*-------------------------------------
    Module= Utility
-------------------------------------*/

.mgn-L-00{
margin-left:0 !important;
}

.mgn-L-01{
margin-left:10px !important;
}

.mgn-L-02{
margin-left:20px !important;
}

.mgn-R-00{
margin-right:0 !important;
}

.mgn-R-01{
margin-right:10px !important;
}

.mgn-R-02{
margin-right:20px !important;
}

.mgn-B-00{
margin-bottom:0 !important;
}

.mgn-B-01{
margin-bottom:10px !important;
}

.mgn-B-02{
margin-bottom:20px !important;
}

.mgn-B-03{
margin-bottom:30px !important;
}

.mgn-B-04{
margin-bottom:40px !important;
}


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

    Float Clearing
	
================================================================== */
#recommend-area .contents-container:after,
#news-area .contents-container:after,
#news-area .contents-container ul.list-style-02 li:after,
#news-area .contents-container:after,
dl.ranking-list li:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}