@charset "utf-8";

/*************************
  selector
*************************/

body{
	margin: 0px;
	padding:0px;
	width:100%;
	font-family: Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 10pt;
	background-color: #b9b9b9;
	color: #333333;
	line-height: 1.3;
}

a{
	text-decoration: none;
	color:#1a28a1;
}

/*PDFファイルへのリンク時にアイコンを表示*/
a[href$='.pdf'] { 
	margin-right: 8px;
	padding-right: 20px;
	background: transparent url(image/icon_pdf.gif) no-repeat center right;
}

/*IE6/7ではアンダーラインにバグが出るので、色変化を追加*/
/*（*部分はIE6/7のみに適用されるCSSハックなので、いずれ廃止）*/
a:hover{
	text-decoration: underline;
	color: #33ccff;
	*text-decoration: none;
}


h1{
	width: auto;
	height: auto;
	margin: 7px 0px 2px 0px;
	padding: 0px 0px 0px 28px;
	font-size:120%;
	background: url(image/listmark_bestsq.gif) top left no-repeat;
	color: #17358e;
}

h1 > a{
	text-decoration: none;
	color: #17358e;
}

h2{
	width: auto;
	height: auto;
	margin: 7px 0px 2px 0px;
	padding: 0px 0px 0px 10px;
	font-size:120%;
	background-color: #17358e;
	color: #ffffff;
	line-height: 28px;
}

h2 > a{
	text-decoration: none;
	color: #ffffff;
}

h3{
	width: auto;
	height: auto;
	margin: 7px 0px 2px 0px;
	padding: 0px 0px 0px 4px;
	font-size:120%;
	border-style: none none solid none;
	border-color: #17358e;
	border-bottom-width: 1px;
	background-color:#ffffff;
	color: #17358e;
}

h3 > a{
	text-decoration: none;
	color: #17358e;
}

h4{
	width: auto;
	height: auto;
	margin: 7px 0px;
	padding: 0px 0px 0px 4px;
	font-size:110%;
	border-style: none none dotted none;
	border-color: #17358e;
	border-bottom-width: 1px;
	background-color:#ffffff;
	color: #17358e;
}

h4 > a{
	text-decoration: none;
	color: #17358e;
}

h5{
	width:auto;
	height:auto;
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 0px 18px;
	font-size:110%;
	background: url(image/listmark_bestsqmini.gif) 0px 2px no-repeat;
	color: #17358e;
}

h5 > a{
	text-decoration: none;
	color: #17358e;
}

h6{
	position:relative;
	width:auto;
	height:auto;
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
	z-index:10;
	font-size:100%;
	font-weight: normal;
	background: url(image/listmark_simple_blue.gif) 0px 3px no-repeat;
	color: #000000;
	line-height: 13px;
}

h6 > a{
	text-decoration: none;
	color: #000000;
}

/*word-breakは表中のURLなどを途中で改行させるためのもの*/
/*word-break対応はIE6のみ。Firefoxは指定なしでもスラッシュ後などで改行される模様*/
table{
	font-size: 9pt;
	word-break: break-all;
}

/*ソースコード記述用*/
pre code{
	display:block;
	margin: 10px 0px;
	padding: 10px 15px;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
	background-color: #efeff0;
	border: 1px solid #d0d0d0;
	line-height: 1.5;
}

/*************************
  class
*************************/
/*見出し用リンク*/

h1 > a:hover, h2 > a:hover, h3 > a:hover,
h4 > a:hover, h5 > a:hover, h6 > a:hover {
	color: #00bfff;
	text-decoration:none;
	cursor: pointer;
}

