@charset "utf-8";

/*-----------------------------------------------------
サブページ共通のindex CSS
-----------------------------------------------------*/

/*-----------------------------------------------------
container
-----------------------------------------------------*/

#container {
	width: 860px;
	margin: 130px auto 0 auto;
	padding: 25px 20px 30px 20px;
	position: relative;
	z-index: 0;
}

#container_seihin {
	background: url(../img/seihin_menu_main_back.gif) no-repeat left top;
	width: 860px;
	margin: 0 auto 0 auto;
	padding: 25px 20px 30px 20px;
	position: relative;
	z-index: 0;
}

/*-----------------------------------------------------
content
-----------------------------------------------------*/

#content {
	float: right;
	width: 635px;
}

#content h1 {
	padding-bottom: 20px;
}

#content h2 {
	background: url(../../common/img/h2_blue_title.jpg) no-repeat left top;
	color: #FFF;
	width: 670px;
	height: 26px;
	font-size: 14px;
	padding: 8px 0 0 20px;
	margin-bottom: 20px;
}

/*-----------------------------------------------------
side
-----------------------------------------------------*/

#side {
	float: left;
	width: 196px;
}

#side #side_banner {
	width: 196px;
	padding: 0 0 15px 0;
}

#side #side_banner li a {
	display: block;
	width: 196px;
	height: 65px;
	margin: 0 0 3px 0;
	padding: 0;
}

#other_banner {
	width: 196px;
	padding: 0 0 15px 0;
}

#product_lineup {
	width: 196px;
}

#product_lineup ul li {
	width: 196px;
	height: 60px;
	margin: 0 0 5px 0;
	padding: 0;
}

#product_lineup h3 a {
	display: block;
	background: url(../img/bn_product.jpg) no-repeat left top;
	width: 196px;
	height: 42px;
	text-indent: -9999px;
	margin: 0 0 6px 0;
	padding: 0;
}

#product_lineup h3 a:hover {
	background: url(../img/bn_product_h.jpg) no-repeat left top;
}


/*-----------------------------------------------------
pankuzu
-----------------------------------------------------*/

#pankuzu {
	position: absolute;
	left: 20px;
	top: 0px;
	font-size: 14px;
}

#pankuzu ul li {
	float: left;
}

#pankuzu .pan_home {
	background: url(../img/pankuzu.gif) no-repeat right center;
	padding: 0 18px 0 0;
	margin: 0 12px 0 0;
}

#pankuzu .pan_home a {
	color: #244D8A;
	text-decoration: none;
}

#pankuzu .pan_home a:hover {
	color: #FF6600;
	text-decoration: underline;
}

#pankuzu .pan_second {
	background: url(../img/pankuzu.gif) no-repeat right center;
	padding: 0 18px 0 0;
	margin: 0 12px 0 0;
}

#pankuzu .pan_second a {
	color: #244D8A;
	text-decoration: none;
}

#pankuzu .pan_second a:hover {
	color: #FF6600;
	text-decoration: underline;
}

#pankuzu .pan_third {
	background: url(../img/pankuzu.gif) no-repeat right center;
	padding: 0 18px 0 0;
	margin: 0 12px 0 0;
}

#pankuzu .pan_third a {
	color: #244D8A;
	text-decoration: none;
}

#pankuzu .pan_third a:hover {
	color: #FF6600;
	text-decoration: underline;
}

/*-----------------------------------------------------
pankuzu 製品トップ用
-----------------------------------------------------*/

#pankuzu_top {
	position: absolute;
	left: 20px;
	top: 55px;
	font-size: 14px;
}

#pankuzu_top ul li {
	float: left;
}

#pankuzu_top .pan_home {
	background: url(../img/pankuzu.gif) no-repeat right center;
	padding: 0 18px 0 0;
	margin: 0 12px 0 0;
}

#pankuzu_top .pan_home a {
	color: #244D8A;
	text-decoration: none;
}

#pankuzu_top .pan_home a:hover {
	color: #FF6600;
	text-decoration: underline;
}

#pankuzu_top .pan_second {
	background: url(../img/pankuzu.gif) no-repeat right center;
	padding: 0 18px 0 0;
	margin: 0 12px 0 0;
}

#pankuzu_top .pan_second a {
	color: #244D8A;
	text-decoration: none;
}

#pankuzu_top .pan_second a:hover {
	color: #FF6600;
	text-decoration: underline;
}

#pankuzu_top .pan_third {
	background: url(../img/pankuzu.gif) no-repeat right center;
	padding: 0 18px 0 0;
	margin: 0 12px 0 0;
}

#pankuzu_top .pan_third a {
	color: #244D8A;
	text-decoration: none;
}

#pankuzu_top .pan_third a:hover {
	color: #FF6600;
	text-decoration: underline;
}
