* {
	margin: 0;
	padding: 0;
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
  }


body {	
	color: #CC4400;
	background-image: url(../images/sideimage.png);
	background-repeat:repeat-x;

     }

img{
    border: 0;  
}


div#container {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
/*    background-image: url(../images/sideimage.png) ;
	background-repeat:repeat-x;	*/
	}


div#header {
	height: 27px;
	width: 750px;
/*	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;*/
	background-image: url(../images/img_header.png)		
}

div#genkishop_logo h1{
	position: relative;
	font-weight: normal;
	text-decoration:none;
	}
	
div#genkishop_logo a{
	margin-left:10px;
	margin-top: 7px;
	height:15px;
	width:320px;
	float:left;
	background-image:url(../images/genkishop_logo.png);
	background-repeat:no-repeat;
	color:#eee;
	font-size: 1.5px;
	}

div#genkishop_logo a:hover {
	background-image:url(../images/genkishop_logo_on.png);
	color:#eee;
	font-size:2px;
	}
	
div#genkishop_logo a img {
	position: absolute;
	display: none;
	left: 303px;
	border: none;
	z-index: 1;
	}	
	
div#genkishop_logo a:hover img {
	position: absolute;
	display: block;
	top: 0px;
	z-index: 1;
	}  
	
div#genkishop_logo_jp h1{
	font-weight: normal;
	text-decoration:none;
	float:left;
	margin:30px  0  0  100px;
	padding:0 0 0 100px;
	font-size: 10px;
	color:#666;
	}
	
div#genkishop_logo_jp a{
	margin-left: 0px;
	margin-top: 6px;
	height:16px;
	width:269px;
	float:left;
	background-image:url(../images/genkishop_logo_jp.png);
	background-repeat:no-repeat;
	color:#eee;
	font-size: 1.5px;
	}

div#genkishop_logo_jp a:hover {
	background-image:url(../images/genkishop_logo_jp_on.png);
	color:#eee;
	font-size:2px;
	}

div#genkishop_logo_jp a img {
	position: absolute;
	display: none;
	top:  0px;
	left: 303px;
	border: none;
	z-index: 1;
	}	
	
div#genkishop_logo_jp a:hover img {
	display: block;
	position: absolute;
	top:  0px;
	z-index: 1;
	} 


div#introduction{
	clear: left;
	position: relative;
	background-image: url(../images/img_introduction.png);
	background-repeat: no-repeat;
	font-weight: 500;
	font-size:1.0em;
	}


.main-nav {
	position: relative;
	line-height: 30px;
	left: 40px;
	top: -10px;
    color: #002346;
	width: 150px;
	list-style-type: square;
	margin-left: -10px;
	}

/*.main-nav img{
	display: none;
	}
.main-nav .pilates, .yoga, .calisthenics, .care_prevention_ex, .Parents_kids_ex, imagine{
	position: absolute;
   	z-index: 2;
	}*/


/*.main-nav .pilates .yoga .calisthenics .care_prevention_ex .Parents_kids_ex a:hover img{
	position: absolute;
    display: none;
	z-index: 0;
	}
*/

.main-nav ul{
	height: 0px;
	list-style-type: none;
	text-align: left;
	font-size: 16px;
	}
	
.main-nav li{
	line-height: 50px;
	}
	
.main-nav a{
	text-decoration: none;
	}


	
.main-nav a:hover{
	color:#c14441;
	}
	
.main-nav li a img {
	position: absolute;
	display: none;
	top: -10px;
	left: 140px;
	border: none;
	z-index: 1;
	}	
	
.main-nav li a:hover img {
	display: block;
	position: absolute;
	top: -0px;	
	left: 140px;
	z-index: 1;
	}  

.main-nav li.over a img {
	position: absolute;
	display: none;
	top:  -0px;
	left: 0px;
	border: none;
	z-index: 1;
	}	
	
.main-nav li.over a:hover img {
	display: block;
	position: absolute;
	top:  18px;
	z-index: 1;
	}  
	

/* (1)a要素のブロック化 */
.main-nav li.over  a {
	position: absolute;
	display: block;
	width: 544px;
	height: 261px;
	top: -15px;
	left: 120px;
	text-decoration: none;
	z-index: 1;
}

/* (1)a要素のブロック化 */
.main-nav li.pilates  a {
	display: block;
	width: 150px;
	height: 50px;
	text-decoration: none;
}

/* (2)背景画像の指定 */
.main-nav li.pilates  a {
	background: url(../images/blue_button.png) 0 0 no-repeat;
}

.main-nav li.pilates  a:hover {
	background: url(../images/red_button.png) 0 -0px no-repeat;
}
.main-nav li.pilates a img {
	position: absolute;
	display: none;
	top: -18px;
	left: 100px;
	border: none;
	z-index: 1;
	}	
	
