@charset "UTF-8"; 

/************************************************
*	Reset										*
************************************************/
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,blockquote,cite,q,address {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
/************************************************
*	clearfix									*
************************************************/

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

body {
	font-size:16px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, Arial, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: #333333;
	text-align: center;
}


/* exlude IE6 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end IE6 */

/* for IE7 */
.clearfix{
  zoom:1;
}
/* end IE7 */
/************************************************
*	全体の設定									*
************************************************/
/* 画像 */
img {
	vertical-align: middle;
	border-style: none;
}

/* 強調 */
strong {
	color: #ff6600;
	background-color: transparent;
}

/* 強調 */
em {
	font-style: normal;
	color: #333333;
	background-color: transparent;
}

/* 読み飛ばし */
.skip{
	position: absolute;
	left: -9999px;
}

/* 非表示 */
.none{
	display: none;
}

/* 区切り */
hr {
	clear: both;
	display: none;
}

/* リンク枠 */
a{
	outline:none;
}

ul,ol,dl {
	list-style-position: outside;
}



#container{
	background-color: #ffffff;
	background-image: url(/files/user/img/bg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	/* position: relative; */
	width:100%;
	margin-left: auto;margin-right: auto;
	text-align:left;

}
.wrapper2 {
	position: relative;
}


/* ==================== ヘッダー設定 ==================== */
#header{
	font-size: 81.25%; /* 13px */
	width: 970px;
	padding: 138px 0px 0px 0px;
	position: relative;
	margin: 0px auto;
}

#contents{
	margin: 0px auto;
	padding: 0px;
}

#bottom_contents{
	clear: both;
}

#footer{
	color: #ffffff;
	background-color: #333333;
	text-align: center;
	margin: 0px;
	padding: 0px;
}


/* サイト名 */
.siteName {
	font-size: 184.61%; /* 24px */
	font-weight: bold;
	color: #ffffff;
	background-color: #333333;
	position: absolute;
	left: 10px;
	top: 26px;
}

.siteName a,.siteName a:link,.siteName a:visited{
	text-decoration: none;
	color: #ffffff;
	background-color: transparent;
}

.siteName a:hover,.siteName a:active{
	text-decoration: underline;
	color: #ffffff;
	background-color: transparent;
}

/* サブナビゲーション */
#snavi{
	text-align:right;
	position: absolute;
	top: 30px;
	right: 10px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#snavi li{
	float:left;
	display: inline;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
/* サブナビゲーションリンク色 */
#snavi li a{
	padding: 0;
	line-height: 1.2em;
}

#snavi li a,#snavi li a:link,#snavi li a:visited{
	text-decoration: none;
	color: #ffffff;
	background-color: #333333;
}

#snavi li a:hover,#snavi li a:active{
	text-decoration: underline;
	color: #ffffff;
	background-color: #333333;
}

/* メインイメージ */
.mainPhoto{
	position: relative;
	margin: 0px 10px 0px 10px;
	padding: 0px;
}

.mainPhoto span {
	font-size: 107.69%; /* 14px */
	color: #ffffff;
	background-color: transparent;
	line-height: 1.4em;
	margin-top: 10px;
	padding: 0px;
	margin-left: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	position: absolute;
	left: 0px;
	top: 6px;
	width: 490px;
	display: block;
}
.mainPhoto span strong{
	font-size: 150%; /* 21px */
	font-weight: bold;
	color: #ffffff;
	background-color: transparent;
	line-height: 1.6em;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	display: block;
}

/* ==================== グローバルナビゲーション設定 ==================== */
#navi{
	font-size: 81.25%;
	color: #333333;
	background-color: #f0f0f0;
	background-image: url(/files/user/img/nav_bg.png);
	background-position: left center;
	background-repeat: repeat-x;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 80px;
	width: 100%;
	height: 38px;
}

#navi div.navi {
	margin-left: auto;
	margin-right: auto;
	width: 970px;
}

#navi ul.navi {
	margin-left: 10px;
	margin-right: 10px;
}

#navi li.navi {
	width: 115px;
	float: left;
	list-style: none;
	white-space: nowrap;
}

#navi li.first {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dddddd;
}

#navi li.navi a {
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	background-color: transparent;
	background-image: url(/files/user/img/nav_bg.png);
	background-position: left center;
	background-repeat: repeat-x;
	text-align: center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #fcfcfc;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dddddd;
	padding-top: 10px;
	height: 28px;
	display: block;
}

#navi li strong {
	color: #333333;
	background-color: transparent;
	background-image: url(/files/user/img/nav_h.png);
	background-position: left center;
	background-repeat: repeat-x;
	text-align: center;
	padding-top: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #fcfcfc;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dddddd;
	height: 28px;
	display: block;
}

#navi li.navi a:hover {
	color: #333333;
	background-color: #e0e0e0;
	background-image: url(/files/user/img/nav_h.png);
}


