@charset "UTF-8";

/* Basic
------------------------------ */
* {margin:0; padding:0;}
html {margin:0; padding:0;}

a {
	text-decoration: none;
}
a:link {
	color:#ff00cc;
	text-decoration:none;
}
a:visited {
	color:#ff3399;
	text-decoration:none;
}
a:active {
	color:#ff00cc;
	text-decoration:underline;
}
a:hover {
	color:#ff00cc;
	text-decoration:underline;
}
.list{
	display:none;
}

h1,h2{
	font-size: x-small;
	font-weight: normal;
}
p,h3,h4{
	font-size: small;
	font-weight: normal;
}
.clear {
	clear: both;
	display: none;
	float: none;
}

/* Common_PAGELayout
------------------------------ */
#container {
	text-align: center;
	width: 980px;
	margin: 0px auto;
	min-height: 1em;
	display: inline-table;
	background: url(../images/base_02.gif) repeat-y center top;
}

#container:after
{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #container
{
	height: 1em;
}

#container
{
	display: block;
}

/**/

/* Spobra FOOTER
------------------------------ */
#spobra-footer {
	margin: 0px auto 20px;
	padding: 0px;
	clear: both;
	float: none;
	width: 980px;
}

#spobra-footer ol
{
	list-style-type: none;
	margin:0px;
	padding:0px;
}

#spobra-footer ol li
{
	float:left;
	display: block;
}

#spobra-footer ol li.top a
{
	float:left;
	padding: 0px;
	margin:0px;
	background:url(../images/base_03.gif) no-repeat;
	width:94px;
	height:71px;
}

#spobra-footer ol li.top a:hover
{
	background:url(../images/base-ov_03.gif) no-repeat;
}

#spobra-footer ol li.running a
{
	float:left;
	padding: 0px;
	margin:0px;
	background:url(../images/base_04.gif) no-repeat;
	width:146px;
	height:71px;
}

#spobra-footer ol li.running a:hover
{
	background:url(../images/base-ov_04.gif) no-repeat;
}

#spobra-footer ol li.graph a
{
	float:left;
	padding: 0px;
	margin:0px;
	background:url(../images/base_05.gif) no-repeat;
	width:150px;
	height:71px;
}

#spobra-footer ol li.graph a:hover
{
	background:url(../images/base-ov_05.gif) no-repeat;
}

#spobra-footer ol li.function a
{
	float:left;
	padding: 0px;
	margin:0px;
	background:url(../images/base_06.gif) no-repeat;
	width:123px;
	height:71px;
}

#spobra-footer ol li.function a:hover
{
	background:url(../images/base-ov_06.gif) no-repeat;
}

#spobra-footer ol li.merit a
{
	float:left;
	padding: 0px;
	margin:0px;
	background:url(../images/base_07.gif) no-repeat;
	width:141px;
	height:71px;
}

#spobra-footer ol li.merit a:hover
{
	background:url(../images/base-ov_07.gif) no-repeat;
}

#spobra-footer ol li.bust a
{
	float:left;
	padding: 0px;
	margin:0px;
	background:url(../images/base_08.gif) no-repeat;
	width:137px;
	height:71px;
}

#spobra-footer ol li.bust a:hover
{
	background:url(../images/base-ov_08.gif) no-repeat;
}

#spobra-footer ol li.beauty a
{
	float:left;
	padding: 0px;
	margin:0px;
	background:url(../images/base_09.gif) no-repeat;
	width:189px;
	height:71px;
}

#spobra-footer ol li.beauty a:hover
{
	background:url(../images/base-ov_09.gif) no-repeat;
}


#spobra-footer ol li.top2
{
	float:left;
	padding: 0px;
	margin:0px;
	background:url(../images/base-ov_03.gif) no-repeat;
	width:94px;
	height:71px;
}

#spobra-footer ol li.running2
{
	float:left;
	padding: 0px;
	margin:0px;
	background:url(../images/base-ov_04.gif) no-repeat;
	width:146px;
	height:71px;
}

#spobra-footer ol li.graph2
{
	float:left;
	padding: 0px;
	margin:0px;
	background:url(../images/base-ov_05.gif) no-repeat;
	width:150px;
	height:71px;
}

#spobra-footer ol li.function2
{
	float:left;
	padding: 0px;
	margin:0px;
	background:url(../images/base-ov_06.gif) no-repeat;
	width:123px;
	height:71px;
}

#spobra-footer ol li.merit2
{
	float:left;
	padding: 0px;
	margin:0px;
	background:url(../images/base-ov_07.gif) no-repeat;
	width:141px;
	height:71px;
}

#spobra-footer ol li.bust2
{
	float:left;
	padding: 0px;
	margin:0px;
	background:url(../images/base-ov_08.gif) no-repeat;
	width:137px;
	height:71px;
}

#spobra-footer ol li.beauty2
{
	float:left;
	padding: 0px;
	margin:0px;
	background:url(../images/base-ov_09.gif) no-repeat;
	width:189px;
	height:71px;
}


/* Attention & Lineup Area
------------------------------ */
#container #product {
	margin: 10px auto 0px;
	padding: 10px 0px 20px;
	width: 800px;
	text-align: center;
	background: url(../images/line800.gif) no-repeat center top;
	clear: both;
	float: none;
}

#container #attention {
	background: #fcdee0;
	margin: 10px 7px 10px 5px;
	padding: 7px 10px 10px;
	width: 175px;
	border: 1px solid #e60012;
	float: left;
}

* html #container #attention {
	background: #fcdee0;
	margin: 10px 0px;
	padding: 7px 10px 10px;
	width: 175px;
	border: 1px solid #e60012;
	float: left;
}

#container #attention h3 {
	font-size: 13px;
	line-height: 18px;
	font-weight:bold;
	color: #e60012;
	text-align: left;
	padding-bottom: 5px;
}

#container #attention p {
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	text-align: left;
	letter-spacing: 0.1em;
}

#container #sizenavi {
	margin: 10px 7px 10px 0px;
	padding: 0px;
	width: 290px;
	float: left;
}

* html #container #sizenavi {
	margin: 10px 0px;
	padding: 0px 0px 0px 10px;
	width: 290px;
	float: left;
}

#container #lineup {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	width: 290px;
	float: left;
}

* html #container #lineup {
	margin: 10px 0px;
	padding: 0px 0px 0px 10px;
	width: 290px;
	float: left;
}

#container #lineup h3 {
	padding: 140px 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:140px;
	width: 360px;
	background: url(../images/bnr_lineup_pic.gif) no-repeat center top;
}

#container #lineup .link a
{
	padding: 0px;
	margin:5px 0px 0px auto;
	background:url(../images/bnr_lineup_btn.gif) no-repeat;
	width:282px;
	height:40px;
	display: block;
}

#container #lineup .link a:hover
{ background:url(../images/bnr_lineup_btn.gif) no-repeat 0px 2px; 
}