@charset "utf-8";

/*---------------------------------------------------------------------------
	css re-definition
	(for browser default difference)
---------------------------------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	text-decoration: none;
}

body {
	font-size: 80%;
	/*color: #523021;*/
	text-align: center;
	background: #ffffff;
}

* html body { /* for IE */
	font-size: 75%;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

a {
	color: #31309c;
}

a:hover {
	text-decoration: underline;
}

p {
	line-height: 1.4;
	font-size: 12px;
	margin-bottom: 0.5em;
	margin-left: 15px;
	margin-right: 10px;
}

b {
	font-style: inherit;
	font-weight: bold;
}

strong {
	font-style: inherit;
	font-weight: bold;
}

em {
	font-style: italic;
	font-weight: inherit;
}

i {
	font-style: italic;
	font-weight: inherit;
}

font {
	font-style: inherit;
	font-weight: inherit;
}

u {
	font-style: inherit;
	font-weight: inherit;
	text-decoration: underline;
}

strike {
	font-style: inherit;
	font-weight: inherit;
	text-decoration: line-through;
}

ul,ol {
	list-style: none outside;
}

img {
	border: none;
	vertical-align: bottom;
}

hr {
	clear: both;
	height: 1px;
	border: none;
}

table,tr,td {
	border-collapse: collapse;
}

table,tr,td {
	border: none;
}

/* for firefox select */
option {
	padding-right: 10px;
}

/*---------------------------------------------------------------------------
	page design
---------------------------------------------------------------------------*/
#pagewidth {
	width: 700px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	/*background-color: red;*/
	border-width: 0 1px 1px 1px;
}

#header {
	position: relative;
	height: 70px;
	margin: 0 auto;
	background: url("images/top_bg.png");
	width: 100%;
}

#headerbody {
	margin-left: auto;
	margin-right: auto;
	width: 700px;
}

#maincol {
	background-color: #FFF;
	display: block;
	position: relative;
	float: left;
	width: 460px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}

#maincol100 {
	background-color: #FFF;
	display: block;
	position: relative;
	float: left;
	width: 680px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

#rightcol {
	width: 210px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	float: right;
	position: relative;
}

#footer {
	text-align: center;
	background-color: #000038;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
	clear: both;
}

#footer div {
	padding: 5px;
	color: #fff;
	text-align: center;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}

#footer div a {
	color: #fff;
}

#copyright {
	margin: 10px;
}

/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */ /*printer styles*/
@media print { /*hide the right column when printing*/
	#rightcol {
		display: none;
	}
	#twocols,#maincol {
		width: 100%;
		float: none;
	}
}

/*---------------------------------------------------------------------------
	common page items
---------------------------------------------------------------------------*/
table.bordertable {
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px solid #333;
}

table.bordertable td,table.bordertable th {
	border: 1px solid #333;
	padding: 3px;
}

table.bordertable th {
	background-color: #E6E6E6;
	font-weight: bold;
	text-align: center;
}

table.nobordertable { /* no border no space */
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0;
}

table.nobordertable td,table.nobordertable th { /* no border no space */
	border: 0;
}

.gaccesstxt {
	font-size: 87%;
	margin-right: 50px;
	text-align: right;
}

/*---------------------------------------------------------------------------
	h* design
---------------------------------------------------------------------------*/
#header h1 {
	float: left;
	padding: 0px;
	margin-top: 11px;
}

#header h1 a {
	display: block;
	width: 170px;
	height: 56px;
	background: url('images/title.png');
	background-repeat: no-repeat;
}

#header h1 a span {
	display: none;
}

.headermessage {
	margin-top: 20px;
	margin-left: 60px;
	float: left;
}

h2 {
	background: url("images/h2.png") 0 0 no-repeat;
	height: 25px;
	font-size: 16px;
	padding-top: 5px;
	padding-left: 6px;
	width: 444px;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px dotted #888;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

h3.privtxt {background-color: #E6E6E6; text-align: left; padding: 10px;}

h4 {
	color: #000066;
	border-bottom: 1px solid #000066;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 10px;
}

/*---------------------------------------------------------------------------
	header design
---------------------------------------------------------------------------*/
#topguide {
	float: right;
	height: 13px;
	width: 300px;
	margin-top: 5px;
}

#topguide li {
	float: right;
	display: block;
}

#topguide li a {
	display: block;
	_display: inline-block;
	margin: 0px;
	margin-right: 15px;
	height: 13px;
}

#topguide li a span {
	display: none;
}

#topguide li.topguide_cooporate a {
	background: url("images/top_guide.png") -160px 0 no-repeat;
	width: 65px;
}