/* ==================== パンくず設定 ==================== */

#footpath {
	font-size: 81.25%;
	margin-top: 0px auto;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 970px;
	height: 30px;

}

/*パンくずリンク基本色 */
#footpath a:link {
	text-decoration: none;
	color: #006699;
	background-color: transparent;
}
/* パンくずリンクマウスオーバー時 */
#footpath a:link:hover {
	text-decoration: underline;
	color: #cc0000;
	background-color: transparent;
}
/* パンくずリンククリック時 */
#footpath a:link:active {
	text-decoration: underline;
	color: #cc0000;
	background-color: transparent;
}
/* パンくずリンク訪問済み */
#footpath a:visited {
	text-decoration: none;
	color: #3399CC;
	background-color: transparent;
}
/* パンくずリンク訪問済みマウスオーバー */
#footpath a:visited:hover {
	text-decoration: underline;
	color: #cc0000;
	background-color: transparent;
}
/* パンくずリンク訪問済みクリック時 */
#footpath a:visited:active {
	text-decoration: underline;
	color: #cc0000;
	background-color: transparent;
}


#footpath ul {
	font-size: 85.71%;
	margin-left: 10px;
	position: relative;
	top: 7px;
}

*html #footpath ul {

	position: relative;
	top: 10px;
}

#footpath ul li {
	line-height: 1;
	margin-right: 5px;
	display: inline;
}
#footpath ul li a {
	background-image: url(/files/user/img/path.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
}



/* ==================== メインコンテンツ設定 ==================== */

#main_contents {
	font-size: 81.25%; /* 13px */
	line-height: 1.6;
	padding-bottom: 40px;
	/* position: relative; */
}

/* mainリンク基本色 */
#main_contents a:link {
	text-decoration: none;
	color: #006699;
	background-color: transparent;
}
/* mainリンクマウスオーバー時 */
#main_contents a:link:hover {
	text-decoration: underline;
	color: #cc0000;
	background-color: transparent;
}
/* mainリンククリック時 */
#main_contents a:link:active {
	text-decoration: underline;
	color: #cc0000;
	background-color: transparent;
}
/* mainリンク訪問済み */
#main_contents a:visited {
	text-decoration: none;
	color: #3399CC;
	background-color: transparent;
}
/* mainリンク訪問済みマウスオーバー */
#main_contents a:visited:hover {
	text-decoration: underline;
	color: #cc0000;
	background-color: transparent;
}
/* mainリンク訪問済みクリック時 */
#main_contents a:visited:active {
	text-decoration: underline;
	color: #cc0000;
	background-color: transparent;
}


/* main 段落 */
#main_contents p {
	margin-bottom: 1em;
}

/* 引用元情報 */
#main_contents cite {
	font-style: italic;
}
/* 引用 */
#main_contents blockquote {
	color: #333333;
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	padding: 5px;
	margin-bottom: 10px;
	clear: both;
}
/* 整形済みテキスト */
#main_contents pre {
	color: #333333;
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: #d0d0d0;
	padding: 5px;
	margin-bottom: 10px;
	clear: both;
	overflow: scroll;
}
#main_contents dl {
	margin-bottom: 1em;
}

/* 順不同リスト（箇条書き）*/
#main_contents ul   {
	margin-bottom: 1em;
}
#main_contents ul ol  {
	padding-left: 30px;
}

#main_contents li   {
	margin-bottom:0.5em;
}

/* topics_headline */
#main_contents ul.topics_headline li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #d0d0d0;
}

#main_contents .small_text {
	font-size: 100%;
}

/* 見出し h2 */
#main_contents h2.module_title,
#top_contents h2.module_title,
#bottom_contents h2.module_title {
	font-size: 123.07%;
	font-weight: bold;
	color: #333333;
	background-color: transparent;
	background-image: url(/files/user/img/title_001.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	line-height: 38px;
	text-indent: 15px;
	margin: 0px 0px 10px 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #d0d0d0;
	padding: 0px;
	height: 38px;
}

#main_contents h3 {
	font-size: 107.69%;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 7px;
	padding-bottom: 3px;
	clear: both;
}

#main_contents h4 {
	font-size: 107.69%;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 7px;
	padding-bottom: 3px;
	clear: both;
}

/* module_contents */
#main_contents .module_contents {
	margin-left: 0px;
	margin-bottom: 20px;
}

span.ymd {
	font-weight: bold;
	margin-left: 10px;
	display: inline-block;
}

.relation_link {
	text-align: right;
}

