@import "add_style.css";

body {



	background-image:  url(../images/common_bg001.gif);



	background-repeat: repeat-x;



	background-color: #dbdbdb;



}







/*************************************/



/*        共通パーツCSS          */



/*************************************/



/*******************/



/* テキストカラー*/



/*******************/



td	{/* td内のテキスト色 */



	color : #333333;



}



	



/* 追加色 */



.gray	{



	color : #333333;



}







.white	{



	color : #FFFFFF;



}







.red	{



	color : #FF0000;



}







.blue	{



	color : #4E78CE;



}







.green {



color : #339966;



}



/*******************/



/* table設定*/



/*******************/



td.white-td {/* tdカラー*/



background-color: #ffffff;



 margin:0;



}



td.white01-td {/* tdカラーと二重線*/



background-color: #ffffff;

border-bottom:double 3px;



}





td.gray-td {/* tdカラー*/



background-color: #dddddd;



 margin:0;



}



td.gray02-td {/* tdカラー*/



background-color: #666666;



}



td.green-td {/* tdカラー*/



background-color: #1D6677;



}



td.green02-td {/* tdカラー*/



background-color: #6FA8BB;



}



td.green03-td {/* tdカラーと二重線*/



background-color: #6FA8BB;

border-bottom:double 3px;



}



.jsox{

padding:6px 0 6px 0;

}



/*******************/



/* 角丸テーブルのcss*/



/*******************/



td.l_top-td {/* 角丸テーブルの上罫線左*/



	background-image:  url(../images/common_bg004.gif);



		background-repeat: repeat-x;	



	background-position: bottom left;



	margin:0;



}



	td.top-td {/* 角丸テーブルの上罫線真中*/



		background-image:  url(../images/common_bg005.gif);



		background-position: bottom;



		background-repeat: repeat-x;



		margin:0;



	}



	



	td.r_top-td {/* 角丸テーブルの左罫線右*/



		background-image:  url(../images/common_bg006.gif);



		background-position: bottom right;



		background-repeat: repeat-y;		



		margin:0;



	}







	



	td.left-td {/* 角丸テーブルの右罫線*/



		background-image:  url(../images/common_bg007.gif);



		background-repeat: repeat-y;



		margin:0;



	}







	td.right-td {/* 角丸テーブルの右罫線*/



		background-image:  url(../images/common_bg008.gif);



		background-repeat: repeat-y;



		margin:0;



	}



		



		td.l_bottom-td {/* 角丸テーブルの下罫線*/



		background-image:  url(../images/common_bg009.gif);



		background-repeat: no-repeat;



		background-position: top left;



	}



	



			td.bottom-td {/* 角丸テーブルの下罫線*/



		background-image:  url(../images/common_bg010.gif);



		background-repeat: repeat-x;



		background-position: top;



	}







		td.r_bottom-td {/* 角丸テーブルの下罫線*/



		background-image:  url(../images/common_bg011.gif);



		background-repeat: no-repeat;



		background-position: top right;



	}	



	



	td.gray02-td {/* tdカラー*/



background-color: #666666;



}







.bg_555{



 background-color: #555555;



}



.bg_eee{



 background-color: #eeeeee;



}



.bg_yellow{



 background-color: #F9DB63;



}



.bg_blue{



 background-color: #D0E2F3;



}



.pad_10{



 padding: 0 0 0 10px;



}



