a { color:#666;text-decoration: none; }
a:hover { color: #a3b8cc; }

body {
	text-align: center; /* center on ie */
	min-width: 740px;
	color: #000;
	font-size: 12px;
	background-color: #B0BAC6;
	background-image: url(../image/background.gif);
	background-repeat: repeat-x;
}

div#container {
	position: relative;
	top: 0px;
	margin: 0px auto; /* center on everything else */
	width: 736px;
	text-align: left;
	height: 100%;
	min-height: 100%;
	border-right: 2px solid #000;
	border-left: 2px solid #000;
	background-color: #FFF;
}

body > #container { height: auto; }

h1#lead-logo {
	display: none;
}
/* メニュー */
#fancymenu {
	position: relative;
	height: 29px;
	width: 700px;
	padding: 15px 0;
	margin: 0 auto;
	overflow: hidden;
	border-bottom: 5px solid #000;
}

#pictureselect {
	position: relative;
	height: 400px; /* ie bug */
	border: 1px solid #333;
}

#fancymenu ul {
	padding: 0;
	margin: 0;
}


/* Don't apply padding here (offsetWidth will differ in IE)
    If you need padding add it to the child anchor */

#fancymenu ul li {
	float: left;
	list-style: none;
	text-align: center;
}

#fancymenu ul li a  {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	padding-top: 6px;
	position: relative;
	overflow: hidden;
	text-decoration: none;
}

#pictureselect p {
	height: 54px;
}

#pictureselect p a {
	height: 54px;
	width: 200px;
}

#menu_home a,
#menu_jinzai a,
#menu_net a,
#menu_contents a,
#menu_recruit a,
#menu_profile a,
#menu_inquiry a {
	width: 100px;
}

#fancymenu ul li a:hover  {
	color: #000;
}


#fancymenu li.background {
	background: url('../image/bg_menu_right.gif') no-repeat top right;
	z-index: 8;
	position: absolute;
	visibility: hidden;
}


#fancymenu .background .left {
	background: url('../image/bg_menu.gif') no-repeat top left;
	height: 30px;
	margin-right: 1px; /* 7px is the width of the rounded shape */
}

#pictureselect li.background {
	background: url('../image/bg_images.gif') no-repeat top;
	z-index: 8;
	position: absolute;
	width: 200px;
	visibility: hidden;
}

#pictureselect li.background .left { display: none; }


div#content {
	margin: 0 auto;
	padding: 20px 0 40px;
	width: 700px;
	text-align: left;
	min-height: 100%;
	border-top: 2px solid #FC6;
}


/* アコーディオタ メニュー */
/* The following are needed for the ImageMenu / Los siguientes son usados por el Menu de imagenes */
#kwick {
	position: static;
	/*float: left;*/
	margin-left: 0px;
}

.kwicks {
	display: block;
	height: 300px;
	margin: 0px 1px;
	width: 700px;
}

.kwicks li {
	float: left;
}

li:after {
	content: "";
}

.kwicks .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 300px;
	width: 30px;
	background: #fff;
	border-right: 2px solid #fff;
}

.kwicks .kwick span {
	display: none;
}

.kwicks .opt1 {
	background: #20A6A7 url(../../images/jinzaititle.jpg);
}

.kwicks .opt2 {
	background: #99CC01 url(../../images/nettitle.jpg);
}

.kwicks .opt3 {
	background: #FC6 url(../../images/contentstitle.jpg);
}

.kwicks .opt4 {
	background: #EEE url(../image/bg_flash.gif);
	width: 600px;
}

#info  {
	margin: 15px 0 0;
	width: 695px;
}

#info h2  {
	margin: 0 0 10px;
	height: 27px;
	text-indent: -9999px;
	background: #FFF url(../../images/title_info.gif) no-repeat;
	border-bottom: 3px solid #222;
}

#info dl {
	margin: 5px;
}
#info dt {
	float: left;
	width: 110px;
	height: 20px;
}

#info dd {
	margin-left: 115px;
	height: 20px;
}

#banner  {
	margin: 20px 0 0;
	border-top: 1px solid #333;
	width: 695px;
}

#banner img {
	margin: 10px 1px;
}

#bottom-menu  {
	position: relative;
	top: 20px;
	left: 0px;
	border-top: 1px solid #333;
	width: 695px;
}

#bottom-menu ul {
	margin-left: 350px;
	width: 310px;
}

#bottom-menu ul li {
	display: inline;
	margin-right: 20px;
	width: 120px;
}


/*sidebar*/
#sidebar {
	position: absolute;
	z-index: 1;
	width: 170px;
	left: 25px;
	top: 90px;
}

#sidebar dl {
	margin: 0;
}
#sidebar a, #sidebar dt.cat {
	width: 145px;
	display: block;
	padding: 5px 5px 5px 10px;
	background: url(../image/tab_small.gif) center right no-repeat;
	margin: 0;
	text-decoration: none;
}
#sidebar dd.toggle  {
	width: 145px;
	padding: 1px 5px 1px 0px;
	margin: 0;
	text-decoration: none;
}

#sidebar dd.toggle ul.toggler {
	margin: 0;
	margin-left: 10px;
	width: 145px;
	display: none;
	list-style: none;
}

#sidebar dd.toggle ul.toggler li a{
	padding: 3px 5px 3px 10px;
	margin: 1px 0;
	text-decoration: none;
	background: transparent;
}


#sidebar a {
	color: #595965;
}

#sidebar dt.cat {
	color: #333;
	font-weight: bold;
	
}

#pagemain {
	position: relative;
	z-index: 1;
	width: 520px;
	left: 180px;
	top: 0px;
	background-color: #FFF;
}

