@charset "utf-8";

/* =============================================================

#THIS_CSS {
	--------------------------------------------
	filename: local.css;
	--------------------------------------------
}

#CONTENT {
	[+000]
	ページ毎のレイアウトやスタイルを定義します
	--------------------------------------------
	+ 0: share;
	  + 0-1:フォーム;
	+ 1: index;
	+ 2:会社案内 - body#outline;
	+ 3:アクセスマップ - body#access-map;
	+ 4:ライバシーポリシー - body#privacy;
	+ 5:パートナー募集 - body#partner-info;
	+ 6:採用情報 - body#recruit-info;
	+ 7:お問い合わせ - body#contact;
	+10:サイトマップ - body#site-map;

#KEY {
	ファイル内管理
	--------------------------------------------
	Search key "=" + "n"
	--------------------------------------------
}

#COPYRIGHT {
	--------------------------------------------
	COPYRIGHT(C) xxxxxx All RIGHTS RESERVED.
	--------------------------------------------
}	
============================================================== */




/* ==============================================================

	[+0] share
	
============================================================== */

/* table スタイル
---------------- */
table dl,
table ol,
table ul,
table p {
	margin-top: -.25em;
	}
	table dl dt {
	margin: 0 -.2em 0 -.2em;
	padding: .5em;
	padding-left: .3em;
	border-left: solid 4px #0263a0;
	}
	table dl dd {
	padding: .5em;
	}
	
/* -------------------------------------
	[+0-1] フォーム
------------------------------------- */
/* プライバシーポリシー確認 */
.formInfo {
	padding: .5em;
	background-color: #444;
	color: #fff;
	}
	.formInfo a:link,
	.formInfo a:visited {
	color: #eb0424;
	}
	
	/* 確認ERR */
	#ERR {
	background-color: #cc001d;
	}
	
	/* 確認OK */
	#OK {
	background-color: #0099cc;
	}

table.form strong {
	display: block;
	background-color: #0C92D1;
	color: #fff ;
	padding: .1em .3em;	
	}
	table.form th {
	width: 13em;
	padding-top: 1em;
	padding-bottom: 1em;
	}
	table.form td.btn {
	background-color: #000;
	text-align: center;
	color: #fff;
	}
	/* テキスト入力 */
	.inputTxt {
	width: 90%;
	}
	
	.default {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	margin-right: .3em;
	position: relative;
	top: .2em;
	}
	.inputFix {
	position: relative;
	top: -.4em;
	}
	* html body .inputFix {
	position: relative;
	top: -.5em;
	}


/* ==============================================================

	[+1] Home - body#index
	
============================================================== */
body#index {
	background: url(../../img/global/bg/bg_body_index.gif) repeat-x #fff;
	}
	body#index .eyeCatch {
	height: auto;
	}
	body#index div.section {
	padding: 0;
	}
	body#index div.section h2 {
	margin: 0;
	}

/* -------------------------------------
	[+1-0] Infomation | What's New 
------------------------------------- */
div.info h2 {
	padding-top: .2em;
	padding-bottom: 0;
	font-family: "Times New Roman",Times,serif;
	font-size: 158% !important;
}

/* -------------------------------------
	[+1-1] 採用情報
------------------------------------- */
div#recruitInfo div {
	margin-top: -1px;
	border: solid 1px #ccc;
	background: url(../../img/global/bg/bg_stripe.gif) repeat #fff;
	padding: 0 .5em .5em; 
	}
	div#recruitInfo h3 {
	padding: .2em;
	background-color: #7aa8c5;
	color: #fff;
	font-size: 125%;
	}
	/* 採用情報はこちら */
	body#index div#recruitInfo .btnSection {
	margin-left: 45%;
	background: none;
	background-color: #fff;
	border: 1px dotted #0C92D1;
	padding: .5em;
	text-align: center;
	width: 50%;
	}

/* -------------------------------------
	[+1-2] 新着情報
------------------------------------- */
div#newsInfo dl {
	margin-top: -1px;
	border: solid 1px #ccc;
	background: url(../../img/global/bg/bg_stripe.gif) repeat #fff;
	padding: 0 .5em; 
	}
	/* 日付 */
	div#newsInfo dl dt{
	position: absolute;
	background: url(../../img/global/icon/icon_arrow.gif) no-repeat 100% 50%;
	padding: .5em 0 .4em .5em;
	width: 7em;
	line-height: 130%;
	}
	/* 内容 */
	div#newsInfo dl dd{
	padding: .5em 0 .4em 8em;
	border-bottom: dotted 1px #aaa; 
	line-height: 130%;
	}
	div#news dl dd p {
	margin: 0;
	padding: 0;
	margin-bottom: .5em;
}


/* ==============================================================

	[+2] 会社案内 - body#outline
	
============================================================== */
body#outline table {
	}
	body#outline table th {
	width: 10em;
	}


/* ==============================================================

	[+3] アクセスマップ - body#access-map
	
============================================================== */
/* アクセス文章 */
div#route00 {
	}
	div#route00 h2 {
	background-color: #0C92D1;
	color: #fff;
	padding: .5em;
	}

/* マップ画像 */
div#route01,
div#route02 {
	padding: 0;
	margin-bottom: 2em;
	}
	div#route01 h2,
	div#route02 h2 {
	margin: 0 0 .5em 0 !important;
	}
	div#route01 img,
	div#route02 img {
	border: solid 1px #ccc;
	margin-left: 5px;
	}
	
	.guide,
	.guide {
	padding: 1em;
	background-color: #eee;
	}


