/* --------------------------------------------
 * reset.css
 * 基本スタイルシート


 * Date: 2008/1/10   Update:2009/9/27
 * Auther: Shunsuke Ito
 * 適応範囲: 全ページ
 * -------------------------------------------- */

/* =========== ブラウザデフォルト設定の統一 =========== */

body,div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,
p,blockquote,th,td {margin:0;padding:0;border:0;}
input,textarea {margin:0;padding:2px;}
fieldset,img,abbr,acronym {border:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
button { padding:2px; }


/* =========== 初期設定 =========== */

body {
	font-family:Arial, Helvetica, sans-serif;
}

a { color:#003399; }
a:visited { color:#003366; }
a:hover { color:#CC3300; }
a:active { color:#CC3300; }

p {	margin:0 0 1em 0; }

img {
	border-style:none;
	border:0 solid #FFFFFF;
}

li{	margin-left:1em; }
dd{	margin-left:1em; }

strong { font-weight:bold; }

input:disabled {
    color:#666;
    background-color:#DDD;
}


/* =========== レイアウト =========== */

body { margin:0; padding:0; background-color:#27343C; text-align:center; }
#page { margin:0 auto; padding:0; width:940px; text-align:left;}

ol.olbasic,
ul.ulbasic {
	margin:5px 0;
	padding:0 0 5px 30px;
}

ol.olPS,
ul.ulPS {
	margin:0 0 5px 0;
	padding:0 0 5px 38px;
}

dl.dlbasic {
	margin:5px 0;
	padding:0 0 5px 15px;
}

ol.olbasic li {
	margin:1em 0;
}

ol.olinsight li {
	margin:1em 0 1em 2em;
	list-style-type: lower-alpha;
}


dl.dlbasic dt {
	margin: 1.5em 0 0 0;
}

dl.dlbasic li {
	margin: 0;
}

dl.dlbasic dd {
	margin: 0 0 0 1em;
}

p.indent {
	margin-left: 2em;
	text-indent: -1em;
}

p.indentPS {
	margin-left: 2em;
	text-indent: -1.6em;
}

div.important {
	background: #FFF;
	border: 1px solid #ccc;
	color: #000;
	margin: 0px 0 20px 10px;
	padding: 10px 10px 0px 10px;
}

div.reference {
	font-size:88%;
	background: #FFF;
	border: 1px solid #ccc;
	color: #000;
	margin: 0px 0 20px 10px;
	padding: 10px 10px 0px 10px;
}

p.rtn { text-align: left; }
p.mid { text-align: center; }
p.dic { text-align: right; }

#header,
#nav,
#contents{ margin:0; clear:both; position:relative; }

#footer{ margin:0; clear:both; position:static; }

#header {
	padding:10px 10px 4px 10px;
	background-color:#FFF;
	background-image:url(../images/bg_header.jpg);
	background-repeat:repeat-x;
}

#nav {
	background-color:#003366;
	background-image:url(../images/bg_nav.jpg);
	background-repeat:none;
	height:58px;
}

#contents {
	position:relative;
	padding:10px 10px 10px 10px;
	background-color:#FFFFFF;
	background-image:url(../images/btm_contents.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	margin-botom:10px;
	width:920px;
	overflow:hidden;
}

#footer {
	margin-top:10px;
	padding:15px;
	background-image:url(../images/bg_footer.jpg);
	background-repeat:repeat-x;
	background-color:#FFF;
	overflow:hidden;
}

#hakenid {
	text-align:right;
	font-size:90%;
}

#footer a {
	text-decoration:none;
}

#footer a:link {
	color:#333;
}
#footer a:visited {
	color:#666;
}
#footer a:hover {
	color:orange;
}

#footer div {
	line-height:1.4;
	float:left;
}

#isoinfo {
	font-size:70%;
	width: 400px;
	margin-right:20px;
}

#cpinfo {
	font-size:80%;
	border-left: 2px solid #CCC;
	border-right: 2px solid #CCC;
	width: 220px;
}

#grinfo {
	font-size:80%;
	width: 220px;
	text-align:center;
}

#grinfo p {
	text-align:right;
}


#cpinfo p {
	margin:0 20px;
}

#isoinfo img{
	margin:0 10px 10px 0;
}

#sbn {
	/* = height:200px; = */
	margin-top:20px;
}

#footer p {
	clear:both;
	margin-bottom:0.5em;
}