.bold{



 font-weight: bold;



}



	/*******************/



	/* リンクカラー*/



	/*******************/



	/* link */



	a:link 	{



		color : #006699;



		text-decoration : underline;



	}



	a:active{



		color : #3399CC;



		text-decoration : none;



	}



	a:visited{



		color : #003366;



		text-decoration : underline; 



	}



	a:hover	{



		color : #3399CC;



		text-decoration : none; 



	}



	



	/* whitelink */



	a.whitelink:link,



	a.whitelink:active,



	a.whitelink:visited,



	a.whitelink:hover



	{



		color : #FFFFFF;



		text-decoration : underline;



	}



	



	/* non_underbar */



	a.#menu:link 	{



		color : #006699;



	}



	a.#none:active{



		color : #3399CC;



	}



	a.#none:visited{



		color : #003366;



	}



	a.#none:hover	{



		color : #3399CC;



	}



	



	



	



	



	/*************************************/



	/*        テンプレート用CSS          */



	/*************************************/



	/*******************/



	/* 背景＋全体中央揃え*/



	/*******************/



	#back{



		display:block;



		width:810px;



		margin:0 auto 0 auto;



		padding:0 0 0 25px;



		background-image:  url(../images/common_bg003.gif);



		background-repeat: repeat-y;



	}



	



	/*******************/



	/* ヘッダの各パーツ*/



	/*******************/



	#tagline{/* タグライン*/



		display:block;



		padding:0 15px 0 3px;



		color : #FFFFFF;



		background-color: #aaaaaa;



		border-top:solid 2px #666666;



	}



	



	#navi{/* パンくず*/



		display:block;



		width:760px;



		padding:6px 0 6px 0px;



		text-align: left;



		background-color:#FFFFFF;



	}



	



	#category{/* 見出し画像*/



		border-bottom:solid 1px #ffffff;



		width:760px;



	}



	



	ul#global-navi{/*グローバルナビ*/



		display:block;



		margin: 0px;



		padding: 0px;



		width:760px;



		height:46px;



		list-style-type: none;



		background-image:  url(../images/common_bg012.gif);



		background-repeat: no-repeat;



		background-position: left bottom;



		font-size:0px;



	}



	



	ul#global-navi li{/*グローバルナビ*/



		margin-left: 0px;



		margin-right: 0px;



		display: inline ;



	}



	



	/*******************/



	/* メインメニュー*/



	/*******************/



	



	.midashi {/* 見出し画像マージン用 */



		padding:0 0 0 20px;



	}



	



	.text {/* テキスト部分マージン */



		padding:0 0 0 20px;



		width:525px;



	}



	

	.text2 {/* テキスト部分マージンなし */



		padding:0;



		width:525px;



	}



	



	.midashi_text {/* メインコンテンツの幅＋マージン */



		padding:0 0 0 20px;



		width:505px;



	}



	



	.text_pic {/* メインコンテンツテキスト+画像のテーブルの幅＋マージン */



		padding:0 0 0 30px;



	}



	



	.caption{



		margin:0 0 0 15px;



	}



	



	.teble_text{



		padding:0 0 0 15px;



		width:505px;



	}



	



.pad_10{



 padding: 0 0 0 10px;



}







.bold{



 font-weight: bold;



}











	/*******************/



	/* フッダ*/



	/*******************/



	



	#fooder{



		display:block;



		width:810px;



		margin:0 auto 0 auto;



		padding:0 0 50px 25px;



		background-image:  url(../images/common_bg015.gif);



		background-repeat: no-repeat;



		background-position: bottom left;



	}



	



	#privacy{/* 個人情報保護に関する基本方針のtd部分の設定*/



		padding:0 0 0 15px;



		background-color: #dddddd;



		border-bottom:solid 1px #cccccc;



	}



	



	#copyright{/* コピーライトのtd部分の設定*/



		padding:0 15px 0 0;



		background-color: #dddddd;



		border-bottom:solid 1px #cccccc;



		text-align: right;



	}



	



	#go_top{/* トップへ*/



		display:block;



		width:760px;



		padding:6px 15px 6px 0px;



		text-align: right;



		background-color:#FFFFFF;



	}



	/*******************/



	/* 回り込み解除*/



	/*******************/



	.clear{



	clear:both;



	}



	



	#title {/* ページのタイトル画像 */



		margin:20px 0 20px 20px;



		width:525px;



	}



/*************************************/



/* トップページ用のcss*/



/*************************************/



	/*******************/



/* 背景＋全体中央揃え*/



/*******************/



#back02{



 display:block;



 width:810px;



	margin:0 auto 0 auto;



	padding:0 0 0 25px;



	background-image:  url(../images/common_bg014.gif);



	background-repeat: repeat-y;



}







	/*************************************/



/* トップページテーブルのcss*/



/*************************************/



.bg_555{



 background-color: #555555;



}



.bg_yellow{



 background-color: #F9DB63;



}







td.left-td02 {/* テーブルの左罫線*/



	background-image:  url(../../images/index_ex002.gif);



	background-repeat: repeat-y;



	margin:0;



}



td.right-td02 {/* テーブルの右罫線*/



	background-image:  url(../../images/index_ex003.gif);



	background-repeat: repeat-y;



	margin:0;



}



.tbl-margin01 {/* テーブル上左余白*/



 margin-left: 20px;



 margin-top: 10px;



 margin-right: 5px;



}



.tbl-margin02 {/* テーブル上下左右余白*/



 margin-left: 25px;



 margin-top: 4px;



 margin-right: 5px;



 margin-bottom: 4px;



}



.tbl-margin03 {/* テーブル内文字上左右余白*/



 margin-left: 15px;



 margin-top: 5px;



 margin-right: 5px;



}







	ul#global-navi2{/*グローバルナビ*/



		display:block;



		margin: 0px;



		padding: 0px;



		width:760px;



		height:35px;



		list-style-type: none;



		font-size:0px;



	}



	



	ul#global-navi2 li{/*グローバルナビ*/



		margin-left: 0px;



		margin-right: 0px;



		display: inline ;



		font-size:0px;



	}







