/* -------------------------------------------------------
CSS Information

Site URL:	http://www.
File name:	main.css(http://)
Created:	2008-09-09
Author:		HiromiC

Order of description

	- Search Key "__" + "id Name or Class Name"

/__Default style clear
/__container	(div#container)
	/__header	(div#header)
		/__logo	(div#header h1)
		/__Global Navigation	(g-navigation.css)
		/__topSWF	(div#header object)
	/__content	(div#content)
		/__sub-content	(div#sub)
		/__main-content	(div#main)
	/__footer	(div#footer)

-------------------------------------------------------- */


/* -----------------------------------------------------
 __Default style clear
-------------------------------------------------------- */
*{
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}


body {
	font-family: "meiryo", "Osaka", "Verdana", "Arial", "sans-serif";
	font-size: 80%;
	line-height: 1.6em;
	background-color: #CBC4AF;
}

li {
	list-style-type: none;
}

img {
	border: 0;
}

table {
	border: 0;
}

a {
	text-decoration: none;
}

.hide {
	display: none;
}

br.clear {
	clear: both;
}


/* -----------------------------------------------------
 __container
-------------------------------------------------------- */
#container {
	width: 938px;
	margin: 15px auto 0px;
}



/* -----------------------------------------------------
 __header
-------------------------------------------------------- */
#header {
	height: 115px;
	margin-bottom: 15px;
}


/*  __logo
--------------------------------------------------------*/
#header h1 {
	float: left;
	width: 938px;
	margin: 15px 0px;
}



/* -----------------------------------------------------
 __topSWF
-------------------------------------------------------- */
#swf {
	float: left;
	margin: 0px 0px 15px 0px;
	background-color: #000000;
}



/* -----------------------------------------------------
 __Topic Path
-------------------------------------------------------- */
#topic_path {
	margin-bottom: 10px;
	background-color: #8D8786;
	width: 938px;
	height: 25px;
	float: left;
}

#topic_path p {
	text-indent: 10px;
	padding-top: 2px;
	padding-bottom: 5px;
	color: #CBC4AF;
}

#topic_path a {
	color: #CBC4AF;
}

#topic_path a:hover {
	color: #E8E1CA;
}





/* -----------------------------------------------------
 __content
-------------------------------------------------------- */
#content {
	clear: both;
	width: 938px;
	margin-bottom: 10px;
}

#content h2 {
	float: left;
	margin-bottom: 10px;
	height: 45px;
}

#content h2.title-img {
	float: left;
	margin-bottom: 10px;
	height: 339px;
}


/* __sub-content
--------------------------------------------------------*/
#sub {
	width: 333px;
	float:left;
}

#sub h2 {
	margin: 0px;
}

#sub p {
	margin: 20px 10px 0px 10px;
}

/*-- hot-news --*/
#hot_news {
	width: 313px;
	height: 288px;
	padding: 6px;
	background-color: #9E9B9D;
	margin-bottom: 8px;
}

#hot_news iframe {
	height: 220px;
	width: 280px;
	border: none;
}

/*-- banner --*/
#banner {
	padding: 0px;
	width: 325px;
	margin-bottom: 8px;
}

#banner-short {
	padding: 0px;
	width: 325px;
	margin-bottom: 8px;
}

/*-- banner rollover --*/
#banner-short a {
	display: block; 
	width: 325px; 
	height: 105px;
	background-repeat:no-repeat;
}

#banner-short a img {
	width: 325px; 
	height: 105px;
	border: none;
}

#banner-short a:hover {
	background-color: #000000;
}

#banner-short a:hover img {
	visibility: hidden;
}

/*--#banner-short a.banner2 {	background-image: url(../img/banner02-on.gif);	}--*/
#banner-short a.banner3 {	background-image: url(../img/banner03-on.jpg);	}




/* __main-content
--------------------------------------------------------*/
#main {
	width: 605px;
	float:left;
}

/*-- rollover --*/
#main_img a {
	display: block; 
	width: 605px; 
	height: 218px;
	background-repeat:no-repeat;
	margin-bottom: 8px;
}

#main_img a img {
	width: 605px; 
	height: 218px;
	border: none;
}

#main_img a:hover {
	background-color: #000000;
}

#main_img a:hover img {
	visibility: hidden;
}

#main_img a.top1 {	background-image: url(../img/product001-on.jpg);	}
#main_img a.top2 {	background-image: url(../img/product002-on.jpg);	}
#main_img a.top4 {	background-image: url(../img/product004-on.jpg);	}
#main_img a.top6 {	background-image: url(../img/product006-on.jpg);	}



/* -----------------------------------------------------
 __footer
-------------------------------------------------------- */
#footer {
	clear: both;
	width: 938px;
	float: right;
	padding-top: 25px;
}

#footer p {
	color: #686261;
	text-align: center;
	font-size: 80%;
}

#footer a {
	color: #686261;
}

#footer a:hover {
	color: #686261;
	text-decoration: underline;
}

#footer p.pgotop {
	text-align: right;
	padding-bottom: 15px;
}