#copyright {
	text-align:right;
}

img.mark {
	float:left; margin-right:1em;
}

img.snap {
	float:left; margin:0 10px;
}

img.isms {
	vertical-align: middle;
	padding:0px 1em;
}

#article {
	width:680px;
	height: auto !important;
	overflow:hidden;
	float:left;
}

#snav {
	width:230px;
	overflow:hidden;
	float:right;
}

#breadcrumb {
	font-size:80%;
}

#breadcrumb a{
	text-decoration:none;
}

p.toplink {
	text-align:right;
	font-size:80%;
}

p.toplink a {
	color:#666;
	text-decoration:none;
	background-repeat:no-repeat;
	background-image:url(../images/ar_pagetop.gif);
	padding:0 0 0 12px;
	clear: both;
}

#say {
	position:absolute;
	top:10px;
	left:10px;
	font-size:10px;
}

#wrapper {
	padding:4px 10px;
}

#wrapper p {
	margin-bottom:5px;
}

#wrapper:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

#article-right {
	float:right;
	width:345px;
}

#article-left {
	float:left;
	width:305px;
}

#article-left p img,
#article-right p img {
	vertical-align: middle;
}


#article-left ul,
#article-right ul {
	background:transparent url(../images/line_group.gif) repeat-y scroll left bottom;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:2px 0 34px 34px;
	padding-top:15px;
}

#article-left li,
#article-right li {
	background:transparent url(../images/list_group.gif) no-repeat scroll 0 8px;
	margin:0 0 8px;
	padding-left:25px;
}

#article-left li li,
#article-right li li{
	font-size:85%;
}

#article-left li.last,
#article-right li.last {
	background:transparent url(../images/list_group_last.gif) no-repeat scroll 0 9px;
	margin-top:8px;
}

div.group {
	margin-bottom:1em;
	padding:10px 20px;
}

div.group .g_company{
	width:205px;
	height:100px;
	float:left;
	margin-right:8px;
	text-align:center;
	font-size:80%;
}

div.group .g_company a.img_link{
	display:block;
	width:205px;
	height:60px;
	border:1px solid #CCCCCC;
}

div.group .g_company a.img_link img{

}

.group .icon {
	float:left;
	width:80px;
}

.group h4 {
	margin-bottom:6px;
	text-shadow: 0px 0px 0px #fff; 
}

.group p {
	margin-bottom:6px;
	line-height:18px;
}


/* =========== 装飾 =========== */
hr {
height: 1px;
border: 0px;
color: #CCCCCC; /* 線の色(IE用) */
background-color: #CCCCCC; /* 線の色(NN用) */
}

h4.basic {
	border-bottom:1px solid #999;
	margin: 20px 0;
	font-weight:bold;
}

h4.sub-privacy {
	border:1px solid #999;
	margin: 5px 0 15px 0;
	padding:10px;
	text-align:center;
}

h4.sub-topics {
	margin: 20px 0;
	padding:10px;
	text-align:center;
	font-weight:bold;
}

h4.sub-insight {
	margin: 20px 0;
	padding:10px;
	border-bottom: 3px solid #70B6FC;
	background:#EAEAEA url(../images/bg_tblbasic.gif) repeat-x;
	font-weight:bold;
}

h4.sub-service {
	color:#333;
	margin: 20px 0 8px 0;
	font-weight:bold;
	font-size:110%;
	border-bottom: 3px dotted #DFDFDF;
}

h4.event {
	color:#379BB9!important;
	border-left: 3px solid #379BB9!important;
	margin-top: 30px!important;
	margin-bottom: 5px!important;
}

h5.event {
	color:#379BB9!important;
	border-bottom: 2px solid #379BB9!important;
	margin-bottom: 5px!important;
}

#article h5 {
	color:#333;
	margin: 2em 1em 1em 1em;
	font-weight:bold;
	font-size:110%;
	border-bottom: 2px solid #663399;

}

div.subnavi {
	margin:20px;
	padding:10px;
	background-color:#EEE;
}


#snav h2 {
	background-color:#EBEBEB;
	border:1px solid #DDD;
	border-bottom:none;
	padding:0;
	font-size:96%;
	font-weight:bold;
}
#snav h2 a{
	display:block;
	padding:8px 10px;
}

