/*-----------------------------------------------*/
/* basic */
/*-----------------------------------------------*/

* { margin: 0px; padding: 0px; border: none; }
HTML { height: 100%; }
BODY { height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif, "Hiragino Kaku Gothic Pro", "Osaka", "£Í£Ó£Ð¥´¥·¥Ã¥¯"; font-size: 13px; letter-spacing: 1px; line-height: 160%; vertical-align: top; background: #FFF; }

#wrapper { width: 780px; margin: 0px auto; text-align: left; background: url(../img/menu/wrapper.gif) repeat-y; }
.wrapper_in { width: 760px; margin: 0px auto; text-align: left; background: #FFFFFF; }

#main_box { width: 760px; margin: 10px 0px 0px 0px; text-align: left; overflow: hidden; }
#contents { width: 580px; margin: 0px 8px 0px 0px; text-align: left; float: right; display: inline;	height: auto; }
.con_main { padding: 0px 0px 0px 20px; margin: 0px auto; height: auto; }
.pagetop { text-align: right; padding: 3px 0px; }
IMG.photo { padding: 4px; margin: 5px; border: 1px #999 solid; }

/*----------------------*/
/* HeaderMenu parts */
/*----------------------*/

#header_menu { width: 760px; height: 90px; display: inline; padding: 0px 0px 10px 0px; vertical-align: top; }

.syakyo a { float: left; text-decoration: none; background: url("../img/menu/syakyo00.gif") top center no-repeat; width: 150px; height: 90px; padding: 0px 1px; display: block; }
.syakyo a:hover { float: left; text-decoration: none; background: url("../img/menu/syakyo01.gif") top center no-repeat; width: 150px; height: 90px; padding: 0px 1px; display: block; }

.know a { float: left; text-decoration: none; background: url("../img/menu/know00.gif") top center no-repeat; width: 150px; height: 90px; padding: 0px 1px; display: block; }
.know a:hover { float: left; text-decoration: none; background: url("../img/menu/know01.gif") top center no-repeat; width: 150px; height: 90px; padding: 0px 1px; display: block; }

.rent a { float: left; text-decoration: none; background: url("../img/menu/rent00.gif") top center no-repeat; width: 150px; height: 90px; padding: 0px 1px; display: block; }
.rent a:hover { float: left; text-decoration: none; background: url("../img/menu/rent01.gif") top center no-repeat; width: 150px; height: 90px; padding: 0px 1px; display: block; }

.soudan a { float: left; text-decoration: none; background: url("../img/menu/soudan00.gif") top center no-repeat; width: 150px; height: 90px; padding: 0px 1px; display: block; }
.soudan a:hover { float: left; text-decoration: none; background: url("../img/menu/soudan01.gif") top center no-repeat; width: 150px; height: 90px; padding: 0px 1px; display: block; }

.with a { float: left; text-decoration: none; background: url("../img/menu/with00.gif") top center no-repeat; width: 150px; height: 90px; padding: 0px 1px; display: block; }
.with a:hover { float: left; text-decoration: none; background: url("../img/menu/with01.gif") top center no-repeat; width: 150px; height: 90px; padding: 0px 1px; display: block; }

.soudan2 a { float: left; text-decoration: none; background: url("../img/menu/soudan20.gif") top center no-repeat; width: 150px; height: 90px; padding: 0px 1px; display: block; }
.soudan2 a:hover { float: left; text-decoration: none; background: url("../img/menu/soudan21.gif") top center no-repeat; width: 150px; height: 90px; padding: 0px 1px; display: block; }

/*----------------------*/
/* SideMenu parts */
/*----------------------*/

.side { width: 160px; padding: 0px 0px 0px 10px; float: left; }
.side a { color: #444; background: #FFF; text-decoration: none; position: static; padding: 5px 0px 5px 20px; display: block; }
.side a:hover { color: #2379D9; background: url("../img/menu/p_s.gif") 3px 5px no-repeat; text-decoration: none; position: relative; top: 1px; left: 1px; padding: 5px 0px 5px 20px; display: block; }

.side_on {
	border-width: 0px 0px 1px 0px;
	border-color: #CCC;
	border-style: none none dotted none;
	color: #2379D9;
	background: url("../img/menu/p_s.gif") 4px 8px no-repeat;
	text-decoration: none;
	position: relative;
	top: 1px;
	left: 1px;
	padding: 3px 0px 5px 20px;
	display: block;
}
	
/*----------------------*/
/* header parts */
/*----------------------*/

#header	{ width: 760px; text-align: center; color: #717171; }
#header h1 { font-size: 12px; letter-spacing: normal; color: #8C8C8C; }
#header img { border: none; }
#header .logo { width: 415px; float: left; padding: 0px 0px 10px 0px; }
#header .link { float: right; text-align: right; padding: 10px 0px 0px 10px; }

/*----------------------*/
/* footer parts */
/*----------------------*/

#footer	{ width: 760px; color: #666; clear: both; text-align: center; padding: 15px 0px 5px 0px; margin: 0px auto; background: url(../img/menu/footer_back.gif) no-repeat; }