@charset "EUC-JP";





/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
GLOBAL RESET
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

body { line-height: 1.5em; font-size: 12px; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote/*,table,th,td*/ { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img,abbr { border:0; }
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
q:before,q:after { content: '';}
a { text-decoration: none; }





/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
GLOBAL
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

body {
	 margin: 0;
	 padding: 0;
	 background: url(../img/bg.gif);
	 font-family: "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', Osaka, "ＭＳ Ｐゴシック";
	 color: #666;
}
.clr {
	clear: both;
}
#wrapper {
	margin-left: auto;	/*中央寄せ*/
	margin-right: auto;
	width: 780px;	/*ページ幅*/
}
#container {
	margin: 0;
	padding: 0 30px 0 30px;	/*ページ余白*/
	background: url(../img/body_bg.gif) repeat-y;	/*ページカラー*/
	text-align: left;
}






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
COMMON
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*テーブルBG*/
.tableTop {
	background: url(../img/tr_top_bg.gif) no-repeat left top;
}
.tableBotttom {
	background: url(../img/tr_bottom_bg.gif) no-repeat left bottom;
}
/*2ndタイトル*/
.title2nd {
	margin: 5px 0 15px 0;
	width: 510px;
	background: url(../img/title_2nd_bg.gif);
}
.title2ndBg {
	background: url(../img/tr_top_bg.gif) no-repeat top;
}
.title2ndBg h4 {
	padding: 7px 10px;
	background: url(../img/tr_bottom_bg.gif) no-repeat bottom;
	font-size: 14px;
	line-height: 1em;
	color: #FFF;
	font-weight: bold;
}
h3 {
	margin-bottom: 15px;
}

/*FLASH DOWNLOAD*/
#flash-dl {
	margin: 0;
	padding: 0 0 15px 2px;
	width: 510px;
	font-size: 10px;
	line-height: 1.5em;
	color: #666;
}
#flash-dl img {
 	float: left;
	margin: 0 10px 0 0;
}






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
HEADER
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#headerArea {
	margin: 0 0 2px 0;
	width: 720px;
	height: 104px;	/*ヘッダーエリア*/
	display: block;
}
/*KOKUYOヘッダー*/
#kokuyoHeadArea {
	width: 720px;
	height: 67px;
	_height: 67px;
	display:block;
	font-size: 12px !important;
}
/*グローバルナビゲーション*/
#globalNaviArea {
	height: 34px;
	display: block;
	background: url(../img/global_navi_bg.gif) repeat-x;
}
#globalNaviArea ul {
	margin: 0;
	padding: 7px 0 0 16px;
	list-style-type: none;
}
#globalNaviArea ul li {
	margin: 0 2px 0 0;
	width: 136px;
	height: 22px;
	float: left;
}
#globalNaviArea ul li a {
	width: 136px;
	height: 22px;
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	overflow: hidden;
	background-repeat: no-repeat;
}

/*link*/
#globalNaviArea ul li#naviService a { background: url(../img/navi_service.gif) no-repeat 0 0; }
#globalNaviArea ul li#naviResults a { background: url(../img/navi_results.gif) no-repeat 0 0; }
#globalNaviArea ul li#naviCompany a { background: url(../img/navi_company.gif) no-repeat 0 0; }
#globalNaviArea ul li#naviRecruit a { background: url(../img/navi_recruit.gif) no-repeat 0 0; }
#globalNaviArea ul li#naviContact a { background: url(../img/navi_contact.gif) no-repeat 0 0; }

/*hover*/
#globalNaviArea ul li#naviService a:hover { background: url(../img/navi_service.gif) no-repeat 0 -22px; }
#globalNaviArea ul li#naviResults a:hover { background: url(../img/navi_results.gif) no-repeat 0 -22px; }
#globalNaviArea ul li#naviCompany a:hover { background: url(../img/navi_company.gif) no-repeat 0 -22px; }
#globalNaviArea ul li#naviRecruit a:hover { background: url(../img/navi_recruit.gif) no-repeat 0 -22px; }
#globalNaviArea ul li#naviContact a:hover { background: url(../img/navi_contact.gif) no-repeat 0 -22px; }

/*active*/
#pageService #globalNaviArea li#naviService a#linkService {	background: url(../img/navi_service.gif) no-repeat 0 -22px; }
#pageResults #globalNaviArea li#naviResults a#linkResults {	background: url(../img/navi_results.gif) no-repeat 0 -22px; }
#pageCompany #globalNaviArea li#naviCompany a#linkCompany {	background: url(../img/navi_company.gif) no-repeat 0 -22px; }
#pageRecruit #globalNaviArea li#naviRecruit a#linkRecruit {	background: url(../img/navi_recruit.gif) no-repeat 0 -22px; }
#pageContact #globalNaviArea li#naviContact a#linkContact {	background: url(../img/navi_contact.gif) no-repeat 0 -22px; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
BREDCRUMB
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#bredcrumbBox {
	padding-bottom: 5px;
	width: 720px;
	background: url(../img/bredcrumb_bg.gif) no-repeat left top;
}
#bredcrumbBox ul {
	list-style-type: none;
	padding: 0 10px;
	height: 25px;
}
#bredcrumbBox li {
	float: left;
	line-height: 25px;
	font-size: 10px;
}
#bredcrumbBox li a {
	display: block;
	padding-right: 18px;
	margin-right: 10px;
	background: url(../img/bredcrumb_arrow.gif) no-repeat right center;
}






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
PAGE
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.page {
	margin-bottom: 20px;
}
.page table {
	width: 510px;
}
.page table td {
	text-align: center;
}
.page table td.btnLeftArea {
	width: 65px;
}
.page table td.btnLeftArea a {
	display: block;
	width: 65px;
	height: 26px;
	background: url(../img/btn_prev.gif) no-repeat left top;
	text-indent: -9999px;
}
.page table td.btnRightArea {
	width: 65px;
}
.page table td.btnRightArea a {
	display: block;
	width: 65px;
	height: 26px;
	background: url(../img/btn_next.gif) no-repeat right top;
	text-indent: -9999px;
}






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
CONTENTS
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*---------------------------------------------------------------
カバー
---------------------------------------------------------------*/
#cover {
	margin: 0 0 8px 0;
	width: 720px;
	height: 435px;
	display: block;
}

#cover2 {
	margin: 0 0 0px 0;
	width: 520px;
	height: 260px;
	display: block;
}

#cover3 {
	margin: 0 0 0px 0;
	width: 510px;
	height: 310px;
	display: block;
}

/*---------------------------------------------------------------
サブカバー
---------------------------------------------------------------*/
#subCover {
	margin: 1px 0 1px 0;
	pddding:  0;
}
#contentsArea {
	width: 720px;
	background: url(../img/contents_bg.gif) repeat-y left top;
	border-top: 2px solid #fff;
}
#contentsNon {
	width: 720px;
	border-top: 2px solid #000;
}

