@charset "utf-8";
/*page｡｡all
---------------------------------------------*/
body,div,h1,h2,h3 {
	margin:0px;
	padding:0px;
	line-height: 110%;
	font-size: 12px;
	color: #333333;
}
p{margin:0px;
	padding:0px;
	line-height: 130%;
	font-size: 12px;
	color: #333333;
}
img     { border:none;}
a:link img{ border:none;}
a:visited img{ border:none;}
a:hover img{ border:none;}
ul,dl,ol,li,form{
list-style:none; margin:0px; padding:0px;
}
table,td { margin:0px; padding:0px; line-height: 110%;}
A:hover,A:active {
	COLOR: #FF3300;
}

/*位置
---------------------------------------------*/

BODY {
	font-size: 12px;
	line-height: 180%;
	background-color:#f7f7f7;
	WIDTH: 100%;
	MARGIN: 0px;
	padding:0px;
	FONT-FAMILY: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-image: url(../image/bg.gif);
	text-align: left;
}

#body02 {
	width:800px;
	background-color:#FFFFFF;
}
#head {
	width:800px;
	height:44px;
	background: url(../image/head_back.jpg) repeat-x;
	position: relative;
	text-align: left;
}
#contents {
	background-color:#FFFFFF;
	padding: 20px;
	width: 760px;
}
.clear {
	clear: both;
}

/*ヘッダー中身　all
---------------------------------------------*/
.rogo {
	FLOAT: left;
	margin-left: 0px;
}

.gamenmei {
	FLOAT: left;
	margin-left: 10px;
	font-weight: bold;
	color: #003399;
	font-size: 14px;
	line-height: 50px;
}

#logout A {
	FLOAT: right;
	DISPLAY: block;
	BACKGROUND-IMAGE: url(../image/logout01.jpg);
	BACKGROUND-REPEAT: no-repeat;
	width: 125px;
	height: 44px;
}
#logout A:hover {
	BACKGROUND-IMAGE: url(../image/logout02.jpg);
}
.ank_link {
	FLOAT: right;
	margin-right: 16px;
	line-height: 50px;
}

/*文字色　all
---------------------------------------------*/
.bold01 {
	font-weight: bold;
}
.red{
	color: #CC3300;
}

/*space高さ　all
---------------------------------------------*/
#space50{
	height: 50px;
}
#space100{
	height: 100px;
}
#space200{
	height: 200px;
}

/*フッター部　　all
---------------------------------------------*/
#foot {
	clear: both;
	width:800px;
	bottom: 0px;
	height: 22px;
	background-image: url(../image/foot.gif);
	text-align: right;
}
.foot_text {
	font-size: 12px;
	color: #666666;
	margin-right: 10px;
	vertical-align: middle;
	line-height: 190%;
}

/*タイトル部　　all
---------------------------------------------*/
.title_bnr {
	background-image: url(../image/titlle.jpg);
	background-repeat: no-repeat;
	text-align: left;
	width:760px;
	height: 24px;
	margin-top: -4px;
}
.title_left {
	width: 700px;
	height: 20px;
	margin-left: 40px;
	color: #000033;
	font-weight: bold;
	font-size: 12px;
	vertical-align: middle;
	padding-top: 6px;
	filter: progid:DXImageTransform.Microsoft.dropshadow(color=#eeeeee, offx=1, offy=1, positive=1);
}
/*枠内　共通
---------------------------------------------*/
#wakunai{
	width: 760px;
	background-image: url(../image/bg.jpg);
	background-repeat: repeat-y;
	padding-top: 8px;
	padding-right: 16px;
	padding-left: 16px;
}

/*枠下　共通
---------------------------------------------*/
.wakusita{
	width: 760px;
	background-image: url(../image/bg_under.jpg);
	background-repeat: no-repeat;
	margin-bottom: 16px;
}

/*ﾌｫｰﾑ
---------------------------------------------*/
input {
	margin-top:4px;
	margin-bottom:0px;
	margin-right: 2px;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 0px;
}
.suuji {
	text-align: right;
}
.radio{
	margin-top: 8px;
}

