@charset "Shift_JIS";
@import url (/style.css);



* {margin:0;padding:0;}


body {
	margin: 0;
	padding: 0;
	background:url("./smile-img/backcolour.jpg");
	background-repeat:repeat-x;
	background-color:#BCBCBC;
	overflow:auto;
	text-align: center;
	font-size: x-small;
	line-height: 1.3em; 
	font-family:'MS UI Gothic',osaka,Helvetica Neue, Arial, Helvetica, Sans-Serif;
	color:#3f3f3f;
	letter-spacing: 0px;
}

p.hide {display:none;}

/* -------------- */
/* Begin Typography & Colors */

.titleS{
	font-family:'MS UI Gothic',osaka,Helvetica Neue, Arial, Helvetica, Sans-Serif; 
	color: #66cc00;
	text-decoration: none;
	}

.caution1{
	font-family:'MS UI Gothic',osaka,Helvetica Neue, Arial, Helvetica, Sans-Serif; 
	color: #ff9900;
	text-decoration: none;
	}
	
.staffintroGrey{
	font-family:'MS UI Gothic',osaka,Helvetica Neue, Arial, Helvetica, Sans-Serif; 
	color: #666666;
	font-size: x-small;
	text-decoration: none;
	}
	
	.staffintroGreen2{
	font-family:'MS UI Gothic',osaka,Helvetica Neue, Arial, Helvetica, Sans-Serif; 
	color: #999999;
	font-size: medium;
	text-decoration: none;
	}
	

.staffintroGreen{
	font-family:'MS UI Gothic',osaka,Helvetica Neue, Arial, Helvetica, Sans-Serif; 
	color: #27AD1F;
	font-size: x-small;
	text-decoration: none;
	}

h1 {
	font-family:'MS UI Gothic',osaka,Helvetica Neue, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size:small; 
	text-decoration: underline;
	}
	
h2 {
	font-family:'MS UI Gothic',osaka,Helvetica Neue, Arial, Helvetica, Sans-Serif;	 
	color: #FF9900;
	font-size: x small; 
	}
	
	
h3 {
	font-family:'MS UI Gothic',osaka,Helvetica Neue, Arial, Helvetica, Sans-Serif;
	font-size:small; 
	text-decoration: none;
	}
	

	
a:link {
color: #3f3f3f;
text-decoration:none
}
a:visited {
color: #3f3f3f;
text-decoration:none
}
a:hover {
border-style: dotted;
border-width: 1px 0px;
border-color: #ff9900;
background-color: #FFCC55
}
a:active {
color: #ff9900;
text-decoration: none
}



.middle {
vertical-align: middle
}




/* End Typography & Colors */
/* -------------- */





/* -------------- */
/* Begin Structure */

#headerbgrd{
z-index: 1;
	padding: 0;
	margin:0;
	position:absolute;
top:0px;
left:50px;
width:800px;
background:url('./smile-img/backcolour.jpg');
background-repeat:repeat-x;
background-color:#FFFFFF;
background-position:center;

}


#container{
z-index: 2;
position:absolute;
top:0px;
left: 30px;
	width :800px;
	text-align:left;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:0px;
	
}



/* End Structure */
/* -------------- */




/* -------------- */
/*  the header area  */
#headerimg{
	padding: 0;
	margin:0;
	width:800px;
	height:6px;
	background:url("./smile-img/bacgrd-header.jpg");
	background-repeat:no-repeat;
	background-position:left top;

}


/* End the header area  */
/* -------------- */





/* -------------- */
/*  the navi area  */


/* End the navi area  */
/* -------------- */





/* -------------- */
/*  flyer area  */
#flyerimg{
	padding: 0;
	margin:0;
	height:246px;
	width:800px;
	background:url("./smile-img/smile-flyer.jpg");
	background-repeat:no-repeat;
	background-position:left;
}

#flyerimg2c{
	padding: 0;
	margin:0;
	height:520px;
	width:800px;
	background:url("./smile-img/smile-flyer-2-concept2.jpg");
	background-repeat:no-repeat;
	background-position:left top;
	background-color:#ffffff;
}