/*---------------------------------------------------------------
サブナビゲーション
---------------------------------------------------------------*/
#subNaviArea {
	margin: 0;
	width: 720px;
}
#subNaviArea ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#subNaviArea ul li {
	height: 49px;
	float: left;
}
#subNaviArea ul li a {
	height: 49px;
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	overflow: hidden;
	background-repeat: no-repeat;
}
/*#subNaviArea ul li a:hover {
	background-position: 0 -22px;
}*/

#subNaviArea ul li#subNaviSh a { width: 143px; background-image: url(/images/sub_navi_sh.gif); }
#subNaviArea ul li#subNaviBss a { width: 144px; background-image: url(/images/sub_navi_bss.gif); }
#subNaviArea ul li#subNaviSd a { width: 144px; background-image: url(/images/sub_navi_sd.gif); }
#subNaviArea ul li#subNaviWb a { width: 144px; background-image: url(/images/sub_navi_wb.gif); }
#subNaviArea ul li#subNaviEp a { width: 145px; background-image: url(/images/sub_navi_ep.gif); }

/*---------------------------------------------------------------
サブナビゲーション
---------------------------------------------------------------*/
#subNaviArea1 {
	margin: 0 0 10px 0;
	width: 510px;
	height: 73px;
	background-color: #999999;
}
#subNaviArea1  p{
	margin: 2px 0 0 5px;
	font-weight: bold;
	font-size: 11px;
	color: #fff;
}
#subNaviArea1 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#subNaviArea1 ul li {
    padding: 0px 0px 0px 3px;
	height: 50px;
	float: left;
}
#subNaviArea1 ul li a {
	height: 50px;
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	overflow: hidden;
	background-repeat: no-repeat;
}
/*#subNaviArea ul li a:hover {
	background-position: 0 -22px;
}*/

#subNaviArea1 ul li#subNaviSh a { width: 123px; background-image: url(/images/sub_navi_menu1.gif); }
#subNaviArea1 ul li#subNaviBss a { width: 124px; background-image: url(/images/sub_navi_menu2.gif); }
#subNaviArea1 ul li#subNaviSd a { width: 124px; background-image: url(/images/sub_navi_menu3.gif); }
#subNaviArea1 ul li#subNaviEp a { width: 124px; background-image: url(/images/sub_navi_menu4.gif); }

/*---------------------------------------------------------------
メインコンテンツ
---------------------------------------------------------------*/
#mainContents {
	margin: 0px 0px -40px 0px;
	width: 510px;
	float: left;
	font-size: 12px;
}

/*---------------------------------------------------------------
トピックスエリア
---------------------------------------------------------------*/
#topicsTtlArea {
	width: 510px;
	height: 36px;
	display: block;
	background: url(../img/ttl_line.gif) repeat-x bottom;
}
#topicsTtl {
	float: left;
	width: 88px;
}
#topicsTtl h3 {
	margin: 0;
	padding: 0;
	width: 88px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	background: url(/images/ttl_topics.gif) no-repeat;
}
#topicsTtlArea p {
	margin: 12px 0 0 0;
	padding: 0;
	float: right;
}
#topicsTtlArea p a {
	margin: 0;
	padding: 0;
	width: 40px;
	height: 12px;
	display: block;
	text-indent: -9999px;
	background: url(/images/btn_topics_list.gif) no-repeat;
	font-size: 10px;
	line-height: 1em;
}
#topicsTtlArea p a:hover {
	background: url(/images/btn_topics_list.gif) no-repeat 0 -12px;
}
#mainContents #topicsListArea {
	margin-bottom: 10px;
	padding: 2px 0 0 0;
	line-height: 1.5em;
	color: #555;
}
#mainContents #topicsListArea table {
	margin: 0;
	padding: 0;
	width: 510px;
}
#mainContents #topicsListArea td {
	padding: 1px 0 2px 0;
	background: url(/images/topics_list_line.gif) repeat-x bottom;
	font-weight: bold;
}
#mainContents #topicsListArea td a {
	padding: 0 0 0 15px;
	display: block;
	background: url(../img/arrow.gif) no-repeat 0 0.3em;
	color: #06C;
	font-weight: normal;
}
#mainContents #topicsListArea td a:hover {
	color: #06C;
	text-decoration: underline;
}


/*---------------------------------------------------------------
サブコンテンツ
---------------------------------------------------------------*/
#subContents {
	width: 190px;
	/*padding: 10px;*/
	float: right;
}
#subContents table {
	margin: 10px;
}

/*---------------------------------------------------------------
WEBSHOP
---------------------------------------------------------------*/
#webshopArea {
	margin-top: 0px;
	padding: 6px 9px 5px 9px;
	background: #F7F5F1;
	border-top: 1px solid #EDECE9;
	border-left: 1px solid #EDECE9;
	border-right: 1px solid #EDECE9;
}
#subwebshopArea {
	margin-top: 5px;
	padding: 9px;
}
#webshopArea h3, #subPickupArea h3 {
	margin: 0 0 0px 0;
	padding: 0;
	width: 170px;
	height: 25px;
	display: block;
	text-indent: -9999px;
	background: url(/images/ttl_webshop.gif) no-repeat;
}
.webshopItem {
	padding: 5px 5px 5px 5px;
}
.webshopItem img {
	/*padding: 3px;*/
	/*border: 1px solid #CCC;*/
}
.webshopItem p {
	margin: 2px 0 0 0;
	padding: 0;
	line-height: 1.2em;
}

/*---------------------------------------------------------------
WEBサービス紹介
---------------------------------------------------------------*/
#webserviceArea {
	margin-top: 0px;
	padding: 3px 9px 5px 9px;
	background: #F7F5F1;
	border-left: 1px solid #EDECE9;
	border-right: 1px solid #EDECE9;
}
#subwebserviceArea {
	margin-top: 10px;
	padding: 9px;
}
#webserviceArea h3, #subPickupArea h3 {
	margin: 0 0 8px 0;
	padding: 0;
	width: 170px;
	height: 25px;
	display: block;
	text-indent: -9999px;
	background: url(/images/ttl_webservice.gif) no-repeat;
}
.webserviceItem {
	padding: 5px 5px 5px 5px;
}
.webItem img {
	/*padding: 3px;*/
	/*border: 1px solid #CCC;*/
}
.webserviceItem p {
	margin: 0px 0 0 0;
	padding: 0;
	line-height: 1.0em;
}




/*---------------------------------------------------------------
ピックアップアイテム
---------------------------------------------------------------*/
#pickupArea {
	margin-top: 0px;
	padding: 3px 9px 5px 9px;
	background: #F7F5F1;
	border-left: 1px solid #EDECE9;
	border-right: 1px solid #EDECE9;
}
#subPickupArea {
	margin-top: 10px;
	padding: 9px;
}
#pickupArea h3, #subPickupArea h3 {
	margin: 0 0 5px 0;
	padding: 0;
	width: 170px;
	height: 25px;
	display: block;
	text-indent: -9999px;
	background: url(/images/ttl_pickup2.gif) no-repeat;
}
.pickupItem {
	padding: 5px 5px 5px 5px;
}
.pickupItem img {
	/*padding: 3px;*/
	/*border: 1px solid #CCC;*/
}
.pickupItem p {
	margin: 1px 0 0 0;
	padding: 0;
	line-height: 1.1em;
}

