/* Kanaloa7 initial stylesheet */
/* 2004.11.15         */
.size1  {font-size:  9px; line-height: 125%}
.size2  {font-size: 11px; line-height: 125%}
.size3  {font-size: 12px; line-height: 125%}
.size4  {font-size: 14px; line-height: 125%}
.size5  {font-size: 18px; line-height: 125%}
.size6  {font-size: 20px; line-height: 125%}
.size7  {font-size: 26px; line-height: 125%}
.picnote{font-size:  9px; line-height: 125%}
.big{font-size:14pt}

a:visited  {text-decoration:none     ; color: #003399}
a:hover           {text-decoration:underline; color: #000066}
a:active          {text-decoration:none     ; color: #003399}
a:link { text-decoration:none     ; color: #003399}

.head_menu  {font-size: 10px; line-height: 12px}

h1 { font-size: 9pt; margin: 0px ;}
h2 { font-size: 9pt; margin: 0px ;}
h3 { font-size:14pt;font-weight:bold;line-height:16pt;padding-bottom:0px;margin-bottom:0px;}
/*
BODY{
  scrollbar-face-color:00b000;
  scrollbar-shadow-color:#009900;
  scrollbar-darkshadow-color:006600;
  scrollbar-highlight-color:#00cc00;
  scrollbar-3dlight-color:#00cc00;
  scrollbar-arrow-color:#006600;
  scrollbar-base-color:009900;
}
*/

.y {  text-align: center}


	border-bottom-color: #999999;
}

td {
	font-size: 12px; line-height: 125%
 padding:3px;
}

a:visited  {text-decoration:none     ; color: #003399}
a:hover           {text-decoration:underline; color: #000066}
a:active          {text-decoration:none     ; color: #003399}
a:link { text-decoration:none     ; color: #003399}

.nav1:link {  color: #333333; text-decoration: none}
.nav1:visited {  color: #333333; text-decoration: none}
.nav1:active {  color: #FE6700; text-decoration: none}
.nav1:hover {  color: #333333; text-decoration: underline}

.nav2:link {  color: #FFFFFF; text-decoration: none}
.nav2:visited {  color: #FFFFFF; text-decoration: none}
.nav2:active {  color: #FE6700; text-decoration: none}
.nav2:hover {  color: #FE6700; text-decoration: underline}

.b0:link {  color: #FFFFFF; text-decoration: none;}
.b0:visited {  color: #FFFFFF; text-decoration: none;}
.b0:active {  color: #FFFFFF; text-decoration: none;}
.b0:hover {  color: #FE6700; text-decoration: none;}

.b0:td {
 padding:10px;
}



#bigbuttons {
padding: 50px 0 0 0;
margin: 0;
width: 200px;
}

#bigbuttons li{
list-style: none;
padding: 0 0 50px 0;
margin: 0;

.gallery {
background-image: url(hover image path);
background-repeat: no-repeat;
height: 75px;
width: 200px;
}

.gallery a{
background-image: url(normal image path);
background-repeat: no-repeat;
height: 75px;
width: 200px;
display: block;
}

.gallery a:hover{
background: none;
}
.contact {
background-image: url(hover image path);
background-repeat: no-repeat;
height: 75px;
width: 200px;
}

.contact a{
background-image: url(normal image path);
background-repeat: no-repeat;
height: 75px;
width: 200px;
display: block;
}

.contact a:hover{
background: none;
}


A.btn {
  display: block;             /* ブロック要素にする */
  width: 80px;                /* 横幅 */
  color: #ffffff;
  background-color: #666699;  /* 背景色 */
  border: outset 2px #9999cc; /* 枠の色 */
  margin: 0px;
  padding: 3px 1px 1px 0px;
  font-size: 12px;            /* フォントサイズ */
  line-height: 12px;          /* 行の高さ */
  text-align: center;         /* 水平揃え */
  text-decoration: none;      /* 下線を消す */
}
A.btn:hover {
  color: #eeeeee;
  background-color: #555588;  /* 背景色 */
  border: inset 2px #9999cc;  /* 枠の色 */
  margin: 0px;
  padding: 4px 0px 0px 1px;
}
A.btn:active { color: #ffffff; }
A.btn:visited { color: #ffffff; }


<style type="text/css">
<!--


a.b0{
    display:block;
    width:240px;
    height:18px;
    background-image:url(catalog/button/b0.gif);
	color:#ffffff;
	link:#ffffff;
	vlink:#ffffff;
	font-size: 12px;

}
	
a.link.b0{
    display:block;
    width:240px;
    height:18px;
    text-align:left;
	color:#ffffff;
    background-position:0px -18px;

	link:#ffffff;
	vlink:#ffffff;
	font-size: 12px;

    margin-bottom:0px;
	text-decoration: underline;
}
a:hover.b0{
    background-position:0px -18px;
	    background-image:url(catalog/button/b0_2.gif);

}

a.b0_2{
    display:block;
    width:81px;
    height:21px;
    background-image:url(catalog/button/b0_2.gif);
    text-align:center;
    margin:5px 0px;
    background-position:0px 0px;
}
a:hover.sample2{
    background-position:0px -23px;
}
a:active.sample2{
    background-position:0px -43px;
}


div#b0 a:link {
	color: #ffffff;
	text-decoration: underline;
}
div#b0 a:visited {
	color: #ffffff;
	text-decoration: underline;
}
div#b0 a:active {
	color: #ffffff;
	text-decoration: underline;
}
div#b0 a:hover {
	color: #0000CC;
	text-decoration: underline;
}

div#b0 txt {
	margin: 5px 5px 20px 5px;

	color: #ffffff;
	background-color: #B5BCC8;
	font-size: 12px;
		padding: 0px 0px 0px 10px;
}



-->
</style>