#topguide li.topguide_sitemap a {
	background: url("images/top_guide.png") -80px 0 no-repeat;
	width: 80px;
}

#topguide li.topguide_company a {
	background: url("images/top_guide.png") 0px 0 no-repeat;
	width: 65px;
}

#menu {
	width: 100%;
	height: 30px;
	background: url("images/topmenu_bg.png") 0 0;
}

#topmenu { /*float: left;*/
	height: 30px;
	width: 680px;
	margin-left: auto;
	margin-right: auto;
}

#topmenu li {
	float: left;
	display: block;
}

#topmenu li a {
	display: block;
	_display: inline-block;
	margin: 0px;
	width: 187px;
	height: 30px;
}

#topmenu li a span {
	display: none;
}

#topmenu li.topmenu_merit a {
	background: url("images/topmenu.png") 0 0 no-repeat;
	width: 180px;
}

#topmenu li.topmenu_companies a {
	background: url("images/topmenu.png") -180px 0 no-repeat;
	width: 140px;
}

#topmenu li.topmenu_friend a {
	background: url("images/topmenu.png") -320px 0 no-repeat;
	width: 150px;
}

#topmenu li.topmenu_register a {
	background: url("images/topmenu.png") -470px 0 no-repeat;
	width: 100px;
}

#topmenu li.topmenu_inquiry a {
	background: url("images/topmenu.png") -570px 0 no-repeat;
	width: 110px;
}

#topmenu li.topmenu_merit a:active,#topmenu li.topmenu_merit a:hover,#topmenu li.topmenu_merit a.selected
	{
	background: url("images/topmenu.png") 0 -30px no-repeat;
	width: 180px;
}

#topmenu li.topmenu_companies a:active,#topmenu li.topmenu_companies a:hover,#topmenu li.topmenu_companies a.selected
	{
	background: url("images/topmenu.png") -180px -30px no-repeat;
	width: 140px;
}

#topmenu li.topmenu_friend a:active,#topmenu li.topmenu_friend a:hover,#topmenu li.topmenu_friend a.selected
	{
	background: url("images/topmenu.png") -320px -30px no-repeat;
	width: 150px;
}

#topmenu li.topmenu_register a:active,#topmenu li.topmenu_register a:hover,#topmenu li.topmenu_register a.selected
	{
	background: url("images/topmenu.png") -470px -30px no-repeat;
	width: 100px;
}

#topmenu li.topmenu_inquiry a:active,#topmenu li.topmenu_inquiry a:hover,#topmenu li.topmenu_inquiry a.selected
	{
	background: url("images/topmenu.png") -570px -30px no-repeat;
	width: 110px;
}

/*---------------------------------------------------------------------------
	rightmenu design
---------------------------------------------------------------------------*/
#rightmenu1 {
	float: right;
	height: 100%;
        _height: auto;
	width: 210px;
	margin-top: 10px;
}

#rightmenu1 li {
	float: right;
	display: block;
}

#rightmenu1 li a {
	display: block;
	_display: inline-block;
	margin: 0px;
	/* margin-bottom: 10px;*/
	width: 210px;
	height: 73px;
}

#rightmenu1 li a span {
	display: none;
}

#rightmenu1 li.rightmenu1_friend a {
	background: url("images/rightmenu1.png") 0 0 no-repeat;
}

#rightmenu1 li.rightmenu1_register a {
	background: url("images/rightmenu1.png") 0 -73px no-repeat;
}

#rightmenu1 li.rightmenu1_myselfstage a {
	background: url("images/rightmenu1.png") 0 -146px no-repeat;
}

#rightmenu1 li.rightmenu1_biz a {
	background: url("images/rightmenu3.png") 0 0 no-repeat;
}

#rightmenu1 li.rightmenu1_welfare a {
	background: url("images/rightmenu3.png") 0 -73px no-repeat;
}

#rightmenu1 li.rightmenu1_feeinfo a {
	background: url("images/rightmenu3.png") 0 -146px no-repeat;
}


#rightmenu1 li.rightmenu1_friend a:active,#rightmenu1 li.rightmenu1_friend a:hover,#rightmenu1 li.rightmenu1_friend a.selected
	{
	background: url("images/rightmenu1.png") -210px 0 no-repeat;
}

#rightmenu1 li.rightmenu1_register a:active,#rightmenu1 li.rightmenu1_register a:hover,#rightmenu1 li.rightmenu1_register a.selected
	{
	background: url("images/rightmenu1.png") -210px -73px no-repeat;
}

