/* Using by all */

* { margin: 0; padding: 0; font-size:12px; font-style: normal; }

body {
	margin:0;
	padding:0;
	color: #454545;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS P Gothic", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", HiraKakuPro-W3, Osaka, Arial, Verdana, sans-serif;
	line-height:1.6em;
	word-spacing: 0.1em;
}

h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; }

a {
	text-decoration:none;
	color:#454545;
	}
a:hover {
	color:#0099FF;
	}

p {
	margin:0;
	padding:0;
	}
.p01 {
	margin:10px 10px 20px 10px;
	}

ul,li {
	margin:0;
	padding:0;
	}

img {
	border:none;
	}
.img-01 {
	vertical-align:bottom;
	}

.title-bottom {
	clear:both;
	margin-bottom:15px;
	}
.font-blue {
	color:#0066FF;
	font-weight:bold;
	}
.font-01 {
	font-size:16px;
	font-weight:bold;
	}
.font-02 {
	padding-bottom:10px;
	}
.font-03 {
	padding:0 10px 10px 10px;
	}
.font-bold {
	font-weight:bold;
	}
.red {
	color:#FF0000;
	}

.clr {
	clear:both;
	}

.clearfix:after {
  	content: ".";
  	display: block;
  	clear: both;
	height: 0;
  	visibility: hidden;
	}
.clearfix {
  	min-height: 1px;
	}

* html .clearfix {
	  height: 1px;
	  /*\*//*/
	  height: auto;
	  overflow: hidden;
	  /**/
	}
#container {
	width:910px;
	margin:0 auto;
	}

/* ||||||||||||||||||||||||||||||||||||||||||||||| HEADER ||||||| */
#upper-area {
	border-bottom:2px solid #0099cc;
}
#upper-area h1 {
	width:910px;
	margin:0 auto;
	padding:0;
	font-size:10px;
	font-weight:normal;
	}
#header {
	width:910px;
	height:80px;
	background:url(../images/header_bg.gif) top right no-repeat;
	}
#logo {
	float:left;
	width:230px;
	}
#headermenu ul {
	width:270px;
	height:20px;
	float:right;
	margin-top:60px;
	}
#headermenu li {
	float:left;
	list-style:none;
	text-indent:-9999px;
	}
#headermenu li a {
	display:block;
	}
.home a {
	width:60px;
	background:url(../images/header-menu.gif) 0 0 no-repeat;
	}
.home a:hover {
	background:url(../images/header-menu.gif) 0 -20px no-repeat;
	}
.company a {
	width:69px;
	background:url(../images/header-menu.gif) -60px 0 no-repeat;
	}
.company a:hover {
	background:url(../images/header-menu.gif) -60px -20px no-repeat;
	}
.recruit a {
	width:75px;
	background:url(../images/header-menu.gif) -129px 0 no-repeat;
	}
.recruit a:hover {
	background:url(../images/header-menu.gif) -129px -20px no-repeat;
	}
.inquiry a {
	width:64px;
	background:url(../images/header-menu.gif) -205px 0 no-repeat;
	}
.inquiry a:hover {
	background:url(../images/header-menu.gif) -205px -20px no-repeat;
	}

#globalmenu {
	clear:both;
	width:910px;
	margin:0;
	padding:0;
	}

#main-img {
	width:890px;
	height:65px;
	margin-top:10px;
	padding:185px 10px 0 10px;
	background:url(../images/main-image.jpg) no-repeat;
	}

#main {
	clear:both;
	width:910px;
	margin:10px auto 0;
	padding:10px 0 20px;
background:url(../images/main_back.gif) repeat-y ;
/*
	overflow:hidden;
*/
	border-bottom:1px dotted #CCCCCC;
	}

/*
#main-col,#sub-col {
	padding-bottom: 32768px;
	margin-bottom: -32768px;
	}

/* ||||||||||||||||||||||||||||||||||||||||||||| MAIN-COL ||||||| */

#main-col {
	width:690px;
	float:right;
	background:#ffffff;
	}
#main-contents {
	width:680px;
	margin-left:10px;
	}


/* |||||||||||||||||||||||||||||||||||||||||||||| SUB-COL ||||||| */

#sub-col {
	width:210px;
	height:100%;
	float:left;
	background:#eeeeee;
	}

/*--- openhouse ---*/
#openhouse {
	margin:5px 5px 20px 5px;
	width:198px;
	height:170px; /* kcre mod height:150px; */
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	}
#openhouse img {
	border-bottom:1px solid #CCCCCC;
	vertical-align:bottom;
	}
#openhouse p {
	margin:5px;
	}

/*--- school&realestate ---*/
.info {
	margin:5px 5px 20px 5px;
	width:200px;
	}
.info ul {
	margin:10px;
	}
.info li {
	padding:3px 0;
	list-style:none;
	border-bottom:1px dotted #CCCCCC;
	}

/*--- banner ---*/
#banner {
	margin:5px 5px 20px 5px;
	}
#banner img {
	margin-bottom:10px;
	}
#banner p {
	margin:5px 0;
	}

/*--- profile ---*/
#profile {
	width:188px;
	margin:5px 5px 20px 5px;
	padding:5px;
	background:#ffffff;
	border:1px solid #CCCCCC;
	}
#profile p {
	margin-bottom:5px;
	}

/* |||||||||||||||||||||||||||||||||||||||||||||| FOOTER ||||||| */

#footer {
	clear:both;
	width:910px;
	height:150px;
	margin:0 auto;
	padding-top:10px;
	background-color:#ffffff;
	}
.footermenu {
	margin-left:20px;
	}
.footermenu li {
	float:left;
	list-style:none;
	}
#copyright {
	margin-top:5px;
	text-align:right;
	}