@charset "utf-8";

/*////////////////////////////////////////////////////////////

	[link.css]
	
  1. image replacement
	2. content
	3. main
	4. sidebar
	
////////////////////////////////////////////////////////////*/

/*------------------------------------------------------------

	1. image replacement

------------------------------------------------------------*/
div#main ul li {
	text-indent: -9999px;
	overflow: hidden;
}

/*------------------------------------------------------------

	2. content

------------------------------------------------------------*/
div#content {
	background: #FFF url(../img/bottom-link.gif) no-repeat center bottom;
}

/*------------------------------------------------------------

	2. main

------------------------------------------------------------*/
div#main h2#index01 {
	background: #FFF url(../img/index1.jpg) no-repeat left top;
}

div#main a {
	color: #DC468D;
}

div#main a:hover {
	color: #F7D7E5;
}

div#main th {
	background-color: #F7D7E5;
	border-color: #EFA5C5;
}

div#main td {
	background-color: #FFF;
	border-color: #EFA5C5;
}

div#main ul.box {
	list-style: none;
	width: 510px;
	height: 140px;
	margin: 100px 60px 0 75px;
}

div#main ul.box li {
	float: left;
	width: 140px;
	height: 140px;
	margin: 0 30px 0 0;
}

div#main ul.box li a {
	display: block;
	width: 140px;
	height: 140px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

div#main ul.box li.mynavi a {
	background-image: url(../img/mynavi.jpg);
}

div#main ul.box li.entry2010 a {
	background-image: url(../img/entry2010.jpg);
}

div#main ul.box li.sksp a {
	background-image: url(../img/sksp.jpg);
}

div#main ul.box li a:hover {
	background-position: 0 -140px;
}

/*------------------------------------------------------------

	4. sidebar

------------------------------------------------------------*/
div#content div#sidebar ul ul li a:hover {
	color: #DC468D;
}

div#content div#sidebar ul ul li em {
	background-color: #F7D7E5;
}