.relation_link a {
	background-image: url(/files/user/img/arrow.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin-left: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
}

/* CatalogItem */

.CatalogItem {
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #d0d0d0;
	padding-bottom: 10px;
}
.CatalogItem h3 {
	font-size: 107.69%;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 7px;
	padding-bottom: 3px;
	clear: both;
}

.CatalogItem h4 {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 7px;
	padding-bottom: 3px;
	clear: both;
}

.CatalogItem .firstItem_left {
	width: auto;
	float: left;
}

.CatalogItem .firstItem_left img {
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	padding: 5px;
}

.CatalogItem .item {
	margin-left: 180px;
}

.CatalogItem .item_no_margin {
	margin-left: 0px;

}

/* トピックス */
.topicsItem {
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #d0d0d0;
	padding-bottom: 10px;
}


span.group {
	font-size: 84.61%;
}

.topics_ymd {
	text-align: right;
}

/* ブログアイテム */
.blog_item {
	margin-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
	padding-bottom: 20px;
}

div.blog_item h4.subject {

}
#main_contents table {
	font-size: 92.30%;
	margin-bottom: 20px;
	width: 690px;
	border: 1px #d0d0d0 solid;
	border-collapse: collapse;
	border-spacing: 0;
}
/* 実績詳細  =========新規追加========= */
.item_image {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.item_image img {
	border-width: 1px;
	border-style: solid;
	border-color: #d0d0d0;
	padding: 10px;
}

table.list th {
	font-weight: bold;
	color: #333333;
	background-color: #F6F6F6;
	text-align: center;
	border-width: 0 0 1px 1px;
	padding: 8px;
	border: 1px #d0d0d0 solid;
	white-space: nowrap;
}

table.list td {
    padding: 10px;
    border: 1px #d0d0d0 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

table.list td a {
	white-space: nowrap;
}

ul.topics_headline {
	padding-bottom: 0px;
}

#companyinfo_detail table.list th {
	width: 150px;

}



/* ==================== サイドコンテンツ設定 ==================== */
#side_contents_right {
	font-size: 81.25%;
	padding-bottom: 40px;
	/* position: relative; */
}

/* サイドコンテンツ リンク 基本色 */
#side_contents_right a:link {
	text-decoration: none;
	color: #006699;
	background-color: transparent;
}
/* サイドコンテンツ リンク マウスオーバー時 */
#side_contents_right a:link:hover {
	text-decoration: underline;
	color: #cc0000;
	background-color: transparent;
}
/* サイドコンテンツ リンク クリック時 */
#side_contents_right a:link:active {
	text-decoration: underline;
	color: #cc0000;
	background-color: transparent;
}
/* サイドコンテンツ リンク 訪問済み */
#side_contents_right a:visited {
	text-decoration: none;
	color: #3399CC;
	background-color: transparent;
}
/* サイドコンテンツ リンク 訪問済みマウスオーバー */
#side_contents_right a:visited:hover {
	text-decoration: underline;
	color: #cc0000;
	background-color: transparent;
}
/* サイドコンテンツ リンク 訪問済みクリック時 */
#side_contents_right a:visited:active {
	text-decoration: underline;
	color: #cc0000;
	background-color: transparent;
}

/* サイドコンテンツ モジュール余白 */
#side_contents_right .module {
	margin-bottom: 10px;
}

/* サイドコンテンツ 見出し */
#side_contents_right h2.module_title {
	font-size: 123.07%;
	font-weight: bold;
	color: #333333;
	background-color: transparent;
	background-image: url(/files/user/img/title_001.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	line-height: 38px;
	text-indent: 15px;
	margin: 0px 0px 5px 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #d0d0d0;
	padding: 0px;
	height: 38px;
}

/* サイドコンテンツ バナー */
div.banner ul li {
	margin-bottom: 7px;
	list-style-type: none;
}

/* サイドコンテンツ QRコード */
#side_contents_right .qrcode_url h2.module_title {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d0d0d0;
	padding: 0px;
	border-left-style: none;
	border-right-style: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d0d0d0;
}

.qrcode_url {
	color: #333333;
	background-color: #f6f6f6;
	border-top-style: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d0d0d0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d0d0d0;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d0d0d0;
	position: relative;
}

.qrcode_url img {
	margin-top: 10px;
	margin-bottom: 10px;
}


ul.sub_navi {
	margin-left: 0;
	padding-left: 0;
}
ul.sub_navi li {
	margin-bottom: 5px;
	list-style-type: none;
}

ul.sub_navi li a,ul.sub_navi li strong {
	text-decoration: none;
	background-image: url(/files/user/img/title_001.png);
	background-position: left center;
	background-repeat: repeat-x;
	border-width: 1px;
	border-style: solid;
	border-color: #d0d0d0;
	padding-top: 8px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 8px;
	width: 208px;
	display: block;
}

/* サイドコンテンツ small_text */
#side_contents_right span.small_text {
	font-size: 100%;
	margin-bottom: 10px;
	display: inline-block;
}

/* ブログカレンダー */
.blog_calendar h2.module_title {
	text-align: center;
}