.main-nav li.pilates a:hover img {
	display: block;
	position: absolute;
	top: -18px;
	left: 100px;
	z-index: 1;
	} 

li.yoga a{
	display:block;
	width: 150px;
	height 50px;	
	background: url(../images/blue_button.png) 0 0 no-repeat;

	}
 li.yoga a:hover{
	background: url(../images/red_button.png) 0 -0px no-repeat;
	}		

.main-nav li.yoga a img {
	position: absolute;
	display: none;
	top: 10px;
	left: 140px;
	border: none;
	z-index: 1;
	}	
	
.main-nav li.yoga a:hover img {
	display: block;
	position: absolute;
	top: 10px;
	left: 140px;
	z-index: 1;
	} 

li.calisthenics a{
	display:block;
	width: 150px;
	height 50px;
	background: url(../images/blue_button.png) 0 0 no-repeat;
	}
	
li.calisthenics a:hover{
	background: url(../images/red_button.png) 0 -0px no-repeat;
	}		

.main-nav li.calisthenics a img {
	position: absolute;
	display: none;
	top: -5px;
	left: 140px;
	border: none;
	z-index: 1;
	}	
	
.main-nav li.calisthenics a:hover img {
	display: block;
	position: absolute;
	top: -5px;
	left: 140px;
	z-index: 1;
	} 

li.care_prevention_ex a{
	display:block;
	width: 150px;
	height 50px;
	background: url(../images/blue_button.png) 0 0 no-repeat;
	}
	
li.care_prevention_ex a:hover{
	background: url(../images/red_button.png) 0 -0px no-repeat;
	}		
	
.main-nav li.care_prevention_ex a img {
	position: absolute;
	display: none;
	top: -10px;
	left: 170px;
	border: none;
	z-index: 1;
	}	
	
.main-nav li.care_prevention_ex a:hover img {
	display: block;
	position: absolute;
	top: -10px;
	left: 170px;
	z-index: 1;
	} 	
	
li.parents_kids_ex a{
	display:block;
	width: 150px;
	height 50px;
	background: url(../images/blue_button.png) 0 0 no-repeat;
	}
	
li.parents_kids_ex a:hover{
	background: url(../images/red_button.png) 0 -0px no-repeat;
	}		

.main-nav li.parents_kids_ex a img {
	position: absolute;
	display: none;
	top: -10px;
	left: 140px;
	border: none;
	z-index: 1;
	}	
	
.main-nav li.parents_kids_ex a:hover img {
	display: block;
	position: absolute;
	top: -10px;
	left: 140px;
	z-index: 1;
	} 	

#healthy_life{
	position: absolute;
	margin-top: 243px;
	margin-left: 275px;
	z-index: 2;
	}
	
.sub-nav p{
		}
.hiddenimg{
    display: none;
    }

.sub-nav {
    margin-top: 285px;
	line-height: 3;
	margin-bottom: 0px;
	padding-bottom: 0px;
	position: relative;
	text-transform:none;
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-width: 1.5px;
	border-bottom-color:#FF6600;
	font-weight: 100;
	font-size: 0.7rem;
	width: 100%;
	}

.sub-nav ul{
	list-style: none;
	text-align: center;

	}
	
.sub-nav li{
	list-style: none;
	display: inline;
	white-space: inherit;
	}
.sub-nav a{
	display: inline;
	text-transform:none;
	text-align: center;
	margin: 0px;
	padding: 0.2em 1.1em 0.2em 1.1em;
	background: url(../images/sub_nuv.png);
	color:# 003366;
	text-decoration: none;
	border-bottom-color: #f7754f;
	}
.sub-nav a:hover{
	color: #991111;
	background: url(../images/sub_nuv_hover.png);
	}

.sub-nav a img {
	position: absolute;
	display: none;
	top:  0px;
	left: 150px;
	border: none;
	z-index: 1;
	}	
	
.sub-nav a:hover img {
	display: block;
	position: absolute;
	top:  -293px;
	z-index: 1;
	} 



#main_contents{
     font-size:small;
	 width:750px;
	 margin: 0px 0 0 0 0px;
	 padding: 0px 0 0 0;	
	}

.assist-nav {
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 0px;
	width: 150px;
	hight: 330px;
	}

.assist-nav ul{
	list-style: none;
	text-align:center;
  }

	
.assist-nav li {
	display: block;
	width: 150px;
	font-size: 11px ;
		}	
		
/* (1)a要素のブロック化 */
.assist-nav li.whatsnew  a {
	display: block;
	width: 150px;
	height:150px;
	margin-top: 0px;
	padding-top: 10px;
	font-size: 16px;
	text-decoration: none;
}

/* (2)背景画像の指定 */
.assist-nav li.whatsnew  a {
	background:  url(../images/assist_nav_whatsnew.gif) 0 0 no-repeat;
}

