.fleft  { float: left; }
.fright { float: right; }
.clear  { clear: both; }

.clearfix:after {
	content: url("../images/pixel.gif");
	display: block;
	clear: both;
	height: 0;
}

.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.iepngfix {
	behavior: url(./js/iepngfix.htc);
}

.bold { font-weight: bold; }

.ver-top { vertical-align: top; }
.ver-btm { vertical-align: bottom; }

/*  全体
-------------------------------------------- */
*{
		margin: 0;
		padding: 0;
	}

body{
		font-family: monospace,"Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;
		color: #333333;
		margin: 0 auto;
		background: #ffffff url("../images/bg_slanting.gif") scroll;
	}
/* IE 6 */
* html body{
		text-align: center;
	}

img {
		border: 0;
}

ul { list-style-type: none; }

table { border-collapse: collapse; }

/* リンク指定
----------------------------------- */
a { text-decoration: none; }


h1 {
		width: 814px;
		color: #ffffff;
		font-size: 9pt;
		text-align: center;
		padding: 4px 0;
		margin: 0 auto;
		background: url("../images/h1_bg.png") repeat-y;
		behavior: url(./js/iepngfix.htc);
}

div#wrap {
		width: 814px;
		margin: 0 auto;
		background: url("../images/contents_bg.png") repeat-y;
		behavior: url(./js/iepngfix.htc);
}

/* ヘッダー 
-------------------------------------------- */
div#header {
		width: 800px;
		margin: 0 auto;
}
/* IE 6 */
* html div#header {
		text-align: left;
}

div#header .header-main {
		width: 800px;
		margin: 0 auto;
		background: #ffffff url("../images/header/header_top_bg.gif") no-repeat;
}

div#header .header-main .logo-slogan {
		float: left;
		width: 560px;
		padding: 20px 0 0 15px;
}

div#header .header-main .logo {
		float: left;
		font-size: 22pt;
		font-weight: bold;
}

.logo a:link    { color: #333333; }
.logo a:visited { color: #333333; }
.logo a:hover   { color: #333333; }

div#header .header-main .slogan {
		float: left;
		font-size: 10pt;
		padding: 10px 0 10px 5px;
}

div#header .header-main .info {
		float: right;
		font-size: 8pt;
		padding: 10px 15px 5px 0;
}

div#header .header-main .info dt {
		font-weight: bold;
}

div#header .header-main .info dd {
		color: #333333;
}

/* メニュー */
div#menu {
		width: 800px;
		margin: 0 auto;
		border-top: 1px #c7c7c7 solid;
		border-bottom: 1px #c7c7c7 solid;
		background: #e1e1e1 url("../images/header/menu_bg_new.gif") repeat-y;
}
/* IE 6 */
* html div#menu {
		text-align: left;
}

div#menu div {
		width: 159px;
		display: table-cell;
		vertical-align: middle;
}
/* IE 6 */
* html div#menu div {
		display: inline;
		zoom: 1;
}
/* IE 7 */
*:first-child+html div#menu div {
		display: inline;
		zoom: 1;
}
/*\*//*/
* html div.wrap div {
    display: inline-block;
}
/**/

div#menu .border-r{
		border-right: 1px solid #c7c7c7;
}

div#menu li {
		margin-left: 10px;
		zoom: 1;
		behavior: url(./js/iepngfix.htc);
		background: url("../images/header/icon_menu.png") 2px center no-repeat;
}

div#menu li a {
		color: #333333;
		font-size: 10pt;
		font-weight: bold;
		padding: 9px 5px 8px 20px;
		display: block;
		position: relative; /* for IE6 */
}

div#menu a:link    { color: #333333; }
div#menu a:visited { color: #333333; }
div#menu a:hover   { color: #ff6600; }

/* コンテンツ
-------------------------------------------- */
div#contents {
		width: 800px;
		margin: 0 auto;
}

/* イメージングエリア */
div#contents .top-space,
div#contents .btm-space{
		width: 800px;
		margin: 0 auto;
		font-size: 0;
}

div#contents .imaging-area {
		width: 775px;
		position: relative;
		margin: 0 auto;
		font-size: 0;
}

div#contents .imaging-area .frame {
		border: 7px #aac1e5 solid;
}

div#contents .imaging-area .text {
		width: 150px;
		color: #ffffff;
		font-size: 16pt;
		font-weight: bold;
		position: absolute;
		top: 60px;
		left: 35px;
}

div#contents .imaging-area .object-area {
		width: 761px;
		height: 450px;
}

/* トピックパス */
div.topicPath {
		font-size: 9pt;
		padding-left: 32px;
}
/* IE 6 */
* html div.topicPath {
		text-align: left;
}

