@charset "utf-8";


/* 【トップページ用スタイルシート】
------------------------------------------------------------- */




/* 基本スタイル
---------------------------------------------*/

#flash {
	width: 760px;
	height: 240px;
	border-bottom: 5px solid #F00900;
}


#t_prmry {
	float: left;
	width: 510px;
	height: 360px;
	margin: 5px 0 2px 0;
	background-color: #FFFFFF;
}


#t_p01 {
	float: left;
	width: 195px;
	height: 285px;
	margin: 5px 0 0 0;
	background-color: #FFFFFF;
}


#t_p02 {
	float: right;
	width: 310px;
	height: 285px;
	margin: 5px 0 0 0;
	background-color: #FFFFFF;
}




/* ソフトピア総合ポータルからのお知らせ用（↓）インフォ・ボックス */
p.infobox {
	width: 290px;
	height: 207px;
	padding: 8px;
	overflow: auto;
	overflow-x: hidden; /* ← Windows Internet Explorer対策　*/

	border: #999999 2px dotted;
}
/* ↑ http://allabout.co.jp/internet/hpcreate/closeup/CU20050922A/index.htm より */
/* ↑ Windows Explolere 対策は http://www.htmq.com/style/overflow-x.shtml　より  */


.infobox a {
	display: inline;
	text-decoration: none;
	color: #FF0000;
	font-weight: bold;
}

.infobox small {
	display: block;
	width: 278px;
	margin: 3px 0 0 0;
	padding: 2px 0 0 0;
	color: #707070;
	border-top: 1px solid #CCCCCC;
}






#t_scndry {
	float: right;
	width: 246px;
	margin: 5px 0; /* 上下方向にマージンを指定 */
	background-color: #FFFFFF;
}


#t_s01 {
	height: 254px;
	margin: 0;
	padding: 0; /* 上下方向にマージンを指定 */
	/*　background-image: url(../images/575back.gif);　*/
	background-color: #FFFFFF;
	border: #999999 2px dotted;
}





/* ナビゲーション
-----------------------------------------------------------*/
/* リストにおけるリンク画像の hover を用いた置換（↓）
　 主に http://css.webcreativepark.net/ir-visibility/　より
-----------------------------------------------------------*/


li{
	list-style-type:none; /* ← リストのマーカー（黒丸）を表示させないように指定 */
	width: 150px;
	height: 73px;
	float: left;
}
li img{
	border: 0;
}
li a{
	display: block;
	width: 100%; /* ← Windows Internet Explorer対策のため、ボックスの幅を指定。*/
	height: 57px;
}
li a:hover {
	background-color: transparent;
}
li a:hover img{
	visibility: hidden;
}




p img{
	border: 0;
}
p a{
	display: block;
	width: 100%; /* ← Windows Internet Explorer対策のため、ボックスの幅を指定。*/
	height: 40px;
}
p a:hover {
	background-color: transparent;
}
p a:hover img{
	visibility: hidden;
}