@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-family: sans-serif;
	font-style: normal;
	line-height: 1.6;
}
p  {
	margin: 0;
	padding: 0;
}

hr {
	display: none;
}
h1 {
	margin: 0;
	padding: 0;
}
h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	font-size: x-small;
	text-indent: -9999px;
}

img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

ul,ol {
	margin: 0;
	padding: 0;
}

dl,dt,dd {
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

table,th,td {
	margin: 0;
	padding: 0;
}
p.pMrgn{
	padding:10px 0;
	}

.clear {
	clear: both;
}

a:focus { -moz-outline-style: none; }
a { outline: none; } /*--macfirefox-*/

/*------------------------------------------------------------------------------------
                                       1. Link
----------------------------------------------------------------------------------- */
a:link {
	color: #103064;
	text-decoration: underline;
}
a:visited {
	color: #103064;
	text-decoration: underline;
}
a:hover, a:active {
	color: #103064;
	text-decoration: none;
}
#menu a:link,
#footer a:link {
	color: #868686;
	text-decoration: none;
}
#menu a:visited,
#footer a:visited {
	color: #868686;
	text-decoration: none;
}
#menu a:hover, a:active {
	color: #868686;
	text-decoration: underline;
}
#footer a:hover, a:active {
	color: #868686;
	text-decoration: underline;
}
a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

/*------------------------------------------------------------------------------------
                                        2. Wrapper
----------------------------------------------------------------------------------- */
#wrapper {
	width:760px;
	margin: 0 auto;
	padding: 0;
	background: url(http://www.pro-mate.co.jp/image/back_wrapper.gif) repeat-y;
	color: #626364;
	font-family: "Lucida Grande", "Verdana", "Helvetica", "£Í£Ó £Ð¥´¥·¥Ã¥¯", 'Hiragino Kaku Gothic Pro', '¥Ò¥é¥®¥Î³Ñ¥´ Pro W3', san-serif;
	font-size: 75%;
	line-hight: 1.6;
	text-align: left;
}

/*------------------------------------------------------------------------------------
                                        3. Header
----------------------------------------------------------------------------------- */
#header {
	width: 730px;
	padding: 15px 15px 0px;
	background: url(http://www.pro-mate.co.jp/image/back_header.gif) no-repeat;
}

#logo {
	display: inline;
	float: left;
	width: 237px;
	height: 37px;
	margin: 0 0 8px 0;
	text-indent: -9999px;
	vertical-align: bottom;
}
#logo a {
	overflow: hidden;  /*Firefox_hack*/
	display: block;
	width: 237px;
	height: 37px;
	background: url(http://www.pro-mate.co.jp/image/logo.gif) no-repeat;
}

#logoP {
	display: none;
}

/*------------------------------------------------------------------------------------
                                        4. Footer
----------------------------------------------------------------------------------- */
#footer {
	clear: both;
	width:760px;
	padding: 10px 0 0px 0;
	background: url(http://www.pro-mate.co.jp/image/back_footer.gif) no-repeat bottom;
	text-align: center;
}

address {
	clear: left;
	width: 730px;
	height: 30px;
	margin: 0px auto;
	padding-top: 10px;
	border-top: 1px solid #afafaf;
	line-height: 1;
}

/*------------------------------------------------------------------------------------
                                        5. Content
----------------------------------------------------------------------------------- */
#content {
	position: relative;
	clear: both;
	width: 730px;
	margin: 0 auto;
	background: url(http://www.pro-mate.co.jp/image/back_belt.gif) repeat-y left top;

}

*html #content {
    height: 1em;
}

#content {
    display: block;
}

/*------------------------------------------------------------------------------------
                                       7. Main¡Êbase¡Ë
----------------------------------------------------------------------------------- */

#main {
	width: 520px;
height:1000px;
	margin: 0 0 0 0;
	padding: 0 0 100px 200px;
	background: url(../image/back_belt.gif) repeat-y left top;
}
#main p {
	margin: 0 0 30px 0;

