@charset "UTF-8";

/* toｐページ用　(基本構造はbase.css内)
------------------------ */

#baner {
	display:block;
	border :solid 1px #e8dfc5 ;
	margin :0px 0px 22px 0px ;
	padding: 1px; }

/* メイン画像横ナビベーション構造　------ */

#side {
	display:block;
	width: 245px;
	margin :0px 0px 0px 0px ;
	padding: 0px; }

#side a:hover{
	opacity: 0.6; 
	filter:Alpha(opacity=60); }

#side a { display:block; margin :0px 0px 8px 0px ; }
#side a.download { display:block; margin :0px 0px 4px 0px ; }
#side a.calender { display:block; margin :21px 0px 8px 0px ; }

/* -- タイトル各種------ */

article h2 {display:block; position:absolute; left:-9999em; }


section.gallery h3,
section.step h3,
section.news h3 {
	display:block;
	background-repeat: no-repeat;
	background-position: 3px 0px;
	border-bottom: 1px dashed #dfdddd;
	text-indent: -9999em;
	width: 660px;
	height: 28px;
	margin : 0px 0px 15px 0px;
	padding: 0px;}

section.gallery h3 { background-image: url(image/title_gallery.gif); }
section.step h3 {background-image: url(image/title_step.gif); }
section.news h3 {background-image: url(image/title_news.gif); margin : 0px 0px 7px 0px; }


/* -- ギャラリー ------ */

section.gallery {
	display:block;
	padding: 0px;
	margin : 15px 0px 35px 0px; }

section.gallery ul {
	display:block;
	list-style: none;
	width: 710px;
	margin : 0px 0px 0px -50px;
	padding: 0px 0px 0px 0px;}

section.gallery ul li {
	display:inline;
	list-style: none;
	width: 305px;
	margin : 0px 0px 0px 50px;
	padding: 0px;
	float:left; }

section.gallery li a {
	background-color:#dcdbda;
	border : 1px solid #eeeded;
	margin : 0px 10px 0px 0px;
	padding: 3px;
	float:left;}


/* -- 3ステップ ------ */

section.step {
	display:block;
	padding: 0px;
	margin : 0px 0px 40px 0px; }

section.step ul {
	display:block;
	list-style: none;
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 10px 23px;}

section.step li {
	display:inline;
	list-style: none;
	float:left; }


section.step li h4 a{
	display:block;
	background-image: url(image/3step.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999em;
	border-bottom: none;
	height: 160px;
	margin : 0px 0px 0px 0px;
	padding: 0px;}

section.step li.tow h4 a{ background-position: -206px 0px;}
section.step li.three h4 a { background-position: -423px 0px;}


section.step li.tow h4 a{
	display:block;
	background-position: -206px 0px;
	text-indent: -9999em;
	border-bottom: none;
	width: 189px;
	margin : 0px;
	padding: 0px;}

section.step li.one {
	width: 181px;
	margin : 0px 0px 0px 0px;
	padding: 0px; }

section.step li.tow {
	width: 181px;
	margin : 0px 40px 0px 22px;
	padding: 0px; }
	
section.step li.three {
	width: 186px;
	margin : 0px 0px 0px 0px;
	padding: 0px; }	
	

section.step li.one p {
	margin : -10px 0px 0px 13px;
	padding: 0px;}


section.step li.tow p {
	margin : -10px -10px 0px 20px;
	padding: 0px;}

section.step li.three p {
	margin : -10px 0px 0px 18px;
	padding: 0px;}



/* -- トップ新着 ------ */

section.news {
	display:block;
	position:relative;	
	padding: 0px;
	margin : 0px; }

section.news ul {
	display:block;
	margin :0px;
	padding: 0px 10px 10px 5px;
	list-style: none;}

section.news li {
	display:block;
	margin :0px;
	padding: 8px 0px 0px 0px;
	clear: both; }

section.news li span{
	display:block;
	width: 85px;
	float: left;
	clear: left;
	padding: 0px;
	margin : 0px;
	letter-spacing: 0px;}

section.news li a{
	display:inline;
	float: left;
	padding: 0px;
	margin : 0px; }


section.news a.rss {
	display:block;
	background-image: url(image/rss.gif);
	text-indent: -9999em;
	width: 72px;
	height: 18px;
	position:absolute; top:6px; left:588px;	}

section.news a.news_list {
	display:block;
	background-image: url(image/news_list.gif);
	text-indent: -9999em;
	width: 61px;
	height: 18px;
	position:absolute; top:6px; left:523px; }
	
.baner1
{
width:200px;
height:auto;
float:left;
margin-right:10px;
}

#clear
{
clear:left;
}


/*トップ商品ラインナップ*/
.lineup_both{
	float:left;
	width:210px;
	padding:0px 0px 15px 0px;
}
.lineup_center{
	float:left;
	padding:0px 15px 15px 15px;
}