@charset "shift_jis";
/* CSS Document */





/* Table of Contents:

	1.Typography
	2.Base Layout
	3.Header Layout
	4.ContentsArea Layout
	5.Rollover Layout
	
	
*/




/* 1.Typography
--------------------------------------------------------------------------------------- */
body
{
	color: black; 
	font-size: 12px;
	line-height: 160%;
	color:#222222;
	font-family: Helvetica, Arial, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
	
}


ul
{
	list-style-type:none;
	text-decoration: none;
	
}

li
{
	list-style-type:none;
	text-decoration: none;
}


#mainmenu a, #contentmenuarea a
{
	color:#666666;
	text-decoration:none;
}

a, a:visited{
	color:#0066CC;
	text-decoration:none;
}
a:hover{
	color:#FF9900;
}
a img{ border:none;}

#visiting a{
	color:#000000;
}

/* 2.Base Layout
--------------------------------------------------------------------------------------- */
h1,h2,h3,h4,h5
{margin: 0px; padding: 0px;}

p
{margin: 0px; padding: 0px;}

body
{margin: 0px 0 120px 3px; padding: 0px; }

ul
{margin: 0px; padding: 0px;}

li
{margin: 0px; padding: 0px;}


.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

#floatright
{
	float:right;
}

#wrapper
{
	width:888px;
	
}

#main
{
	width:888px;
	
}


/*Win IE以外のブラウザ用 */

#mainmenu
{
 	width:200px;
	clear:both;
	float:left;
	line-height: 22px;
	margin-left:20px;
	text-align: left;
	padding: 0px
}



/*IE5.01 と IE5.5 と IE6 に対応したパターン*/

* html #mainmenu
{
	margin-left:0px;
	position:relative;
	left:20px;
	width:180px;
}

#contentwrapper
{
	width:651px;
	float:left;
	margin-left:17px;
	background-repeat:no-repeat;
	background-position:right top;
}


/*縦置きロゴ*/
div.works		{background-image:url(../img/logo_works.gif);}
div.service		{background-image:url(../img/logo_service.gif);}
div.news		{background-image:url(../img/logo_news.gif);}
div.company		{background-image:url(../img/logo_company.gif);}
div.recruit		{background-image:url(../img/logo_recruit.gif);}
div.blog		{background-image:url(../img/logo_blog.gif);}
div.contact		{background-image:url(../img/logo_contact.gif);}
div.link		{background-image:url(../img/logo_link.gif);}



#contentmenuarea
{
	width:651px;
	height:160px;

}

/*IE5.01 と IE5.5 と IE6 に対応したパターン*/
* html #contentmenuarea
{
	margin-left:20px;
}

#flashcontent
{
	width:430px;
	height:160px;
	float:left;
}

#contentmenu1
{
	width:200px;
	height:160px;
	float:left;
}

#contentmenu2
{
	width:200px;
	height:160px;
	float:left;
	margin-left:17px;
}

#contentmenu3
{
	width:200px;
	height:160px;
	float:left;
	margin-left:17px;

}



#content
{	
	width:651px;
	margin-top:30px;
	
}

* html #content
{
	margin-left:20px;
}

#contentleft
{
	margin-top:20px;
	width:200px;
	float:left;

}



#contentright{
	width:417px;
	margin-left:217px;
	
}


/* 3.Header Layout
--------------------------------------------------------------------------------------- */
#header{
	height:150px;
	width:888px;
	
}

h1{
	float:left;
	margin: 50px 0 0 20px;
}

h1 a img{ border:none; }

#copyright
{
	width: 250px;
	font-size:8px;
	margin-top:50px;
	float:right;
	padding-right:17px; 
	text-align:right;
	
}

/*十字*/
#header{
	background-image:url(../img/cross.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	background-position:220px 133px;
}
	


/* 4.ContentsArea Layout
--------------------------------------------------------------------------------------- */
#contentmenuarea{
	text-align:right;
}

#contentoutlineright{
	width:250px;
	text-align:left;
	float:left;
	display:block;
	line-height:200%;
	letter-spacing:3px;
}
#contentoutlineleft{
	width:75px;
	float:left;
	display:block;
	line-height:200%;
	letter-spacing:3px;
}

