@charset "Shift_JIS";

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

	base css

-------------------
	INDEX
-------------------
	1. main
	
	2. topics
	
	3. box
	
	4. info 
	
===========================================================*/

/* 1. main
===========================================================*/
#index #main {
	padding: 5px 7px 5px 10px;
	width: 540px;
}


/* 2. topics
===========================================================*/
#index #topics {
	margin-top: 10px;
	margin-bottom: 15px;
	margin-right: 3px;
}

	/* h3
	---------------------------------------*/
	#index #topics h3 {
		position: relative;
		width: 537px;
		height: 32px;
	}
	
	#index #topics h3 span {
		position: absolute;
		right: 10px; bottom: 5px;
		font-size: 77%;
		letter-spacing: 0.1em;
	}
	
	/* ul
	---------------------------------------*/
	#index #topics ul {
		padding: 10px 20px 10px 15px;
		border-right: solid 1px #ffb637;
		border-bottom: solid 1px #ffb637;
		border-left: solid 1px #ffb637;
	}
	
	#index #topics li {
		padding-left: 12px;
		background: url(../images/share/pointer.gif) no-repeat 0 0.4em;
		margin-bottom: 0.3em;
		line-height: 1.4em;
	}
	
	#index #topics li span {
		color: #FF0000;
		font-size: 85%;
		font-weight: bold;
	}
	
	

/* 3. box
===========================================================*/	
#index .box {
	margin: 21px 0;
}

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

#index .box {
  min-height: 1%;
}

* html #index .box {
  height: 1%;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}	

	/* ul
	---------------------------------------*/
	#index .box ul {
		margin-top: 5px;
	}
	
	#index .box li {
		float: left;
		display: inline;
		margin-right: 3px;
		margin-bottom: 4px;
	}
	
	/* ad
	---------------------------------------*/
	#index .box .ad {
		width: 267px;
	}
	
	#index .box .ad img {
		float: left;
		display: inline;
		margin-right: 5px;
	}
	
	#index .box .ad p {
		font-size: 85%;
		line-height: 1.1em;
		float: left;
		display: inline;
		width: 141px;
		margin-top: 1px;
		margin-bottom: 4px;
	}


/* 4. info
===========================================================*/	
#index #info {
	margin-top: 37px;
}

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

#index #info {
  min-height: 1%;
}

* html #index .box {
  height: 1%;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

	/* ul
	---------------------------------------*/	
	#index #info li {
		float: left;
		display: inline;
		margin-right: 3px;
		margin-bottom: 4px;
	}