/*---------------------------------------------------------------
カタログ紹介
---------------------------------------------------------------*/
#catalogueArea {
	margin-top: 0px;
	padding: 3px 9px 5px 9px;
	background: #F7F5F1;
	border-bottom: 1px solid #EDECE9;
	border-left: 1px solid #EDECE9;
	border-right: 1px solid #EDECE9;
}
#subcatalogueArea {
	margin-top: 10px;
	padding: 9px;
}
#catalogueArea h3, #subPickupArea h3 {
	margin: 0 0 8px 0;
	padding: 0;
	width: 170px;
	height: 25px;
	display: block;
	text-indent: -9999px;
	background: url(/images/ttl_catalogue.gif) no-repeat;
}
.catalogueItem {
	padding: 5px 5px 5px 5px;
}
.catalogueItem img {
	/*padding: 3px;*/
	/*border: 1px solid #CCC;*/
}
.catalogueItem p {
	margin: 2px 0 0 0;
	padding: 0;
	line-height: 1.2em;
}


/*---------------------------------------------------------------
サブコンテンツメニュー
---------------------------------------------------------------*/
#subContentsMenu {
	padding: 10px;
}

#subContentsMenu h1 {
    width: 160px;
	background-color: #cb3333;
    font-weight: bold;
    text-align: left;
    font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 9px;
	float: left;
	color:#fff
}
#subContentsMenu h2 {
    width: 160px;
	/*height: 24px;*/
	background-color: #003366;
    font-weight: bold;
    text-align: left;
    font-size: 12px;
	margin: 20px 0px 0px 0px;
	padding: 6px 0px 6px 9px;
	float: left;
	color:#fff
}
#subContentsMenu h3 {
    width: 154px;	
	background-color: #fff;
	border-top: 1px solid #EFEBE4;
	border-left: 1px solid #EFEBE4;
	border-right: 1px solid #EFEBE4;
	border-bottom: 1px solid #EFEBE4;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 14px;
	font-size: 12px;
	float: left;
	color:#3366CC
}
#subContentsMenu h3 li a:hover {
	background: url("../img/common/title_bg.gif") no-repeat;
}

#subContentsMenu ul {
	list-style-type: none;
	border-top: 1px solid #EFEBE4;
	border-left: 1px solid #EFEBE4;
}
#subContentsMenu li {
	width: 168px;
	border-right: 1px solid #EFEBE4;
	border-bottom: 1px solid #EFEBE4;
	background: url(../img/sub_contents_menu_bg.gif) no-repeat left top;
}
#subContentsMenu li a {
	padding: 5px 10px 6px 21px;
	width: 137px;
	display: block;
	text-decoration: none;
}
#subContentsMenu li a:hover {
	background: url(../img/sub_contents_menu_bg_on.gif) no-repeat left top;
	color: #FFF;
}
#subContentsMenu ul ul li {
	border-right: 1px solid #EFEBE4;
	border-bottom: 1px solid #EFEBE4;
	background: url(../img/sub_contents_sub_menu_bg.gif) no-repeat left top;
}
#subContentsMenu ul ul li a:hover {
	background: url(../img/sub_contents_sub_menu_bg_on.gif) no-repeat left top;
	color: #3366CC
}



/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ページトップ
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.pageTop {
	float: right;
	margin: 20px 0 0 0;
	width: 132px;
	height: 12px;
}
.pageTop a {
	display: block;
	width: 132px;
	height: 12px;
	background: url(../img/btn_page_top.gif) no-repeat left top;
	text-indent: -9999px;
	line-height: 1em;
}
.pageTop a:hover {
	background: url(../img/btn_page_top.gif) no-repeat 0 -12px;
}


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
フッター
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#footerArea {
	margin: 20px 0 0 0;
	width: 720px;	/*フッターエリア*/
	display: block;
}


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
リクルート
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*---------------------------------------------------------------
INDEX
---------------------------------------------------------------*/
h3.ttlExperienced {
	display: block;
	width: 510px;
	height: 36px;
	background: url(/recruit/experienced/images/title_experienced.gif) no-repeat left top;
	text-indent: -9999px;
}
#recruitTop {
	position: relative;
	margin-bottom: 10px;
	width: 720px;
}
#messargeBox {
	position: absolute;
	left: 120px;
	top: 90px;
}
#recruitTop table td {
	width: 120px;
	height: 90px;
}
#recruitTop table td a {
	display: block;
	width: 120px;
	height: 90px;
	text-indent: -9999px;
}
p.btnStaffList {
	float: right;
	width: 147px;
	height: 12px;
	line-height: 0.5em;
}
p.btnStaffList a {
	display: block;
	width: 147px;
	height: 12px;
	text-indent: -9999px;
	background: url(/recruit/images/btn_staff_list.gif) no-repeat left top;
}
p.btnStaffList a:hover {
	background: url(/recruit/images/btn_staff_list.gif) no-repeat 0 -12px;
}
#recruitBlock {
	margin: 20px 0 20px 0;
}
#recruitLeftBlock {
	float: left;
	width: 350px;
}
#recruitLeftBlock h3 {
	display: block;
	width: 350px;
	height: 36px;
	background: url(/recruit/images/ttl_students.gif) no-repeat left top;
	text-indent: -9999px;
}
#recruitRightBlock {
	float: right;
	width: 350px;
}
#recruitRightBlock h3 {
	display: block;
	width: 350px;
	height: 36px;
	background: url(/recruit/images/ttl_experienced.gif) no-repeat left top;
	text-indent: -9999px;
}
#recruitBtnArea {
	padding: 0 0 20px 0;
	width: 720px;
}
#recruitLeftBtnArea {
	float: left;
	width: 350px;
}
#recruitRightBtnArea {
	float: right;
	width: 350px;
}
.recruitBtnFrame {
	background: #F4F4F4;
	text-align: center;
}
p.recruitBtnStudents {
	margin: 0 auto;
	width: 255px;
	padding: 12px 0;
}
p.recruitBtnStudents a {
	display: block;
	width: 255px;
	height: 26px;
	background: url(/recruit/images/btn_students.gif) no-repeat left top;
	text-indent: -9999px;
}
p.recruitBtnExperienced {
	margin: 0 auto;
	width: 255px;
	padding: 12px 0;
}
p.recruitBtnExperienced a {
	display: block;
	width: 255px;
	height: 26px;
	background: url(/recruit/images/btn_experienced.gif) no-repeat left top;
	text-indent: -9999px;
}
#experiencedListBox {
	margin: 15px 0 15px 0;
}
.experiencedListRepeatBox {
	margin-bottom: 20px;
}
.experiencedListRepeatBox h4 {
	width: 510px;
	height: 25px;
	line-height: 25px;
	background: url(../img/sub_ttl_bg.gif) no-repeat left top;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-indent: 0.75em;
}
.experiencedListRepeatBox table {
	margin: 10px 0 5px 0;
	width: 510px;
	border-top: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
}
.experiencedListRepeatBox th {
	padding: 5px;
	width: 100px;
	vertical-align: top;
	border-right: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
}
.experiencedListRepeatBox td {
	padding: 5px;
	vertical-align: top;
	border-right: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
}
.tdBgGray {
	background: #F6F6F6;
}
p.recruitBtnEntry {
	margin: 0 auto;
	width: 255px;
	padding: 12px 0;
}
p.recruitBtnEntry a {
	display: block;
	width: 255px;
	height: 26px;
	background: url(/recruit/experienced/images/btn_entry.gif) no-repeat left top;
	text-indent: -9999px;
}
p.recruitBtnNonEntry {
	margin: 0 auto;
	width: 255px;
	padding: 12px 0;
}
p.recruitBtnNonEntry span {
	display: block;
	width: 255px;
	height: 26px;
	background: url(/recruit/experienced/images/btn_not_entry.gif) no-repeat left top;
	text-indent: -9999px;
}




