body 
{
font-family:"HiraMaruPro-W4", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

text-align:center;
font-size:12px;
line-height:18px;
padding:0px;
margin:0px;
background-color: #eeeeee;
background-image:url(http://www.johanehaus.com/renaceimg/newback.gif);
background-repeat: repeat;
background-position: left top;
}

#container {
width:760px;
padding:0px;
background-color: #eeeeee;
margin-left:auto;
margin-right:auto;
margin-top:0px;
text-align:left;
}

.window{
padding:5px;
background-image:url("img/nakawindow.jpg");
background-repeat: no-repeat;
text-align:left;
}

.ifwindow{
width:400px;
padding:0px;
margin: 10px 10px 10px 10px;
text-align:left;
}



#newhead{
width:760px;
height:175px;
margin:0px0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:#ffffff;
vertical-align:top;
}

.newheader{
width:420px;
height:175px;
margin:0px;
padding:0px;
background-color:#ffffff;
background-image:url("img/l_1.jpg");
vertical-align:top;
float:left;

}

.headmenu {

width:420px;
height:20px;
margin:155px 0px 0px 0px;
background-image:url("img/topmenuback_01_02.jpg");
vertical-align:under;
float:left;
}

a.headmenu1 {
width:80px;
height:20px;
margin:0px 0px 0px 15px;
background-image:url("img/kaishajyohobutton.jpg");
vertical-align:under;
float:left;
text-indent:-9999px;
}

a.headmenu2 {
width:80px;
height:20px;
margin:0px 0px 0px 2px;
background-image:url("img/kojinjyohobutton.jpg");
vertical-align:under;
float:left;
text-indent:-9999px;
}

a.headmenu3 {
width:80px;
height:20px;
margin:0px 0px 0px 2px;
background-image:url("img/kyujinjyouhoubutton.jpg");
vertical-align:under;
float:left;
text-indent:-9999px;
}

a.headmenu4 {
width:80px;
height:20px;
margin:0px 0px 0px 2px;
background-image:url("img/toiawasebutton.jpg");
vertical-align:under;
float:left;
text-indent:-9999px;
}



.newheadermiddle{
width:140px;
height:175px;
margin:0px;
padding:0px;
background-color:#ffffff;
background-image:url("img/m_1.jpg");
vertical-align:top;
float:left;
}
.newheaderright{
width:200px;
height:175px;
margin:0px;
padding:0px;
background-color:#ffffff;
background-image:url("img/r_1.jpg");
vertical-align:top;
float:right;
}

#newmiddle{
width:760px;
height:497px;
margin:0px0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
clear:both;
}
#newmiddle h5 {
font-size:10px;
color: white;
background-color: darkblue;
padding: 5px;
}

.newmiddleleft{
width:420px;
height:497px;
margin:0px;
padding:0px;
background-color:#ffffff;
background-image:url("img/m_2.jpg");
vertical-align:top;
float:left;
}

.newmiddlemiddle{
width:140px;
height:497px;
margin:0px;
padding:0px;
background-color:#ffffff;
background-image:url("img/m_3.jpg");
vertical-align:top;
float:left;
}

.newmiddleright{
width:200px;
height:497px;
margin:0px;
padding:0px;
background-color:#ffffff;
background-image:url("img/m_4.jpg");
vertical-align:top;
float:left;
}

.jobofferbutton{
width:420px;
height:40px;
margin:20px 0px 0px 0px;
}


.menubutton{
width:200px;
height:15px;
margin:10px 0px 2px 0px;
}

.menubutton2{
width:200px;
height:15px;
margin:8px 0px 2px 0px;
}


.ulclass {
margin: 0px;
padding: 0px;
list-style-type: none;
}

.ulclass2 {
margin: 5px 0px 0px 0px;
padding: 0px;
list-style-type: none;
}

.button01 a {
 width:200px;
 height:20px;
 background-image:url("img/keiei.jpg");
 background-position: 0px 0px;
 display:block;
 margin-bottom:2px;
}
.button01 a:hover {
 width:200px;
 height:20px;
 background-image:url("img/keiei.jpg");
 background-position: -200px 0px;
 margin-bottom:2px;
}

.button02 a {
 width:200px;
 height:20px;
 background-image:url("img/manshion.jpg");
 background-position: 0px 0px;
 display:block;
 margin-bottom:2px;
}
.button02 a:hover {
 width:200px;
 height:20px;
 background-image:url("img/manshion.jpg");
 background-position: -200px 0px;
 margin-bottom:2px;
}