#snav ul {
	background-image:url(../images/bg_snavlist.jpg);
	background-repeat:repeat-x;
	border:1px solid #DDD;
	margin: 0 0 20px 0;
	padding:10px 10px 2px 12px;
}

#snav ul ul{
	background-image:none;
	border:none;
	margin: 5px 0;
	padding:0;
}

#snav ul li {
	list-style:none;
	background:url(../images/ar_snav.gif) no-repeat left 0.35em;
	text-indent:0;
	font-size:90%;
	line-height:1.3;
	margin:0 0 8px 0;
	padding:0 0 0 10px;
}

#snav ul li li{
	list-style:none;
	background:url(../images/ar_snav.gif) no-repeat left 0.4em;
	text-indent:0;
	line-height:1.3;
	font-size:80%;
	margin:0 0 5px 15px;
	padding:0 0 0 10px;
}

#snav li.here {
	background:url(../images/ar_snav_here.gif) no-repeat left 0.4em;
}

#snav li.here a{
	color:#FF3300!important;
}

#snav li.here li a{
	color:#666!important;
}

#article {
	line-height:1.4;
	font-size:94%;
}

#article p,
#article dl {
	margin:0 1em 1em 1em;
}

#article dl dt {
	font-weight:bold;
}

#article p.indent {
	margin:0 1em 1em 2em;
}

#article p.detail {
	text-align:right;
	vertical-align:middle;
}

#article p.detail img{
	vertical-align:middle;
}

#article div.sentence p {
	margin:0 1em 2em 2em;
}


#article .wide {
	margin:1em 0;
}

#article .wide02 {
	margin:1em 0.5em;
}

#article .wide03 {
	margin:1em 1.5em;
}

#article h2 {
	margin:0 0 1em 0;
}

#article h3,
#article h4 {
	margin:0 1em 1em 1em;
}

#article h3 {
	border-bottom:2px solid #CCC;
	padding:4px 0;
	font-size:120%;
	font-weight:bold;
	color:#003399;
}

#article h4 {
	border-bottom:1px solid #CCC;
	padding:2px 4px;
	font-size:110%;
	font-weight:bold;
	color:#333333;
	background-image:url(../images/bg_tblbasic.gif);
}

#article dl,
#article ul {
	margin:0 1em 1em 2em;
}


#snav a {
	text-decoration:none;
}

#sitemenu {
	position:absolute;
	right:10px; top:0px;
	width:520px;
}

#ecom {
	width:102px; height:70px;
	float:right;
}

#sitemenu ul {
	width: 360px;
	float:right;
	list-style-type:none;
}

#sitemenu ul li{
	display:block;
	padding: 10px 0;
	width:100px;
	float:right;
	font-size:80%;
	vertical-align:baseline;
}

#sitemenu a {
	text-decoration:none;
	color:#009CE1;
}

#sitemenu a:link,
#sitemenu a:visited{
	color:#009CE1;
}

#sitemenu a:hover,
#sitemenu a:active{
	color:#003399;
}

#nav ul {
	margin:0;
	padding:0 0 0 10px;
	width:940px;
	position:absolute;
	bottom:0;
	left:0;
}

#nav li{
	list-style:none;
	display:inline;
	margin: 0 0 0 1px;
}

#nav li a{
	display:inline-block;
	padding:6px 20px 2px 20px;
	margin:0;
	font-size:86%;
	text-align:center;
	background-color:#D7EFF9;
	background-image:url(../images/bg_nav_menu.jpg);
	text-decoration:none;
}

#footnav {
	clear:both;
	text-align:center;
	margin-top:20px;
}

#footnav a{
	display:inline-block;
	margin:0 10px;
	text-align:center;
	padding: 4px;
	font-size:80%;
}


#ship {
	position:absolute;
	bottom:10px;
	right:20px;
	display:none;
}

#nav li a:link,
#nav li a:visited {
	color:#00367B;
}

#nav li a:hover,
#nav li a:active {
	color:#009CE1;
	background-color:#FFFFFF;
	background-image:url(../images/gmenu_hl.gif);
	background-position:bottom;
}

#nav li.here a{
	color:#009CE1!important;
	background-color:#FFFFFF!important;
	background-image:url(../images/gmenu_hl.gif);
	background-position:bottom;
}


img.icon {
	vertical-align:middle;
	margin-right:4px;
}

img.info {
	padding-top: -20px;
	padding-left:1em;
}