/*---------------------------------------------------------------
スタッフ紹介
---------------------------------------------------------------*/
/*list*/
h3.ttlStaff {
	display: block;
	width: 510px;
	height: 36px;
	background: url(../img/ttl_staff.gif) no-repeat left top;
	text-indent: -9999px;
}
#staffListBox {
	margin: 0 0;
}
.staffListImage {
	float: left;
	width: 120px;
}
.staffListDetail {
	float: right;
	width: 375px;
}
p.staffListName {
	margin-bottom: 4px;
	padding-bottom: 5px;
	background: url(../img/hr_dotted.gif) repeat-x left bottom;
}
p.staffListName a {
	padding-left: 15px;
	background: url(../img/arrow.gif) no-repeat 0 0;
}
.staffListRepeatBox {
	margin-bottom: 15px;
	padding-bottom: 16px;
	background: url(../img/hr_dotted.gif) repeat-x left bottom;
}
/*detail*/
#staffDetailBox {
	margin: 15px 0 20px 0;
}
.staffDetailImage {
	float: left;
	width: 120px;
}
.staffDetailDetail {
	float: right;
	width: 375px;
}
p.staffDetailName {
	margin-bottom: 4px;
	padding-bottom: 5px;
	background: url(../img/hr_dotted.gif) repeat-x left bottom;
}
p.staffDetailName em {
	font-size: 14px;
}
.staffDetailRepeatBox {
	margin-bottom: 15px;
}
.staffDetailRepeatBox h4 {
	width: 510px;
	height: 25px;
	line-height: 25px;
	background: url(../img/sub_ttl_bg.gif) no-repeat left top;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-indent: 0.75em;
}
.staffDetailRepeatBox p {
	margin-top: 5px;
}
.staffDetailRepeatBox img {
	float: right;
	margin: 0 0 0.5em 10px;
}




/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
商環境デザイン事業
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

h3.ttlCommercielSpec {
	display: block;
	width: 510px;
	height: 36px;
	background: url(/commerciel_spec/images/title_commerciel_spec.gif) no-repeat left top;
	text-indent: -9999px;
}
h3.ttlWorkFlow {
	display: block;
	width: 510px;
	height: 36px;
	background: url(/commerciel_spec/work_flow/images/title_work_flow.gif) no-repeat left top;
	text-indent: -9999px;
}
h5.CSSubTitle001 {
	margin: 0 0 20px 0;
	display: block;
	width: 510px;
	height: 60px;
	background: url(/commerciel_spec/images/sub_ttl_001.gif) no-repeat left bottom;
	text-indent: -9999px;
}
h5.CSSubTitle002 {
	display: block;
	width: 510px;
	height: 30px;
	background: url(/commerciel_spec/images/sub_ttl_002.gif) no-repeat left top;
	text-indent: -9999px;
}
h5.CSSubTitle003 {
	display: block;
	width: 510px;
	height: 30px;
	background: url(/commerciel_spec/images/sub_ttl_003.gif) no-repeat left top;
	text-indent: -9999px;
}
.CSContentBox {
	margin: 0 0 20px 0;
}
.CSContentBox img {
	float: left;
	width: 160px;
	margin: 0 20px 0 0;
}

.CSContentBox2 {
	display: block;
	width: 510px;
	margin: 0 10px 0px 10px;
	font-size: 12px;
	font-weight: normal;
}
.CSContentBox2 img {
    /*display: block;*/
	float: left;
	width: 240px;
	padding: 5px 10px 10px 0px;
	margin: 0 0px 0 0px;
}


/*before - after*/
#CSBoxBefore {
	margin: 0;
	padding: 0 10px;
	background: url(/commerciel_spec/images/before_body.gif) repeat-y;
}
#CSBoxBefore h6 {
	margin: 0;
	padding: 0;
}
#CSBoxBeforeBottom {
	margin: 0 0 20px 0;
	width: 510px;
	height: 10px;
	display: block;
	line-height: 0.1em;
	font-size: 0.1em;
	background: url(/commerciel_spec/images/before_bottom.gif) no-repeat top;
}
#CSBoxAfter {
	margin: 0;
	padding: 0 10px;
	background: url(/commerciel_spec/images/after_body.gif) repeat-y;
}
#CSBoxAfter	h6 {
	margin: 0;
	padding: 0;
}
#CSBoxAfterBottom {
	margin: 0 0 20px 0;
	width: 510px;
	height: 10px;
	display: block;
	line-height: 0.1em;
	font-size: 0.1em;
	background: url(/commerciel_spec/images/after_bottom.gif) no-repeat top;
}
/*leftbox*/
.CSLeftBox {
	float: left;
	padding: 0 0 10px 0;
	width: 280px;
}
.CSLeftBox ul {
	list-style-type: none;
	margin-bottom: 3px;
}
.CSLeftInnerBox {
	float: left;
	width: 135px;
}
.CSRightInnerBox {
	float: right;
	width: 135px;
}
.CSLeftBox ul li {
	padding-left: 12px;
	font-weight: bold;
	color: #333;
	font-size: 12px;
	background: url(../img/dot_l.gif) no-repeat 0 3px;
}
.CSLeftBox ul ul li {
	font-weight: normal;
	color: #666;
	font-size: 12px;
	background: url(../img/dot_s.gif) no-repeat 0 2px;
	line-height: 1.2em;
}
/*rightbox*/
.CSRightBox {
	float: right;
	padding: 0 0 10px 0;
	width: 200px;
}
.CSRightBox ul {
	list-style-type: none;
	margin-bottom: 3px;
}
.CSRightBox ul li {
	padding-left: 12px;
	font-weight: bold;
	color: #333;
	font-size: 12px;
	background: url(../img/dot_l.gif) no-repeat 0 3px;
}
.CSRightBox ul ul li {
	font-weight: normal;
	color: #666;
	font-size: 12px;
	background: url(../img/dot_s.gif) no-repeat 0 2px;
	line-height: 1.2em;
}

