<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "Shift_JIS";
@import "reset.css";

html{
	height: 100%;
}

body{
	min-width: 100%;
	height: 100%;
	font-size: 95%;/*変更箇所*/
	font-family: "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "MS P ゴシチEけ", verdana, sans-serif;
}

/*全体構造*/

#container{
	width: 914px;	
	position: relative;
	height: auto !important;/*IE6対策*/
	height: 100%;
	min-height: 100%;
	margin: auto;
	line-height: 1.5em;
	background-image: url(../image/0_background.gif);
	background-repeat: repeat-y;
	background-position: center;
}

#header,#wrap,#footer{
	width: 910px;
	margin: 0 2px 0 2px;
}

#wrap{
	overflow: hidden;/*高さ固定。ないとフッターが重なる。*/
	padding: 10px 10px 45px 10px;/*フッターの高さ指定*/
}

#footer{
	height: 25px;
	min-height: 25px;/*IEで文字サイズを最大にした際に、min-heightにしておくと25px以上に自動調整される。*/	
	position: absolute;
	bottom: 0px;
}

.clearfix:after {/*floatの解除、ここがポイント*/
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	content: ".";
}

.clearfix {
	min-height: 1px; /*IE6、7対策*/
}

*html .clearfix{
	height: 1px;
	/*\*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}

/*ヘッダー*/
#title{
	float: left;
	padding: 10px 0 0 10px;
}

#topadd{
	float: right;
	padding: 12px 10px 0 0;
	text-align: right;
	font-size: 13px;
}

#topadd p{
	padding: 0 0 5px 0;
	line-height: 1.5em;
}

/*メインメニュー*/
#menu{
	width: 912px;
	margin: 0 1px 10px 1px;
}

#menu ul{
	width: 100%;
}

#menu li{
	float: left;
	height: 50px;
}

#menu li a{
	display: block;
	overflow: hidden;
	height: 0px;
	background-image: url(../image/0_menu.gif);
	padding-top: 50px;
}

#m1 a{
	width: 128px;
	background-position: 0 0;
}

#m2 a{
	width: 135px;
	background-position: -128px 0;
}

#m3 a{
	width: 126px;
	background-position: -263px 0;
}

#m4 a{
	width: 135px;
	background-position: -389px 0;
}

#m5 a{
	width: 124px;
	background-position: -524px 0;
}

#m6 a{
	width: 127px;
	background-position: -648px 0;
}

#m7 a{
	width: 137px;
	background-position: -775px 0;
}

#m1 a:hover{
	width: 128px;
	background-position: 0 50px;
}

#m2 a:hover{
	width: 135px;
	background-position: -128px 50px;
}

#m3 a:hover{
	width: 126px;
	background-position: -263px 50px;
}

#m4 a:hover{
	width: 135px;
	background-position: -389px 50px;
}

#m5 a:hover{
	width: 124px;
	background-position: -524px 50px;
}

#m6 a:hover{
	width: 127px;
	background-position: -648px 50px;
}

#m7 a:hover{
	width: 137px;
	background-position: -775px 50px;
}

#o1 a{
	width: 128px;
	background-position: 0 50px;
}

#o2 a{
	width: 135px;
	background-position: -128px 50px;
}

#o3 a{
	width: 126px;
	background-position: -263px 50px;
}

#o4 a{
	width: 135px;
	background-position: -389px 50px;
}

#o5 a{
	width: 124px;
	background-position: -524px 50px;
}

#o6 a{
	width: 127px;
	background-position: -648px 50px;
}

#o7 a{
	width: 137px;
	background-position: -775px 50px;
}

/*トップ情報部*/

#move{
	width: 889px;
	height: 229px;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	margin: 0 0 15px 0;
}

#new,#others{
	width: 890px;
	margin: 0 0 15px 0;
}

#newseihin,#newoshirase{
	width: 440px;
}

#newseihin,.wrapper{
	float: left;
}

#counter img{
	padding: 10px 0 0 0;
}

.wrapper{
	margin: 0 0 0 479px;
}

.audio_button{
	padding: 5px 0 0 55px;
	height:45px;
	background-image: url(../image/on_button.gif);
	background-repeat: no-repeat;
}

.play .audio_button{
	background-image: url(../image/off_button.gif);
}

#newoshirase,#counter{
	float: right;
}

#newtitle,#newinfo{
	border-width: 1px;
	border-style: solid;
	border-color: black;
}

#newtitle{
	letter-spacing: 0.3em;
	padding: 9px 0 1px 10px;
	color: white;
	background-color: #3301a9;
}