/*センタリング*/
.center{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/*見出し修飾*/
.bcld{
	color: #008b8b;
	font-weight: bold;
}

/*太字＋アンダーライン設定*/
.bu{
	text-decoration: underline;
	font-weight: bold;
}

/*「お知らせ」等の要約記事本文*/
.brief{
	width:416px;
	height:auto;
	margin:0px;
	padding:3px 0px 3px 32px;
	font-size:90%;
}

/*要約記事につける「続きを読む」ボタン*/
.readrest{
	position:relative;
	display:block;
	width:71px;
	height:18px;
	margin-top:-16px;
	padding:0px;
	left:468px;
	background: url(image/readrest_w71.gif) 0px 0px no-repeat;
	text-indent: -9999px;
	overflow:hidden;
}

.readrest:hover{
	background-position: 0px -18px;
}

/*リンク用リストのmergin、padding初期化用ボックス*/
ul.linklist_box{
	margin:0px;
	padding:0px;
	list-style-type: none;
}

/*三角リストマークのついたリスト（標準：リストマーク＝青）*/

li.linklist{
	width: auto;
	height: auto;
	margin: 3px 0px;
	padding-left: 12px;
	list-style-type: none;
	background: url(image/listmark_tr_blue.gif) 0px 6px no-repeat;
	font-size:100%;
	line-height: 1.5;
}

li.linklist a{
	margin:0px;
	padding:0px;
}

/*三角リストマークのついたリスト（標準：リストマーク＝青、リストマーク差し替えのみ）*/

li.linklist_s{
	list-style-image: url(image/listmark_tr_blue.gif)
}

/*個々のランキング(※未設定)*/
.rank{
	margin:0px 0px 0px 14px;
}

/*サイドメニューの見出しボックス*/
.side_titlebox{
	width: auto;
	height: 24px;
	margin: 0px;
	padding: 2px 0px 2px 12px;
	border-bottom:1px solid #bfbfbf;
	background-color:#D1E2EC;
}

/*サイドメニューのバナー*/
.side_banner{
	position:relative;
	width: auto;
	height: auto;
	margin: 6px 0px;
	padding: 0px;
}

/*各ページの見出し*/
.page_title{
	width: 571px;
	height: auto;
	margin: 0px;
	padding: 0px;
}

/*イベント告知用テーブル*/
table.eventinfo{
	margin: 10px;
	padding:0px;
	width: 96%;
	height: auto;
	table-layout: fixed;
	border-collapse: collapse;
	border-top: #96e9ed 1px solid;
}

/*イベント告知用テーブルのセル*/
table.eventinfo td{
	border-bottom: #96e9ed 1px solid;
	margin:0px;
	padding: 5px 12px;
	vertical-align: top;
}

/*イベント告知用テーブルの見出し用セル*/
table.eventinfo td.index{
	background-color: #ceffff;
	font-weight: bold;
	text-align: center;
	vertical-align: center;
}

/*カタログ仕様用テーブル*/
table.spec{
	margin: 10px;
	padding:0px;
	width: 96%;
	height: auto;
	table-layout: fixed;
	border-collapse: collapse;
}

/*カタログ仕様用テーブルのセル*/
table.spec td{
	border: #b0c3e7 1px solid;
	margin:0px;
	padding: 5px 12px;
	vertical-align: top;
}

/*カタログ仕様用テーブルの見出し用セル*/
table.spec td.index{
	background-color: #7490ce;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	color:#ffffff;
}

/*カタログ仕様用テーブルの見出し用セル（淡色）*/
table.spec td.index_light{
	background-color: #87ceeb;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	color:#ffffff;
}

/*カタログ仕様用テーブルの見出し用セル（センター揃え）*/
table.spec td.index_c{
	background-color: #7490ce;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color:#ffffff;
}

/*カタログ仕様用テーブルの見出し用セル（センター揃え・淡色）*/
table.spec td.index_c_light{
	background-color: #87ceeb;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color:#ffffff;
}

/*カタログ特長用テーブル*/
table.feature{
	margin: 10px;
	padding:0px;
	width: 96%;
	height: auto;
	table-layout: fixed;
	border-collapse: collapse;
	text-align: left;
	vertical-align: top;
	color:#076b9d;
}

/*カタログ特長用テーブルのセル*/
table.feature td{
	border: none;
	margin: 0px;
	padding: 5px 0px;
	font-size: 10pt;
}

/*会社案内用テーブル*/
table.corpinfo{
	margin: 0px 10px;
	padding:0px;
	width: 96%;
	height: auto;
	z-index:10;
	table-layout: fixed;
	border-style: none;
	text-align: left;
	vertical-align: top;
}
	
table.corpinfo th {
	padding: 5px 0px;
	vertical-align: top;
	text-align: right;
	font-weight: bold;
	color: #163571;
	border-bottom: 1px dashed #3388aa;
	word-spacing: 1em;
	line-height: 200%;
}

table.corpinfo td {
	padding: 5px 0px 5px 20px;
	border-bottom: 1px dashed #3388aa;
	line-height: 200%;
}

/*パートナー一覧用テーブル*/
table.partnerinfo{
	margin: 0px 10px;
	padding:0px;
	width: 96%;
	height: auto;
	z-index:10;
	table-layout: fixed;
	border-style: none;
	text-align: left;
	vertical-align: top;
}

table.partnerinfo td {
	padding: 5px 0px 5px 20px;
	border-bottom: 1px dashed #3388aa
}

/*myrinetのページで使っている表*/

table.myri{
	font-size: 8pt;
}

/*価格表*/
table.price{
	font-size: 8pt;
	margin: 6px;
	padding:0px;
	width: 98%;
	height: auto;
	table-layout: auto;
	border-collapse: collapse;
}

/*価格表のセル*/
table.price td{
	border: #696969 1px solid;
	margin:0px;
	padding: 3px 2px;
	text-align: right;
	vertical-align: top;
}

/*価格表の左見出し用セル*/
table.price td.index{
	border: #696969 1px solid;
	margin:0px;
	padding: 3px 3px;
	text-align: left;
	vertical-align: top;
}

/*価格表の上見出し用セル*/
table.price th{
	border: #696969 1px solid;
	background-color: #163571;
	font-weight: bold;
	text-align: center;
	vertical-align: center;
	color:#ffffff;
}

/*価格表の淡色表示行（保守価格の部分など）用セル*/
table.price tr.subs{
	background-color: #e0ffff;
}

/*価格表の空欄用セル*/
table.price td.nodata{
	background-color: #d3d3d3;
}

/*テーブル内用ラインなしテーブル*/

table.clear th{
	border-style: none;
	font-weight: normal;
	line-height:100%;
	color:#000000;
}

table.clear td{
	border-style: none;
	font-weight: normal;
	line-height:100%;
	color:#000000;
}

/*ページナビゲーション（一番上へ）*/
.navi_up{
	position: relative;
	width: auto;
	height: 16px;
	margin: 6px 0px;
	padding: 0px 0px 0px 16px;
	left: 486px;
	background: url(image/navi_arrow_up.gif) center left no-repeat;
	font-size:90%;
}

.navi_right{
	width: auto;
	height: 16px;
	margin: 6px 0px;
	padding: 0px 0px 0px 16px;
	background: url(image/navi_arrow_right.gif) center left no-repeat;
	font-size:90%;
}


/*注（右寄せ・オレンジ）*/
.note_right{
	text-align: right;
	color:#ee5b17;
	font-size: 80%;
}


/*注（左寄せ・オレンジ）*/
.note_left{
	text-align: left;
	color:#ee5b17;
	font-size: 80%;
}

/*注（大きめ・左寄せ・ぶら下げ9ポ・ブルー）*/
.note_plus{
	margin-left: 9pt;
	text-align: left;
	text-indent: -9pt;
	color:#0099ee;
	font-size: 9pt;
}

/*特記事項を囲む*/
.note_sp{
	border: 3px solid #87ceeb;
	padding: 10px;
}

/*クリックして拡大（虫めがね）*/
.magnify{
	width:auto;
	height:16px;
	margin: 0px;
	padding: 0px 0px 0px 18px;
	background: url(image/icon_magnifyglass.gif) center left no-repeat;
	right:0px;
	color: #3e3e3e;
	font-size: 90%;
}

/*プリンタアイコン表示*/
.printer{
	width:auto;
	height:16px;
	margin: 0px;
	padding: 0px 0px 0px 18px;
	background: url(image/icon_printer.gif) center left no-repeat;
	right:0px;
	color: #3e3e3e;
	font-size: 90%;
}

/*テキスト前後のアイコン表示*/
img.attachicon{
	vertical-align: top;
	margin: 0px 2px;
}


/*五十音順・ABC順ジャンプボタン*/
.order{
	margin: 6px;
	padding: 0px;
	overflow: hidden;
}

ul.order li{
	width: auto;
	height: auto;
	padding: 0px 0px 0px 5px;
	display:inline;
	color:#994466;
}

/*メルマガ・お知らせ用前後記事のプレビュー*/
table.preview{
	position:relative;
	margin: 12px 0px;
}

table.preview td{
	font-size:90%;
	vertical-align: top;
}

/*メルマガ・お知らせ用本文*/
.longform{
	margin: 16px 28px;
	text-align: justify;
	text-justify: distribute;
}

/*コンテンツメニューナビ*/
/*IEの以前のバージョンで、フォントの縮小がうまくいかないため*/
/*font-familyを再設定*/
.contentsmenu{
	width: 570px;
	height: 26px;
	margin-bottom: 20px;
	border-style:none;
	font-family: 'ＭＳ Ｐゴシック', sans-serif;
	clear: both;
}

.contentsmenu ul{
	margin:0px;
	padding:0px;
	list-style-type: none;	
}
.contentsmenu li{
	display: inline;
	width: 95px;
	height: 26px;
	float: left;
}

.contentsmenu li a{
	display: block;
	width: 95px;
	height: 26px;
	border: 0px;
	background: url(image/navi_contents.gif) 0px 0px no-repeat;
	text-align: center;
	line-height: 26px;
	font-size: 80%; 
	overflow:hidden;
	text-decoration: none;
}

.contentsmenu li a:hover{
	background-position: 0px -26px;
}

/*写真用キャプション*/

.caps_center{
	text-align: center;
	font-size: 90%;
	margin: 2px;
	color:#d2691e;
}

/*************************
  div
*************************/

/*****外枠*****/
#container{
	width: 804px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
	z-index:1;
	background-color:#ffffff;
}