p.banner{
	margin:10px 0;

}

ul.cttopmenu {
	list-style : none ;
}

ul.link a {
	text-decoration:none;
}

ul.cttopmenu li{
	background-image : url(../images/cttopmenu_icon.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	padding-left : 20px ;
	margin-bottom:20px;
}

#article dl.index dt a {
	background:url("../images/ico_arrow.gif") no-repeat scroll left center transparent;
	padding:0 0 0 15px;
}

/* =========== テーブル =========== */
td.rtn { text-align: left; }
td.mid { text-align: center; }
td.dic { text-align: right; }


table.tblbasic {
	border:2px solid #CCC;
	margin:10px 20px;
	width: 640px;
}

table.tblbasic col { width:auto; }
table.tblbasic col.kubun { width: 7em; }

table.tblbasic th,
table.tblbasic td {
	padding:4px;
	border:1px solid #CCC;
	font-size:0.9em;
}

table.tblbasic thead th {
	color:#333300;
	white-space:nowrap;
	background:#EAEAEA url(../images/bg_tblbasic.gif) repeat-x;
	font-weight:bold;
	text-align: center;
}

table.tblbasic thead th.name {
	text-align: left;
}



table.tblbasic tbody th {
	color:#333300;
	white-space:nowrap;
	background-color:#EAEAEA;
	font-weight:bold;
}

table.tblbasic tbody th.item {
	background-color:#FFFFFF;
}

table.tblbasic tbody td.kubun {
	text-align: center;
}

table.tblbasic tbody td.company {
	background-color:#4295DE;
	color:#FFFFFF;
}

table.tblbasic caption span.company {
	color:#4295DE;
}

table.tblbasic tbody td.alliance {
	background-color:#FFFF99;
}

table.tblbasic caption span.alliance {
	color:#FFFF99;
}

table.tblbasic tbody td.comall {
	background-color:#B0D51F;
}

table.tblbasic caption span.comall {
	color:#B0D51F;
}

table.tblbasic tbody td.unentry {
	background-color:#eeeeee;
}

table.tblbasic caption span.unentry {
	color:#eeeeee;
}

table.tblenkaku {
	width:100%;
	margin:0;
}

table.tblenkaku th {
	padding:4px;
	border-bottom: 1px dashed #CCC;
	white-space: nowrap;
	text-align: right;
	vertical-align: top;
}

table.tblenkaku td {
	padding:4px;
	border-bottom: 1px dashed #CCC;
}

table.tblpress {
	width:100%;
	margin:0;
}

table.tblpress col,table.tblio col { width: 100px; }
table.tblpress col.article, table.tblio col.article { width: auto; }

table.tblpress thead th {
	padding:4px;
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
	border-left: 3px solid #70B6FC;
	border-bottom: 1px solid #CCC;
	background:#EAEAEA url(../images/bg_tblbasic.gif) repeat-x;
}

table.tblpress th {
	padding:12px 4px;
	border-bottom: 1px dashed #CCC;
	white-space: nowrap;
	text-align: right;
	vertical-align: top;
}

table.tblpress td {
	padding:12px 4px;
	border-bottom: 1px dashed #CCC;
}

table.tblio {
	width:100%;
	margin:0;
}

table.tblio thead th {
	padding:4px;
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
	border-left: 3px solid #70B6FC;
	border-bottom: 1px solid #CCC;
	background:#EAEAEA url(../images/bg_tblbasic.gif) repeat-x;
}

table.tblio th {
	padding:4px;
	border-bottom: 1px dashed #CCC;
	white-space: nowrap;
	text-align: right;
	vertical-align: top;
}

table.tblio td {
	padding:4px;
	border-bottom: 1px dashed #CCC;
}


/* 人材派遣・紹介サービステーブル */
table.personal,
table.corporation {
	margin:20px;
	border-collapse:separate;
}

table.personal caption,
table.corporation caption {
}

table.personal th,
table.personal td,
table.corporation th,
table.corporation td {
padding: 0.4em;
border: 3px solid #CCC;
}

table.personal td,
table.corporation td {
background:white;
border-left:3px solid white;
border-top:3px solid white;
}

table.personal tbody th,
table.corporation tbody th{
background:#eeeeee;
border-left:3px solid white;
border-top:3px solid white;
border-bottom:3px solid #eee;
vertical-align: top;
text-align:center;
font-size:140%;
font-weight:bold;
}