#rightmenu1 li.rightmenu1_myselfstage a:active,#rightmenu1 li.rightmenu1_myselfstage a:hover,#rightmenu1 li.rightmenu1_myselfstage a.selected
	{
	background: url("images/rightmenu1.png") -210px -146px no-repeat;
}

#rightmenu1 li.rightmenu1_biz a:active,#rightmenu1 li.rightmenu1_biz a:hover,#rightmenu1 li.rightmenu1_biz a.selected
	{
	background: url("images/rightmenu3.png") -210px 0 no-repeat;
}

#rightmenu1 li.rightmenu1_welfare a:active,#rightmenu1 li.rightmenu1_welfare a:hover,#rightmenu1 li.rightmenu1_welfare a.selected
	{
	background: url("images/rightmenu3.png") -210px -73px no-repeat;
}

#rightmenu1 li.rightmenu1_feeinfo a:active,#rightmenu1 li.rightmenu1_feeinfo a:hover,#rightmenu1 li.rightmenu1_feeinfo a.selected
	{
	background: url("images/rightmenu3.png") -210px -146px no-repeat;
}

#rightmenu2 {
	float: right;
	height: 184px;
	width: 210px;
}

#rightmenu2 li {
	float: right;
	display: block;
}

#rightmenu2 li a {
	display: block;
	_display: inline-block;
	margin: 0px;
	margin-bottom: 5px;
	width: 210px;
	height: 24px;
}

#rightmenu2 li a span {
	display: none;
}

#rightmenu2 li.rightmenu2_point a {
	background: url("images/rightmenu2.png") 0 0 no-repeat;
}

#rightmenu2 li.rightmenu2_flow a {
	background: url("images/rightmenu2.png") 0 -24px no-repeat;
}

#rightmenu2 li.rightmenu2_scout a {
	background: url("images/rightmenu2.png") 0 -48px no-repeat;
}

#rightmenu2 li.rightmenu2_faq a {
	background: url("images/rightmenu2.png") 0 -72px no-repeat;
}

#rightmenu2 li.rightmenu2_koe a {
	background: url("images/koe_off.gif") 210px 24px no-repeat;
}

#rightmenu2 li.rightmenu2_company a {
	background: url("images/rightmenu2.png") 0 -96px no-repeat;
}

#rightmenu2 li.rightmenu2_login a {
	background: url("images/rightmenu2.png") 0 -120px no-repeat;
}


#rightmenu2 li.rightmenu2_point a:active,#rightmenu2 li.rightmenu2_point a:hover,#rightmenu2 li.rightmenu2_point a.selected
	{
	background: url("images/rightmenu2.png") -210px 0 no-repeat;
}

#rightmenu2 li.rightmenu2_flow a:active,#rightmenu2 li.rightmenu2_flow a:hover,#rightmenu2 li.rightmenu2_flow a.selected
	{
	background: url("images/rightmenu2.png") -210px -24px no-repeat;
}

#rightmenu2 li.rightmenu2_scout a:active,#rightmenu2 li.rightmenu2_scout a:hover,#rightmenu2 li.rightmenu2_scout a.selected
	{
	background: url("images/rightmenu2.png") -210px -48px no-repeat;
}

#rightmenu2 li.rightmenu2_faq a:active,#rightmenu2 li.rightmenu2_faq a:hover,#rightmenu2 li.rightmenu2_faq a.selected
	{
	background: url("images/rightmenu2.png") -210px -72px no-repeat;
}

#rightmenu2 li.rightmenu2_koe a:active,#rightmenu2 li.rightmenu2_koe a:hover,#rightmenu2 li.rightmenu2_koe a.selected
	{
	background: url("images/koe_on.gif") 210px 24px no-repeat;
}

#rightmenu2 li.rightmenu2_company a:active,#rightmenu2 li.rightmenu2_company a:hover,#rightmenu2 li.rightmenu2_company a.selected
	{
	background: url("images/rightmenu2.png") -210px -96px no-repeat;
}

#rightmenu2 li.rightmenu2_login a:active,#rightmenu2 li.rightmenu2_login a:hover,#rightmenu2 li.rightmenu2_login a.selected
	{
	background: url("images/rightmenu2.png") -210px -120px no-repeat;
}

#featuredcompaniesarea {
	clear: both;
	background: url(images/featuredcompanies.png) 0 0 no-repeat;
	width: 210px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 30px;
	/*border: 1px solid #ccc;*/
}

#featuredcompanies { /*
	padding-left: 5px;
	padding-right: 5px;
	*/
	padding-bottom: 5px;
	padding-top: 5px;
	border-collapse: separate;
	border-spacing: 5px;
	width: 210px;
	/*background: url(images/featuredcompanies_bg.png) 0 0 repeat-x;
	*/
}