/*****ヘッダ(ロゴ～サイト内検索)*****/
#header{
	position:relative;
	width: 756px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
	z-index:2;
	border-style: solid none none none;
	border-color: #17358e;
	border-top-width: 7px;
	background-color:#ffffff;
}

#header_logo{
	display:block;
	width: 137px;
	height: 40px;
	margin: 5px 8px;
	padding: 0px;
	background: url(image/bestlogo_blue.gif) center no-repeat;
	text-indent: -9999px;
	overflow:hidden;
}

#corpslogan{
	position: absolute;
	width:580px;
	height:12px;
	margin: 0px;
	padding: 0px;
	background:#ffffff url(image/corpslogan.gif) right no-repeat;
	top:5px;
	left:170px;
	text-indent: -9999px;
	overflow:hidden;
}

#header_linklist{
	position: absolute;
	width: 350px;
	height: auto;
	margin: 0px;
	padding: 0px;
	top: 22px;
	left: 170px;
	text-align:right;
}

#header_linklist li.linklist{
	float:right;
	margin-left:12px;
}

#search_insite{
	position: absolute;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	top:24px;
	right:0px ;
	font-size:100%;
}

/*****ナビゲーション部分*****/

#global_navi{
	width: 756px;
	height: 26px;
	margin: 0px auto;
	padding: 0px;
	z-index:2;
	border-style: solid none none none;
	border-color: #17358e;
	border-top-width: 2px;
	background-color:#ffffff;
}