/*------------------------------------------------------------------------------------
                                         6. Side
----------------------------------------------------------------------------------- */
#side {
	position: relative;
	top: 0;
	left: 0;
	width: 170px;
	margin: 0 0 500px 0;
}
#side{
	_height:800px;
	}
.staff #side #navi p {
	overflow: hidden;  /*Firefox_hack*/
	display: block;
	width: 170px;
	margin: 0 0 5px 0;
	text-indent: -9999px;
}
#sta-pro #side{
  padding-bottom:800px;
}

.staff #side p a {
	display: block;
	width: 170px;
}

#bnr_entry a {
	height: 60px;
	background: url(http://www.pro-mate.co.jp/image/bnr_entry.gif) no-repeat;
}
#bnr_melmaga a {
	height: 60px;
	background: url(http://www.pro-mate.co.jp/image/bnr_melmaga.gif) no-repeat;
}
#bnr_dokuiritu a {
	height: 60px;
	background: url(http://www.pro-mate.co.jp/image/dokuiritu.gif) no-repeat;
}
#cctAria a {
	height: 202px;
	background: url(http://www.pro-mate.co.jp/image/cctAria.gif) no-repeat;
}



}

/*---------------------------------------- h1 ------------------------------------- */
h1 {
	width: 750px;
	margin: 0 auto;
	color: #afafaf;
	font-size: x-small;
}
h1 a:link,
h1 a:visited {
	color: #afafaf;
	text-decoration:none;
}

/*---------------------------------------- h2 ------------------------------------- */
#main h2 {
	height: 85px;
	margin: 0 0 20px 0;
}
.staff #main h2 {
	border-left: 1px solid #e6771d;
	border-bottom: 1px solid #e6771d;
	background: url(http://www.pro-mate.co.jp/image/h2_staff.gif) no-repeat;
}

/*---------------------------------------- h2sub ------------------------------------- */

.staff p#h2sub {
	position: absolute;
	top: 15px;
	left: 450px;
	width: 221px;
	height: 61px;
	background: url(http://www.pro-mate.co.jp/image/h2sub_staff.gif) no-repeat;
	text-indent: -9999px;
}

/*------------------------------------------------------------------------------------
                                        12. Main¡Êstaff¡Ë
----------------------------------------------------------------------------------- */
.staff #main h3 {
	height: 35px;
}

#sta-pro #main h3 {
	background: url(http://www.pro-mate.co.jp/image/h3_sta-pro.gif) no-repeat;
}

.staff #main #h3sub {
	height: 40px;
	margin: 0 0 25px 0;
	text-indent: -9999px;
}

#sta-pro #main #h3sub {
	margin-bottom: 25px;
	background: url(http://www.pro-mate.co.jp/image/h3sub_sta-pro.gif) no-repeat;
}

.staff #main h4 {
	height: 15px;
	margin: 0 0 15px 0;
}

#sta-pro #main h4 {
	margin-bottom: 20px;
	padding: 0 0 5px 0px;
	border-bottom: 1px solid #d1cecc;
	background: url(http://www.pro-mate.co.jp/image/h4_sta-pro_01.gif) no-repeat;
}

.staff #main h5 {
	margin: 0 0 5px 0;
}

#sta-pro #main p {
	padding-left: 10px;
}
#sta-pro #main ul {
	list-style: none;
}
#sta-pro #main ul li {
	float: left;
	width: 147px;
	/*height: 147px;*/
	margin: 0 0 0 18px;	
	text-indent: -9999px;
}
#sta-pro #main ul li a {
	overflow: hidden;
	display: block;
	width: 147px;
	/*height: 147px;*/
}
#sta-pro #main ul li#list01 a {
	background: url(http://www.pro-mate.co.jp/image/list_sta-pro_01.gif) no-repeat;
}
#sta-pro #main ul li#list02 a {
	background: url(http://www.pro-mate.co.jp/image/list_sta-pro_02.gif) no-repeat;
}
#sta-pro #main ul li#list03 a {
	background: url(http://www.pro-mate.co.jp/image/list_sta-pro_03.gif) no-repeat;
}
#sta-pro #main ul li#list01 a:hover {
	background: url(http://www.pro-mate.co.jp/image/list_sta-pro_01_on.gif) no-repeat;
}
#sta-pro #main ul li#list02 a:hover {
	background: url(http://www.pro-mate.co.jp/image/list_sta-pro_02_on.gif) no-repeat;
}
#sta-pro #main ul li#list03 a:hover {
	background: url(http://www.pro-mate.co.jp/image/list_sta-pro_03_on.gif) no-repeat;
}

