﻿@charset "utf-8";

/* --------------------------------------------------------------------

# Suparuberry Toppage CSS#

-------------------------------------------------------------------- */

#top_liner {
	margin-top:30px;
}

#top_pic {
	margin:5px;
	margin-top:-20px;
}

#top_comments {
	line-height:1.5em;
	width:295px;
	font-size:1em;
	margin-top:-230px;
	margin-left:280px;
}

#top_comments:first-letter {
   font-size: 270%;
   float: left;
   line-height: 1;
   background-color: #d70a2a;
   color: white;
   padding: 3px;
   margin-right: 3px;
}

#whats_new {
	width:550px;
	background-image:url('topimages/whats_title.png');
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:550px;
	height:72px;
	margin-top:50px;
	margin-left:19px;
}

#whatsNew_contents {
	width:550px;
	background-image:url('topimages/whatsnew_back.jpg');
	background-repeat:no-repeat;
	background-position:bottom;
	margin-bottom:30px;
	margin-left:19px;
}

#whats_dates {
	padding-left:30px;
	padding-top:20px;
	color:#d70a2a;
}

/*What's New Open*/

#open_title {
	padding-left:70px;
}

.open_text, .closing_text {
	padding-top:10px;
	padding-left:25px;
	padding-right:22px;
	line-height:1.5em;
}

.closing_text {
	margin-top:1em;
	padding-top:0;
}

#adds_notice {
    padding-left:25px;
    padding-right:22px;
	color:#eb6100;
	font-weight:bold;
	margin-top:1.5em;
}

#first_notice {
	margin-top:0.5em;
}

#closing_date {
	padding-left:25px;
	padding-right:22px;
	padding-bottom:30px;
	margin-top:1em;
	line-height:1.5em;
}

#closing_date dt {
	font-weight:bold;
	color:#199A63;
	float:left;
}

#closing_date dd {
	margin-left:5em;
}

.thumbnail_area {
	width:530px;
	margin-left:20px;
	padding-bottom:20px;
	padding-top:10px;
	overflow:auto;
}

.thumbnail_area img {
	padding-right:5px;
	margin-bottom:10px;
	border:0;
}

#whatsNew_contents h5 {
	padding-left:25px;
	margin-top:20px;
	color:#199A63;
}

.slide_caption {
	padding-left:25px;
	margin-top:3px;
}


/*2010.03.08*/

.front_txt {
	padding-right:60px;
	margin-top:0.5em;
	text-align:right;
}

.front_txt a:link {
	color:#333333;
	text-decoration:none;
}

.front_txt a:visited {
	color:#333333;
	text-decoration:none;
}

.front_txt a:hover {
	color:#FF0000;
	text-decoration:underline;
}

/*Gerart Explains*/

#ger_photo {
	float:left;
	margin-right:5px;
}

#thickbox_link {
	padding-top:1em;
	padding-right:35px;
	text-align:right;
}

#thickbox_link a {
	color:#333333;
	text-decoration:none;
}

#thickbox_link a:hover {
	color:#ff0000;
	text-decoration:underline;
}

#hiddenHeader {
	width:536px;
	height:34px;
	background-image:url('topimages/ger_header.png');
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-left:32px;
}

#ger_txt {
	margin-top:20px;
	font-size:1.2em;
	line-height:1.5em;
}

#ger_txt img {
	float:left;
	padding-right:10px;
}

#ger_places {
	clear:both;
	font-size:1.3em;
	color:#199a63;
	padding-top:20px;
}

#ger_selling {
	margin-left:15px;
	/*margin-top:1em;*/
}

#ger_selling li {
	font-size:1.2em;
	line-height:1.5em;
}

#ger_selling li a {
	text-decoration:none;
}

#ger_selling li a:hover {
	color:#ff0000;
	text-decoration:underline;
}

#ger_close {
	margin-top:10px;
	text-align:center;
}

table#ger_table {
	border-top: 1px solid #097c25;
	border-left: 1px solid #097c25;
	border-collapse: separate;
	margin-top:20px;
}

table#ger_table tr th,
table#ger_table tr td {
	border-right: 1px solid #097c25;
	border-bottom: 1px solid #097c25;
	padding: 5px;
	line-height: 1.5em;
}

table#ger_table tr th {
	background:#effee1;
	color:#097c25;
	font-weight:bold;
	width:5.5em;
}

p#ichiba_link {
	font-size:1.1em;
	margin-top:15px;
}

p#ichiba_link a:link,
p#ichiba_link a:visited {
	font-weight:bold;
	color:#199a63;
}

p#ichiba_link a:hover {
	color:#dd2222;
}

/*Movie Link*/

p.open_text a:link,
p.open_text a:visited {
   text-decoration:none;
   color:#333333;
}

p.open_text a:hover {
	text-decoration:underline;
	color:#ff0000;
}


/*Hack for Opera*/

@media screen and (min-width: 350px){


}