/*項目
---------------------------------------------*/
.koumoku01 {
	FLOAT: left;
	color: #333333;
	font-size: 12px;
	margin-top: 6px;
	width: 200px;
	text-align: right;
}
.koumoku02 {
	FLOAT: left;
	color: #9999CC;
	font-size: 12px;
	margin-top: 6px;
	margin-bottom: 6px;
	width: 160px;
	text-align: right;
	font-weight: bold;
}
.koumoku03 {
	margin-top: 6px;
	FLOAT: left;
	color: #333333;
	font-size: 12px;
	width: 68px;
	text-align: right;
	margin-left: 4px;
}
#eigyo_login .koumoku01{
	margin-top: 4px;
	margin-bottom:20px;
}
#eigyo_login .koumoku01{
	FLOAT: left;
	color: #333333;
	font-size: 12px;
	margin-top: 2px;
	width: 200px;
	text-align: right;
}
/*入力部
---------------------------------------------*/
.nyuuryoku01 {
	FLOAT: left;
	color: #333333;
	font-size: 12px;
	margin-top: -8px;
	width: 300px;
	text-align: left;
	margin-left: 8px;
	line-height: 100%;
}
.nyuuryoku02 {
	FLOAT: left;
	color: #333333;
	font-size: 12px;
	margin-top: -4px;
	text-align: left;
	margin-left: 8px;
}
.nyuuryoku03 {
	FLOAT: left;
	color: #333333;
	font-size: 9px;
	margin-top: 2px;
	width: 270px;
	text-align: left;
	margin-left: 2px;
	margin-bottom: 6px;
}

/*固定ﾃｷｽﾄエリア
---------------------------------------------*/
.koteitext{
	font-size: 9px;
	padding: 2px;
	width: 290px;
	text-align: left;
}

/*企業ﾘｽﾄ　検索部
---------------------------------------------*/
.kensaku01{
	FLOAT: left;
	color: #333333;
	font-size: 12px;
	line-height: 30px;
	width: 400px;
	text-align: left;
	padding-left: 24px;
}

/*キャラクタ選択部
---------------------------------------------*/
.gazousentaku	{
	FLOAT: left;
	color: #333333;
	font-size: 12px;
	line-height: 30px;
	width: 200px;
	text-align: left;
	padding-left: 20px;
}
.gazousentaku02	{
	FLOAT: left;
	color: #333333;
	font-size: 12px;
	line-height: 30px;
	width: 320px;
	text-align: left;
	padding-left: 10px;
}

/*画像回りのマージン
---------------------------------------------*/
.gazou {
	margin-top: 4px;
	margin-left: 20px;
}

/*ボーダー
---------------------------------------------*/
.bdline01 {
	background-image: url(../image/bdline01.gif);
	background-repeat: repeat-x;
	width: 726px;
	text-decoration: none;
}
.bdline02 {
	background-image: url(../image/bdline02.gif);
	background-repeat: repeat-x;
	width: 676px;
	text-decoration: none;
 	margin-left: 28px;
}

/*ボタン部　背景画像
---------------------------------------------*/
.btn01 {
	FLOAT: left;
	width: 156px;
	text-align: center;
}
.btn02 {
	FLOAT: left;
	width: 156px;
	text-align: center;
	margin-left: 80px;
}
.btn03 {
	FLOAT: left;
	width: 156px;
	text-align: center;
	margin-left: 140px;
}
.btn04 {
	FLOAT: left;
	width: 78px;
	text-align: center;
	margin-left: 80px;
}

.btn_link A {
	width: 156px;
	height: 32px;
	DISPLAY: block;
	color: #003399;
	font-size: 12px;
	background: url(../image/btn01_02.jpg) no-repeat center;
	line-height: 30px;
	text-decoration: none;
	font-weight: bold;
}

.btn_link  A:hover {
	BACKGROUND-IMAGE: url(../image/btn01_01.jpg);
		COLOR: #FF3300;
}

.btn_link02 A {
	width: 78px;
	height: 32px;
	color: #003399;
	DISPLAY: block;
	font-size: 12px;
	background: url(../image/btn02_01.jpg) no-repeat center;
	line-height: 30px;
	text-decoration: none;
	font-weight: bold;
}

.btn_link02  A:hover {
	BACKGROUND-IMAGE: url(../image/btn02_02.jpg);
		COLOR: #FF3300;
}