#global_navi ul{
	margin:0px;
	padding:0px;
	list-style-type: none;
}

#global_navi li{
	display: inline;
	width: 126px;
	height: 26px;
	float: left;	
}

#global_navi li a{
	display: block;
	width: 126px;
	height: 26px;
	border: 0px;
	text-indent: -9999px;
	overflow:hidden;
}

#gn1 a{
	background:#333333 url(image/globalnavi1.gif) 0px 0px no-repeat;
}

#gn2 a{
	background:#333333 url(image/globalnavi2.gif) 0px 0px no-repeat;
}

#gn3 a{
	background:#333333 url(image/globalnavi3.gif) 0px 0px no-repeat;
}

#gn4 a{
	background:#333333 url(image/globalnavi4.gif) 0px 0px no-repeat;
}

#gn5 a{
	background:#333333 url(image/globalnavi5.gif) 0px 0px no-repeat;
}

#gn6 a{
	background:#333333 url(image/globalnavi6.gif) 0px 0px no-repeat;
}

#gn1 a:hover, #gn2 a:hover, #gn3 a:hover, #gn4 a:hover, #gn5 a:hover, #gn6 a:hover{
	background-position: 0px -26px;
}

/*****巨大バナー*****/
#ads{
	position:relative;
	width: 756px;
	height: 248px;
	margin: 0px auto 7px;
	padding: 0px;
	z-index:2;
	background-color:#ffffff;
}	

#ads_godetail{
	position:absolute;
	width: 106px;
	height: 27px;
	margin: 0px;
	padding: 0px;
	top:200px;
	left:616px;
	background:transparent url(image/godetail_w106.gif) 0px 0px no-repeat;
	text-indent: -9999px;
	overflow:hidden;	
}

#ads_godetail:hover{
	background-position: 0px -27px;
}

/*****パンくずリスト*****/
#breadcrumbs{
	width: 756px;
	height: auto;
	margin: 0px auto;
	padding: 3px 0px;
	z-index:2;
	border-style: solid none none none;
	border-color: #17358e;
	border-top-width: 2px;
	background-color:#ffffff;
	font-size: 80%;
	color: #55ccde;
}

/*****メイン(サイドメニュー、コンテンツ部分含)*****/
#main{
	width: 756px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
	z-index:2;
	background-color:#ffffff;
}

/*clearfix*/
#main:after{
	clear:both;
}

#main{
	zoom: 1;
}

/*****コンテンツ*****/
#left{
	width: 571px;
	height: auto;
	margin: 0px;
	padding: 0px;
	z-index:3;
	background-color:#ffffff;
	float: left;
}	

/***お知らせ***/
#info_brief{
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	background-color:#ffffff;
}	

#info_brief_title{
	width: 571px;
	height: 28px;
	margin-bottom: 7px;
	padding: 0px;
	background:#ffffff url(image/titlebar_oshirase.gif) center no-repeat;
	text-indent: -9999px;
	overflow:hidden;
}

#info_brief_main{
	width: auto;
	height: auto;
	margin: 10px 0px 0px 15px;
	padding: 0px;
	background-color:#ffffff;
}

/***取扱い商品***/
#catalog{
	width: auto;
	height: auto;
	margin: 0px;
	padding: 7px 0px;
	background-color:#ffffff;
}	

