﻿@charset "utf-8";

*{
	color: #666666;
}

html body{
	visibility: visible;
}

#container{
	padding-bottom: 45px !important;
}

#contents{
	background: transparent;
	padding-top: 0 !important;
}

#contents .inner{
	width: 820px;
	margin: 0;
}


#main-visual{
	width: 820px;
	height: 280px;
	padding-bottom: 1em;
}



/*------------------------------------------------------------
*	index-menu
-------------------------------------------------------------*/

#index-menu{
	width: 820px;
	text-align: center;
	padding-bottom: 18px;
}

#index-menu .inner{
	width: 806px;
	margin: 0 auto;
	text-align: left;
}

#index-menu ul{}

#index-menu li{
	width: 266px;
	float: left;
	margin-right: 4px;
}

#index-menu li{
	font-size: 0;
	line-height: 0;
}

#index-menu li.index-menu-last{
	margin: 0;
}



/*------------------------------------------------------------
*	index-contents
-------------------------------------------------------------*/

#index-contents{
	width: 820px;
	text-align: center;
	padding-bottom: 2em;
}

#index-contents .inner{
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

#index-contents .index-contents-alpha{
	float: left;
	width: 530px;
}

#index-contents .index-contents-beta{
	float: right;
	width: 262px;
}

#index-contents .index-contents-alpha h3{
	width: 530px;
	padding-bottom: 3px;
	background: #ffffff url(../img/category_bar.gif) repeat-x bottom left;
}



/*--------------------
*	news-div
----------------------*/

#news-div{
	padding-bottom: 40px;
}

#news-div .news-article{
	background: #ffffff url(../img/category_bar2.gif) repeat-x bottom left;
	padding: 1em 0;
}

#news-div dl dt{
	clear: left;
	float: left;
	width: 6em;
	color: #B10000;
}

*html #news-div dl dt{
	width: 5.2em;
}


#news-div dl dd{
	margin-left: 6em;
	color: #666666;
}

*html #news-div dl dd{
	margin-left: 5.2em;
}

#news-div a:link{
	text-decoration: underline;
}

#news-div a:visited{
	text-decoration: underline;
}

#news-div a:hover	{
	text-decoration: none;
}

#news-div a:active	{
	text-decoration: underline;
}


/*--------------------
*	related-div
----------------------*/

#related-div{}
	

#related-div ul{
}

#related-div li{
	width: 160px;
	height: 64px;
	margin-right: 19px;
	float: left;
	padding-top: 9px;
}
#related-div li.related-banner-last{
	margin-right: 0;
}
.related-banners img{
	margin: 0;
	padding: 0;
	border: 0;
}




/*--------------------
*	recommended-div
----------------------*/

#recommended-div{
	width: 262px;
}

#recommended-div h3{
	width: 262px;
	margin-left: 3px;
	padding-bottom: 3px;
	background: #ffffff url(../img/category_bar.gif) repeat-x bottom left;
}

#recommended-div li{
	background: #ffffff url(../img/recommended_bar.gif) no-repeat bottom;
	padding: 0.8em 0;
}


#recommended-div .rec-img{
	width: 58px;
	float: left;
}

#recommended-div .rec-txts{
	float: right;
	width: 200px;
}

#recommended-div .rec-txts .rec-category{
	font-size: 0.8em;
	color: #B10000;
}

#recommended-div .rec-txts .rec-category a{
	color: #B10000;
}

#recommended-div .rec-txts .rec-title{
	color: #6E8496;
	font-weight: bold;
}

#recommended-div .rec-txts .rec-title a{
	color: #6E8496;
}


#recommended-div .rec-txts .rec-description{
	font-size: 0.8em;
}

#recommended-div .rec-txts a{
	text-decoration: none;
}


/*--------------------
*	maxellshop-div
----------------------*/

#maxellshop-div{
	width: 262px;
}

#maxellshop-div h3{
	width: 262px;
	margin-left: 3px;
	padding-bottom: 3px;
	background: #ffffff url(../img/category_bar.gif) repeat-x bottom left;
}

#maxellshop-div li{
	background: #ffffff url(../img/recommended_bar.gif) no-repeat bottom;
	padding: 0.8em 0;
}


#maxellshop-div .rec-img{
	width: 58px;
	float: left;
}

#maxellshop-div .rec-txts{
	float: right;
	width: 200px;
}

#maxellshop-div .rec-txts .rec-category{
	font-size: 0.8em;
	color: #B10000;
}

#maxellshop-div .rec-txts .rec-category a{
	color: #B10000;
}

#maxellshop-div .rec-txts .rec-title{
	color: #6E8496;
	font-weight: bold;
}

#maxellshop-div .rec-txts .rec-title a{
	color: #6E8496;
}


#maxellshop-div .rec-txts .rec-description{
	font-size: 0.8em;
}

#maxellshop-div .rec-txts a{
	text-decoration: none;
}



/*--------------------
*	other
----------------------*/

.kidzania{}
.kidzania .inner{
	width: 100%;
}
.kidzania .inner p{
	font-size: 85%;
	color: #A9A9A9;
	margin-left: 0.5em;
	float: right;
}

.kidzania .inner p a:link{
	color: #A9A9A9;
	text-decoration: none;
}

.kidzania .inner p a:visited{
	color: #A9A9A9;
	text-decoration: none;
}

.kidzania .inner p a:hover	{
	color: #A9A9A9;
	text-decoration: none;
}

.kidzania .inner p a:active	{
	color: #A9A9A9;
	text-decoration: none;
}