/*------------------------------------ entry01-10 ---------------------------------- */

.entry #main table {
	border: 1px solid #afafaf;
	border-collapse: collapse;
	margin: 0 0 30px 0;
}
.entry #main table th {
	width: 120px;
	padding: 10px;
	border: 1px solid #afafaf;
	background-color: #FCFCFC;
	font-weight: normal;
}
.entry #main table td {
	padding: 10px 20px 10px 10px;
	border: 1px solid #afafaf;
}
.entry #main table ul {
	margin: 0 0 10px 15px;
}
.entry #main table p {
	margin-bottom: 10px;
}

/* Pan list
---------------------------------------------------- */
ul.pan {
	margin: 5px 0 5px 0;
	padding: 0;
	font-size: 10px;
	text-align: right;
}
ul.pan li {
	display: inline;
}

/* Button
---------------------------------------------------- */
.btn_contact {
	width: 107px;
	margin: 0 auto;
}
.btn_contact p {
	width: 107;
	height: 25px;
	margin: 0 0 0 393px;
}
.btn_contact p a {
	overflow: hidden;  /*Firefox_hack*/
	display: block;
	width: 107;
	height: 25px;
	background: url(http://www.pro-mate.co.jp/image/btn_contact.jpg) no-repeat;
	text-indent: -9999px;
}
.btn_contact p a:hover {
	background: url(http://www.pro-mate.co.jp/image/btn_contact_on.jpg) no-repeat;
}

/* image
---------------------------------------------------- */
.image {
	text-align: center;
}

/*====================================================================================
1: Header_menu
2: Footer_menu
3: Side_navi (base)
4: Side_navi (about)
5: Side_navi (system)
6: Side_navi (dispatch)
7: Side_navi (staff)
8: Side_navi (company)
9: Side_navi (recruit)
====================================================================================== */

/*------------------------------------------------------------------------------------
                                    1. Header_menu
-------------------------------------------------------------------------------------- */
#menu ul {
	float: right;
	border: 0px solid #ff0000;
	margin: -5px 0 0 0;
}
#menu ul li {
	display: inline;
	list-style: none;
	margin: 0 0 0 8px;
}
#menu ul li a{
	padding: 0 0 0 10px;
	background: url(http://www.pro-mate.co.jp/image/icon_02.gif) no-repeat left;
}

/*------------------------------------------------------------------------------------
                                    2. Footer_menu
-------------------------------------------------------------------------------------- */
#footer ul {
	height: 20px;
	margin: 0 auto 10px;
	border: 0px solid #ff0000;
	text-align: center;
}
#footer ul li {
	display: inline;
	list-style: none;
	padding: 0 6px 0 6px;
	border-right: 1px solid #afafaf;
}
#footer ul li.b_no {
	border: none;
}

/*------------------------------------------------------------------------------------
                                    3. side_navi (base)
-------------------------------------------------------------------------------------- */
#side ul {
	width: 170px;
	margin: 0 0 10px 0;
	border: 0px solid #ff0000;
}
#side ul li {
	overflow: hidden;  /*Firefox_hack*/
	list-style: none;
	width: 170px;
	/*height: 41px;*/
	margin: 0 0 1px 0;
	padding: 0;
	text-indent: -9999px;
}
#side ul li a {
	display: block;
	width: 170px;
	height: 41px;
}
#navi {
	width: 170px;
	margin: 5px 5px 0px;
	border: 0px solid #ff0000;	
}

#n_title {
	width: 180px;
	height: 50px;
	margin: 0;
	text-indent: -9999px;	
}