/* (3)ひとつの画像を使って、:hover時に背景画像をずらす */
.assist-nav li.whatsnew  a:hover {
	background: url(../images/assist_nav_whatsnew_on.gif) 0 0px no-repeat;
	color: #FF6600;
}

/* (1)a要素のブロック化 */
.assist-nav li.free_lesson  a {
	display: block;
	width: 150px;
	height: 80px;
	margin-top: 10px;
	padding-top: 22px;
	font-size: 16px;
	text-decoration: none;
}

/* (2)背景画像の指定 */
.assist-nav li.free_lesson a{
	background:  url(../images/assist_nav_free_ex.gif) 0 0 no-repeat;
}

/* (3)ひとつの画像を使って、:hover時に背景画像をずらす */
.assist-nav li.free_lesson a:hover{
	background: url(../images/assist_nav_free_ex_on.gif) 0 0 no-repeat;
	color: #FF6600;
}

/* (1)a要素のブロック化 */
.assist-nav li.recruitment  a{
	display: block;
	width: 150px;
	height: 50px;
	margin-top: -2px;
	padding-top: 18px;
	font-size: 16px;
	text-decoration: none;
}

/* (2)背景画像の指定 */
.assist-nav li.recruitment  a {
	background:  url(../images/staffwanted.gif) 0 0 no-repeat;
}

/* (3)ひとつの画像を使って、:hover時に背景画像をずらす */
.assist-nav li.recruitment a:hover {
	background: url(../images/staffwanted_on.gif) 0 0 no-repeat;
	color: #FF6600;
}

.assist-nav li.circle  a {
	display: block;
	width: 150px;
	height: 50px;
	margin-top: 4px;	
	padding-top: 20px;
	font-size: 14px;
	text-decoration: none;
}

/* (2)背景画像の指定 */
.assist-nav li.circle  a {
	background:  url(../images/circle.gif) 0 0 no-repeat;
}

/* (3)ひとつの画像を使って、:hover時に背景画像をずらす */
.assist-nav li.circle  a:hover {
	background: url(../images/circle_on.gif) 0 0 no-repeat;
	color: #FF6600;
}

.assist-nav  li a{
/*	border-top: solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	padding:  0.6em 1.9em 0.6em 1.9em ;	
	color: #666666;
	background: #e6e6e6;
	text-decoration:none;
	text-align:center;*/
	}	
	
.assist-nav a:hover{
	color: #333333;
	background:#d6d6d6;
	list-style:none;
	}	

.genki_shop {
	margin-top: 20px;
	margin-left: 178px;
	width: 370px;
	height: 400px;
	background-image:  url(../images/main_genki_shop.gif);
	}

/*.genki_shop h2,p {
	 margin-left: 200px;
	 padding-left: 0px;
	 text-align:left;
	 color: #996600;
	 }*/

.genki_shop h2 {	
	font-weight: normal;
	text-decoration:none;
	padding: 17px 30px 0px 25px;
	margin: 20px  0  0  0px;
	font-size: 1.5em;
	color: #BE590E;
	}

.genki_shop p {	
	font-weight: normal;
	text-decoration:none;
	margin: 10px  0  0px 0px;
	padding: 15px 30px 10px 25px;
	line-height:  %;
	color:#666;
	font-size: 1.1em;
	text-align:left;
	}

.oshirase {
	float: none;
	margin-top: -400px;
	margin-left: 568px;
	width: 200px;
	height: 400px;
	background-image:  url(../images/oshirase_back.gif);
	}

.oshirase h2 {	
	font-weight: normal;
	text-decoration:none;
	padding: 17px 20px 0px 20px;
	margin: 0px  0  0  0px;
	font-size: 1.5em;
	color: #035;
	}

.oshirase p {	
	font-weight: normal;
	text-decoration:none;
	margin: 10px  0  0px 0px;
	padding: 5px 25px 10px 20px;
	line-height:  %;
	color:#666;
	font-size: 1.1em;
	text-align:left;
	}

span{
	float:left;
	font-size:10px;
	margin-left: px;
	margin-top:  px;
	margin-bottom: px;
	}

div#nishinomiya_hp{
	margin-left: 50px;}

div#footer {
	height: 45px;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	text-align: center;
	line-height: 2em;
	font-size: 14px;
	border-top-style: solid;
	border-top-width: 1.3px;
	border-top-color:#FF6600;	
  }
  
  address {
	width: 600px;
	height:5px;
	padding: 9px 0px 15px 0px;
	background:url(../images/im_footer_bk.jpg) repeat-x left bottom;
	font-size: 0.6em;
	font-family:Arial, Helvetica, sans-serif;
	word-spacing:-0.2em;
	text-align: center;
	font-style:normal;
  }