#newinfo{
	width: 418px;
	height: 119px;
	margin: -1px 0 0 0;
	padding: 3px 10px 0 10px;
	overflow: auto;
}

#newinfo table{
	width: 408px;
	margin: auto;
}

#newinfo tr{
	border-width: 0 0 2px 0;
	border-style: solid;
	border-color: #7c7c7c;
	line-height: 1.8em;
}

#newinfo .day{
	padding: 0 10px 0 10px;
}

#newinfo img{
	padding: 0 5px 0 0;
}

/*サブページ各種*/

h1{
	width: 878px;
	height: 40px;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	border-width: 1px;
	border-style: solid;
	border-color: black;}

#submenu,#subcontents,#qa,#fujititle,#fujinoyu{
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	vertical-align: top;
}

h1 a{
	float: right;
	margin: 5px 10px 0 0;
}

#submenu{
	width: 178px;
	font-size: 95%;
}

#submenu ul{
	margin: 0 0 10px 5px;
}

#submenu ul li a{
	display: block;/*変更不可（これないと、デフォルトのマークが出る。）*/
	overflow: hidden;
	padding: 0 0 0 27px;
	margin: 0 0 10px 0;
	background-image: url(../image/0_submark.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}

#center{
	width: 10px;
}

#subcontents{
	width: 658px;
}

#navi,.navi{
	text-align: right;
	font-size: 90%;
}

#navi{
	margin: 10px 0 10px 0;
}

h2{
	margin: 0 0 10px 0;
	padding: 5px 0 0 10px;
	height: 25px;
	border-width: 0 0 10px 10px;
	border-style: solid;
	border-color: #3301a9;
}

h3{
	line-height: 2em;
	font-size: 16px;
	padding: 0 0 0 30px;
	margin: 0 0 10px 10px;
	background-image: url(../image/0_item_title.gif);
	background-repeat: no-repeat;
}

h3 img{
	margin: 3px 0 -3px 10px;
}

#o-new{
	padding: 0 10px 2px 0;
}

#item{
	padding: 0 0 10px 10px;
}

#item p{
	padding: 0 0 10px 10px;
}

.photo{
	float: left;
	margin: 0 10px 10px 10px;
}

.sign{
	float: right;
	margin: 0 10px 0 0;
}

#item td,#fujinoyu td{
	border-width: 1px;
	border-style: solid;
	border-color: #3301a9;
}

#item table,#qa table{
	width: 100%;
	
}

#catalog img{
	padding: 10px 10px 10px 30px;
}

.item,.ex,#fujinoyu td{
	padding: 6px 10px 3px 10px;	
}

.item{
	width: 20%;
	background-color: #e1d5ff;
}

.ex{
	width: 80%;
}

.map{
	text-align: center;
}

/*製品情報トップ*/
#s-top{
	width: 100%;
	margin: 10px;
}

#s-top li{
	float: left;
	width: 210px;
	margin: 0 10px 10px 0;
}

#s-top li a{
	display: block;/*変更不可（これないと、デフォルトのマークが出る。）*/
	overflow: hidden;
	height: 0px;
	background-image: url(../image/2_title_item.gif);
	padding-top: 120px;
}

#s1 a{
	background-position: 0 0;
}

#s2 a{
	background-position: -220px 0;
}

#s3 a{
	background-position: -440px 0;
}

#s4 a{
	background-position: -660px 0;
}

#s5 a{
	background-position: 0px -130px;
}

#s6 a{
	background-position: -220px -130px;
}

#s7 a{
	background-position: -440px -130px;
}

#s8 a{
	background-position: -660px -130px;
}

#s9 a{
	background-position: 0px -260px;
}

#s10 a{
	background-position: -220px -260px;
}

#dl a{
	background-position: -440px -260px;
}

#qa11 a{
	background-position: -660px -260px;
}

/*製品ページ*/
#s-new{
	padding: 0 0 0 10px;
}

#submenu ol{
	width: 177px;
}

#submenu ol li{
	margin: 0 0 10px 0;
}

#submenu ol li a{
	display: block;/*変更不可（これないと、デフォルトのマークが出る。）*/
	overflow: hidden;/*変更不可*/
	width: 0px;/*変更不可*/
	height: 40px;
	padding: 0 0 0 177px;
	background-image: url(../image/2_seihin_menu.gif);
	background-repeat: no-repeat;
}

#sm1 a{
	background-position: -176px 0;
}

#sm1 a:hover{
	background-position: 0 0; 
}

