@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: 10px;
	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;
	margin-bottom:15px;
}

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

/*------------ ナビゲーション ------------*/
ul#gnav {
	width: 864px;
	height: 142px;
	text-indent: -9999px;
	margin: 0 auto;
	margin-bottom:15px;
}

ul#gnav li {
	float: left;
	width:91px;
	height: 142px;
	display: block;
	margin-right:19px;
}

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

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

/*------------ ナビゲーション（マウスOFF） ------------*/
ul#gnav li#gnav_01 a {
	background:url(../sai_img/nav/navi01_off.gif) no-repeat center top;
}

ul#gnav li#gnav_02 a {
	background:url(../sai_img/nav/navi02_off.gif) no-repeat center top;
}

ul#gnav li#gnav_03 a {
	background:url(../sai_img/nav/navi03_off.gif) no-repeat center top;
}

ul#gnav li#gnav_04 a {
	background:url(../sai_img/nav/navi04_off.gif) no-repeat center top;
}

ul#gnav li#gnav_05 a {
	background:url(../sai_img/nav/navi05_off.gif) no-repeat center top;
}

ul#gnav li#gnav_06 a {
	background:url(../sai_img/nav/navi06_off.gif) no-repeat center top;
}

ul#gnav li#gnav_07 a {
	background:url(../sai_img/nav/navi07_off.gif) no-repeat center top;
}

ul#gnav li#gnav_08 a {
	background:url(../sai_img/nav/navi08_off.gif) no-repeat center top;
}

/*------------ ナビゲーション（マウスON） ------------*/
ul#gnav li#gnav_01 a:hover {
	background:url(../sai_img/nav/navi01_on.gif) no-repeat center top;
}

ul#gnav li#gnav_02 a:hover {
	background:url(../sai_img/nav/navi02_on.gif) no-repeat center top;
}

ul#gnav li#gnav_03 a:hover {
	background:url(../sai_img/nav/navi03_on.gif) no-repeat center top;
}

ul#gnav li#gnav_04 a:hover {
	background:url(../sai_img/nav/navi04_on.gif) no-repeat center top;
}

ul#gnav li#gnav_05 a:hover {
	background:url(../sai_img/nav/navi05_on.gif) no-repeat center top;
}

ul#gnav li#gnav_06 a:hover {
	background:url(../sai_img/nav/navi06_on.gif) no-repeat center top;
}

ul#gnav li#gnav_07 a:hover {
	background:url(../sai_img/nav/navi07_on.gif) no-repeat center top;
}

ul#gnav li#gnav_08 a:hover {
	background:url(../sai_img/nav/navi08_on.gif) no-repeat center top;
}

/* フッターエリア --------------------------------*/
#footer{
	width:100%;
	height: 15px;
	text-align: center;
	font-size: 12px;
	color: #666666;
	border-bottom:4px solid #004ea1;
}
	
/* コンテンツ --------------------------*/	
#content {
	width: 864px;
	margin: 0 auto;
}

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

/* TOP画像 --------------------------*/	
#top_img {
	height: 410px;
}

#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: 130px;
	height: 200px;
	text-align: center;
	float: left;
}

.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;
}