.profile{
	margin-top:40px;
}


h2.first{
	margin-bottom:80px;
}
h2{
	margin-bottom:40px;
}
h3{
	font-size:12px;
	margin-bottom:12px;
}
div.service h3{
	font-size:14px;
	margin-top:12px;
	margin-bottom:8px;
}
div.service p{
	margin-bottom:6px;
}
#content p{
	margin-bottom:12px;
}

.textalignright
{
	text-align:right;
}


#content table.maintable tr th{
	text-align:right;
	
	vertical-align:top;
	
	width:200px;
	padding-right:17px;
	padding-bottom:24px;
	
	color:#333333;
	
	font-weight:bold;
	line-height:160%;
}

#content table.maintable tr td {
	line-height:160%;
	padding-right:17px;
	padding-bottom:24px;
}



/*5.Rollover Layout
---------------------------------------------------------------------------------------*/
/*GIF画像使いまわし。*/

#mainmenu ul
{
	list-style-type:none;
	width:200px;
	height:144px;
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
}

#mainmenu li
{
	width:200px;
	height:18px;
	margin:0;
	padding:0;
	text-decoration:none;
}


#mainmenu a
{
	
	display: block;
	width:200px;
	height:18px;
	background-image:url(../img/mainmenubackground.gif);
	background-repeat:no-repeat;
	text-decoration:none;
}

#mainmenu span
{
	color:#FF0000;
	position:absolute;
	left:-9999;
	visibility:hidden;
	
}
/*通常*/
#menunews{background-position:-20px 3px;}
#menuservice{background-position:-20px -15px;}
#menuworks{background-position:-20px -34px;}
#menucompany{background-position:-20px -53px;}
#menurecruit{background-position:-20px -72px;}
#menublog{background-position:-20px -91px;}
#menulink{background-position:-20px -110px;}
#menucontact{background-position:-20px -129px;}


/*表示中*/
#menunewson{background-position:-237px 3px;}
#menuserviceon{background-position:-237px -15px;}
#menuworkson{background-position:-237px -34px;}
#menucompanyon{background-position:-237px -53px;}
#menurecruiton{background-position:-237px -72px;}
#menublogon{background-position:-237px -91px;}
#menulinkon{background-position:-237px -110px;}
#menucontacton{background-position:-237px -129px;}

/*オンマウス*/
#mainmenu a:hover#menunews{background-position:-237px 3px;}
#mainmenu a:hover#menuservice{background-position:-237px -15px;}
#mainmenu a:hover#menuworks{background-position:-237px -34px;}
#mainmenu a:hover#menucompany{background-position:-237px -53px;}
#mainmenu a:hover#menurecruit{background-position:-237px -72px;}
#mainmenu a:hover#menublog{background-position:-237px -91px;}
#mainmenu a:hover#menulink{background-position:-237px -110px;}
#mainmenu a:hover#menucontact{background-position:-237px -129px;}



/*contentmenu1のロールオーバー*/


#contentmenu1
{
	width:200px;
	padding: 0px;
}

#contentmenu1 ul
{
	list-style-type: none;
	width:200px;
	font-size:0;
	line-height:0;
}

#contentmenu1 li
{
	display: block;
	width:200px;
	height:18px;
	margin:0;
	padding:0;
	text-decoration:none;
}


#contentmenu1 span
{
	color:#FF0000;
	position:absolute;
	
	left:-9999;
	visibility:hidden;
	
}
/*通常*/
#contentmenu1_li01{background-position:-1px 3px;}
#contentmenu1_li02{background-position:-1px -15px;}
#contentmenu1_li03{background-position:-1px -34px;}
#contentmenu1_li04{background-position:-1px -53px;}
#contentmenu1_li05{background-position:-1px -72px;}
#contentmenu1_li06{background-position:-1px -91px;}

/*表示中*/
#contentmenu1_li01on{background-position:-217px 3px;}
#contentmenu1_li02on{background-position:-217px -15px;}
#contentmenu1_li03on{background-position:-217px -34px;}
#contentmenu1_li04on{background-position:-217px -53px;}
#contentmenu1_li05on{background-position:-217px -72px;}


