@charset "utf-8";

img {
	border: 0px;
}

/* 背景用 */
#hybtop_bg1 {
	background-image:url(../top_images/bg1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align:center;
	_padding-left:-1px;		/* IE背景1pxズレのハック */
}
#hybtop_bg2 {
	background-image:url(../top_images/bg2.gif);
	background-repeat: repeat-x;
}
#hybtop_bg3 {
	background-image:url(../top_images/bg3.gif);
	background-repeat: repeat-y;
	background-position: center;
	_padding-left:1px;		/* IE背景1pxズレのハック */
}


/* ウィンドウを小さくしていった時に背景画像のみずれていく動作に対処 */
#hybtop_bg3b {
	background-image:url(../top_images/bg3.gif);
	background-repeat: repeat-y;
	background-position: center;
	margin-left:auto;
	margin-right:auto;
	width: 900px;
	margin-left:auto;
	margin-right:auto;
}



/* コンテンツベース900px領域 */
#hybtop_box0 {
	/* ウィンドウを小さくしていった時に背景画像のみずれていく動作に対処 */
	background-image:url(../top_images/bg1.jpg);
	background-repeat: no-repeat;
	background-position: center top;

	width: 900px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

/* メインFlash領域 */
#hybtop_flash {
	width: 900px;
	height: 341px;
	padding: 51px 0px 13px 0px;
}


/* 左領域 */
#hybtop_left {
	float: left;
	width: 681px;
}
/* 右領域 */
#hybtop_right {
	float: right;
	width: 204px;
	margin-top:1px;
	padding: 1px 1px 0px 0px;
}
#hybtop_right li {
	float:left;
	font-size:1px;
}


#hybtop_right a img{
	filter:alpha(opacity=100); 
    -moz-opacity: 1.0; 
    opacity: 1.0;
}

#hybtop_right a:hover img{
	filter:alpha(opacity=70); 
    -moz-opacity: 0.7; 
    opacity: 0.7;
}



/* スペシャルコンテンツボタン */
#hyb_sp {
	height: 65px;
	padding-left: 3px;
	padding-bottom: 17px;
	float:left;
}
#hyb_sp li {
	float:left;
	font-size:1px;
	padding-left: 14px;
}
#typer_txt {
	width: 356px;
	height: 29px;
	float: right;
	padding: 24px 0px 0px 10px;
}
#typer_mail {
	width: 164px;
	float: right;
	_padding-top: 10px;
}



/* Webカタログ */
#hyb_webcata li {
	height: 26px;	/* Firefoxですき間が空くため高さの指定 */
	float:left;
	font-size:1px;
}

/* 購入サポート */
#hyb_support li {
	height: 24px;	/* Firefoxですき間が空くため高さの指定 */
	float:left;
	font-size:1px;
}

/* ニュース */
#hyb_news {
	float:left;
	width: 417px;
	padding: 30px 0px 0px 20px;
}
#hyb_news ul {
	width: 392px;
	_width: 406px;
	height: 120px;
	margin: 15px 10px 0px 0px;
	overflow: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}	
#hyb_news li {
	padding-bottom:8px;
	padding-top: 2px;
}


/* ランキング */
#hyb_ranking {
	width: 215px;
	float:right;
	padding-top: 30px;
	padding-right: 20px;
}
#hyb_ranking .grade1 {
	margin-top: 3px;
	background-image: url(../top_images/rank1.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 14px;
}
#hyb_ranking .grade2 {
	margin-top: 3px;
	background-image: url(../top_images/rank2.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 14px;
}
#hyb_ranking .grade3 {
	margin-top: 3px;
	background-image: url(../top_images/rank3.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 14px;
}




/* スペシャルコンテンツ */
#sp_cont {
	width: 641px;
	_width: 681px;
	float: left;
	padding: 20px 20px 0px 20px;
}
/*#sp_cont .ba {
	float:left;
	padding-right: 5px;
	padding-bottom: 2px;
	margin: 0px;
	padding-top: 0px;
	padding-left: 0px;
}
#sp_cont .bar {
	float:right;
	padding-right: 0px;
	padding-bottom: 2px;
}
#sp_cont .c {
	margin: 0px;
	padding: 0px;
	clear: both;
}*/

#sp_cont li {
	float:left;
	padding-right: 2px;
	padding-bottom: 2px;
}


/* インフォメーション */
#hyb_info {
	float:left;
	width: 423px;
	_width: 443px;
	padding: 25px 0px 0px 20px;
}
#hyb_info li {
	float:left;
	width: 206px;
	padding-right: 4px;
	padding-bottom: 3px;
}


/* 関連情報 */
#hyb_kanren {
	float:right;
	width: 215px;
	_width: 235px;
	padding: 25px 20px 0px 0px;
}
#hyb_kanren li {
	width: 206px;
	padding-bottom: 3px;
}



/* 関連リンク */
#civic_links {
	background-image: url(../top_images/links_bg.gif);
	height: 62px;
	width: 191px;
	_height: 102px;
	_width: 204px;
	padding: 40px 0px 0px 13px;
}




div#finishCopy {
	background:#ddd;
}

div#finishCopy p{
	margin:0 auto;
	padding:0;
	width:888px;
	_width:100%;
	padding:5px;
	font-size:12px;
	text-align:center;
	color:#f00;
}


table.kensaku{	
	background:url(../image-index/kensaku_bg.gif) no-repeat;
	margin-bottom:20px;
}

table.kensaku td{
padding:0;
height:26px;
}

div.finish {
	position:relative;
}

div.finish ul {
	position: absolute;
	right: 0;
	top:14px;
	font-size:12px;
}

div.finish ul a {
	color:#1275a8;
}

div.finish ul a:visited {
	color:#1275a8;
}