@charset "UTF-8";

/*--------------------------------------------------------------*/
/* リンク
/*--------------------------------------------------------------*/

#main{
	padding-top: 140px;
}

#intro h2{
	position: absolute;
	width: 114px;
	height: 36px;
	top: 100px;
	left: 70px;
	z-index: 10;
}


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

#link{
	position: relative;
	padding: 35px 20px 0 50px;
	z-index: 15;
}

#design{
	width: 145px;
	height: 24px;
	margin-bottom: 30px;
	text-indent: -9999px;
	background-image: url(../img/link/head_design.png);
	background-repeat: no-repeat;
}

#searchengine{
	width: 181px;
	height: 21px;
	margin-bottom: 30px;
	text-indent: -9999px;
	background-image: url(../img/link/head_search.png);
	background-repeat: no-repeat;
}

#others{
	width: 53px;
	height: 16px;
	margin-top: 50px;
	margin-bottom: 30px;
	text-indent: -9999px;
	background-image: url(../img/link/head_others.png);
	background-repeat: no-repeat;
}

#about_link{
	width: 229px;
	height: 23px;
	margin-bottom: 30px;
	text-indent: -9999px;
	background-image: url(../img/link/about_link.png);
	background-repeat: no-repeat;
}

/* 左カラム */
#link div.left{
	position: relative;
	float: left;
	width: 275px;
	min-height: 590px;
	margin-right: 20px;
	padding-right: 15px;
	background-image: url(../img/link/border.png);
	background-repeat: repeat-y;
	background-position: right top;
}

#link div.left dl{
	margin-bottom: 65px;
	clear: both;
}

#link div.left dt{
	float: left;
	margin-right: 15px;
}

#link div.left dd{
	padding-left: 135px;
	font-size: 80%;
	line-height: 1.2em;
}

/* 中央カラム */
#link div.center{
	position: relative;
	float: left;
	width: 235px;
	min-height: 590px;
	margin-right: 15px;
	padding-right: 10px;
	background-image: url(../img/link/border.png);
	background-repeat: repeat-y;
	background-position: right top;
}

#link div.center dl{
	margin-bottom: 40px;
	clear: both;
}

#link div.center dt{
	float: left;
}

#link div.center dd{
	padding-left: 105px;
	font-size: 80%;
	line-height: 1.2em;
}

#link div.center #moosecafe dt{
	float: none;
	margin-bottom: 5px;
	text-align: center;
}

#link div.center #moosecafe dd{
	padding-left: 0;
	text-align: center;
}

/* 右カラム */
#link div.right{
	position: relative;
	float: right;
	width: 230px;
	margin-right: 15px;
}

#link div.right p{
	margin-bottom: 30px;
}

#link div.right p.desc{
	font-size: 85%;
	line-height: 1.3em;
}

#link div.right dl{
	margin-bottom: 30px;
}

#link div.right dt{
	width: 5em;
	color: #FFFFFF;
	font-size: 80%;
	text-align: center;
	background-color: #FF9900;
	float: left;
}

#link div.right dd{
	margin-bottom: 10px;
	padding-left: 5em;
}


#link div.right p.banner{ width: 234px; }
#link div.right p.banner img.large{ margin-bottom: 10px; }
#link div.right p.banner img.middle{ margin-right: 20px; }

#link div.right p.chara{
	width: 195px;
	 height: 171px;
	 text-indent: -9999px;
	 background-image: url(../img/link/link_chara.png);
	 background-repeat: no-repeat;
	 background-position: left top;
}


/*--------------------------------*/
/* ミニキャラ */
/*--------------------------------*/

#no349{ position: absolute; top: 0;		 	right: 13px; 	z-index: 97; }
#no284{ position: absolute; top: 500px;	 	right: -14px; 	z-index: 96; }
#no279{ position: absolute; bottom: -20px; 	left: 150px; 	z-index: 94; }
#no342{ position: absolute; top: -88px; 	right: 300px; 	z-index: 93; }


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