#featuredcompanies td {
	margin-top: 5px;
	margin-bottom: 5px;
	/* height: 120px;*/
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #999;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: white;
	vertical-align: middle;
}

#featuredcompanies a:hover,a:active {
	text-decoration: none;
}

#companies {
	border-collapse: separate;
	border-spacing: 5px;
}

#companies td {
	margin-top: 5px;
	margin-bottom: 5px;
	height: 120px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #999;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: white;
	vertical-align: middle;
}

#companies a:hover,a:active {
	text-decoration: none;
}

#pager {
	text-align: center;
	margin: 10px;
}

html>/**/body #rightmenu1 li.rightmenu1_feeinfo{
	/* margin-top:-5px;*/
	margin-bottom: 10px;
}

html>/**/body #rightmenu1 li.rightmenu1_myselfstage{
	/* margin-bottom: -5px;*/
}

html>/**/body #rightmenu1 li.rightmenu1_biz{
	margin-top:10px;
	/* margin-bottom: -5px;*/
}

html>/**/body #rightmenu1 li.rightmenu1_welfare{
	margin-top:10px;
}

/*---------------------------------------------------------------------------
	main design
---------------------------------------------------------------------------*/
.notice {
	color: red;
	font-weight: bold;
}

.errortitle {
	color: red;
	font-weight: bold;
	margin-bottom: 10px;
}

.errormessage {
	color: red;
	margin-bottom: 20px;
}

.required {
	text-align: center;
	color: red;
	font-weight: bold;
}

.errorarea {
	padding-left: 100px;
	min-height: 80px;
	margin-bottom: 30px;
	text-align: left;
	background: url("images/caution.png") no-repeat 0 0;
}

.errorstring,.required {
	font-weight: bold;
	color: red;
}

#whatsnew {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 4px;
	padding-top: 30px;
	border: 1px solid #ccc;
	width: 440px;
	background: url(images/top_column_1.png) 0 0 no-repeat;
}

#recommend {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 4px;
	padding-top: 30px;
	border: 1px solid #ccc;
	width: 440px;
	background: url(images/top_column_2.png) 0 0 no-repeat;
}

#topimage {
	margin-top: 10px;
}

/*---------------------------------------------------------------------------
	other page design
---------------------------------------------------------------------------*/
#friend_table {
	border: 2px solid #000038;
	border-collapse: collapse;
	width: 442px;
	margin-top: 10px;
}

#friend_table th {
	font-weight: bold;
	text-align: center;
	padding: 4px;
	border: 1px solid #000038;
}

#friend_table td {
	text-align: left;
	padding: 4px;
	border: 1px solid #000038;
}

#friend_table td.centertd {
	text-align: center;
}

#kiyaku {
	
}

#kiyaku .o {
	overflow: auto;
	height: 100px;
}

#kiyaku div.kiyakutitle {
	margin: 0 0 1em 0;
	font-size: 12px;
	text-align: center;
	color: #000000;
	font-weight: bold;
}

#kiyaku #date {
	margin-bottom: 1em;
}

#kiyaku #date span {
	display: block;
	text-align: right;
}

#kiyaku ol {
	list-style-type: none;
	margin-bottom: 1em;
}

#kiyaku ol li {
	margin-bottom: 0.5em;
}

#kiyaku #infomation {
	
}

#kiyaku #infomation span {
	display: block;
	text-align: right;
}

#tori .o {
	overflow: auto;
	height: 100px;
}

#tori dl {
	
}

#tori dt {
	margin-bottom: 0.5em;
}

#tori dd {
	margin: 0 0 0.5em 2em;
}

#tori p {
	margin: 1em 0;
}

#tori span {
	display: block;
}

.simpletable  td {
	padding: 4px;
}

.sitemap {
	width: 400px;
	display: block;
	margin-left: 5px;
}

.sitemap li {
	diplay: block;
	width: 200px;
	height: 25px;
	float: left;
}

.sitemapclear {
	clear: both;
	margin-bottom: 40px;
}

.txt-r {
	text-align: right;
}

.txt-ml {
	margin-left: 280px;
}

.margin-t {margin-top:30px;}

/*------------------------------------------------------------------------
	for member area
------------------------------------------------------------------------*/

#member_maincol {
	background-color: #FFF;
	display: block;
	position: relative;
	float: left;
	width: 460px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-top:10px;
}


#member_maincol100 {
	background-color: #FFF;
	display: block;
	position: relative;
	float: left;
	width: 680px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top:10px;
}