.topicPath a:link    { color: #3976c9; }
.topicPath a:visited { color: #3976c9; }
.topicPath a:hover   { color: #ff6600; }

/* タイトル */
div#contents .title-bg {
		width: 775px;
		height: 28px;
		background: url("../images/contents/title_bg_circle.gif") no-repeat;
}
/* IE 6 */
* html div#contents .title-bg {
		text-align: left;
}

div#contents .title-bg h2 {
		font-size: 10pt;
		padding: 7px 0 0 30px;
}

/* サブタイトル */
div#contents .subtitle-bg {
		color: #2c436c;
		height: 32px;
		background: url("../images/contents/subtitle-bg.gif") no-repeat;
		font-size: 10pt;
		font-weight: bold;
}

/* トップページ
---------------------------------- */
/* news */
div#contents .news {
		width: 775px;
		padding-bottom: 10px;
		margin: 10px auto 0;
}

div#contents .news .box {
		width: 773px;
		border-left: 1px #c7c7c7 solid;
		border-right: 1px #c7c7c7 solid;
}

div#contents .news .under-line {
		width: 753px;
		margin: 0 auto;
		text-align: left;
		padding: 0 0 0 0;
		background: url("../images/contents/dotted_753.gif") 0 bottom no-repeat;
}

div#contents .news .under-line div {
/*		display: inline;*/
		float: left;
		font-size: 10pt;
}

div#contents .news .under-line .date {
		width: 80px;
		padding: 5px 0 5px 10px;
}

div#contents .news .under-line .text {
		width: 630px;
		padding: 5px 10px;
}

/* 採用
---------------------------------- */
/* 採用情報 */
div#contents .recruit {
		width: 775px;
		padding-bottom: 10px;
		margin: 10px auto 0;
}

div#contents .recruit .box {
		width: 773px;
		padding: 15px 0 10px;
		border-left: 1px #c7c7c7 solid;
		border-right: 1px #c7c7c7 solid;
}

div#contents .recruit table {
		width: 750px;
		font-size: 10pt;
		margin: 0 auto;
}
/* IE 6 */
* html div#contents .recruit table {
		text-align: left;
}

div#contents .recruit table td {
		padding: 10px 0 10px 10px;
		border: 1px #c7c7c7 solid;
}

div#contents .recruit table td.gray {
		width: 170px;
		background-color: #ededed;
}

div#contents .recruit .btn {
		width: 245px;
		height: 50px;
		text-align: center;
		margin: 10px auto;
}

div#contents .recruit .btn a {
		width: 245px;
		height: 50px;
		font-size: 11pt;
		font-weight: bold;
		display: block;
		line-height: 3;
		background: url("../images/contents/btn_bg.gif") no-repeat;
}

.recruit .btn a:link    { color: #ffffff; }
.recruit .btn a:visited { color: #ffffff; }
.recruit .btn a:hover   { color: #ff6600; }

/* 事業案内
---------------------------------- */
/* 事業案内 */
div#contents .business {
		width: 775px;
		padding-bottom: 10px;
		margin: 10px auto 0;
}

div#contents .business .box {
		width: 773px;
		padding: 15px 0 10px;
		border-left: 1px #c7c7c7 solid;
		border-right: 1px #c7c7c7 solid;
}

div#contents .business table {
		width: 750px;
		font-size: 10pt;
		margin: 0 auto;
}
/* IE 6 */
* html div#contents .business table {
		text-align: left;
}

div#contents .business table td {
		padding: 10px 0 10px 10px;
		border: 1px #c7c7c7 solid;
}

div#contents .business table td.gray {
		width: 170px;
		background-color: #ededed;
}

.business a:link    { color: #3976c9; }
.business a:visited { color: #3976c9; }
.business a:hover   { color: #ff6600; }

/* アクセス
---------------------------------- */
div#contents .access {
		width: 775px;
		padding-bottom: 10px;
		margin: 10px auto 0;
}

div#contents .access .box {
		width: 773px;
		padding: 15px 0 10px;
		border-left: 1px #c7c7c7 solid;
		border-right: 1px #c7c7c7 solid;
}

div#contents .access dl {
		width: 750px;
		font-size: 10pt;
		margin: 0 auto;
}
/* IE 6 */
* html div#contents .access dl {
		text-align: left;
}

div#contents .access dt {	/* dt.subtitle_bg: height: 32px */
		padding: 0 0 0 10px;
		line-height: 32px;
}
div#contents .access dd {
		padding: 10px 10px 20px;
}

/* フッター
---------------------------------- */
div#footer {
		width: 800px;
		margin: 0 auto;
		padding-top: 40px;
}
/* IE 6 */
* html div#footer {
		text-align: center;
}

div#footer .copyright{
		width: 800px;
		color: #ffffff;
		font-size: 8pt;
		padding: 5px 0;
		margin: 0 auto;
		text-align: center;
		border-top: 1px #2a5db0 solid;
		background-color: #97b7ed;
}