@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------------
  LINK
-----------------------------------------------*/

#container {
	width: 820px;
	margin: 0 auto;
}
.inner {
	padding-left: 8px;
	padding-right: 20px;
}
/* LINK */
h1.link{
	text-indent: -9999px;
	background: url(../img/link/title_link.jpg) top left no-repeat;
	width: 820px;
	height: 60px;
}
/* */
.linkBox .contents {
	width: 106px;
	height: 126px;
	margin-right: 13px;
	float: left;
	margin-bottom: 13px;
}
.linkBox .contents_end {
	width: 106px;
	height: 126px;
	margin-right: 0;
	float: left;
	margin-bottom: 13px;
}

.linkBox .thumbnail {
	
}
/* rollver*/
.linkBox {
        position:relative;
        margin: 0;
        padding: 0;
        height:126px;        /*背景画像と同じ高さ。指定しないとIE ではテキストが右によってしまう*/
}

/*リスト内の a 要素に対して一括して指定*/

.linkBox a {
	display: block;
	width: 106px;        /*背景画像と同じ幅*/
	height: 126px;       /*背景画像と同じ高さ*/
	text-decoration:none;
	color: #666;
	background-repeat: no-repeat;
}

.linkBox img {
	margin: 2px;
}
/*リスト内の a 要素に対して背景画像を個別指定*/

.linkBox a {
    background: url(../img/link/frame.gif) no-repeat;
}


/*リスト内の a:hover に対して共通指定*/

.linkBox a:hover {
    background: url(../img/link/frame_r.gif) no-repeat;
}

/* em 内のテキストを下へ移動させる*/

.linkBox a em {
	display: block;
	font-style: normal;
	margin-top: 3px;
}
.linkBox a:hover em {
	display: block;
	text-decoration: underline;
	cursor: pointer;        /* IE のために、カーソルをポインタに指定*/
}