.blog_calendar table {
	background-color: #ffffff;
	margin-bottom: 0px;
	width: 100%;
}

.blog_calendar table {
	font-size:84.61%;
	margin-bottom: 20px;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
}


.blog_calendar table td {
    padding: 3px;
    border: 1px #e6e6e6 solid;
    border-width: 0 0 1px 1px;
    text-align: right;
}

/* 採用情報アーカイブ・ 実績紹介アーカイブ・トピックスアーカイブ・ブログアーカイブ関連 */


.jobs_list ul li ,     /* ============新規作成======== */
.results_archive ul li ,  /* ============新規作成======== */
.topics_headline ul li ,
.topics_archive ul li ,

.blog_archive ul li ,
.blog_new_list_mini ul li {
	list-style-type: none;
}
.jobs_list ul li a ,      /* ============新規作成======== */
.results_archive ul li a ,  /* ============新規作成======== */
.topics_headline ul li a ,
.topics_archive ul li ,
.blog_archive ul li a ,
.blog_new_list_mini  ul li a{
	background-image: url(/files/user/img/arrow_sub.png);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	padding-left: 15px;
}
#side_contents_right .relation_link {
	display:none;
}

#side_contents_right .relation_link a {
	background-image: url(/files/user/img/arrow.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin-left: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
}

.relation_link .small_text {
	font-size: 100%;
}


p.post {
	text-align: right;
}





/* サイトマップ */            /* ============新規作成======== */
.sitemap ul li.home {
list-style-type: none;
}
.sitemap ul.tree {
margin: 0 0 0 2em!important;
padding: 0!important;
list-style: none!important;
}
.sitemap ul.tree ul {
margin: 0 0 0 2em!important;
padding: 0!important;
}
.sitemap ul.tree li {
margin: 0!important;
padding: 0 0 0 16px!important;
background-image: url(/files/user/img/tree_lst.png);
background-repeat: no-repeat!important;
list-style: none!important;
zoom: 1;
}
.sitemap ul.tree li.tree_end {
background-image: url(/files/user/img/tree_end.png);
list-style: none;
}



/* ==================== フッタ設定 ==================== */

#footer {
	font-size: 81.25%; /* 13px */
}

#footer_contents {
	position: relative;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
}

/* 下部ナビゲーション */
div.footer_link {
	font-size: 84.61%;
	text-align: center;
	padding-top: 30px;
	margin-left: 20px;
	margin-right: 20px;

	clear: both;
}
div.footer_link ul {
	margin: 0;
	padding: 0;
}
div.footer_link ul li {
	padding-top: 0.5em;
	padding-left: 0.35em;
	padding-right: 0.35em;
	padding-bottom: 0.5em;
	display: inline;
}
/* 下部ナビゲーションリンク色 */
div.footer_link ul li a {
	text-decoration: none;
	color: #ffffff;
	background-color: transparent;
}
div.footer_link ul li a:hover {
	text-decoration: underline;
	color: #cccccc;
	background-color: transparent;
}


/* フッター Copyright */
div#footer_contents address {
	font-size: 108.33%;
	font-weight: bold;
	text-align: right;
	padding-bottom: 20px;
	position: absolute;
	left: 360px;
	top: 77px;
	width: 580px;
	float: right;
}

/* フッター powered */
div#footer_contents p {
	font-size: 92.3%;
	text-align: left;
	padding-bottom: 20px;
	position: absolute;
	left: 10px;
	top: 77px;
	width: 320px;
	float: left;
}

/* 下部ナビゲーションリンク色 */
div#footer_contents p a {
	text-decoration: underline;
	color: #ffffff;
	background-color: transparent;
}
div#footer_contents p a:hover {
	text-decoration: underline;
	color: #cccccc;
	background-color: transparent;
}




/* ====================1カラム お問い合わせ==================== */
                                   /* ============新規作成======== */
.layout1 #main_contents {
	margin-left: 10px;
	margin-right: 10px;
}

.layout1 #main_contents input.user_profile {
	padding-top: 1px;
	padding-bottom: 1px;
	width: 250px;
}
.layout1 #main_contents textarea.message {
	width: 690px;
	height: 200px;
}



/* レイアウト用ブロックの設定 layout2.css
------------------------------------------------------------ */

.mng_line {
	width:100%;
	margin-left: auto;margin-right: auto;
	text-align:left;
}




#footpath {
	width: 970px;
}

#contents {
	width: 970px;
}

#top_contents {
}

#main_contents {
	margin-right: -250px;
	width: 100%;
	float: left;
}

#sub_module3,
#main_module,
#sub_module4,
#sub_module7 {
	margin-left: 10px;
	margin-right: 270px;
}

#side_contents_right {
	width: 240px;
	float: left;
}

#bottom_contents {
	clear:left;
}

#footer {
	clear:left;
}