/**/
.CSBoxInner {
	margin: 10px 10px 0 10px;
	padding: 0 0 8px 0;
	background: url(/commerciel_spec/images/arrow_ttl_bottom.gif) no-repeat left bottom;
}
.CSBoxInner table {
	
}
.CSBoxInner th {
	padding: 5px 0 0 0;
	width: 37px;
	background: url(/commerciel_spec/images/arrow_ttl_bg.gif) no-repeat left top;
}
.CSBoxInner td {
	vertical-align: top;
}

/*beforeTtl*/
h6#beforeTtl1 {
	width: 27px;
	height: 71px;
	display: block;
	font-size: 1px;
	text-indent: -9999px;
	background: url(/commerciel_spec/images/before_ttl_001.gif) no-repeat left;
}
h6#beforeTtl2 {
	width: 27px;
	height: 109px;
	display: block;
	font-size: 1px;
	text-indent: -9999px;
	background: url(/commerciel_spec/images/before_ttl_002.gif) no-repeat left;
}
h6#beforeTtl3 {
	width: 27px;
	height: 48px;
	display: block;
	font-size: 1px;
	text-indent: -9999px;
	background: url(/commerciel_spec/images/before_ttl_003.gif) no-repeat left;
}
h6#beforeTtl4 {
	width: 27px;
	height: 48px;
	display: block;
	font-size: 1px;
	text-indent: -9999px;
	background: url(/commerciel_spec/images/before_ttl_004.gif) no-repeat left;
}
h6#beforeTtl5 {
	width: 27px;
	height: 310px;
	display: block;
	font-size: 1px;
	text-indent: -9999px;
	background: url(/commerciel_spec/images/before_ttl_005.gif) no-repeat left center;
}
h6#beforeTtl6 {
	width: 27px;
	height: 202px;
	display: block;
	font-size: 1px;
	text-indent: -9999px;
	background: url(/commerciel_spec/images/before_ttl_006.gif) no-repeat left center;
}
h6#beforeTtl7 {
	width: 27px;
	height: 140px;
	display: block;
	font-size: 1px;
	text-indent: -9999px;
	background: url(/commerciel_spec/images/before_ttl_007.gif) no-repeat left center;
}
h6#beforeTtl8 {
	width: 167px;
	height: 24px;
	display: block;
	font-size: 1px;
	text-indent: -9999px;
	background: url(/commerciel_spec/images/before_ttl_008.gif) no-repeat left;
}
h6#beforeTtl9 {
	width: 167px;
	height: 24px;
	display: block;
	font-size: 1px;
	text-indent: -9999px;
	background: url(/commerciel_spec/images/before_ttl_009.gif) no-repeat left;
}
h6#beforeTtl10 {
	width: 25px;
	height: 24px;
	display: block;
	font-size: 1px;
	text-indent: -9999px;
	background: url(/commerciel_spec/images/before_ttl_010.gif) no-repeat left;
}

/*afterTtl*/
h6#afterTtl1 {
	width: 27px;
	height: 48px;
	display: block;
	font-size: 1px;
	text-indent: -9999px;
	background: url(/commerciel_spec/images/after_ttl_001.gif) no-repeat left;
}
h6#afterTtl2 {
	width: 27px;
	height: 170px;
	display: block;
	font-size: 1px;
	text-indent: -9999px;
	background: url(/commerciel_spec/images/after_ttl_002.gif) no-repeat left center;
}
h6#afterTtl3 {
	width: 27px;
	height: 170px;
	display: block;
	font-size: 1px;
	text-indent: -9999px;
	background: url(/commerciel_spec/images/after_ttl_003.gif) no-repeat left center;
}


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
実績紹介
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

h3.ttlCase {
	display: block;
	width: 510px;
	height: 36px;
	background: url(/commerciel_spec/case/images/title_case.gif) no-repeat left top;
	text-indent: -9999px;
}
/*presenArea*/
#presenArea {
	margin: 0 0 30px 0;
}
#presenArea h4 {
	display: block;
	width: 510px;
	height: 30px;
	background: url(/commerciel_spec/case/images/sub_title_001.gif) no-repeat left top;
	text-indent: -9999px;
}
p.h4Comment {
	margin: 10px 0 40px 0;
}
#presenAreaImage {
	margin-bottom: 30px;
}
/*caseList*/
#caseListBox {
	padding: 15px 0;
	background: url(../img/hr_dotted.gif) repeat-x left top;
}
.caseListImage {
	float: left;
	width: 120px;
}
.caseListDetail {
	float: right;
	width: 375px;
}
.caseListInd {
	padding: 2px 5px;
	font-size: 10px;
	background: #6F8CC6;
	color: #FFF;
}
.caseListOpenDate {
	padding: 2px 5px;
	font-size: 10px;
}
p.caseListName {
	margin-top: 5px;
	padding-bottom: 5px;
}
p.caseListName a {
	padding-left: 15px;
	background: url(../img/arrow.gif) no-repeat 0 0.1em;
}
.caseListRepeatBox {
	margin-bottom: 15px;
	padding-bottom: 16px;
	background: url(../img/hr_dotted.gif) repeat-x left bottom;
}
/*caseDetail*/
#caseDetailBox {
	margin: 0 0 20px 0;
}
#caseDetailSpecBox {
	float: left;
	width: 225px;
}
#caseDetailSpecBox table {
	width: 225px;
	border-top: 1px solid #CCC;
}
#caseDetailSpecBox th {
	width: 60px;
	font-size: 10px;
	border-bottom: 1px solid #CCC;
}
#caseDetailSpecBox td {
	font-size: 10px;
	border-bottom: 1px solid #CCC;
}
#caseDetailCommentBox {
	float: right;
	width: 260px;
}
.caseDetailCommentBoxTtl {
	display: block;
	width: 260px;
	height: 20px;
	background: url(/commerciel_spec/case/images/comment_bg.gif) no-repeat left top;
	line-height: 20px;
	text-indent: 5px;
	font-weight: bold;
	font-size: 10px;
}
.caseDetailCommentBoxCnt {
	margin-top: 5px;
}
/*Pic*/
#caseDetailPicBox {
}
#caseDetailPicMain {
	padding: 0 0 20px 0;
}
#caseDetailPicMain p {
	padding: 3px 0 0 0;
}
.caseDetailPicSubLeft {
	float: left;
	padding: 0 0 10px 0;
	width: 260px;
}
.caseDetailPicSubLeft p {
	padding: 3px 0 0 0;
	width: 250px;
}
.caseDetailPicSubRight {
	float: left;
	padding: 0 0 10px 0;
	width: 250px;
}
.caseDetailPicSubRight p {
	padding: 3px 0 0 0;
	width: 250px;
}






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
企業情報
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

h3.ttlCompany {
	display: block;
	width: 510px;
	height: 36px;
	background: url(/company/images/title_company.gif) no-repeat left top;
	text-indent: -9999px;
}