.button03 a {
 width:200px;
 height:20px;
 background-image:url("img/modelroom.jpg");
 background-position: 0px 0px;
 display:block;
 margin-bottom:2px;
}
.button03 a:hover {
 width:200px;
 height:20px;
 background-image:url("img/modelroom.jpg");
 background-position: -200px 0px;
 margin-bottom:2px;
}

.button04 a {
 width:200px;
 height:20px;
 background-image:url("img/seminor.jpg");
 background-position: 0px 0px;
 display:block;
 margin-bottom:2px;
}
.button04 a:hover {
 width:200px;
 height:20px;
 background-image:url("img/seminor.jpg");
 background-position: -200px 0px;
 margin-bottom:2px;
}

.button05 a {
 width:200px;
 height:20px;
 background-image:url("img/siryo.jpg");
 background-position: 0px 0px;
 display:block;
 margin-bottom:2px;
}
.button05 a:hover {
 width:200px;
 height:20px;
 background-image:url("img/siryo.jpg");
 background-position: -200px 0px;
 margin-bottom:2px;
}

.buttonjohane a {
 width:200px;
 height:118px;
 background-image:url("img/johanehaus.jpg");
 background-position: 0px 0px;
 display:block;
 margin-bottom:2px;
}
.buttonjohane a:hover {
 width:200px;
 height:118px;
 background-image:url("img/johanehaus.jpg");
 background-position: -200px 0px;
 margin-bottom:2px;
}







.button {
	float: right;
	height: 20px;
	width: 200px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 1px 0px;
}

.button_omoto {
	float: right;
	width: 200px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 2px 0px 2px 0px;
}

.button_inq {
 float: right;
 margin-top:2px;
 margin-bottom:2px;
 
}

.imgmb10px {
margin-bottom:5px;
float:left;
}









#footer {
clear:both;
margin:0px 0px 0px 0px;
width:760px;
height: 56px;
margin:0px;
padding:0px;
background-color:#ffffff;
background-image:url("img/foot.jpg");
vertical-align:top;
float:left;
}

.footer-ad{
padding:10px 0px 0px 40px;
font-size:10px;
line-height: 12px;
}

#footer img {
float:left;
margin:10px 10px 10px 10px;
}


.logo {
	margin-top: 0px;
	padding-top: 0px;
	float: left;
}
.logo1 {
	margin-top: 0px;
	padding-top: 0px;
	float: right;
}
.logo3 {
	margin-right: 5px;
	right: 5px;
	margin-left: 490px;
}

.logo_s {
margin: 10px 4px 10px 4px;
}
.header-logo01 {
	width: 736px;
	padding-right: 5px;
	padding-left: 5px;
	clear: both;
	margin-top: 0px;
	padding-top: 0px;
}
.header-menu{
      width: 740px;
      height: 16px;
	margin-right: 0px;
       margin-bottom: 0px;
	padding-right: 0px;
       margin-left: 0px;
	float: right;
}
.header-menu5{
      width: 80px;
      height: 16px;
	float: right;
}
.header-menu4{
      width: 80px;
      height: 16px;
	float: right;
}
.header-menu3{
      width: 80px;
      height: 16px;
	float: right;
}
.header-menu2{
      width: 80px;
      height: 16px;
	float: right;
}
.header-menu1{
      width: 80px;
      height: 16px;
	float: right;
}



.sekkei {
	margin: 0px;
	padding: 0px;
	height: 63px;
	width: 200px;
float:left;
}
.1week {
	margin: 10px;
	padding: 0px;
	height: 150px;
	width: 180px;
}

.footer-menu{
      width: 760px;
      height: 16px;
background-color: #ffffff;
	margin-top: 5px;
margin-right: 0px;
       margin-bottom: 0px;
	padding-right: 0px;
       margin-left: 0px;
	float: right;
}
.footer-menu3{
      width: 80px;
      height: 16px;
	float: right;
}
.footer-menu2{
      width: 80px;
      height: 16px;
	float: right;
}
.footer-menu1{
      width: 80px;
      height: 16px;
	float: right;
}

.middle {

width: 760px;
height: auto;
}

.logos{
margin-bottom: 3px;
}





.menu      {
list-style-type: none;

font-size: 10px;

}

/* 月移動カレンダー */
.calendarbody {
font-size: 10px;
line-height: 1.1;
background-image:url("img/calendarback.jpg");
margin: 10px 10px 10px 10px;
}
.module-calendar table {
width: 138px;
}
.module-calendar caption {
padding-bottom:5px;
}
.module-calendar th {
}
.module-calendar a { color: #e15428; }
.module-calendar a:hover { color: #c0d09e; }