#catalog_title{
	width: 571px;
	height: 28px;
	margin: 0px 0px 7px 0px;
	padding: 0px;
	background:#ffffff url(image/titlebar_syohin.gif) center no-repeat;
	text-indent: -9999px;
	overflow:hidden;
}

/**サーチボタン**/

#syohin_searches{
	width: 571px;
	height: 38px;
	margin-bottom: 7px;
	padding: 0px;
	background-color:#ffffff;
}

#syohin_searches ul{
	margin:0px;
	padding:0px;
	list-style-type: none;
}

#syohin_searches li{
	display: inline;
	width: 136px;
	height: 38px;
	float: left;
}

#sb_category, #sb_solution, #sb_keyword{
	margin-right: 9px;
}

#syohin_searches li a{
	display: block;
	width: 136px;
	height: 38px;
	border: 0px;
	text-indent: -9999px;
	overflow:hidden;
}

#sb_category a{
	background:#ffffff url(image/searchby_category.gif) 0px 0px no-repeat;
}

#sb_solution a{
	background:#ffffff url(image/searchby_solution.gif) 0px 0px no-repeat;
}

#sb_keyword a{
	background:#ffffff url(image/searchby_keyword.gif) 0px 0px no-repeat;
}

#sb_name a{
	background:#ffffff url(image/searchby_name.gif) 0px 0px no-repeat;
}
#sb_category a:hover, #sb_solution a:hover, #sb_keyword a:hover, #sb_name a:hover{
	background-position: 0px -38px;
}

/**サーチボタン以下の部分**/
/**(カテゴリ別一覧、ソリューション別一覧、ピックアップキーワード、アクセスランキング)**/
#directories{
	width: auto;
	height: auto;
	margin: auto;
	padding: 0px 12px;
	background-color:#EBEEFA;
	overflow: hidden;
}

/*clearfix*/
#directories:after {
	clear:both;
}

/*IE用*/
#directories {
	zoom: 1;
}

/**カテゴリ別一覧**/
#category_title{
	width: 170px;
	height: 16px;
	margin: 5px 0px;
	padding: 0px;
	background:#EBEEFA url(image/halftitle_category.gif) center no-repeat;
	text-indent: -9999px;
	overflow:hidden;
}

#category{
	width: 544px;
	height: 231px;
	margin: 10px 0px;
	padding: 0px;
}

#category ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#category li{
	display:inline;
	width: 178px;
	height: 54px;
	margin-bottom: 5px;
	border: 0px;
	float: left;
}

#category li a{
	display:block;
	width: 178px;
	height: 54px;
	border: 0px;
	text-indent: -9999px;
	overflow:hidden;
}

#category_01, #category_02, #category_04, #category_05, #category_07, #category_08, #category_10, #category_11 {
	margin-right: 5px;
}

#category_03, #category_06, #category_09, #category_12{
	margin-right: 0px;
}

#category_01 a{
	background:#EBEEFA url(/image/category_clustor.gif) 0px 0px no-repeat;
}

#category_02 a{
	background:#EBEEFA url(/image/category_sarver.gif) 0px 0px no-repeat;
}

#category_03 a{
	background:#EBEEFA url(/image/category_workstation.gif) 0px 0px no-repeat;
}

#category_04 a{
	background:#EBEEFA url(/image/category_network.gif) 0px 0px no-repeat;
}

#category_05 a{
	background:#EBEEFA url(/image/category_gpgpu.gif) 0px 0px no-repeat;
}

#category_06 a{
	background:#EBEEFA url(/image/category_scheduler.gif) 0px 0px no-repeat;
}

#category_07 a{
	background:#EBEEFA url(/image/category_cloudgrid.gif) 0px 0px no-repeat;
}

#category_08 a{
	background:#EBEEFA url(/image/category_fsys.gif) 0px 0px no-repeat;
}

#category_09 a{
	background:#EBEEFA url(/image/category_cms.gif) 0px 0px no-repeat;
}

#category_10 a{
	background:#EBEEFA url(/image/category_programming.gif) 0px 0px no-repeat;
}

#category_11 a{
	background:#EBEEFA url(/image/category_culcchem.gif) 0px 0px no-repeat;
}

#category_12 a{
	background:#EBEEFA url(/image/category_other.gif) 0px 0px no-repeat;
}

#category_01 a:hover, #category_02 a:hover, #category_03 a:hover, #category_04 a:hover, #category_05 a:hover, #category_06 a:hover, #category_07 a:hover, #category_08 a:hover, #category_09 a:hover, #category_10 a:hover, #category_11 a:hover, #category_12 a:hover{
	background-position: 0px -54px;
}

/*directories下方・左コラム*/
#dir_left{
	position: relative;
	width:50%;
	float: left;
}

/*directories下方・右コラム*/
#dir_right{
	position: relative;
	width:49%;
	float: left;
}