/*------------------------------------------------------------------------------------
                                    7. side_navi (staff)   
-------------------------------------------------------------------------------------- */
.staff p#n_title {
	background: url(http://www.pro-mate.co.jp/image/navi_title_sta.gif) no-repeat;
}

.staff #side ul li a,
.staff #side ul li a:hover {
	background-image: url(http://www.pro-mate.co.jp/image/navi_sta.gif);
	background-repeat: no-repeat;
}

.staff #side ul#n_sub li {
	height: 24px;
	margin: 0;
}
.staff #side ul#n_sub li a {
	display: block;
	height: 24px;
	background-image: url(http://www.pro-mate.co.jp/image/navi_sta_su.gif);
}
.staff #side ul#n_sub li#n_s_newface a			{background-position:   0px    0px;}
.staff #side ul#n_sub li#n_s_java    a			{background-position:   0px  -24px;}
.staff #side ul#n_sub li#n_s_license a			{background-position:   0px  -48px;}

.staff #side ul#n_sub li#n_s_newface a:hover	{background-position: -170px   0px;}
.staff #side ul#n_sub li#n_s_java    a:hover	{background-position: -170px -24px;}
.staff #side ul#n_sub li#n_s_license a:hover	{background-position: -170px -48px;}

/*#sta-pro #side ul li#n_project {
	height: 132px;
}*/
.staff #side ul#n_sub2 {
	width: 160px;
	margin: 0 0 0 10px;
}
.staff #side ul#n_sub2 li {
	/*height: 30px;*/
	margin: 0;
}
.staff #side ul#n_sub2 li a {
	display: block;
	height: 30px;
	background-image: url(http://www.pro-mate.co.jp/image/navi_sta-pro.gif);
}
.staff #side ul#n_sub2 li a:hover {
	background-image: url(http://www.pro-mate.co.jp/image/navi_sta-pro_on.gif);
}

.staff #side ul#n_sub2 li#n_s_kansai  a			{background-position:   0px    0px;}
.staff #side ul#n_sub2 li#n_s_kanto   a			{background-position:   0px  -30px;}
.staff #side ul#n_sub2 li#n_s_sonota  a			{background-position:   0px  -60px;}
.staff #side ul#n_sub2 li#n_s_ctg_cnt a			{background: none; overflow: visible;}

.staff #side ul#n_sub2 li#n_s_kansai  a:hover	{background-position:   0px    0px;}
.staff #side ul#n_sub2 li#n_s_kanto   a:hover	{background-position:   0px  -30px;}
.staff #side ul#n_sub2 li#n_s_sonota  a:hover	{background-position:   0px  -60px;}
.staff #side ul#n_sub2 li#n_s_ctg_cnt a:hover	{background: none; overflow: visible;}


ul li#n_urgent_ar						{background-position:    -170px -164px;}/*BLOG*/
ul li#n_urgent_ar a:hover		{background-position: -170px -164px;}/*BLOG*/
ul li#n_urgent_ar				{background-position: -170px -164px;}


.staff #side ul li#n_about   a			{background-position:    0px    0px;}
.staff #side ul li#n_support a			{background-position:    0px  -41px;}
.staff #side ul li#n_collect a			{background-position:    0px  -82px;}
.staff #side ul li#n_project a			{background-position:    0px -123px;}

.staff #side ul li#n_about a:hover		{background-position: -170px    0px;}
.staff #side ul li#n_support a:hover	{background-position: -170px  -41px;}
.staff #side ul li#n_collect a:hover	{background-position: -170px  -82px;}
.staff #side ul li#n_project a:hover	{background-position: -170px -123px;}

#sta-in #side ul li#n_about				{background-position: -170px    0px;}
#sta-su #side ul li#n_support,
#sta-nf #side ul li#n_support,	
#sta-ja #side ul li#n_support,	
#sta-li #side ul li#n_support 			{background-position: -170px  -41px;}
#sta-en #side ul li#n_collect,
.entry #side ul li#n_collect			{background-position: -170px  -82px;}
#sta-pro #side ul li#n_project			{background-position: -170px -123px;}