#flyerimg3s{
	padding: 0;
	margin:0;
	height:520px;
	width:800px;
	background:url("./smile-img/smile-flyer-3-staff2.jpg");
	background-repeat:no-repeat;
	background-position:left top;
	margin: 0px auto 0px auto;
	background-color:#ffffff;
}

#flyerimg4s{
	padding: 0;
	margin:0;
	height:14400px;
	width:800px;
	background:url("./smile-img/smile-flyer-4-osake2.jpg");
	background-repeat:no-repeat;
	background-position:left top;
	margin: 0px auto 0px auto;
	background-color:#ffffff;
}

#flyerimg5s{
	padding: 0;
	margin:0;
	height:8950px;
	width:800px;
	background:url("./smile-img/smile-flyer-5-sakazukin2.jpg");
	background-repeat:no-repeat;
	background-position:left top;
	margin: 0px auto 0px auto;
	background-color:#ffffff;
}

#flyerimg6s{
	padding: 0;
	margin:0;
	height:455px;
	width:800px;
	background:url("./smile-img/smile-flyer-6-community2.jpg");
	background-repeat:no-repeat;
	background-position:left top;
	margin: 0px auto 0px auto;
	background-color:#ffffff;
}

#flyerimg7s{
	padding: 0;
	margin:0;
	height:560px;
	width:800px;
	background:url("./smile-img/smile-flyer-7-map2.jpg");
	background-repeat:no-repeat;
	background-position:left top;
	margin: 0px auto 0px auto;
	background-color:#ffffff;
}
/* End flyer area  */


/*  flyer area 2 staff*/

#leftA2staff{
	padding: 0;
	margin:0;
	float: left;
width:104px;
height:220px;
}

#leftB2staff{
	padding: 0;
	margin:0;
	float: left;
	width:696px;
height:220px;
}


.contentsS1{
	padding: 0;
	margin:0;
	float: left;
	width:121px;
height:182px;
}

.contentsnano{
	padding: 0;
	margin:0;
	width:121px;
height:8px;
}

.contentsnano2{
	padding: 0;
	margin:0;
	float: left;
	width:121px;
height:91px;
}

.contentsnano2{
	padding: 0;
	margin:0;
	width:121px;
height:50px;
}

.contentsnano3{
	padding: 0;
	margin:0;
	float: left;
	width:5px;
height:80px;
}

.contentsnano4{
	padding: 0;
	margin:0;
	float: left;
	width:100px;
height:80px;
}


/* End flyer area */
/* -------------- */





/* -------------- */
/* the body area top*/

#my_body{
	padding: 0;
	margin:0;
width:800px;
height:250px;
background-color:#ffffff;
background-image:url("./smile-img/body_bcgrd.jpg");
background-repeat: no-repeat;
background-position:left top;
}

#topA{
	padding: 0;
	margin:0;
width:800px;
height:30px;
}

#topB{
	padding: 0;
	margin:0;
	float: left;
width:68px;
height:29px;
}

#topC{
	padding: 0;
	margin:0;
	
height:29px;

}


#topleftA{
	padding: 0;
	margin:0;
	float: left;
width:104px;
height:161px;
}

#topleftB{
	padding: 0;
	margin:0;
	font-size:x-small;
	_font-size:x-small;
width:650px;
height:170px;
}


#leftA{
	padding: 0;
	margin:0;
	float: left;
width:104px;
height:110px;
}

#leftB{
	padding: 0;
	margin:0;
	float: left;
width:300px;
height:110px;
}

#right{
	padding: 0;
	margin:0;
	
height:110px;

}

#bottomA{
	padding: 0;
	margin:0;
	float: left;
width:104px;
height:50px;

}


#bottomB{
	padding: 0;
	margin:0;
height:50px;

}


/*　End the body area top*/


/* the body area 1 concept*/


#topA2{
	padding: 0;
	margin:0;
width:800px;
height:34px;
}

#topB2{
	padding: 0;
	margin:0;
	float: left;
width:68px;
height:29px;
}

#topC2{
	padding: 0;
	margin:0;
	
height:29px;

}


#topA2concept{
	padding: 0;
	margin:0;
width:800px;
height:34px;
}

#topB22{
	padding: 0;
	margin:0;
	float: left;