#companyImgContents {
	padding: 0 0 20px 0;
}
#companyImgContents #imgRight img  {
	margin: 0 0 0 10px;
}


/*---------------------------------------------------------------
ビジョン
---------------------------------------------------------------*/
#companyVisionContents {
	padding: 0 0 20px 0;
}
h5.CMSubTitle001 {
	display: block;
	width: 510px;
	height: 30px;
	background: url(/company/images/sub_ttl_001.gif) no-repeat left top;
	text-indent: -9999px;
	margin: 0 0 15px 0;
}
p.CMComment001 {
	margin: 0 0 10px 0;
}

p.CMComment002 {
	margin: 0 0 5px 10px;
	font-weight: bold;
    font-size: 14px;
	color: #006699;
}

p.CMComment003 {
	margin: 0 0 10px 20px;
	font-weight: normal;
    font-size: 12px;
	color: #666666;
}
#companyVisionContents p#txtRight {
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 12px;
	color: #444;
}

/*---------------------------------------------------------------
会社概要
---------------------------------------------------------------*/
#companyDetailContents {
	padding: 0 0 20px 0;
}
#companyDetailContents table {
	width: 510px;
}
#companyDetailContents th {
	width: 100px;
	padding: 5px 10px;
	background: #EDECE9;
	border-right: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	color: #333;
	vertical-align: top;
}
#companyDetailContents td {
	padding: 5px 10px;
	background: #F7F5F1;
	border-bottom: 3px solid #FFF;
}
/*テーブルネスト*/
#companyDetailContents td.tableInner table {
	width: 365px;
}
#companyDetailContents td.tableInner th {
	margin: 0;
	padding: 0;
	width: 90px;
	background: none;
	border: none;
	vertical-align: top;
	color: #555555;
}
#companyDetailContents td.tableInner td {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	vertical-align: top;
}
#companyDetailContents td.tableInner caption {
	padding: 10px 0 3px 0;
	color: #555555;
}

/*---------------------------------------------------------------
沿革
---------------------------------------------------------------*/
#companyHistoryContents {
	margin-bottom: 20px;
}
#companyHistoryContents table {
	width: 510px;
}
#companyHistoryContents th {
	width: 100px;
	padding: 5px 10px;
	background: #EDECE9;
	border-right: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	color: #333;
	vertical-align: top;
}
#companyHistoryContents td {
	padding: 5px 10px;
	background: #F7F5F1;
	border-bottom: 3px solid #FFF;
}






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
お問い合わせ
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

h3.ttlContact {
	display: block;
	width: 510px;
	height: 36px;
	background: url(/contact/images/title_contact.gif) no-repeat left top;
	text-indent: -9999px;
}



/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
会員登録
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

h3.ttlMemberReg {
	display: block;
	width: 510px;
	height: 36px;
	background: url(/member/reg/images/title_member_reg.gif) no-repeat left top;
	text-indent: -9999px;
}



/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
店舗運営管理支援事業
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

h3.ttlBackyardSolution {
	display: block;
	width: 510px;
	height: 36px;
	background: url(/management/images/title_backyard_solution.gif) no-repeat left top;
	text-indent: -9999px;
}

/*---------------------------------------------------------------
コンセプト
---------------------------------------------------------------*/
h3.ttlConcept {
	display: block;
	width: 510px;
	height: 36px;
	background: url(/management/images/title_concept.gif) no-repeat left top;
	text-indent: -9999px;
}
h5.MGSubTitle001 {
	display: block;
	width: 391px;
	height: 30px;
	background: url(/management/images/concept_sub_ttl_001.gif) no-repeat left top;
	text-indent: -9999px;
}
h6.MGSubTitle002 {
	display: block;
	width: 510px;
	height: 48px;
	background: url(/management/images/concept_sub_ttl_002.gif) no-repeat left top;
	text-indent: -9999px;
}
p.MGComment001 {
	margin: 10px 0 20px 0;
}

/*---------------------------------------------------------------
サービス内容
---------------------------------------------------------------*/
h3.ttlService {
	display: block;
	width: 510px;
	height: 36px;
	background: url(/management/images/title_info_service.gif) no-repeat left top;
	text-indent: -9999px;
}
.managementServiceBox {
	width: 510px;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	background: url(../img/hr_dotted.gif) repeat-x left bottom;
}
.managementServiceLeft {
	float: left;
	width: 170px;
}
.managementServiceRight {
	float: right;
	width: 320px;
}
.managementServiceRight h5 {
	margin: 0 0 6px 0;
	padding: 0 0 0 6px;
	height: 20px;
	display: block;
	background: url(/management/images/service_comment_bg.gif) no-repeat;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #000;
}
.managementServiceRight ul {
	list-style-type: none;
	margin-bottom: 3px;
}
.managementServiceRight ul li {
	padding-left: 12px;
	font-weight: bold;
	color: #333;
	font-size: 12px;
	background: url(../img/dot_l.gif) no-repeat 0 3px;
}

/*---------------------------------------------------------------
導入メリット
---------------------------------------------------------------*/
h3.ttlMerit {
	display: block;
	width: 510px;
	height: 36px;
	background: url(/management/images/title_merit.gif) no-repeat left top;
	text-indent: -9999px;
}
h5.MGMeritSubTitle001 {
	display: block;
	width: 441px;
	height: 50px;
	background: url(/management/images/service_sub_ttl_001.gif) no-repeat left top;
	text-indent: -9999px;
}
h5.MGMeritSubTitle002 {
	display: block;
	width: 510px;
	height: 30px;
	background: url(/management/images/service_sub_ttl_002.gif) no-repeat left top;
	text-indent: -9999px;
}
h5.MGMeritSubTitle003 {
	display: block;
	width: 510px;
	height: 30px;
	background: url(/management/images/service_sub_ttl_003.gif) no-repeat left top;
	text-indent: -9999px;
}
h5.MGMeritSubTitle004 {
	display: block;
	width: 510px;
	height: 30px;
	background: url(/management/images/service_sub_ttl_004.gif) no-repeat left top;
	text-indent: -9999px;
}
h5.MGMeritSubTitle005 {
	display: block;
	width: 510px;
	height: 30px;
	background: url(/management/images/service_sub_ttl_005.gif) no-repeat left top;
	text-indent: -9999px;
}
/*各ボタン*/
#BtnArea {
	margin: 0 0 15px 0;
	padding: 12px 0;
	width: 510px;
	background: #F4F4F4;
}
p#serviceBtn {
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 255px;
}
p#serviceBtn a {
	display: block;
	width: 255px;
	height: 26px;
	background: url(/management/images/btn_service.gif) no-repeat left top;
	text-indent: -9999px;
}
p#meritBtn {
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 255px;
}
p#meritBtn a {
	display: block;
	width: 255px;
	height: 26px;
	background: url(/management/images/btn_merit.gif) no-repeat left top;
	text-indent: -9999px;
}

