/*
top.css━━━━━━━━━━━━━━━━━━━━━━━━━━━━

 Copyright (C) 2007 Matatabix. All Rights Reserved.
 http://www.matatabix.net/
	
━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/

@import url("navi.css");

html	{
	height:100%;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #3B3E39;
	height: 100%;
	font-size: 0.8em;
	background-image:url(http://www.matatabix.net/0519/img/common/share_back.gif);
	background-position:center;
	background-repeat:repeat-y;
}

a:link {
	color: #000000;
	text-decoration: underline;
}

a:visited {
	color: #000000;
	text-decoration: underline;
}

a:hover {
	color: red;
	text-decoration: underline;
}

.linkrev a:link {
 color: #ffffff;
	font-weight:bold;
	text-decoration: underline;
}

.linkrev a:visited {
	font-weight:bold;
 color: #ffffff;
	text-decoration: underline;
}

.linkrev a:hover {
	font-weight:bold;
 color: #FFCC66;
}

h1,h2,h3,h4,dl,dt,dd {
	margin: 0px;
	padding: 0px;
}

p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}


/* Common Setting */

div#wrapper	{
	margin:0px auto 0px auto;
 width:770px;
	height:100%;
	min-height:100%;
	padding:0px 20px 0px 20px;
	background-color:#ECEBD4;
}

body > #wrapper {
 height: auto;
}

#header-left-box {
	float: left;
	width:	395px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#header-right-box {
	padding-top: 15px;
	text-align: right;
}

.cr {
	clear:left;
}

#footer{
 bottom:0px;
 width:770px;
	padding-bottom:30px;
	text-align: center;
	line-height:1.9em;
	background-color:#ECEBD4;
}

#copyright	{
	font-size:80%;
	color:#777777;
	font-family: Verdana,	Arial, Helvetica, sans-serif;
}

#f-line	{
	padding:6px 0px 10px 0px;
}

#f-lineup	{
	padding:0px 0px 10px 0px;
}

#f-linebottom	{
	padding:13px 0px 10px 0px;
}

/* Top Page Setting */

#left-container	{
	float:left;
	width:468px;
}	

#right-container	{
	float:right;
	width:287px;
}	

.img-main {
	margin-top:10px;
	margin-bottom: 15px;
}

.img-header {
	margin-bottom: 10px;
}

.img-header2 {
	margin:10px 0;
}

.super-container {
	padding: 9px;
	width: 750px;
	margin-bottom: 20px;
	float: left;
	border-top: 1px solid #CAC891;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #CAC891;
}

.super_left_box {
	float: left;
	width: 130px;
	margin-right: 25px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

.super_right_box {
	width: 130px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.super_left_box p.thumb130bg,
.super_right_box p.thumb130bg	{
	background:url(../img/top/bg_130thumb.gif) no-repeat;
	padding-bottom:12px;
}

.rec-container {
	width: 130px;
	margin-right: 25px;
}

.super_name {
	font-weight: bold;
	margin-bottom: 4px;
}

.super_cap {
	line-height: 1.3em;
}

.bt_ga {
	margin-top: 10px;
}

#topics-box {
	width:448px;
	padding:9px;
	border-top: 1px solid #CAC891;
	border-right:1px solid #FFFFFF;	
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #CAC891;
	margin:0px 0px 20px 0px;
	float:left;
}

#today-reco	{
	float:left;
	width:97px;
}

.img-border	{
	border:none;
}

.ichioshi-cap	{
font-weight:bold;
margin:0;
padding:0;
}

#topics	{
	width:344px;
	float:right;
}

#topics-box ul	{
	margin:0;
	padding:0;
	list-style:none;
}

.date {
	color:#4E5942;
	font-weight: bold;
	margin-right: 0.5em;
}

.topics-nomargin {
	margin-bottom: -10px;
}

.topics-li {
	margin-bottom: 10px;
}

#contribute-container {
	padding: 9px;
	width: 448px;
	float: left;
	border-top: 1px solid #CAC891;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #CAC891;
	margin-bottom:20px;
}

.contri_box1 {
	float: left;
	width: 219px;
	padding: 0px;
	margin-bottom: 15px;
}

.contri_box2 {
	float: left;
	width: 219px;
	padding: 0px;
	margin-bottom: 10px;
	padding-right:5px;
}
.contri_thumb	{
	float:left;
	width:90px;
	padding-right:0px;
}

.contri_name	{
	float:right;
 width:121px;
}

#contributes	{
 float: left;
 width: 448px;	
	padding: 0px;	
	margin: 0;
}

.reco2-container	{
	width:448px;
	padding:9px;
	margin-bottom:20px;
	border-top:1px solid #CAC891;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-left: 1px solid #CAC891;
	float:left;
}

.reco2-left-box	{
	float:left;
	width:97px;
	margin-right:20px;
}

.reco2-right-box	{
	float:left;
	width:97px;
	margin:0;
	padding:0;
}

.reco2-row1	{
	margin-bottom:20px;
	float:left;
	width:448px;
}