/**ソリューション別一覧**/
#solution_title{
	width: 170px;
	height: 16px;
	margin: 5px 0px;
	padding: 0px;
	background:#EBEEFA url(image/halftitle_solution.gif) center no-repeat;
	text-indent: -9999px;
	overflow:hidden;
}

#solution{
	width: 250px;
	height: auto;
	margin: 10px 0px;
	padding: 0px;
}

/*三角リストマークのついたリスト（「ソリューション別一覧」内・リストマーク＝緑）*/
#solution li.linklist{
	background-image: url(image/listmark_tr_green.gif) ;
	margin-left: 24px;
}

/**ピックアップキーワード**/
#pickup_title{
	width: 170px;
	height: 16px;
	margin: 5px 0px;
	padding: 0px;
	background:#EBEEFA url(image/halftitle_pickup.gif) center no-repeat;
	text-indent: -9999px;
	overflow:hidden;
}

#pickup{
	width: 250px;
	height: auto;
	margin: 10px 0px;
	padding: 0px;
}

/*三角リストマークのついたリスト（「ピックアップ」内・リストマーク＝緑）*/
#pickup li.linklist{
	background-image: url(image/listmark_tr_green.gif) ;
	margin-left: 24px;
}

#ranking_title{
	width: 170px;
	height: 16px;
	margin: 5px 0px;
	padding: 0px;
	background:#EBEEFA url(image/halftitle_ranking.gif) center no-repeat;
	text-indent: -9999px;
	overflow:hidden;
}

/**アクセスランキング**/
#ranking{
	width: 250px;
	height: auto;
	margin: 10px 0px;
	padding: 0px;
}

#ranking ol{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#ranking li{
	margin: 0px 0px 2px 18px;
	padding-left: 20px;
	line-height: 1.5;
}

#ranking li.no1{
	background: url(image/listmark_no1.gif) 2px 4px no-repeat;
	border-bottom: #4e4e4e 1px dotted;
}

#ranking li.no2{
	background: url(image/listmark_no2.gif) 2px 4px no-repeat;
	border-bottom: #4e4e4e 1px dotted;
}

#ranking li.no3{
	background: url(image/listmark_no3.gif) 2px 4px no-repeat;
	border-bottom: #4e4e4e 1px dotted;
}

#ranking li.no4{
	background: url(image/listmark_no4.gif) 2px 4px no-repeat;
	border-bottom: #4e4e4e 1px dotted;
}

#ranking li.no5{
	background: url(image/listmark_no5.gif) 2px 4px no-repeat;
}

/**導入事例**/
#casefile_info_title{
	width: 571px;
	height: 28px;
	margin: 0px 0px 7px 0px;
	padding: 0px;
	background:#ffffff url(image/titlebar_donyujirei.gif) center no-repeat;
	text-indent: -9999px;
	overflow:hidden;
}

#casefile_info{
	position:relative;
	width: auto;
	height: 310px;
	margin:  0px auto;
	padding: 0px;
	background:#ffffff url(/assets/images/case/casefile_flame.jpg) 0px 34px no-repeat;
}

#casefile_title{
	position:absolute;
	width: 242px;
	height: 65px;
	margin: 0px;
	padding: 0px;
	top:58px;
	left:28px;
}

#casefile_comment{
	position:absolute;
	width: 242px;
	height: 60px;
	margin: 0px;
	padding: 0px;
	top:132px;
	left:28px;
	font-size:100%;
	color:#4d4d4d;
	background:transparent;
	overflow:hidden;
}

#casefile_godetail{
	position:absolute;
	width: 71px;
	height: 18px;
	margin: 0px;
	padding: 0px;
	top:200px;
	left:210px;
	background:#ffffff url(image/godetail_w71.gif) 0px 0px no-repeat;
	text-indent: -9999px;
	overflow:hidden;
}

#casefile_godetail:hover{
	background-position: 0px -18px;
}

#casefile_photo{
	position:absolute;
	width: 232px;
	height: 155px;
	margin: 0px;
	padding: 0px;
	top:62px;
	left:298px;
	background:#ffffff url(image/casefile_photo_sample.jpg) center no-repeat;
}

#casefile_index{
	position:absolute;
	width: 136px;
	height: 38px;
	margin: 0px;
	padding: 0px;
	top:236px;
	left:400px;
	background:#ffffff url(image/go_casefiles.gif) 0px 0px no-repeat;
	text-indent: -9999px;
	overflow:hidden;
}

#casefile_index:hover{
	background-position: 0px -38px;
}