width:104px;
height:29px;
}

#topleftA2C{
	padding: 0;
	margin:0;
	float: left;
width:104px;
height:161px;
}

#topleftB2C{
	padding: 0;
	margin:0;
	
width:594px;
height:161px;
}

#leftA2Concept{
	padding: 0;
	margin:0;
	float: left;
width:104px;
height:393px;
}

#leftB2Concept{
	padding: 0;
	margin:0;
	float: left;
width:696px;
height:393px;
}

/*　End the body area 1 concept*/





/* the body area 2  staff*/


#bottomA2S{
	padding: 0;
	margin:0;
	float: left;
width:104px;
height:251px;

}

#bottomB2S{
	padding: 0;
	margin:0;
	float: left;
	width:696px;
height:251px;

}

#bottomC2Staff{
	padding: 0;
	margin:0;
	float: left;
	width:696px;
height:2px;

}

#bottomA2{
	padding: 0;
	margin:0;
	float: left;
width:104px;
height:210px;

}

#bottomB2{
	padding: 0;
	margin:0;
	float: left;
	width:696px;
height:210px;

}

#bottomC2{
	padding: 0;
	margin:0;
	float: left;
	width:696px;
height:25px;

}

.contentsS6{
	padding: 0;
	margin:0;
	float: left;
	width:121px;
height:180px;
}

.contentsS7{
	padding: 0;
	margin:0;
	float: left;
	width:121px;
height:180px;
}

.contentsS8{
	padding: 0;
	margin:0;
	float: left;
	width:121px;
height:180px;
}

.contentsS9{
	padding: 0;
	margin:0;
	float: left;
	width:121px;
height:180px;
}

.contentsS10{
	padding: 0;
	margin:0;
	float: left;
	width:121px;
height:180px;
}

/*　End the body area 2 staff*/



/* the body area 3 menu*/

#leftA2osake{
	padding: 0;
	margin:0;
	float: left;
width:104px;
height:14000px;
}

#leftB2osake{
	padding: 0;
	margin:0;
	float: left;
width:696px;
height:12040px;
}


#bottomA3{
	padding: 0;
	margin:0;
	float: left;
width:104px;
height:4850px;

}

#bottomB3{
	padding: 0;
	margin:0;
	float: left;
	width:695px;
height:4850px;

}

#bottomBOsakemenu{
	padding: 0;
	margin:0;
	float: left;
	width:25px;
height:12000px;

}

.contentsnano6{ /*menu space*/
	padding: 0;
	margin:0;
	
	width:695px;
height:3px;
}

.contentsnano5{ /*line for each page*/
	padding: 0;
	margin:0;
	
	width:695px;
height:35px;
}

#contentsnano5{ /*line for each page*/
	padding: 0;
	margin:0;
	
	width:695px;
height:35px;
}

/*　End the body area 3 menu*/



/* the body area 4 sakazukin*/
#leftA2sakazukin{
	padding: 0;
	margin:0;
	float: left;
width:104px;
height:8760px;
}

#leftB2sakazukin{
	padding: 0;
	margin:0;
	float: left;
	width:696px;
height:8760px;
}



#bottomB42{
	padding: 0;
	margin:0;
	float: left;
	width:1px;
height:4300px;

}

/*　End the body area 4 sakazukin*/


/* the body area community*/


#leftA2Comu{
	padding: 0;
	margin:0;
	float: left;
width:104px;
height:393px;
}

#leftB2Comu{
	padding: 0;
	margin:0;
	float: left;
width:696px;
height:393px;
}



/*　End the body area community*/






/* the body area 5 Map*/

#leftA2map{
	padding: 0;
	margin:0;
	float: left;
width:104px;
height:465px;
}

#leftB2map{
	padding: 0;
	margin:0;
	float: left;
	width:696px;
height:465px;
}




/*　End the body area 5 Map*/
/* -------------- */





/* -------------- */
/*  the footer area  */
#my_footer{
margin:0 auto;
width:800px;
height:30px;
background-image:url("./smile-img/footer.jpg");
background-repeat:no-repeat;
background-position:left;



}


/* End the footer area  */
/* -------------- */