@charset "utf-8";
​*​ ​h​t​m​l​ ​.​c​l​e​a​r​f​i​x​ ​{
​h​e​i​g​h​t​:​ ​1​p​x​;
​/​*​\​*​/​/​*​/
​h​e​i​g​h​t​:​ ​a​u​t​o​;
​o​v​e​r​f​l​o​w​:​ ​h​i​d​d​e​n​;
​/​*​*​/
​}

body {
/*	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; */
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}

h2 {
	border-bottom: #0500ff 3px solid;
}

h3 {
/*	background: url(../images/common/ico_h3tag.gif) no-repeat; */
	border-left: 10px solid #f99411;
	border-bottom: 1px solid #f99411;
	margin-left: 0;
	padding: 0 0 3px 10px;
}

a img { 
	border: none;
}

/* ~~ この固定幅コンテナが他の div を囲みます。~~ */
#container {
	width: 980px;
	background: #FFF;
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
}

/* ~~ ヘッダーには幅は指定されません。ヘッダーはレイアウトの幅全体まで広がります。ヘッダーには、ユーザー独自のリンクされたロゴに置き換えられるイメージプレースホルダーが含まれます。~~ */
.header {
	background: url(../images/common/background.png) no-repeat 0 20px;
	height: 420px;
}

.header h1 {
	font-size: 85%;
/*	font-weight: normal; */
}


.sidebar1 {
	float: left;
	width: 220px;
	padding-bottom: 10px;
	background:url(../images/common/background_ul.png) no-repeat;
	min-height: 200px;
	margin-bottom: 30px;
	display: inline;
}
.content {
	padding: 0;
	margin: 0;
	padding-left: 10px;
	width: 750px;
	_width: 740px;
	float: left;
	background: url(../images/common/background_ur.png) no-repeat;
	min-height: 200px;
	margin-bottom: 30px;
	display: inline;
	position: relative;
}

div#side_kaigo {
	width: 200px;
	height: 102px;
	overflow: hidden;
	margin-left: 15px;
}

div#side_kaigo a {
	width: 200px;
	height: 102px;
	display: block;
	background: url(../images/common/bnr_kaigo.png) no-repeat scroll;
	text-indent: -9999px;
}

div#side_kaigo a:hover {
	background: url(../images/common/bnr_kaigo.png) no-repeat scroll -200px 0;
}


/* ~~ ナビゲーションリストのスタイル付け (Spry などの事前作成済みのフライアウトメニューを使用する場合は削除できます) ~~ */
ul#nav {
	list-style: none; /* リストのマーカーを削除します。 */
	margin-bottom: 30px;
	width: 760px;
	_width: 740px
}
ul#nav li {
	float: left;
	display: inline;
	margin-left: 10px;
	display: block;
	width: 240px;
	_width: 230px;
	height: 240px;
	overflow: hidden;	
}

ul#nav a {
	width: 240px;
	height: 240px;
	display: block;
	text-indent: -9999px;
}

ul#nav a#staff {background: url(../images/index/menu_recruit.png) no-repeat scroll;}
ul#nav a#staff:hover {background: url(../images/index/menu_recruit.png) no-repeat scroll -240px 0;}
ul#nav a#kaisya {background: url(../images/index/menu_kaisya.png) no-repeat scroll;}
ul#nav a#kaisya:hover {background: url(../images/index/menu_kaisya.png) no-repeat scroll -240px 0;}
ul#nav a#service {background: url(../images/index/menu_service.png) no-repeat scroll;}
ul#nav a#service:hover {background: url(../images/index/menu_service.png) no-repeat scroll -240px 0;}



/* ~~ サイドバーのナビゲーション ~~ */
ul#sidemenu {
	list-style: none;
	margin: 20px 0 30px 15px;
	width: 200px;
}

ul#sidemenu li {
	display: block;
	width: 200px;
	height: 50px;
	overflow: hidden
}

ul#sidemenu a {
	width: 200px;
	height: 50px;
	display: block;
	text-indent: -9999px;
}

ul#sidemenu a#side_home {background: url(../images/common/btnside_menu1.gif) no-repeat scroll;}
ul#sidemenu a#side_home:hover {background:url(../images/common/btnside_menu1.gif) no-repeat scroll 0 -50px;}
ul#sidemenu a#side_kaisya {background: url(../images/common/btnside_menu2.gif) no-repeat scroll;}
ul#sidemenu a#side_kaisya:hover {background:url(../images/common/btnside_menu2.gif) no-repeat scroll 0 -50px;}
ul#sidemenu a#side_service {background: url(../images/common/btnside_menu3.gif) no-repeat scroll;}
ul#sidemenu a#side_service:hover {background:url(../images/common/btnside_menu3.gif) no-repeat scroll 0 -50px;}
ul#sidemenu a#side_kyujin {background: url(../images/common/btnside_menu4.gif) no-repeat scroll;}
ul#sidemenu a#side_kyujin:hover {background:url(../images/common/btnside_menu4.gif) no-repeat scroll 0 -50px;}



/* ~~ フッター ~~ */
.pagetop {
	padding: 0;
	margin: 0;
	clear: both;
	position: relative;
}

.pagetop a {
	display: block;
	float: right;
	background: url(../images/common/btn_top.gif) no-repeat;
	width: 165px;
	height: 30px;
	text-indent: -9999px;
	position: relative;
}


.footnav {
	width: 100%;
	background-color: #444;
	font-size: 80%;
	margin: 0;
	padding: 0;
	border-top: #fa830f 1px solid;
	clear: both;
}

.footnav .nl {
	margin: 0;
	padding: 10px;
	list-style: none;
	background-color: #444;
}

.footnav .nl li {
	float: left;
	display: inline;
	background-color: #444;
}

.footnav .nl li a {
	display: block;
	position: relative;
	text-decoration: none;
	padding: 0 20px;
	color: #FFF;
	border-left: 1px solid #FFF;
}

.footnav .nl li a.home {
	border: none;
}

.footer {
	padding: 10px 0;
	margin: 0;
	font-size: 80%;
	clear: both;
}


/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}

.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}

.clearfloat:after {
 height: 0;
 visibility: hidden;
 content: ".";
 display: block;
 clear: both;
 overflow:hidden;
}

.clearfloat {
	min-height: 1px;
}