.MGRepeatBox {
	margin: 10px 0 15px 0;
}
.MGRepeatBox img {
	float: right;
	width: 170px;
}
p.MGMeritComment {
	float: left;
	width: 320px;
}
.MGContentBg {
	background: url(/management/images/img_merit_005.gif) no-repeat 0 5em;
}

.MGRepeatBox1 {
	margin: 10px 0 15px 0;
}
.MGRepeatBox1 img {
	float: left;
	margin: 0px 10px 0px 10px;
	width: 170px;
}
p.MGMeritComment1 {
	float: left;
	width: 320px;
}
.MGContentBg1 {
	background: url(/management/images/img_merit_005.gif) no-repeat 0 5em;
}







/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ピックアップアイテム
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

h3.ttlPickupItems {
	display: block;
	width: 510px;
	height: 36px;
	background: url(/pickup/images/title_pickup_items.gif) no-repeat left top;
	text-indent: -9999px;
}
#pickupContents {
	width: 510px;
	padding: 0;
}
/*タイトル*/
#pickupHeadArea {
	margin: 15px 0 20px 0;
	background: url(../img/title_2nd_bg.gif);
}
#pickupHeadArea p {
	margin: 0;
	padding: 12px 0 5px 20px;
	background: url(../img/tr_top_bg.gif) no-repeat top;
	font-size: 10px;
	font-weight: bold;
	line-height: 1em;
	color: #FFF;
	font-family: Verdana;
}
#pickupHeadArea h4 {
	margin: 0;
	padding: 0 20px 8px 20px;
	background: url(../img/tr_bottom_bg.gif) no-repeat bottom;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2em;
	color: #FFF;
}
/*画像右*/
.pickupRepeatBoxRight {
	padding: 0 0 20px 0;
}
.pickupRepeatBoxRight img {
	float: right;
	margin: 0 0 0 20px;
	padding: 2px;
}
/*画像左*/
.pickupRepeatBoxLeft {
	padding: 0 0 20px 0;
}
.pickupRepeatBoxLeft img {
	float: left;
	margin: 0 20px 0 0;
	padding: 2px;
}






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
サイトマップ
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

h3.ttlSitemap {
	display: block;
	width: 510px;
	height: 36px;
	background: url(/images/title_sitemap.gif) no-repeat left top;
	text-indent: -9999px;
}

#sitemapContentsArea

.sitemapRepeatBoxLeft {
	float: left;
	margin: 0 0 20px 0;
	width: 265px;
}
.sitemapRepeatBoxLeft h4 {
	margin: 0;
	padding: 0 0 8px 0;
	width: 245px;
	height: 20px;
	line-height: 20px;
	background: url(../img/comment_bg_s.gif) no-repeat left top;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-indent: 0.75em;
}

.sitemapRepeatBoxLeft ul {
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
}
.sitemapRepeatBoxLeft li {
	margin: 0;
	padding: 0;
	background: url(../img/arrow.gif) no-repeat left;
}
.sitemapRepeatBoxLeft li.outsideLink a {
	padding: 0 15px 0 15px;
	background: url(../img/ico_outside.gif) no-repeat right;
}
.sitemapRepeatBoxLeft li a {
	margin: 0;
	padding: 0 0 0 15px;
}

.sitemapRepeatBoxRight {
	float: left;
	margin: 0 0 20px 0;
	width: 245px;
}
.sitemapRepeatBoxRight h4 {
	margin: 0;
	padding: 0 0 8px 0;
	width: 245px;
	height: 20px;
	line-height: 20px;
	background: url(../img/comment_bg_s.gif) no-repeat left top;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-indent: 0.75em;
}

.sitemapRepeatBoxRight ul {
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
}
.sitemapRepeatBoxRight li {
	margin: 0;
	padding: 0;
	background: url(../img/arrow.gif) no-repeat left;
}
.sitemapRepeatBoxRight li.outsideLink a {
	padding: 0 15px 0 15px;
	background: url(../img/ico_outside.gif) no-repeat right;
}
.sitemapRepeatBoxRight li a {
	margin: 0;
	padding: 0 0 0 15px;
}




/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
トピックス
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

h3.ttlTopics {
	display: block;
	width: 510px;
	height: 36px;
	background: url(/topics/images/title_topics.gif) no-repeat left top;
	text-indent: -9999px;
}
#topicsContents {
	width: 510px;
	padding: 0;
}
/*タイトル*/
#topicsHeadArea {
	margin: 15px 0 20px 0;
	background: url(../img/title_2nd_bg.gif);
}
#topicsHeadArea p {
	margin: 0;
	padding: 12px 0 5px 20px;
	background: url(../img/tr_top_bg.gif) no-repeat top;
	font-size: 10px;
	font-weight: bold;
	line-height: 1em;
	color: #FFF;
	font-family: Verdana;
}
#topicsHeadArea h4 {
	margin: 0;
	padding: 0 20px 8px 20px;
	background: url(../img/tr_bottom_bg.gif) no-repeat bottom;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2em;
	color: #FFF;
}
/*画像右*/
.topicsRepeatBoxRight {
	padding: 0 0 20px 0;
}
.topicsRepeatBoxRight img {
	float: right;
	margin: 0 0 0 20px;
	padding: 2px;
}
/*画像左*/
.topicsRepeatBoxLeft {
	padding: 0 0 20px 0;
}
.topicsRepeatBoxLeft img {
	float: left;
	margin: 0 20px 0 0;
	padding: 2px;
}






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
製品紹介
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*WB製品カタログダウンロード*/
.flashCatalogueArea {
	width: 520px;
	margin: 0 0 40px 0;
}
p.flashCatalogue {
	margin: 0 0 10px 0;
	width: 520px;
}
p.flashCatalogue a {
	width: 520px;
	height: 120px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/product/images/btn_flash_107.gif) no-repeat;
}
p.pdfDlBtn {
	margin: 0 auto;
	width: 255px;
}
p.pdfDlBtn a {
	width: 255px;
	height: 26px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/product/images/btn_dl_pdf.gif) no-repeat;
}
.flashCatalogueArea p.middle-orange {
	margin: 5px 0 0 0;
	font-size: 10px;
}


h3.ttlProduct {
	display: block;
	width: 510px;
	height: 36px;
	background: url(/product/images/title_product.gif) no-repeat left top;
	text-indent: -9999px;
}
#articleDetailBtnArea {
	margin: 0 0 15px 0;
	padding: 20px 0;
	width: 510px;
	background: #F4F4F4;
}
/*詳しい情報ボタン*/
#articleSideDetailBtnArea {
	width: 190px;
}
p#articleDetailBtn {
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 170px;
}
p#articleDetailBtn a {
	width: 170px;
	height: 66px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/product/images/btn_article_detail.gif) no-repeat;
}
.productRepeatBox {
	padding: 0 0 40px 0;
}
.productRepeatBox h5 {
	margin: 0;
	padding: 0 0 10px 0;
	width: 510px;
	height: 25px;
	line-height: 25px;
	background: url(../img/sub_ttl_bg.gif) no-repeat left top;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-indent: 0.75em;
}
.productTextBox {
	padding: 0 0 20px 0;
}
p.productText {
	padding-bottom: 10px;
}
p.productTextLeft {
	float: left;
	margin: 0;
	padding: 0;
	width: 250px;
}
p.productTextRight {
	float: right;
	margin: 0;
	padding: 0;
	width: 250px;
}
.productImg {
	padding: 0 0 15px 10px;
	vertical-align: top;
}
.productImg img {
	float: left;
	margin: 0 5px 5px 0;
}