/*オンマウス*/
#contentmenu1 a:hover#contentmenu1_li01{background-position:-217px 3px;}
#contentmenu1 a:hover#contentmenu1_li02{background-position:-217px -15px;}
#contentmenu1 a:hover#contentmenu1_li03{background-position:-217px -34px;}
#contentmenu1 a:hover#contentmenu1_li04{background-position:-217px -53px;}
#contentmenu1 a:hover#contentmenu1_li05{background-position:-217px -72px;}



#contact a
{
	display: block;
	width:200px;
	height:18px;
	background-image:url(../img/contactbackground.gif);
	background-repeat:no-repeat;
	text-decoration:none;
}

#works a
{
	display: block;
	width:200px;
	height:18px;
	background-image:url(../img/worksbackground.gif);
	background-repeat:no-repeat;
	text-decoration:none;
}

#company a{
	display: block;
	width:200px;
	height:18px;
	background-image:url(../img/companybackground.gif);
	background-repeat:no-repeat;
	text-decoration:none;
}



/*contentmenu2のロールオーバー*/


#contentmenu2{
	width:200px;
	padding: 0px;
}

#contentmenu2 ul{
	list-style-type: none;
	width:200px;
	font-size:0;
	line-height:0;
}

#contentmenu2 li{
	display: block;
	width:200px;
	height:18px;
	margin:0;
	padding:0;
	text-decoration:none;
}


#contentmenu2 span{
	color:#FF0000;
	position:absolute;
	left:-9999;
	visibility:hidden;
	
}
/*通常*/
#contentmenu2_li01{background-position:-1px 3px;}
#contentmenu2_li02{background-position:-1px -15px;}
#contentmenu2_li03{background-position:-1px -34px;}
#contentmenu2_li04{background-position:-1px -53px;}
#contentmenu2_li05{background-position:-1px -72px;}
#contentmenu2_li06{background-position:-1px -91px;}
#contentmenu2_li07{background-position:-1px -110px;}
#contentmenu2_li08{background-position:-1px -129px;}



/*表示中*/
#contentmenu2_li01on{background-position:-217px 3px;}
#contentmenu2_li02on{background-position:-217px -15px;}
#contentmenu2_li03on{background-position:-217px -34px;}
#contentmenu2_li04on{background-position:-217px -53px;}
#contentmenu2_li05on{background-position:-217px -72px;}
#contentmenu2_li06on{background-position:-217px -91px;}
#contentmenu2_li07on{background-position:-217px -110px;}
#contentmenu2_li08on{background-position:-217px -129px;}

/*オンマウス*/
#contentmenu2 a:hover#contentmenu2_li01{background-position:-217px 3px;}
#contentmenu2 a:hover#contentmenu2_li02{background-position:-217px -15px;}
#contentmenu2 a:hover#contentmenu2_li03{background-position:-217px -34px;}
#contentmenu2 a:hover#contentmenu2_li04{background-position:-217px -53px;}
#contentmenu2 a:hover#contentmenu2_li05{background-position:-217px -72px;}
#contentmenu2 a:hover#contentmenu2_li06{background-position:-217px -91px;}
#contentmenu2 a:hover#contentmenu2_li07{background-position:-217px -110px;}
#contentmenu2 a:hover#contentmenu2_li08{background-position:-217px -129px;}

#house a{
	
	display: block;
	width:200px;
	height:18px;
	background-image:url(../img/housebackground.gif);
	background-repeat:no-repeat;
	text-decoration:none;
}

#store a{	
	display: block;
	width:200px;
	height:18px;
	background-image:url(../img/storebackground.gif);
	background-repeat:no-repeat;
	text-decoration:none;
}

#apartment a{
	
	display: block;
	width:200px;
	height:18px;
	background-image:url(../img/apartmentbackground.gif);
	background-repeat:no-repeat;
	text-decoration:none;
}

#medicalmall a{
	
	display: block;
	width:200px;
	height:18px;
	background-image:url(../img/medicalmallbackground.gif);
	background-repeat:no-repeat;
	text-decoration:none;
}