@charset "utf-8";
/* CSS Document */
/*--information---------------------------------------------------------
Last update　07/12/18
File name stadium.css
Site name SUMORI COMPANY
Summary uTopvŎgpĂ܂B
Copyright Copyright (C) 2007 SUMORI COMPANY. All Rights Reserved.
-------------------------------------------------------------------------*/

h3 {
	width: 600px;
	height: 65px;
	text-indent: -9999px;
	background: url(../images/h3_syouhin.gif) no-repeat left top;
}

div#lineup,
div#others {
	width: 560px;
	height: auto;
	border: solid 1px #999999;
	padding: 20px 19px 0px;
	margin-bottom: 20px;
}

div#lineup h4 {
	width: 560px;
	height: 30px;
	text-indent: -9999px;
	background:url(../images/h4_title01.gif) no-repeat left top;
	margin-bottom: 20px;
}

div#lineup ul {
	list-style: none;
}
div#lineup ul li,
div#lineup ul li a {
	width: 186px;
	height: 249px;
	background-repeat: no-repeat;
}
div#lineup ul li {
	text-indent: -9999px;
	float: left;
	margin-right: 1px;
	margin-top: 10px;
}
div#lineup ul li a {
	display: block;
	overflow: hidden;
}
div#lineup ul li#m_main01,
div#lineup ul li#m_main01 a {
	width: 278px;
	height: 186px;
	margin-right: 3px;
	background-image: url(../images/hugel01.jpg);
}
div#lineup ul li#m_main01 a:hover {
	background-position: -280px 0px; 
}
/*div#lineup ul li#m_main02,
div#lineup ul li#m_main02 a {
	background-image: url(../images/liebli01.jpg);
}
div#lineup ul li#m_main02 a:hover {
	background-position: -280px 0px; 
}*/
div#lineup ul li#m_main03,
div#lineup ul li#m_main03 a {
	width: 278px;
	height: 186px;
	background-image: url(../images/wald01.jpg);
}
div#lineup ul li#m_main03 a:hover {
	background-position: -280px 0px; 
}
/*div#lineup ul li#m_main04,
div#lineup ul li#m_main04 a {
	background-image: url(../images/ziegel01.jpg);
}
div#lineup ul li#m_main04 a:hover {
	background-position: -280px 0px; 
}*/
/*div#lineup ul li#m_main01,div#lineup ul li#m_main01 a,
div#lineup ul li#m_main02,div#lineup ul li#m_main02 a,
div#lineup ul li#m_main03,div#lineup ul li#m_main03 a {
	background-image: url(../images/shohin.jpg);
}
div#lineup ul li#m_main01 {background-position: 0 -249px;}
div#lineup ul li#m_main01 a {background-position: 0 0;}
div#lineup ul li#m_main01 a:hover {background-position: 0 -249px;}
div#lineup ul li#m_main02 {background-position: -186px -249px;}
div#lineup ul li#m_main02 a {background-position: -186px 0;}
div#lineup ul li#m_main02 a:hover {background-position: -186px -249px;}
div#lineup ul li#m_main03 {background-position: -372px -249px; margin-right: 0;}
div#lineup ul li#m_main03 a {background-position: -372px 0;}
div#lineup ul li#m_main03 a:hover {background-position: -372px -249px;}*/

div#lineup ul li#m_main05,
div#lineup ul li#m_main05 a {
	width: 560px;
	height: 368px;
	background-image: url(../images/shoujiki.jpg);
	background-position: left top;
	float: none;
}
div#lineup ul li#m_main05 {
	text-indent: -9999px;
	margin: 20px 0px 0;
}
div#lineup ul li#m_main05 a {
	display: block;
	overflow: hidden;
	margin: 0;
}
div#lineup ul li#m_main05 a:hover {
	background-position: -0 -372px; 
}
div#lineup ul li#m_main06 {
	width: 560px;
	height: 274px;
	background-image: url(../images/ooyane.jpg);
	background-position: 0 0;
	float: none;
	position: relative;
	margin: 10px 0px 0;
}
div#lineup ul li#m_main06:hover {
	background-position: left -274px;
}
div#lineup ul li#m_main06 p {
	width: 248px;
	height: 173px;
	position: absolute;
	top: 88px;
	text-indent: -9999px;
}
div#lineup ul li#m_main06 p a {
	width: 248px;
	height: 173px;
	background-image: url(../images/ooyane.jpg);
	display: block;
	overflow: hidden;
}
div#lineup ul li#m_main06 p.first {
	left: 18px;
	background-position: -18px -362px;
}
div#lineup ul li#m_main06 p.first a {background-position: -18px -88px;}
div#lineup ul li#m_main06 p.first a:hover {background-position: -18px -362px;}
div#lineup ul li#m_main06 p.last {
	left: 289px;
	background-position: -289px -362px;
}
div#lineup ul li#m_main06 p.last a {background-position: -289px -88px;}
div#lineup ul li#m_main06 p.last a:hover {background-position: -289px -362px;}


div#others h4 {
	width: 560px;
	height: 30px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
}
div#others h4#title01 {
	background-image:url(../images/h4_title02.gif);
}
div#others h4#title02 {
	background-image:url(../images/h4_title03.gif);
	margin-top: 20px;
}
div#others img {
	margin: 20px 0px;
}


.clear {
	clear: both;
	height: 12px;
	line-height: 0;
}