/*************************************/



/* お知らせのcss*/



/*************************************/



.tbl-margin04 {/* テーブル上下左右余白*/



 margin-left: 8px;



 margin-top: 2px;



 margin-right: 10px;



 margin-bottom: 2px;



}







.news_margin1 {/* ニュースページマージン1*/



 margin:0 0 0 11px;



}







.news_margin2 {/* ニュースページマージン2*/



 margin:0 0 0 20px;



}







.news_margin3 {/* ニュースページマージン3*/



 margin:0 0 0 35px;



}



/*************************************/



/* 採用情報のcss*/



/*************************************/



.top_td1 {/* 採用情報-TOP用　縦線*/



 background-image:  url(../../recruit/images/index_ex003.gif);



 background-repeat: repeat-y;



}



.top_td2 {/* 採用情報-TOP用　縦線*/



 background-image:  url(../../recruit/images/index_ex004.gif);



 background-repeat: repeat-y;



}



.top_td3 {/* 採用情報-TOP用　縦線*/



 background-image:  url(../../recruit/images/index_ex005.gif);



 background-repeat: repeat-y;



}



.top_td4 {/* 採用情報-TOP用　縦線*/



 background-image:  url(../../recruit/images/index_ex006.gif);



 background-repeat: repeat-y;



}







.midashi_text2 {/* 採用情報-募集職種用 */



 padding:0 0 0 20px;



 width:495px;



}



.dot_td {/* 採用情報-お問い合わせ用　破線-縦*/



 background-image:  url(../images/recruit_ex002.gif);



 background-repeat: repeat-y;



 margin:0;



}



.text_td {/* 採用情報-お問い合わせ用　テキストマージン */



 padding:10px;



}







	/*********************************************************/



	/* WinIEとMacIEのハックアリ*/



	/*********************************************************/



	/* \*/



	html>body #main {/* メインコンテンツの幅＋マージン */



		margin:0;



		width:585px;



		float: left;



		text-align: left;



		background-color:#ffffff;



	}



	



	html>body #right_menu {/* 右メニュー */



		display:block;



		margin:0 0 0 585px;



		background-image:url(../images/common_bg013.gif);



		width:175px;



	}



	html>body #right_menu p.entry {/* 右メニュー */



		background-color:#eeeeee;

		

		margin:0px;

		

		padding:0 0 5px 15px;





	}



	*/*/



	



	/*********************************************************/



	/* 右ナビ修正（リクナビ・en画像追加）*/



	/*********************************************************/



	

body #right_menu p.entry {/* リクナビ・en */



		background-color:#eeeeee;

		

		margin:0px;

		

		padding:0 0 5px 15px;





	}



body #right_menu p.map {/* 画像下のアキツメ */

		background-color:#eeeeee;

		

		margin:0px;

		

}




/*********************************************************/
/* 導入事例 */
/*********************************************************/

/* menu */
li a.example_menu{
	background-image:url(../../solution/example/images/example_bg001.gif);
	background-repeat:no-repeat;
	padding:5px 0px 5px 30px;
	margin:0px 10px 0px 10px;
	border-bottom:solid 1px #cccccc;
	width:125px;
	display:block;
}
li a:hover.example_menu{
	background-image:url(../../solution/example/images/example_bg001over.gif);
	background-repeat:no-repeat;
	width:125px;
	display:block;
}
.example_menu_on{
	background-image:url(../../solution/example/images/example_bg001on.gif);
	background-repeat:no-repeat;
	display:block;
	padding:5px 0px 5px 30px;
	margin:0px 10px 0px 10px;
	border-bottom:solid 1px #cccccc;
	width:125px;
}

/* example-list01 */
dl.example-list01 {
	margin: 10px 0 0 28px;
}
dl.example-list01 dd {
	margin-left: 5px;
	margin-bottom: 15px;
	padding-left: 20px;
	background: url(../../solution/example/images/example_ic001.gif) no-repeat 0 0.5em;
	width: 470px;
}

/* example-list02 */
ul.example-list02 {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.example-list02 li {
	margin: 5px 0 0 0;
	background: url(../../solution/example/images/example_ic002.gif) no-repeat 0 0.3em;
	padding-left: 10px;
	width: 140px;
}
ul.example-list02 li.mb {
	margin-bottom: 15px;
}

/* example-interview */
.example-interview {
	padding: 10px 10px 10px 0;
}