/*****サイドメニュー(お問い合わせ窓口～各種バナー)*****/
#right{
	width: 170px;
	height: auto;
	margin-left: 15px;
	padding: 0px;
	z-index:3;
	background-color:#ffffff;
	float:left;
}	
/*お問い合わせ窓口*/
#contact{
	position:relative;
	width: auto;
	height: 182px;
	margin-bottom: 7px;
	padding: 0px;
	top:0px;
	background:#ffffff url(image/side_contact_info.gif) top no-repeat;
}	

#contact_button{
	position:absolute;
	width: 142px;
	height: 52px;
	margin: 0px;
	padding: 0px;
	top:10px;
	left:14px;
	background:#ffffff url(image/side_contact.gif) 0px 0px no-repeat;
	text-indent: -9999px;
	overflow:hidden;
}	

#contact_button:hover{
	background-position: 0px -52px;
}
/*会社情報*/
#side_corpinfo{
	width: auto;
	height: auto;
	margin-bottom: 7px;
	padding: 0px;
	border:1px solid #bfbfbf;
	background-color:#ffffff;	
}

#side_corplinklist{
	width: auto;
	height: auto;
	margin-left:12px;
	padding: 0px;
}

/*三角リストマークのついたリスト（「会社情報」内・リストマーク＝水色）*/
#side_corplinklist li.linklist{
	background-image: url(image/listmark_tr_aqua.gif);
}

#side_mailmaginfo{
	width: auto;
	height: auto;
	margin-bottom: 7px;
	padding: 0px;
	border:1px solid #bfbfbf;
	background-color:#ffffff;
}	
/*メルマガ最新情報*/
#mailmag_link{
	display: block;
	width: 156px;
	height: 85px;
	margin: 6px;
	padding: 0px;
	background:#ffffff url(image/mailmagbanner.gif) 0px 0px no-repeat;
	text-indent: -9999px;
	overflow:hidden;
}

#mailmag_link:hover{
	background-position: 0px -85px;
}

#current_issue{
	width: 156px;
	height: auto;
	margin: 6px;
	padding: 0px;
	background-color: #ffffff;
}
/*おすすめ情報*/
#side_sellsinfo{
	width: auto;
	height: auto;
	margin-bottom: 7px;
	padding: 0px;
	border:1px solid #bfbfbf;
	background-color:#ffffff;
}	


#sells_infomation{
	width: 156px;
	height: auto;
	margin: 6px;
	padding: 0px;
	background-color: #ffffff;
}

#sells_link{
	display: block;
	width: 128px;
	height: 62px;
	margin: 6px 20px;
	padding: 0px;
	background:#ffffff url(image/onlinemitsumori.jpg) 0px 0px no-repeat;
	text-indent: -9999px;
	overflow:hidden;
}

#sells_link:hover{
	background-position: 0px -62px;
}

/*****フッタ*****/
/*IEの以前のバージョンで、フォントの縮小がうまくいかないため*/
/*font-familyを再設定*/
#footer{
	width: 756px;
	height: 50px;
	margin: 7px auto;
	padding: 0px;
	z-index:2;
	text-indent: 10px;
	line-height: 24px;
	background:#17358e url(image/bestlogo_small_blueback.gif) 645px center no-repeat;
	font-family: 'ＭＳ Ｐゴシック', sans-serif;
	clear: both;
}

#footer ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
	margin-left: -11px;
	overflow: hidden;
}

#footer li{
	width: auto;
	height: auto;
	padding: 0px 0px 0px 7px;
	display:inline;
	font-size: 80%;
	color:#ffffff;
	border-left: 1px solid #ffffff;
}

#footer a{
	text-decoration: none;
	color:#FFFFFF;
}

#footer a:hover{
	text-decoration:underline;
}

/*****Copyright表示*****/
#copyright{
	width: 756px;
	height: 18px;
	margin: 0px auto;
	padding: 0px;
	z-index:2;
	background-color:#ffffff;
	font-size:80%;
	text-align: right;
}	

/*************************
  div【カタログページ】
*************************/
#catalog_contents{
	width: auto;
	height: auto;
	margin:8px 0px;
}

/*************************
  div【お問い合わせ窓口ページ】
*************************/

.inqtitle_form{
	width: auto;
	height: auto;
	margin: 16px 0px 0px 0px;
	padding: 12px 0px 12px 48px;
	font-size:120%;
	border-style: none;
	background:#ffffff url(/image/inq_form.gif) top left  no-repeat;
	color: #17358e;
	font-weight: bold
}

.inqtitle_tel{
	width: auto;
	height: auto;
	margin: 16px 0px 0px 0px;
	padding: 12px 0px 12px 48px;
	font-size:120%;
	border-style: none;
	background:#ffffff url(/image/inq_tel.gif) top left  no-repeat;
	color: #17358e;
	font-weight: bold
}

.inqtitle_mail{
	width: auto;
	height: auto;
	margin: 16px 0px 0px 0px;
	padding: 12px 0px 12px 48px;
	font-size:120%;
	border-style: none;
	background:#ffffff url(/image/inq_mail.gif) top left  no-repeat;
	color: #17358e;
	font-weight: bold
}

