@charset "utf-8";
@import url(reset.css);
@import url(layout.css);
@import url(navigation.css);
@import url(style.css);
@import url(index.css);
@import url(english.css);
@import url(chinese.css);

/*--------------------------------------------------------
■会社概要
--------------------------------------------------------*/
body#corp div.m1 dl:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
body#corp div.m1 dl{
	display:inline-table;
	min-height:1%;
}
* html body#corp div.m1 dl{height:1%;}
body#corp div.m1 dl{
	display:block;
	border-bottom:2px dotted #ccc;
}
body#corp div.m1 dt{
	width:170px;
	float:left;
	padding:5px 0;
	text-indent:1em;
	letter-spacing:5px;
}
body#corp div.m1 dd{
	float:left;
	padding:5px 0;
	width:370px;
}

body#corp div.m1 table{width:90%;}
body#corp div.m1 table td{text-align:center;}
/*--------------------------------------------------------
■経営者挨拶
--------------------------------------------------------*/
body#corp div.m2 p{
	margin-bottom:5px;
	margin-left:20px;
	margin-right:20px;
	text-indent:1em;
}
/*--------------------------------------------------------
■沿革
--------------------------------------------------------*/
body#corp div.m3 dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
body#corp div.m3 dl {
	display:inline-table;
	min-height:1%;
}
* html body#corp div.m3 dl {height:1%;}
body#corp div.m3 dl {
	display:block;
	border-bottom:2px dotted #ccc;
	width:100%;
}

body#corp div.m3 dt.y{
	width:4em!important;
	width:5em;
	float:left;
	padding:5px 0;
	padding-left:0.5em;
}
body#corp div.m3 dt.m{
	width:2.5em;
	float:left;
	padding:5px 0;
	text-align:right;
}
body#corp div.m3 dd{
	float:left;
	padding:5px 0 5px 2em;
	width:31em;
}
body#corp div.m3 dt.y span,body#corp div.m3 dt.m span{display:none;}

/*--------------------------------------------------------
■ユニコムグループ
--------------------------------------------------------*/
body#corp div.m4 strong{
	display:block;
	margin-top:10px;
}

body#corp div.m4 dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
body#corp div.m4 dl {
	display:inline-table;
	min-height:1%;
}
* html body#corp div.m4 dl {height:1%;}
body#corp div.m4 dl {
	display:block;
	width:100%;
}

body#corp div.m4 dt{
	float:left;
	width:25%;
	clear:both;
	padding:2px 0;
	text-indent:1em;
}

body#corp div.m4 dd{
	float:right;
	padding:2px 0;
	width:75%;
}

body#corp div.m4 dt.odd,
body#corp div.m4 dd.odd{background-color:#f0f0f0;}
/*--------------------------------------------------------
■社会貢献への取組
--------------------------------------------------------*/
body#corp div.m5 dl:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
body#corp div.m5 dl{
	display:inline-table;
	min-height:1%;
}
* html body#corp div.m5 dl {height:1%;}
body#corp div.m5 dl{
	display:block;
	border-bottom:2px dotted #ccc;
}
body#corp div.m5 dt{
	width:180px;
	float:left;
	padding:5px 0;
	text-indent:1em;
	letter-spacing:5px;
}
body#corp div.m5 dd{
	float:left;
	padding:5px 0;
	width:370px;
}

body#corp div.m1 table, body#corp div.m3 table{width:90%;}
body#corp div.m1 table td, body#corp div.m3 table td{text-align:center;}

/*--------------------------------------------------------
■お問い合わせ
--------------------------------------------------------*/
body#corp div.m6 .m-ti {
	text-indent:-2.2em !important;text-indent:-2.25em;
	margin-left:2.2em !important;margin-left:2.25em;
}
/*--------------------------------------------------------
■新卒採用情報
--------------------------------------------------------*/
body#recruit div.index div#contents div{
	width:240px;
	border:1px solid #f9f;
	float:left;
}

body#recruit div.index div#contents div a{
	display:block;
	width:240px;
	height:40px;
	text-indent:-666em;
}
body#recruit div.index div#contents div p{padding:0 5px;}

