/*
-----------------------------------------------
update:2007/07/30
----------------------------------------------- */

/*
===== CONTENTS =====

	1: layout
	2: parts
		: header
		: news
		: sub

	
====================
*/




/* 1: layout
----------------------------------------------- */


#index #header{
	position:relative;
	width:734px;
	margin:0px auto;
	padding:0px 0px 10px 0px;
	background-image:url(img/header-bg-line.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	text-align:left;
}


#index #contents{
	width:733px;
	background-image:none;
	text-align:left;
}

#main-img{
	text-indent:-9000px;
	background-image:url(img/07summer/home/main-img.jpg);
	width:732px;
	height:289px;
	margin-bottom:13px;
}
/*------------TOP用-------------*/
#main-img2{
	background-image:url(../../img/index/index_top.jpg);
	width:698px;
	height:307px;
	margin-bottom:13px;
}
div#randam{
	padding-top: 205px;
}
div.randam1{
	float: left;
	height: 89px;
	width: 225px;
	margin-left: 4px;
}
div.randam2{
	float: left;
	height: 89px;
	width: 225px;
	margin-left: 7px;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}
/*-------------------------*/
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#information{
	display: inline-block;
	width:733px;
}

#information:after{content: ".";display: block;height:0;clear:both;visibility: hidden;}


#news{
	width:434px;
	float:left;
}

#sub{
	width:284px;
	float:right;
}


/* 2: parts
----------------------------------------------- */


/*
===== menu =====
*/

#menu{
	display: inline-block;
	margin-bottom:20px;
}

#menu:after{content: ".";display: block;height:0;clear:both;visibility: hidden;}


#menu li{
	float:left;
}

#menu a{
	display:block;
	text-indent:-9000px;
	width:244px;
	height:73px;
}

#menu1 a{background-image:url(img/07summer/home/menu1.jpg);}
#menu2 a{background-image:url(img/07summer/home/menu2.jpg);}
#menu3 a{background-image:url(img/07summer/home/menu3.jpg);}

/*
===== news =====
*/

#news{
	width:434px;
	font-size:90%;
}

#news h2{
	width:434px;
	height:32px;
	text-indent:-9000px;
	margin-bottom:13px;
}

#special h2{background-image:url(img/07summer/home/n-special.gif);}
#recent h2{background-image:url(img/07summer/home/news.gif);}



/*----- special -----*/

#special{
	margin-bottom:20px;
}

#special li{
	color:#c90000;
	padding:2px 0px 2px 55px;
	margin-bottom:10px;
}

#special li a{
	color:#c90000;
	padding-left:7px;
}

#special .c39{background-image:url(img/07summer/home/s-1.gif);}
#special .c40{background-image:url(img/07summer/home/s-2.gif);}
#special .c41{background-image:url(img/07summer/home/s-3.gif);}

/*----- recent -----*/

#recent{
	position:relative;
}

.backnumber a{
	width:111px;
	height:18px;
	overflow:hidden;
	display:block;
	text-indent:-9000px;
	background-image:url(img/enpty.gif);
	position:absolute;
	top:4px;
	right:5px;
}

/** .news **/

.news{
	background-position:bottom;
	background-repeat:repeat-y;
	margin-bottom:15px;
}

#n-event{background-image:url(img/07summer/home/n-event-bg.gif);}
#n-report{background-image:url(img/07summer/home/n-report-bg.gif);}
#n-collect{background-image:url(img/07summer/home/n-collect-bg.gif);}

.news h3{
	width:433px;
	height:25px;
	text-indent:-9000px;
	overflow:hidden;
	margin-bottom:13px;
}

#n-event h3{background-image:url(img/07summer/home/n-event.gif);}
#n-report h3{background-image:url(img/07summer/home/n-report.gif);}
#n-collect h3{background-image:url(img/07summer/home/n-collect.gif);}

.news ul{
	margin:0px 16px 0px 16px;
	padding-bottom:10px;
}

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

.news li a{
	padding-left:10px;
}

.news li .new{
	background:url(img/07summer/home/icon-new.gif) right no-repeat;
	padding-right:30px;
}

/*
===== sub =====
*/

/*----- banner -----*/

.banner{
	background:url(img/07summer/home/b-bg.gif) bottom repeat-y;
	margin-bottom:20px;
}

.banner h2{
	width:284px;
	height:31px;
	text-indent:-9000px;
	overflow:hidden;
	margin-bottom:10px;
}

#osusume h2{ background-image:url(img/07summer/home/b-osusume.gif);}
#event h2{background-image:url(img/07summer/home/b-event.gif);}

.banner ul{
	padding:0px 0px 2px 10px;
}

.banner li{
	margin-bottom:3px;
}


/*----- link -----*/

#link li{
	margin-bottom:20px;
}

#link li a{
	width:284px;
	height:42px;
	text-indent:-9000px;
	display:block;
}

#l-1 a{background-image:url(img/07summer/home/l-jinji.gif);}
#l-2 a{background-image:url(img/07summer/home/l-link.gif);}



/*
=====  =====
*/