@charset "UTF-8";

/* ***************************************************
* CSS file For seo.cyberstar.co.jp/
	FileName: top.css
	data:2008/012/10 kinoshita

■目次 ==========================================
■[00]:TOPだけcommon.cssを上書き↓
■[01]:ヘッダー

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

/*-----------------------------------------------------------
■[00]:TOPだけcommon.cssを上書き↓
------------------------------------------------------------*/


/*-----------------------------------------------------------
■[000]:レイアウト↓
------------------------------------------------------------*/
div#topCont{
	width: 746px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	z-index: 1;
	position:relative;
}

h2{
	margin: 20px 0px 5px 0px;
}

/*-----------------------------------------------------------
■[000]:メインビジュアル
------------------------------------------------------------*/
div.mainVisual{
	margin: 0px 0px 0px 0px;
}

div.mainVisualEyelush{
	width: 665px;
	height: 385px;
	background: url(/img/top/referer_eyelush.jpg) no-repeat;
	position: relative;
}
div.mainVisualEyelush ul{
	width: 240px;
	position: absolute;
	top: 263px;
	left: 7px;
}
div.mainVisualEyelush li{
	float: left;
	margin-right: 4px;
}

div.mainVisualNail{
	width: 665px;
	height: 385px;
	background: url(/img/top/referer_nail.jpg) no-repeat;
	position: relative;
}
div.mainVisualNail ul{
	width: 260px;
	position: absolute;
	top: 255px;
	left: 7px;
}
div.mainVisualNail li{
	float: left;
	margin-right: 5px;
}
/*-----------------------------------------------------------
■[000]:メニューボタン
------------------------------------------------------------*/
ul.topMenu{
	width: 665px;
	margin-top: 10px;
}

ul.topMenu li { float: left; font-size: x-small; line-height: 140%; }

ul.topMenu li.bt01 a { width: 155px; height: 37px; margin: 0px 1px 5px; padding: 92px 4px 0px; background: url(/img/top/top_menu01.jpg) no-repeat; color: #666; text-decoration: none; display: block;}
ul.topMenu li.bt01 a:hover{ background: url(/img/top/top_menu01_on.jpg) no-repeat; display: block;}

ul.topMenu li.bt02 a { width: 155px; height: 37px; margin: 0px 1px 5px; padding: 92px 4px 0px; background: url(/img/top/top_menu02.jpg) no-repeat; color: #666; text-decoration: none; display: block;}
ul.topMenu li.bt02 a:hover{ background: url(/img/top/top_menu02_on.jpg) no-repeat; display: block;}

ul.topMenu li.bt03 a { width: 155px; height: 37px; margin: 0px 1px 5px; padding: 92px 4px 0px; background: url(/img/top/top_menu03.jpg) no-repeat; color: #666; text-decoration: none; display: block;}
ul.topMenu li.bt03 a:hover{ background: url(/img/top/top_menu03_on.jpg) no-repeat; display: block;}

ul.topMenu li.bt04 a { width: 155px; height: 37px; margin: 0px 1px 5px; padding: 92px 4px 0px; background: url(/img/top/top_menu04.jpg) no-repeat; color: #666; text-decoration: none; display: block;}
ul.topMenu li.bt04 a:hover{ background: url(/img/top/top_menu04_on.jpg) no-repeat; display: block;}

ul.topMenu li.bt05 a { width: 155px; height: 37px; margin: 0px 1px 5px; padding: 92px 4px 0px; background: url(/img/top/top_menu05.jpg) no-repeat; color: #666; text-decoration: none; display: block;}
ul.topMenu li.bt05 a:hover{ background: url(/img/top/top_menu05_on.jpg) no-repeat; display: block;}

ul.topMenu li.bt06 a { width: 155px; height: 37px; margin: 0px 1px 5px; padding: 92px 4px 0px; background: url(/img/top/top_menu06.jpg) no-repeat; color: #666; text-decoration: none; display: block;}
ul.topMenu li.bt06 a:hover{ background: url(/img/top/top_menu06_on.jpg) no-repeat; display: block;}

ul.topMenu li.bt07 a { width: 155px; height: 37px; margin: 0px 1px 5px; padding: 92px 4px 0px; background: url(/img/top/top_menu07.jpg) no-repeat; color: #666; text-decoration: none; display: block;}
ul.topMenu li.bt07 a:hover{ background: url(/img/top/top_menu07_on.jpg) no-repeat; display: block;}

ul.topMenu li.bt08 a { width: 155px; height: 37px; margin: 0px 1px 5px; padding: 92px 4px 0px; background: url(/img/top/top_menu08.jpg) no-repeat; color: #666; text-decoration: none; display: block;}
ul.topMenu li.bt08 a:hover{ background: url(/img/top/top_menu08_on.jpg) no-repeat;display: block; }

/*-----------------------------------------------------------
■[000]:バナー
------------------------------------------------------------*/
ul.topBanner{
	width: 665px;
	margin: 10px 0px 0px 0px;
}
ul.topBanner li{
	float: left;
	margin: 0px 0px 0px;
}

/*-----------------------------------------------------------
■[000]:ベーネについて
------------------------------------------------------------*/
p.about{
	margin: 15px 0px 0px 0px;
}