@charset "UTF-8";

/* ***************************************************
* CSS file For Weltec
	FileName: top.css
	data:2008/3.27 nishikawa

■目次 ==========================================
■[00]:コンテンツ
**************************************************** */

/*-----------------------------------------------------------
■[00]:コンテンツ
------------------------------------------------------------*/
div#imageContainer {
	position: relative;
	margin: auto;
	width: 718px; /*画像の横幅*/
	height: 246px;
}

	#imageContainer img {
	display:none;
	position:absolute;
	top:0;
	left:0;
}

div#Contents {
	width: 492px;
	float: left;
	margin-top: 6px;
}

div#Side_menu {
	width: 214px;
	text-align: left;
	float: right;
	margin-top: 6px;
}

div#Category_menu {
	float: left;
	width: 492px;
	margin: 8px 0 10px 0;
	height: 69px;
}

div#Category_menu img {
	width: 161px;
	float: left;
}

div#Category_menu img.Mg_c {
	margin: 0 4px;
}

div#Topic {
	margin: 0;
	clear: both;
}

div#Topic_bg {
	background: url(/img/top/topic_bg.gif) no-repeat left bottom;
	padding: 5px 0 15px 0;
}
	

div#Topic dl {
	border-bottom: 1px dotted #bab2af;
	width: 468px;
	float: left;
	margin: 5px 12px 3px;
	display: inline;
}

div#Topic dl dt {
	width: 85px;
	float: left;
	font-weight: bold;
}

div#Topic dl dd {
	width: 380px;
	float: right;
	text-align: left;
}

div#Message {
	background: url(/img/top/message_bg.gif) no-repeat left bottom;
	padding-bottom: 1px;
	margin-bottom : 10px;
}

div#Message p {
	margin: 5px 0 0 6px;
}

div#Mobile {
	width: 214px;
	float: left;
	margin: 0;
}

div#Mobile p {
	float: left;
	text-align: left;
	width: 142px;
	line-height: 14px;
}

div#Mobile p span {
	display: block;
	margin: 5px 0 5px 0;
}

div#Mobile p a {
	background: url(/img/top/other_menu_arrow.gif) no-repeat 0 6px;
	padding: 4px 0 0 13px;
	float: left;
	display: block;
	color: #666666;
	text-decoration: none;
}

div#Mobile p a#BBS { width: 45px; }
div#Mobile p a#Hair { width: 70px; }

div#Mobile p a:hover { color: #d44d24; }


div#Mobile img.QR {
	float: right;
	width: 67px;
}


div#Other {
	background: url(/img/top/line.gif) no-repeat left top;
	width: 214px;
	float: left;
	padding: 9px 0 7px 0;
}

div#Other a {
	background: url(/img/top/other_menu_arrow.gif) no-repeat 0 7px;
	padding: 3px 0 0 17px;
	width: 80px;
	float: left;
	display: block;
	color: #666666;
	text-decoration: none;
}

div#Other a:hover { color: #d44d24; }