.reco2-row2	{
	float:left;
	width:448px;
}

.cap	{
	color:#666633;
	font-size:0.8em;
}

.reco1-container {
	padding: 9px;
	width: 267px;
	float: left;
	border-top: 1px solid #CAC891;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #CAC891;
	margin-bottom:20px;
}

.reco1_box1	{
	margin-bottom:12px;
	float:left;
	width:267px;
}

.reco1_box2	{
	float:left;
	width:267px;
}

.reco1_thumb	{
	float:left;
	width:130px;
	padding-right:8px;
	background:url(../img/top/bg_130thumb.gif) no-repeat;
	padding-bottom:12px;
}

.reco1_name	{
	float:right;
 width:129px;
}

.picknew-container	{
	width:448px;
	padding:9px;
	margin-bottom:5px;
	border-top:1px solid #CAC891;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-left: 1px solid #CAC891;
	float:left;
}

.picknew_box1 {
	float: left;
	width: 216px;
}

.picknew_box2 {
	float: right;
	width: 216px;
}

.picknew_title	{
	padding:5px 5px 5px 7px;
	border-top:solid 1px white;
	border-left:solid 1px white;
	background:url(../img/new_bg.gif) bottom no-repeat;
	margin-bottom:7px;
}

.picknew_title a:link {
	color: #ffffff;
	font-weight:bold;
	text-decoration: underline;
}

.picknew_title a:visited {
	font-weight:bold;
	color: #ffffff;
	text-decoration: underline;
}

.picknew_title a:hover {
	font-weight:bold;
	color: #9be676;
}


.picknew_thumb	{
	float:left;
	padding-right:7px;
	border:none;
}

.bana-cr	{
	clear:both;
	margin-bottom:20px;
}

#review-container {
	padding: 14px;
	width: 257px;
	float: left;
	border-top: 1px solid #CAC891;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #CAC891;
	margin-bottom:20px;
}

.rev_name	{
	padding:6px 4px 3px 8px;
	background-image:url(../img/rev_bg.jpg);
}

.rev_cap	{
	line-height:1.2em;
	margin:5px 0px 15px 0px;
}

.rev_cap2	{
	line-height:1.2em;
	margin:5px 0px 0px 0px;
}

.search_field {
	width: 260px;
}

.search-container {
	padding: 9px;
	width: 448px;
	float: left;
	border-top: 1px solid #CAC891;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #CAC891;
	margin-bottom:20px;
}

form	{
	margin:0;
	padding:0;
}

.em-text	{
	font-size:1.2em;
	font-weight:bold;
}

.exp-site	{
	line-height:1.2em;
	margin-top:2px;
	margin-bottom:14px;
}

.read-ul	{
	margin:0;
	padding:0px 0px 0px 12px;
	list-style: square;
	list-style-position:outside;
}

#today-recomen	{
	padding:7px 9px;
	width: 448px;
	background-color:#ecebd4;
	float: left;
	margin-bottom: 10px;
	border-top: 1px solid #CAC891;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #CAC891;
}

.linkreco a:link {
 color: #FFF;
	text-decoration: underline;
}

.linkreco a:visited {
 color: #FFF;
	text-decoration: underline;
}

.linkreco a:hover {
 color: #FFCC66;
}

#reco-ffbox	{
 width:auto;
 margin:0 auto;
 padding:0;
}

.bana-ff	{
 margin-right:0.3em;
 vertical-align:middle;
}

.newarr-container {
	padding: 9px;
	width: 267px;
	float: left;
	border-top: 1px solid #CAC891;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #ecebd4;
	margin-bottom:20px;
}

.flv-cap	{
	color:#666633;
	text-align:center;
	margin:0.5em 0 10px 0;
}

.hidden	{
	display:none;
}

#pastcon-container	{
	width:316px;
	padding:5px 5px 2px 125px;
	float:left;
	margin:15px 0 0 0;
	background:url(../img/common/bg_pick.gif) #f5f5e9 no-repeat;
	border:dashed 1px #cac891;
}

#pastcon-container ul	{
	margin:0;
	padding:0;
	list-style:none;
}

#pastcon-container ul li	{
	float:left;
	padding-left:8px;
}

.picknew_box1 div,.picknew_box2 div	{
	margin-top:5px;
}

#now-on	{
	float:left;
	width:100%;
	text-align:center;
}

/*
-------------------------
Rotation Banner
------------------------- */

#box1,#box2	{
	position:absolute;
}

#box1 span,#box2 span	{
	display:block;
	float:left;
}

.mask0	{
	position:relative;
	width:448px;
	height:83px;
	overflow:hidden;
	margin:0 auto;
}	

#box1 span img,#box2 span img	{
	display:block;
	border:none;
}

/*
-------------------------
Media Player
------------------------- */

#mediaplayer	{
	margin-bottom:15px;
}

#mediaplayer dd	{
	padding-top:5px;
	text-align:center;
	font-size:0.9em;
}