/*MT_project*/
#sta-pro #main h3.entry-header{
	margin:3px 0 10px 0;
	padding:2px 10px;
	text-indent:0;
	background:none;
	background:#ef891a;
	color:#fff;
	font-size:1.2em;
	}
#main p.project_day{
	margin:0;
	padding:3px 7px;
	border-right:4px solid #ccc;
	border-bottom:1px solid #ccc;
	line-height:12px;
	text-align:right;
	} 
#main p.entry-footer{
	border-top:1px dotted #ccc;
	font-size:0.8em
	} 

#side .category-content ul{
	width: 170px;
	margin: 0 0 20px 0;
}
#side .category-content {
	font-size: 10px;
}
#side .category-content ul li.ctgr {
	/*overflow: hidden;*/  /*Firefox_hack*/
	background:none;
	list-style: none;
	width: 170px;
	height: 21px;
	margin: 0 10px 1px 5px;
	padding:0 0 0 5px;
	border-bottom:1px dotted #ccc;
	text-indent: 0;
}
#side #n_sub2 .category-content ul li.ctgr {
	/*overflow: hidden;*/  /*Firefox_hack*/
	background:none;
	list-style: none;
	width: 150px;
	height: 15px;
	margin: 0 10px 1px 5px;
	padding:5px 0 5px 5px;
	border-bottom:1px dotted #ccc;
	text-indent: 0;
}
#side .category-content ul li a{
	background:none;
	text-decoration:none;
	color:#666666;
}
#side .category-content ul li a:hover{
	background:none;
	text-decoration:none;
	color: #333333;
}
p input .entry_btn a:hover{

	background:url(http://www.pro-mate.co.jp/image/btn_entry_on.gif) no-repeat;
	}

div .entry{
	padding-bottom:40px;
}/* CSS Document */

#bnr_entry a {
	height: 100px;
	background: url(../image/bnr_entry.jpg) no-repeat;
}

#sta-pro  #main h3#ar{
	background: url(http://www.pro-mate.co.jp/image/h3_ar.gif) no-repeat left;
}

#sta-pro #main #h3sub_ar{
	height:50px;
	margin-bottom: 25px;
	background: url(http://www.pro-mate.co.jp/image/h3sub_sta_ar.gif) no-repeat;
       text-indent:-9999px;
}
.staff p#n_title {
	background: url(http://www.pro-mate.co.jp/image/navi_title_sta.gif) no-repeat;
}
.staff #side ul li#n_urgent_ar a{background:  url(http://www.pro-mate.co.jp/image/navi_sta.gif) -170px -164px;}/*BLOG*/
.staff #side ul li#n_urgent_ar a:hover{background:  url(http://www.pro-mate.co.jp/image/navi_sta.gif)  -170px -164px;}/*BLOG*/
.staff  #side  ul li#n_urgent_ar{background:  url(http://www.pro-mate.co.jp/image/navi_sta.gif)  -170px -164px;}


#top .workInfo {margin-bottom: 50px;}

#top .workInfo table {
	width: 470px;
	margin: 0 0 20px 0;
	border-collapse: collapse;
}
#top .workInfo th {
	padding: 2px 10px;
	border: 1px solid #aaa;
	font-weight: normal;
	background: #ffe463;
	text-align: center;
}
#top .workInfo th.city {
	background: #fefac9;
	text-align: left;
}
#top .workInfo td {
	padding: 2px 10px;
	border: 1px solid #aaa;
	background: #fcfae1;
}
#top .workInfo .btnBlock a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#top .workInfo .btnBlock p {
	display: inline;
	margin: 0 4px;
}
p.entry-more-link{
      margin-top:0;
       padding-top:0;
       text-align:right;
}

#content{
	position: relative;
	clear: both;
	width: 730px;
	margin: 0 auto;
}

#content:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }
   
#content{display: inline-block;}
   
  /* Hides from IE-mac \*/
  * html .clearfix {height: 1%;}
#content{display: block;}
  /* End hide from IE-mac */