table.personal tbody td,
table.corporation tbody td {
background:white;
border:3px solid white;
}

table.personal col.step,
table.corporation col.step {
width:150px;
}

table.personal col.details,
table.corporation col.details {
width:auto;
}

/* イベント・セミナーテーブル */
table.tblevent {
	width:100%;
	margin:0;
}

table.tblevent col { width:auto; }
table.tblevent col.kubun { width: 5em; }

table.tblevent th {
	padding:12px 4px;
	border-bottom: 1px dashed #CCC;
	white-space: nowrap;
	text-align: center;
	vertical-align: top;
	font-weight:bold;
}

table.tblevent td {
	padding:12px 4px;
	border-bottom: 1px dashed #CCC;
}

table.tblevent td div.mid{
	margin-top:45px;
}

table.tblevent td img.snap {
float:right;
margin-left:10px;
}

table.tblevent td img.photo {
float:left;
margin-right:20px;
margin-left:10px;
}


/* =========== ヘルプツール =========== */

p.spotnews {
	display:none;
	background-color:#FFFFCC;
	border:2px solid orange;
	padding:20px;
	line-height:1.4;
}

img.helptip {
	cursor:help;
	vertical-align:text-top;
	border:1px solid orange;
}

a.helptip {
	cursor:help;
	text-decoration:none;
	line-height:1.4;
	font-size:90%;
}

#helptip {
	border:1px solid orange;
	background-color:#FFFFCC;
	padding:10px;
	position:absolute;
	display:none;
	font-size:84%;
	line-height:1.4;
	width:400px;
}

#dic {
	position:absolute;
	top:5px;
	right:10px;
}

/* =========== サービスカテゴリ装飾 =========== */

div.boxContact {
   border-radius: 8px;         /* CSS3 */
   -moz-border-radius: 8px;    /* Firefox */
   -webkit-border-radius: 8px; /* Safari,Chrome */
   margin:2em 1em 1em;
   border: 2px solid #D7D7D7;
   display:block;
   overflow:hidden;
   height:1%;
   background-color:#F7F3EA;
}

div.service ul.tokuchou li {
   list-style-type:none;
   padding-left:1.5em;
   margin-top:0.8em;
   background:#fff url(../images/ico-sm.gif) no-repeat 0 -5px;
}

div.service ul.etc li {
   margin-left:2.5em;
}

div.cnL {
display:inline;
float:left;
}

div.cnL h3{
margin:0.5em 0.4em 0.2em!important;
padding:0.5em 0.4em 0.2em!important;
border-bottom: 1px solid #663300!important;
color:#663300!important;
}

div.cnR {
display:inline;
float:right;
width:300px;
margin-top:0.4em;
}

#article h3.sertitle {
padding-left:1em;
background:#fff url(../images/ico-big.gif) no-repeat 2px 3px;
}

/*製品一覧*/

#article dl.column3{
	margin:0;
	padding:0;
}
#article dl.column3 div{
	display:block;
	width:211px;
	margin-left:15px;
	margin-bottom:15px;
	float:left;
	background: url(../images/bg_column_box.gif) right bottom no-repeat;
}
#article dl.column3 dt{
	color:#999999;
	font-weight:normal;
	font-size:12px;
	background:url(../images/bg_column_listmark.gif) left 1px no-repeat;
	margin:0;
	padding:0 5px 0 12px;
	line-height:1.2;
	height:12px;
}
#article dl.column3 dd{
	margin:0;
	padding:9px 5px 0 12px;;
	font-size:14px;
	line-height:1.1;
	height:27px;
}
#article dl.column3 dt.dt2dd1{
	height:26px;
}
#article dl.column3 dd.dt2dd1{
	height:20px;
	padding-top:2px
}
#article dl.column3 dt.dt1dd2{
	height:12px
}
#article dl.column3 dd.dt1dd2{
	height:33px;
	padding-top:3px;
}
#article dl.column3 dd a{
	font-size:14px;
}


/* Clearfix
-------------------------------------------------- */

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}


/* =========== 音声対応非表示 =========== */

@media screen, print {

	*.speech{
		display:none;
	}

	/* Holy Hack for Mac IE \*/
	*.speech{
		display:block!important;
		width:0px;
		height:0px;
		overflow:hidden;
		position:absolute;
	}
	/* */
}

/* =========== デバッグ =========== */