/* ==============================================================

	[+4] プライバシーポリシー - body#privacy
		
============================================================== */
/* 基本方針 */
body#privacy div.section ul {
	padding: .5em;
	background-color: #eee;
	}
	body#privacy div.section ul li {
	margin-top: 1em;
	margin-bottom: 1em;
	}

	body#privacy div.section ul li p {
	margin-top: .5em;
	margin-bottom: .5em;
	}
	
/* ==============================================================

	[+5] パートナー募集 - body#partner-info
		
============================================================== */
/* 『お問い合わせはこちら』 */
.btnSection {
	background: url(../../img/global/bg/bg_stripe02.gif) repeat;
	border: 1px dotted #0C92D1;
	padding: 1em;
	text-align: center;
	}
	.btnSection a {
	display: block;
	padding: .5em;
	background-color: #555;
	}
	.btnSection a:hover {
	background-color: #0C92D1;
	}
	.btnSection a:link,
	.btnSection a:visited, 
	.btnSection a:hover,
	.btnSection a:active {
	color: #fff;
	}

/* ==============================================================

	[+6] 採用情報 - body#recruit-info
		
============================================================== */
	body#recruit-info div.section h3 {
	margin-left: -1em;
	margin-right: -1em;
	font-size: 100%;
	}

	/* 具体的業務内容 */
	body#recruit-info div.section dl dt {
	display: inline;
	padding: .3em;
	background-color: #555;
	color: #fff;
	}
	body#recruit-info div.section dl dd {
	margin-top: .5em;
	}
	
	/* リスト */
	body#recruit-info div.section ul li {
	padding-left: 15px;
	background: url(../../img/global/icon/icon_circle.gif) no-repeat 0 .3em;
	}
	
	
	


/* ==============================================================

	[+7] お問い合わせ - body#contact
		
============================================================== */


/* ==============================================================

	[+10] サイトマップ - body#site-map
		
============================================================== */
ul.siteMap {
	padding: 0;
	}
	ul.siteMap li {
	padding: .5em;
	padding-left: 1.5em;
	background: url(../../img/global/icon/icon_circle.gif) no-repeat .5em .75em;
	background-color: #eee;
	border: solid 1px #ccc;
	}
	ul.siteMap li ul li {
	margin: 0 !important;
	padding: .2em;
	padding-left: 8px;
	background: none;
	border: none;
	border-left: solid 1px #116CA6;
	}
	ul.siteMap li ul li:hover {
	border-left: solid 5px #80af00;
	}




@charset "utf-8";

/* #############################################################

#THIS_CSS {
	--------------------------------------------
	filename: class-modules.css;
	--------------------------------------------
}

#CONTENT {
	汎用スタイルを定義
	class属性にまとめてモジュール化したファイル
	--------------------------------------------
	+ 0: clerfix
	+ 1: float
	+ 2: text-align
	+ 3: margin | padding
	+ 4: hidden
	+ 5: hr
	+ 6: stripe
	+ 7: list
	+ 8: background-color
	+ 9: color
	+10: font-weight
	--------------------------------------------
}

#KEY {
	ファイル内管理
	--------------------------------------------
	Search key "+" + "number"
	--------------------------------------------
}

#COPYRIGHT {
	--------------------------------------------
	COPYRIGHT(C) xxxxxx All RIGHTS RESERVED.
	--------------------------------------------
}	
############################################################# */





/* ==============================================================
	[+0] clerfix
============================================================== */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	.clearfix {
	zoom: 1;
}


/* ==============================================================
	[+1] float
============================================================== */
.left  { float: left; }
.right { float: right; }
.clear { clear: both; }


/* ==============================================================
	[+2] text-align
============================================================== */
.align-left     { text-align: left; } 
.align-center   { text-align: center; } 
.align-right    { text-align: right; }


/* ==============================================================
	[+3] margin | padding
============================================================== */
.reset-margin   { margin: 0; } 
.reset-padding  { padding: 0; } 
.reset          { margin: 0; padding: 0; } 


/* ==============================================================
	[+4] hidden
============================================================== */
.hide   { display:none; }


/* ==============================================================
	[+5] hr
============================================================== */
.content hr { 
	display: block;
	background: #aaa;
	color: #aaa;
	width: 100%;
	height: 1px;
	border: none;
}


/* ==============================================================
	[+6] stripe
============================================================== */
.even { background-color: #fff; }
.odd  { background-color: #f6f6f6; }
table tr.even td,
table tr.even th { background-color: #fff; }
table tr.odd td,
table tr.odd th  { background-color: #f6f6f6; }


/* ==============================================================
	[+7] list
============================================================== */
/* ◎アイコン */
.icon_circle li {
	padding-left: 15px;
	background: url(../../img/global/icon/icon_circle.gif) no-repeat 0 .2em;
}

/* ==============================================================
	[+8] background-color
============================================================== */
.bg_gray {
	background-color: #eee;
}
.bg_blue {
	background-color: #0C92D1;
	color: #fff;
}

/* ==============================================================
	[+9] color
============================================================== */
.font_bule {
	color: #0C92D1;
}
.font_red {
	color: #cc001d;
}

/* ==============================================================
	[+10] font-weight
============================================================== */
.bold {
	font-weight: bold;
}