body#recruit div.index div#contents div.new         {background:url(img/recruit/new_over.gif) no-repeat top;margin:10px 0px 10px 30px!important;margin-left:15px;}
body#recruit div.index div#contents div.career      {background:url(img/recruit/career_over.gif) no-repeat top;margin:10px 0px 10px 30px;}
body#recruit div.index div#contents div.handicapped {background:url(img/recruit/handicapped_over.gif) no-repeat top;margin:10px 0px 20px 30px!important;margin-left:15px;margin-bottom:10px;}
body#recruit div.index div#contents div.welfare     {background:url(img/recruit/welfare_over.gif) no-repeat top;margin:10px 0px 10px 30px;margin-bottom:10px;}

body#recruit div.index div.new a         {background:url(img/recruit/new.gif) no-repeat;}
body#recruit div.index div.career a      {background:url(img/recruit/career.gif) no-repeat;}
body#recruit div.index div.handicapped a {background:url(img/recruit/handicapped.gif) no-repeat;}
body#recruit div.index div.welfare a     {background:url(img/recruit/welfare.gif) no-repeat;}

body#recruit div.index div.new a:hover,
body#recruit div.index div.career a:hover,
body#recruit div.index div.handicapped a:hover,
body#recruit div.index div.welfare a:hover{background:none;}

body#recruit div.index div.new p         {height:5.5em;}
body#recruit div.index div.career p      {height:5.5em;}
body#recruit div.index div.handicapped p {height:5.5em;}
body#recruit div.index div.welfare p     {height:5.5em;}

body#recruit div.m2 .m-ti,
body#recruit div.m3 .m-ti {
	text-indent:-2.2em !important;text-indent:-2.25em;
	margin-left:2.2em !important;margin-left:2.25em;
}

/*--------------------------------------------------------
■ニュースリリース
--------------------------------------------------------*/
body#news dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
body#news dl {
	display:inline-table;
	min-height:1%;
}
* html body#news dl {height:1%;}
body#news dl {
	display:block;
	border-bottom:2px dotted #ccc;
	width:100%;
}
body#news dl dt{
	width:90px !important;width:95px;
	padding:4px 0 2px 5px;
	float:left;
}
body#news dl dd{
	float:left;
	padding:4px 5px 2px 0;
	text-align:left;
	width:450p !importantx;width:455px;
}
body#news div.m2 dl dd span {
	color:#e85e02;
}

/*--------------------------------------------------------
■プライバシーポリシー
--------------------------------------------------------*/
ol.privacypolicy li {
	font-weight:bold;
	margin-left:2em;
	margin-right:5px;
}
ol.privacypolicy li p {
	font-weight:normal;
}
ol.privacypolicy li div {
	font-weight:normal;
}

/*--------------------------------------------------------
■サイトマップ
--------------------------------------------------------*/
.sitemap_box {
	background-color:#fcfcf3;
	border:3px double #fff;
}
.sitemap_box ul {
	margin-left:16px;
}
.sitemap_box li ul {
	margin-left:0px;
}
.sitemap_box li {
	background:url(img/sitemap/list_middle.gif) no-repeat 0px 45%;
	list-style-type:none;
	margin:0;
	padding:3px 0px!important;
	text-indent:20px;
}
.sitemap_box li ul li {
	padding-left:16px!important;
	background-position:16px 45%;
}
.sitemap_box li.parent {
	background:url(img/sitemap/list_parent.gif) no-repeat 0px 0px;
	text-indent:0px;
}
.sitemap_box li.top {
	background-image:url(img/sitemap/list_top.gif);
}
.sitemap_box li.top_c {
	background:url(img/sitemap/list_top2.gif) no-repeat 10px 45%;
}
.sitemap_box li.bottom {
	background-image:url(img/sitemap/list_bottom.gif);
}
.sitemap_title1 {
	background-color:#807d71;
	color:#fff;
	font-weight:bold;
	margin:0;
	text-align:center;
}
.sitemap_title2 {
	background-color:#8f8465;
	color:#fff;
	margin:6px 0 0 15px;
	padding-left:0.5em;
	text-align:left;
}
.sitemap_title1 a, .sitemap_title2 a {
	color:#fff;
}
.sitemap_title1 a:hover, .sitemap_title2 a:hover {
	color:#f8da63;
}


/*--------------------------------------------------------
■プリント
--------------------------------------------------------*/
@media print {
	body { zoom:96%;color:#000; }
	h1 a { text-indent:0px; }
	div#global-navi ul { width:96% !important;width:100%; }
	div#global-navi ul li a { text-indent:0px;position:absolute; }
	div#language, div#size-change, a#go-top { display:none; }
	body#index #menu ul li a { text-indent:0px; }
	body#recruit div.index div#contents div a { text-indent:0px; }
}
