@charset "euc-jp";
/* CSS Document */

html {
	height: 100%;
	background: url(../sai_img/bg_header.gif) repeat-x center top;
}

body {
	height: 100%;
	font-size: 12px;
	color: #585657;
	line-height: 1.2;
	background: url(../sai_img/header.gif) no-repeat center top;
}

table{
	font-size: 12px;
}

form {
	margin: 0;
	padding: 0;
}

img,fieldset {
	border: 0;
}


h5{
	color :#103675;
	font-size: 22px;
	margin-left: 17px;
	margin-bottom: 20px;
}

h6{
	color:#666666;
	margin: 5px;
	font-size: 16px;
	font-family: "�ͣ� �����å�", "Osaka������";
}

/* �ڡ������� */
* html #page {
	height: 100%;
}

div#page {
	width: 950px;
	margin:0 auto;
	min-height: 95%;
}

body > #page {
	height: auto;
}

div#main {
	padding-bottom: 30px;
}

/* �إå������ꥢ -------------------------------*/
#header{
	text-align: center;
	background: url(../sai_img/header.gif) no-repeat center top;
	width:950px;
	height:77px;
	margin-bottom:15px;
}

#header a{
	text-indent: -5000px;
	width: 100%;
	height: 100%;
	display: block;
}

#top #header{
	/*height: 100px;*/
}

#top_fb{
	padding-left:45px;
	padding-bottom:10px;
}

/*------------ �ʥӥ�������� ------------*/
ul#gnav {
	margin: 0 auto;
	margin-bottom:20px;
	padding-left:19px;
}

ul#gnav li {
	float: left;
}

ul#gnav li.last {
	margin-right:0px;
}

ul#gnav li a {
	width:100%;
	height: 100%;
	display: block;
}

/*------------ �ʥӥ��������ʥޥ���OFF�� ------------*/

/*------------ �ʥӥ��������ʥޥ���ON�� ------------*/

ul#gnav li a:hover img {
	/*
	filter: alpha(opacity=7);
	-moz-opacity:0.7;
	opacity:0.7;
	*/
}

/* �եå������ꥢ --------------------------------*/
#footer{
	width:100%;
	height: 15px;
	text-align: center;
	font-size: 12px;
	color: #666666;
	border-bottom:4px solid #004ea1;
}
	
/* ����ƥ�� --------------------------*/	
#content {
	width: 900px;
	margin: 0 auto;
}

#main {
	width: 864px;
	margin: 0 auto;
}

/* TOP���� --------------------------*/	
#top_img {
	width: 864px;
	margin: 0 auto;
}

#top_img .t_right {
	text-align:right;
	color:#277abc;
	font-size:10px;
	padding-top:2px;
}

/* TOP��� --------------------------*/	
#top_img ul li {
	position: absolute;
	filter: alpha(opacity=30); /*IE*/
	-moz-opacity: 0.30; /*FF*/
	opacity: 0.30;
}

#top_img a {
	display: block;
	text-indent: -9999px;
}

#top_img a:hover {
	background-color: #FFFFFF;
	filter: alpha(opacity=75); /*IE*/
	-moz-opacity: 0.75; /*FF*/
	opacity: 0.75;
}

#top_img ul li#top_01,
#top_img ul li#top_01 a {
	width: 296px;
	height: 222px;
}

#top_img ul li#top_02,
#top_img ul li#top_02 a {
	width: 155px;
	height: 111px;
	top: 222px;
	left: 141px;
}

#top_img ul li#top_03,
#top_img ul li#top_03 a {
	width: 180px;
	height: 222px;
	left: 432px;
}

#top_img ul li#top_04,
#top_img ul li#top_04 a {
	width: 141px;
	height: 111px;
	top: 222px;
}

#top_img ul li#top_05,
#top_img ul li#top_05 a {
	width: 123px;
	height: 130px;
	top: 188px;
	left: 595px;
}

#top_img ul li#top_06,
#top_img ul li#top_06 a {
	width: 212px;
	height: 130px;
	left: 612px;
}

#top_img ul li#top_07,
#top_img ul li#top_07 a {
	width: 163px;
	height: 110px;
	top: 222px;
	left: 432px;
}

#top_img ul li#top_08,
#top_img ul li#top_08 a {
	width: 105px;
	height: 130px;
	top: 188px;
	left: 718px;
}

/* ���ʰ��� --------------------- */
.pro_list{
	width: 122px;
	height: 280px;
	text-align: center;
	float: left;
}

.pro_inner{
	height: 240px;
}

.pro_list_img{
	width: 110px;
	height: 110px;
	background-color: #EDEDED;
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
}

/* ���ʾܺ� --------------------- */

#pict {
	float:left;
	width: 420px;
	margin-right: 30px;
	padding-bottom: 5px;
	_padding-bottom: 2px;
	text-align: center;
	position: relative;
	background: url(../img/sh.jpg) no-repeat center bottom;
}

#pict #pro_pic .pro_pic_img{
	border: 1px solid #CCCCCC;	
}

#pict #pro_pic{
}

#detail{
	float:left;
	width:300px;
	
}

#detail .pro_code{
	font-size:15px;
	color:#333333;
	padding-left: 5px;
}

#detail .price{
	color:#595959;
	font-size:25px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:bolder;
}

#detail .cbox{
	float: left;
	display: block;
	text-decoration: none;
	border: 1px solid #CCCCCC;	
	width:30px;
	height:30px;
	margin-right: 5px;
}
#detail .sbox {
	float: left;
	display: block;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	width: 30px;
	height: 20px;
	margin-right:5px;
	margin-bottom: 5px;
	padding-left:7px;
	padding-right:7px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	line-height:20px;
	color:#585657;
	background-color:#EEEEEE;
}

#detail #syousai{
	margin-top:15px;
	padding:10px;
	border: 1px solid #CCCCCC;
	overflow:auto;
	height:160px;
}
#detail #bikou{
	margin-top:15px;
	padding:10px;
	border: 1px solid #CCCCCC;
	overflow:auto;
	height:70px;
}

#zoom{
	margin:0px;
	padding:0px;
	position: absolute;
	bottom: 15px;
	left: 320px;
}

/* ---------------------------- */
#next_back {
	width: 850px;
	clear: both;
	margin: 0 auto;
	padding: 20px 0;
}

#demo{
	width:760px;
	overflow:hidden;
	margin:0 auto;
}