#so1 a{
	background-position: 0 0; 	
}

#sm2 a{
	background-position: -176px -39px;
}

#sm2 a:hover{
	background-position: 0 -39px; 
}

#so2 a{
	background-position: 0 -39px; 	
}

#sm3 a{
	background-position: -176px -78px;
}

#sm3 a:hover{
	background-position: 0 -78px; 
}

#so3 a{
	background-position: 0 -78px; 	
}

#sm4 a{
	background-position: -176px -117px;
}

#sm4 a:hover{
	background-position: 0 -117px; 
}

#so4 a{
	background-position: 0 -117px; 	
}

#sm5 a{
	background-position: -176px -156px;
}

#sm5 a:hover{
	background-position: 0 -156px; 
}

#so5 a{
	background-position: 0px -156px; 	
}

#sm6 a{
	background-position: -176px -195px;
}

#sm6 a:hover{
	background-position: 0 -195px; 
}

#so6 a{
	background-position: 0px -195px; 	
}

#sm7 a{
	background-position: -176px -234px;
}

#sm7 a:hover{
	background-position: 0 -234px; 
}

#so7 a{
	background-position: 0px -234px; 	
}

#sm8 a{
	background-position: -176px -273px;
}

#sm8 a:hover{
	background-position: 0 -273px; 
}

#so8 a{
	background-position: 0px -273px; 	
}

#sm9 a{
	background-position: -176px -312px;
}

#sm9 a:hover{
	background-position: 0 -312px; 
}

#so9 a{
	background-position: 0px -312px; 	
}

#sm10 a{
	background-position: -176px -351px;
}

#sm10 a:hover{
	background-position: 0 -351px; 
}

#so10 a{
	background-position: 0px -351px; 	
}

#product{
	margin: 15px 0 10px 10px;
}

#product table{
	width: 648px;
}

#product td{
	padding: 0 0 0 10px;
	vertical-align: top;
}

.ver ul{
	margin: 10px 0 0 0;
}

#product img{
	margin: 0 10px 0 0;
}

#info{
	width: 80%;
}

#product ul,#item ul,#seihinqa{
	margin: 0 0 0 10px;
}

#product ol{
	margin: 0 0 10px 30px;
}

#ulin{
	margin: 0 0 0 20px;
}

#product ul li,#item ul,#product ol li{
	line-height: 1.5em;
}

#product ul li,#item ul li{
	padding: 0 0 0 15px;
	background-image: url(../image/0_marknew.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#product ol li{
	list-style-type: decimal;
}

#seihin{
	height:30px;
	margin: 0 0 20px 10px;
}

#seihin img{
	margin: 0 0 0 10px;
	float: left;
}

#seihin p{
	padding: 10px 0 0 0;
}

/*お問い合せ*/
#qa,#fujititle,#fujinoyu{
	width: 868px;
}

.tel{
	float: left;
}

.fax{
	float: right;
}

.tel,.fax{
	padding: 20px 0 20px 0;
}

#qa table{
	margin: 10px 0 10px 0;
}

#qa td{
	padding: 10px 10px 10px 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #7f7f7f;
}

.inq{
	background-color: #f2f2f2;
	vertical-align: top;
}

#send{
	width: 100%;
	text-align: center;
}

/*不二の湯*/
#fujititle{
	width: 888px;
	height: 36px;
	margin: 0 0 10px 0;
	padding: 4px 0 0 0;
	text-align: center;
}

#fujiphoto{
	text-align: center;
}

#fujiphoto img{
	margin: 5px;
}

dl{
	width: 680px;
	margin: 0 0 20px 0;
	background-image: url(../image/6_fujinoyuonsen.gif);
	background-repeat; no-repeat;
	background-repeat: no-repeat;
	background-position: right bottom;
}

dt{
	font-size: 18px;
	margin: 25px 0 10px 0;
}

dd{
	font-size: 16px;
	margin: 0 0 0 40px;
	padding: 0;
}

#color{
	width: 290px;
	color: #3301aa;
	border-width: 3px;
	border-bottom: double;
	border-color: red;
	margin: 0 0 10px 150px;
}

#fujinoyu table{
	width: 75%;
	margin: 5px 0 5px 10px;
}

#fujinoyu .item{
	width: 20%;
	background-color: #e1d5ff;
}

.m_title{
	padding: 0 0 0 10px;
}

/*フッター*/
#footer{
	padding: 10px 0 0 0;
	font-size: 65%;
	text-align: center;
	color: white;
	background-color: #3301a9;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: black;
}
</pre></body></html>