.btn_link03 A {
	width: 239px;
	height: 32px;
	color: #003399;
	DISPLAY: block;
	font-size: 12px;
	background: url(../image/btn03_01.jpg) no-repeat center;
	line-height: 30px;
	text-decoration: none;
	font-weight: bold;
}

.btn_link03  A:hover {
	BACKGROUND-IMAGE: url(../image/btn03_02.jpg);
	COLOR: #FF3300;
	float: left;
	padding-left: 15px;
}


.btn_link04 {
	width: 72px;
	height: 27px;
	color: #003399;
	font-size: 12px;
	background: url(../image/btn04_01.jpg) no-repeat center;
	line-height: 27px;
	font-weight: bold;
	background-color: #003399;
	border: none;
}




/*ボタン関係（画像）
---------------------------------------------*/
.btn_henshu A {
	width: 63px;
	height: 17px;
	background: url(../image/btn_henshu01.jpg) no-repeat center;
}

.btn_henshu  A:hover {
	BACKGROUND-IMAGE: url(../image/btn_henshu02.jpg);
}

.btn_csv A {
	width: 63px;
	height: 17px;
	background: url(../image/btn_csv01.jpg) no-repeat center;
}

.btn_csv  A:hover {
	BACKGROUND-IMAGE: url(../image/btn_csv02.jpg);
}

.btn_login A {
	width: 63px;
	height: 17px;
	background: url(../image/btn_login01.jpg) no-repeat center;
}

.btn_login  A:hover {
	BACKGROUND-IMAGE: url(../image/btn_login02.jpg);
}

/*ﾍﾟｰｼﾞ切替部
---------------------------------------------*/
#pager{
	margin-bottom: -10px;
	margin-top: 2px;
}
.textleft{
	FLOAT: left;
	color: #333333;
	font-size: 12px;
}
.textright{
	FLOAT: right;
	color: #333333;
	text-align: right;
	margin-bottom: 8px;
}

/*エラー部　共通
---------------------------------------------*/
.error{
	padding-left:	20px;
	background-color: #FFFFCC;
	border: 1px solid #FF9999;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
		margin-bottom: 10px;
}
.error p{
	color: #CC3300;
}


/*表部分 上部に項目名
---------------------------------------------*/
#table01{
	margin-top: 10px;
	background-color: #333333;
	margin-bottom: 10px;
	width: 720px;
}
#table01 tr{
	background-color: #ffffff;
	height: 22px;
	font-size: 12px;
}
	
#table01 th{
	background-color: #CDD4DD;
	color: #333333;
	font-weight: bold;
}
#table01 td{
	text-align: center;
}
#table01 .left{
	padding-left: 4px;
	text-align: left;
}
.table100{
	width: 720px;
}


/*表部分 左部に項目名
---------------------------------------------*/
#table02{
	margin-top: 10px;
	background-color: #333333;
	margin-bottom: 10px;
}
#table02 tr{
	background-color: #ffffff;
	height: 22px;
	font-size: 12px;
}
	
#table02 th{
	background-color: #CDD4DD;
	color: #333333;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
	width: 160px;
}
#table02 td{
	text-align: left;
	padding-left: 10px;
}
.table100{
	width: 100%;
}

/*ボタン関係
---------------------------------------------*/
.btn_henshu A {
	width: 63px;
	height: 17px;
	background: url(../image/btn_henshu01.jpg) no-repeat center;
}

.btn_henshu  A:hover {
	BACKGROUND-IMAGE: url(../image/btn_henshu02.jpg);
}

.btn_csv A {
	width: 63px;
	height: 17px;
	background: url(../image/btn_csv01.jpg) no-repeat center;
}

.btn_csv  A:hover {
	BACKGROUND-IMAGE: url(../image/btn_csv02.jpg);
}

/*企業　バナー
---------------------------------------------*/
.bnr01{
	margin-top: 8px;
	margin-right: 16px;
	margin-left: 16px;
	margin-bottom: 8px;
	background-color: #003366;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-weight: bold;
	color: #FFFFFF;
}
/*企業　ﾃｷｽﾄボックスのマージンTOP調整」
---------------------------------------------*/
.mail{
	margin-top: 0px;
	FLOAT: left;
	color: #333333;
	font-size: 12px;
	width: 300px;
	text-align: left;
	margin-left: 8px;
	line-height: 100%;
}