/*---------------------------------------------------------------
オリジナルプロモーション什器
---------------------------------------------------------------*/
#productTextLeft2 {
	float: left;
	margin: 0;
	padding: 0;
	width: 165px;
	height: 175px;
}
#productTextLeft2 p {
	float: left;
	margin: 0;
	padding: 0;
	width: 160px;
}
#productTextRight2 {
	float: left;
	margin: 0;
	padding: 0;
	width: 165px;
	height: 150px;
}
#productTextRight2 p {
	float: left;
	margin: 0;
	padding: 0;
	width: 160px;
}
#productTextLeft3 {
	float: left;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 150px;
}
#productTextLeft3 p {
	float: left;
	margin: 0;
	padding: 0;
	width: 160px;
}

/*---------------------------------------------------------------
製品のお問い合わせボタン
---------------------------------------------------------------*/
.articleContactBtnArea {
	padding: 10px 0;
	width: 510px;
	background: #F4F4F4;
}
p.articleContactBtn {
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 255px;
}
p.articleContactBtn a {
	width: 255px;
	height: 26px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/product/images/btn_article_contact.gif) no-repeat;
}


/*---------------------------------------------------------------
PDFカタログダウンロード
---------------------------------------------------------------*/
h3.ttlCatalogue {
	display: block;
	width: 510px;
	height: 36px;
	background: url(/product/catalogue/images/title_catalogue.gif) no-repeat left top;
	text-indent: -9999px;
}

/*更新情報*/
.catalogueUpdateContents {
	margin: 0 0 20px 0;
}

#catalogueContents table {
	width: 510px;
}
#catalogueContents th {
	width: 70px;
	padding: 5px 10px;
	background: #EDECE9;
	border-right: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	color: #333;
	vertical-align: top;
}
#catalogueContents td {
	padding: 5px 10px;
	background: #F7F5F1;
	border-bottom: 3px solid #FFF;
}

/*ダウンロード*/
.catalogueDlContents {
	margin: 0 0 20px 0;
}
.cataloguePdf {
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #CCC;
}
.cataloguePdfLeft {
	float: left;
	width: 32px;
	height: 45px;
}
.cataloguePdfRight {
	height: 45px;
	margin: 0 0 0 42px;
}
.cataloguePdfRight p {
	margin: 0;
	font-weight: bold;
}

p.cataloguePdfBottom {
	margin: 0;
	padding: 5px 0 0 0;
	border-top: 1px dotted #CCC;
	font-size: 10px;
}

/*退会する*/
.catalogueResign {
	padding: 10px;
	background: #F4F4F4;
}
.catalogueResign h5 {
	margin: 0 0 5px 0;
	font-size: 12px;
}
.catalogueResign p {
	margin: 0;
}



/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
海外事業
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

h3.ttlOversersBusiness {
	display: block;
	width: 510px;
	height: 36px;
	background: url(/oversers_business/images/title_oversers_business.gif) no-repeat left top;
	text-indent: -9999px;
}
h5.OSSubTitle001 {
	display: block;
	width: 510px;
	height: 30px;
	background: url(/oversers_business/images/sub_ttl_001.gif) no-repeat left top;
	text-indent: -9999px;
}
h5.OSSubTitle002 {
	display: block;
	width: 510px;
	height: 30px;
	background: url(/oversers_business/images/sub_ttl_002.gif) no-repeat left top;
	text-indent: -9999px;
}
p.OSComment {
	margin: 10px 0 20px 0;
}
#OSBtnArea {
	margin: 0 0 20px 0;
	padding: 12px 20px;
	background: #F4F4F4;
}
p#OSBtnKokuyoSC {
	float: left;
	margin: 0;
	padding: 0;
	width: 225px;
}
p#OSBtnKokuyoSC a {
	width: 225px;
	height: 26px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/oversers_business/images/btn_kokuyo_sc.gif) no-repeat;
}
p#OSBtnContact {
	float: right;
	width: 225px;
}
p#OSBtnContact a {
	width: 225px;
	height: 26px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/oversers_business/images/btn_contact.gif) no-repeat;
}
#OSCaseBox {
	margin-top: 20px;
}
/*会社概要*/
#OSDetailContents {
	padding: 0 0 20px 0;
}
#OSDetailContents table {
	width: 510px;
}
#OSDetailContents th {
	width: 80px;
	padding: 5px 10px;
	background: #EDECE9;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	color: #333;
}
#OSDetailContents td {
	padding: 5px 10px;
	background: #F7F5F1;
	border-bottom: 1px solid #FFF;
}
/*テーブルネスト*/
#OSDetailContents td.tableInner table {
	width: 100%;
}
#OSDetailContents td.tableInner th {
	margin: 0;
	padding: 0;
	width: 80px;
	background: none;
	border: none;
	vertical-align: top;
	color: #555555;
}
#OSDetailContents td.tableInner td {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	vertical-align: top;
}
#OSDetailContents td.tableInner caption {
	padding: 10px 0 3px 0;
	color: #555555;
}




/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ログイン
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

h3.ttlLogin {
	display: block;
	width: 510px;
	height: 36px;
	background: url(/member/images/title_login.gif) no-repeat left top;
	text-indent: -9999px;
}

.loginFormArea {
	margin: 10px 0;
	padding: 10px;
	background: #F4F4F4;
}
.loginFormHead {
	padding: 10px 0 0 0;
	width: 490px;
	background: url(/member/images/login_box_head.gif) no-repeat top;
}
.loginFormBody {
	padding: 0 20px;
	background: url(/member/images/login_box_body.gif) repeat-y;
}
.loginFormBottom {
	padding: 0 0 10px 0;
	background: url(/member/images/login_box_bottom.gif) no-repeat bottom;
}

.loginFormArea table {
	margin: 0 auto;
	width: 300px;
}

p.memberRegBtn {
	margin: 0 auto;
	padding: 0;
	width: 255px;
}
p.memberRegBtn a {
	width: 255px;
	height: 26px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/member/images/btn_member_reg.gif) no-repeat;
}

/*パスワードをお忘れの方*/

h3.ttlLostPass {
	display: block;
	width: 510px;
	height: 36px;
	background: url(/member/images/title_lost_pass.gif) no-repeat left top;
	text-indent: -9999px;
}

/* インフレーム
----------------------------------------------- */
div#iframearea
    float: right;
    width: 780px;
    padding: 0px 0px 0px 0px;
    margin: 0 auto 0px auto;