/*************************
  div【会社情報】
*************************/

/*求人情報テーブル*/
table.recruit{
	margin: auto;
	padding: auto;
	width: 85%;
	height: auto;
	table-layout: fixed;
	border-style: none;
	background-color: #d2dcff;
}

/*求人情報テーブルの見出し用セル*/
table.recruit th{
	margin:0px;
	padding: 5px 10px;
	font-weight: bold;
	text-align: right;
	vertical-align:top;
}

/*求人情報テーブルのセル*/
table.recruit td{
	margin:0px;
	padding: 5px 10px;
	vertical-align: top;

}

/*終了した求人情報*/
table.recruit_end{
	margin: auto;
	padding: auto;
	width: 85%;
	height: auto;
	table-layout: fixed;
	border-style: none;
	background-color: #d2dcff;
	color: #888888;
}

table.recruit_end th{
	margin:0px;
	padding: 5px 10px;
	font-weight: bold;
	text-align: right;
	vertical-align:top;
}

table.recruit_end td{
	margin:0px;
	padding: 5px 10px;
	vertical-align: top;
}

/*************************
  div【FAQ】
*************************/

/*質問*/
#faq dt{
	display: block;
	background-color: #778899;
	color: #ffffff;
	font-weight: bold;
	padding: 8px 10px;
	margin-top: 10px;	
}

/*回答*/
#faq dd{
	display: block;
	background-color: #f0f8ff;
	margin: 0px;
	padding: 10px 16px;	
}

/*************************
  class【バナー】
*************************/
.history_banner a{
	display:block;
	position:relative;
	width: 170px;
	height: 50px;
	margin: 6px 0px;
	padding: 0px;
	background:#ffffff url(assets/images/company/history/historybenner.gif) 0px 0px no-repeat;
	text-indent: -9999px;
	overflow:hidden;
}

.history_banner a:hover{
	background-position: 0px -50px;
}

/* Update */


/* Add */

/*AjaxSearch*/
#ajaxSearch_form fieldset {
  border-style: none;
  margin: 0px;
  padding: 0px;
}
#ajaxSearch_input {
  width: 155px;
  margin: 0px;
  padding: 0px;
}
#ajaxSearch_submit {
  height: 21px;
  width: 54px;
  margin: 0px;
  padding: 0px;
  border: none;
  color: #FFFFFF;
  background: #fff url(image/search.gif) no-repeat center left;
  background-position: 0px 0px;
  text-indent: -9999px;
  overflow:hidden;
}
#ajaxSearch_submit:hover {
  background-position: 0px -21px;
}
#ajaxSearch_submit:active {
  background-position: 0px -42px;
}

.ajaxSearch_resultLink {
  font-size: 14px;
  border-bottom: 1px dashed #556FB5;
}
.ajaxSearch_highlight {
  background-color:#B0B8DB;
  color:#FFFFFF;
  font-weight: bold;
  font-style: italic;
  padding: 2px 4px 2px 2px;
}
/* 検索結果(1件毎) */
.ajaxSearch_result {
  color:#000000;
  border-top: 1px solid #0000FF;
}
/* 1件も無かった場合のメッセージ領域 */
.AS_ajax_resultsIntroFailure {
  margin-top:    1em;
  margin-bottom: 2em;
}
/* 検索結果のページングナビゲーション部分 */
.ajaxSearch_paging {
  display: block;
  margin-bottom: 0.5em;
  text-align: center;
}


/* dittoによる一覧時のページナビゲーション用 */
.paginate {
  text-align: center;
  margin-top: 1em;
}
.paginate .ditto_page {
  margin-left: 1em;
}
.paginate .ditto_currentpage {
  margin-left: 1em;
}

/* コンテンツ上部に表示されるナビゲーション*/
.contentmenu{
  font-weight: bold;
  font-size: 90%;
  width: 100%;
  margin-bottom: 1em;
}

.contentmenu ul{
  border: 1px solid #BBB;
  padding: 5px 0;
  margin: 0;
  text-align: center;  /*"left", "center", or "right"*/
  overflow: hidden;
}

.contentmenu ul li{
  display: inline;
}

.contentmenu ul li a{
  color: #494949;
  padding: 6px 12px 6px 6px;
  margin: 0;
  text-decoration: none;
  border-right: 1px dashed #BBB; /*right border between menu items*/
}

.contentmenu ul li a:hover{
  color: black;
}

/* サイトマップ用 */
#sitemap h2 {
    /* background-color: red; */
    background: url(image/sitemap_title.jpg) no-repeat;
    padding-left: 10px;
    color: #17358e;
    font-size: 100%;
}