@charset "UTF-8";

/* ***************************************************
* CSS file For cyberstar.jp/
	FileName: top.css
	data:2009/01/26 nishikawa

■目次 ==========================================
■[00]:大枠↓
■[01]:コンテンツ↓
**************************************************** */

/*-----------------------------------------------------------
■[00]:大枠
------------------------------------------------------------*/

/* -------------------------[00]:WinIE用/透過pngの適用 */
.iepngfix {
	behavior: url(/iepngfix.htc);
}


body { background: url(/img/index/bg.jpg) no-repeat 0 0; }

div#Container {
	width: 774px;
	float: left;
	background: url(/img/index/bg_line.gif) no-repeat 0 0;
}

/******* ヘッダー *******/
div#Header {
	float: left;
	width: 774px;
	height: 121px;
}

div#Header h1 {
	float: right;
	width: 400px;
	margin: 0 24px 0 0;
	display: inline;
}

div#Header img {
	float: left;
	width: 306px;
}

/******* メニュー *******/

div#Menu {
	width: 405px;
	float: left;
	margin: 36px 0 0 24px;
	clear: both;
	display: inline;
}

div#Menu img {
	margin: 0 0 5px 0;
}

div#Menu a {
	display: block;
	margin: 0 0 20px 0;
}

div#Menu a img {
	margin: 0;
	height: 50px;
	width: 404px;
}




/******* サブメニュー *******/
div#SubMenu {
	width: 235px;
	float: right;
	margin: 248px 30px 0 0;
	display: inline;
}

div#SubMenu img {
	float: right;
}



div#Wrapper {
	width: 660px;
	float: left;
	/* position: absolute; */
	/* margin-left: 30px; */
}

div#Contents {
	width: 630px;
	float: left;
	margin-left: 30px;
	display: inline;
}

div#Side {
	position: absolute;
	top: 97px;
	left: 660px;
	/* float: left; */
}

/******* フッター *******/
div#Footer {
	background: url(/img/index/bg_footer.gif) no-repeat left bottom;
	float: left;
	width: 774px;
	padding: 34px 0 0 0;
	color: #666;
	font-size: 10px;
	line-height: 14px;
}

div#Mobile {
	float: left;
	width: 530px;
}

div#Mobile img {
	margin: 0 0 0 24px;
	float: left;
}

div#Mobile dl {
	background: url(/img/index/line.gif) repeat-x left top;
	float: left;
	width: 506px;
	padding:0 0 12px 24px;
}

div#Mobile dl dt {
	width: 93px;
	float: left;
}

div#Mobile dl dt img {
	margin: 9px 0 9px 0;
	float: none;
}

div#Mobile dl dd {
	width: 413px;
	float: left;
}

div#Mobile dl dd p {
	margin: 8px 10px 0 13px;
}

div#Mobile dl dd img {
	margin: 9px 0 0 0;
	float: none;
}

/******* お問い合わせ *******/
div#Contact {
	background: url(/img/index/line.gif) repeat-x left top;
	float: left;
	width: 214px;
	margin: 43px 0 0 0;
}


div#BtnContact {
	padding: 17px 0 0 0;
	
}

div#BtnContact img {
	margin: 0 0 0 9px;
}

div#Address{
	background: url(/img/index/line.gif) repeat-x 0px 54px;
	width: 214px;
}

div#Address img {
	margin: 8px 0 0 9px;
}

div#FooterLink {
	clear: both;
	padding: 68px 0 12px 20px;
	float: left;
	text-align: right;
	width:754px;
}

div#FooterLink img {
	margin: 0 45px 10px 0;
	/* float: right; */
}

div#FooterLink ul {
	float: right;
	width: 724px;
	margin: 0 30px 0 0;
}

div#FooterLink ul li {
	background: url(/img/index/heart.gif) no-repeat 0 2px;
	padding: 0 12px 0 15px;
	float: right;
	letter-spacing: 1px;
}

div#FooterLink ul li a:link { color: #fff; text-decoration: none; }
div#FooterLink ul li a:visited { color: #fff; text-decoration: none; }
div#FooterLink ul li a:hover { color: #fff; text-decoration: underline; }