/* CSS Document */

@charset "Shift_JIS";

/* サンプルデザイン1-1 */
.RollOver1 {
 /*　通常画像画像　*/
 background:url(websample1/menu_img/group1.gif) no-repeat;
 /*　画像の幅・高さ指定　*/
 width:200px;
 height:50px;
 /*　余白指定　*/
 margin:0;
 padding:0 0 0 0;
 /* ブロック要素扱いにして左揃え */;
 display:block;
 float:right;
}
/* オンマウス時画像 */
.RollOver1:hover {
    background:url(websample1/menu_img/group1_f2.gif) no-repeat;
} 


/* サンプルデザイン1-2 */
.RollOver2 {
 background:url(websample1/menu_img/group2.gif) no-repeat;
 width:200px;
 height:50px;
 margin:0;
 padding:0 0 0 0;
 display:block;
 float:right;
}

.RollOver2:hover {
 background:url(websample1/menu_img/group2_f2.gif) no-repeat;
} 


/* サンプルデザイン1-3 */
.RollOver3 {
 background:url(websample1/menu_img/group3.gif) no-repeat;
 width:200px;
 height:50px;
 margin:0;
 padding:0 0 0 0;
 display:block;
 float:right;
}

.RollOver3:hover {
 background:url(websample1/menu_img/group3_f2.gif) no-repeat;
 } 


/* サンプルデザイン1-4 */
.RollOver4 {
 background:url(websample1/menu_img/group4.gif) no-repeat;
 width:200px;
 height:50px;
 margin:0;
 padding:0 0 0 0;
 display:block;
 float:right;
}

.RollOver4:hover {
 background:url(websample1/menu_img/group4_f2.gif) no-repeat;
 } 


/* サンプルデザイン1-5 */
.RollOver5 {
 background:url(websample1/menu_img/group5.gif) no-repeat;
 width:200px;
 height:50px;
 margin:0;
 padding:0 0 0 0;
 display:block;
 float:right;
}

.RollOver5:hover {
 background:url(websample1/menu_img/group5_f2.gif) no-repeat;
 } 


/* サンプルデザイン1-6 */
.RollOver6 {
 background:url(websample1/menu_img/group6.gif) no-repeat;
 width:200px;
 height:53px;
 margin:0;
 padding:0 0 0 0;
 display:block;
 float:right;
}

.RollOver6:hover {
 background:url(websample1/menu_img/group6_f2.gif) no-repeat;
 } 


/* サンプルデザイン1-7 */
.RollOver7 {
 background:url(websample1/menu_img/group7.gif) no-repeat;
 width:200px;
 height:48px;
 margin:0;
 padding:0 0 0 0;
 display:block;
 float:right;
}

.RollOver6:hover {
 background:url(websample1/menu_img/group7_f2.gif) no-repeat;
 } 



/* HTMLソース
<a href="#" class="RollOver3" alt=""></a>
 */