#pagemain h2.title {
	margin: 0 0px 5px 0;
	padding: 3px;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	border-bottom: 2px solid #FC6;	
}

#pagemain p.lead {
	margin: 0;
	padding: 5px;
	font-size: 12px;
	line-height: 1.5em;
	color: #333;
}

.jdGallery2
{
	overflow: hidden;
	position: relative;
}

.jdGallery2 img
{
	border: 0;
	margin: 0;
}


.jdGallery2 .slideInfoZone2
{
	width: 500px;
	margin: 0px 10px;
	height: 170px;
	background: #FFF;
	text-indent: 0;
	overflow: hidden;
}

.jdGallery2 .slideInfoZone2 h2
{
	padding: 0;
	font-size: 16px;
	margin: 0;
	margin: 0px 10px;
	font-weight: bold;
	color: inherit;
}

.jdGallery2 .slideInfoZone2 p
{
	padding: 0;
	font-size: 12px;
	margin: 5px 20px 5px 10px;
	line-height: 1.5em;
	color: #333;
}

.contents { margin: 0px; }
.contents a { color: #fff; }
.contents p.linkage {
	margin-top: 2em;
	text-align: right;
	font-size: 1.7em;
	color: #ddd;
}
.contents p.linkage a { color: #fff; }

#myGallery
{
	text-align: left;
	margin: 0;
	margin-top: 15px;
}


#wrapper{
	width: 700px;
	margin: 0 auto;
}

#left-rec, #left-prf{
	float: left;
	width: 150px;
	height: 480px;
}

#left-rec {
	background: #FFF url(../../images/rec_sideimg.jpg) no-repeat;
}

#left-prf {
	background: #FFF url(../../images/prf_sideimg1.jpg) no-repeat;
}

#left-prf #left-submenu {
	padding-top: 350px;
}

#right{
	float: right;
	/*margin-left: 155px;*/
	width: 530px;
}

.tab h2 {
	color: #333;
	padding: 2px 3px;
	margin: 0 1px 1px 0;
	text-align: right;
	color: #FFF;
}

#left-prf a { color: #222;text-decoration: none; }
#left-prf a:hover { color: #999;text-decoration: none; }
.stretcher{
	width: 530px;
	/*height: 480px;*/
	min-height: 100%;
	/*background: #FFF url(../../images/pr_profile.gif) no-repeat;*/
}

.stretcher h2 {
	margin-top: -10px;
	padding:0;
	font-weight: bold;
	font-size: 48px;
	color: #E3E7EC;
	text-align: right;
}

.stretcher h3 {
	margin: 0px;
	padding:0;
	text-indent: -9999px;
	width: 530px;
	height: 40px;
	border-bottom: 3px solid #CCC;
	background: #FFF url(../../images/title_recruit.gif) no-repeat top left;
}

.stretcher .prof-contents {
	margin: 0;
	margin-top: -40px;
	width: 530px;
	height: 500px;
	overflow: auto;
	
}
.stretcher p {
	font-size: 12px;
	line-height: 1.5em;
	color: #333;
}

.stretcher table {
	margin: 0px;
	margin-top: 0px;
	border-collapse: collapse;
	width: 520px;
}

.stretcher th, .stretcher td {
	margin: 0;
	padding: 2px;
	vertical-align: top;
	font-size: 12px;
	line-height: 1.5em;
	color: #333;
}

.stretcher th { font-size: 14px;font-weight: bold; }
.stretcher dl {
	margin: 10px 15px;
	color: #333;
}
.stretcher dt {
	float: left;
	width: 120px;
	height: 25px;
}

.stretcher dd {
	margin: 0;
	margin-left: 120px;
	height: 25px;
}

div#footer {
	position: absolute;
	/*position: relative;*/
	bottom: 0px;
	width: 736px;
	height: 40px;	
}

div#footer address {
	font-size: 10px;
	margin: 10px;
	text-align:center;
}

#logo {
	position: fixed;
	_position: absolute ; /* WIN IE用 */
	right: 0;
	bottom: 0.2em;
	z-index: 1100;
	width: 240px;
}

#logo_copyright a {
	color: #ddd;
}

#logo_man {
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 0px;
	overflow: hidden;
}

#logo_img {
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 0px;
	overflow: hidden;
	/*_background: transparent;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='common/image/manimage.png', sizingMethod=image);*/
} 

#logo_menu {
	position: absolute;
	left: 140px;
	bottom:190px;
	height: 0px;
	z-index: 1105;
	overflow: hidden;
	cursor: pointer;
}

#logo_img a, 
#logo_img img, 
#logo_menu a, 
#logo_menu img {
	border: none;
}


#f {
	width: 100%;
	background: #000;
	opacity:.70;filter: alpha(opacity=70); -moz-opacity: 0.7;
	left: 0;
	bottom: 0em; 
	z-index: 1000;
	height: 1px;
	overflow: hidden; 
	position : fixed;
	_position: absolute ; /*WIN IE*/
}

#f_wrap { 
	width: 57em; 
	margin: 0 auto; 
	padding: 0;
}

#f_wrap {
	text-align: left; 
}

/* tooltips */

.tool-tip {
	width: 220px;
	color: #000;
	text-align: center;
	overflow: hidden;
	z-index: 2000;
}
.tool-tip .tool-title {
	display: none;
	/*font-size: 11px;
	font-weight: 900;
	margin: 0;
	padding: 10px 10px 0;
	background: #FC6;
	border: 3px double #000;
	border-bottom: none;*/
}
.tool-tip .tool-text {
	margin: 0;
	padding: 5px;
    font-size: 11px;
	font-weight: 900;
    background: #FC6;
	border: 3px double #000;
	/*border-top: none;*/
}