@charset "utf-8";

@import "format.css";

*{
    zoom : 1;
		word-break: break-all;
}
html{
	height: 100%;
	margin-bottom: 1px;
}
body{
	margin: 0;
	text-align: center;
	background-color: #deebd6;
	background-image: url(/images/body_bg.gif);
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial;
}
img{
	border: none;
}
div,p,form{
	margin: 0;
	padding: 0;
}
a:link		{color: #3060CC;}
a:visited	{color: #3060CC;}
a:hover		{color: #FF6600;text-decoration:none;}
a:active	{color: #FF6600;text-decoration:none;}
a {
/*\*/
   overflow: hidden;
/**/
}


.acc-red {
	color: #FF6666;
	font-weight: bold;
	}

h1{
	display: inline;
	vertical-align: middle;
}
input{
	line-height: 1.3;
}
#container{
	width: 750px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: left;
	background-color: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
#header{
	width: 100%;
	font-size: 80%;
}
ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#header li{
	display: inline;
	margin-right: 3px;
	_margin-right: 10px;
	padding: 0px;
}
/*
#globalmenu{
	font-size: 140%;
	margin-bottom: 10px;
	padding: 10px 0;
	background-image: url(/images/global_bg.jpg);
	background-position: left;
	background-repeat: repeat-x;
}
#globalmenu li{
	margin: 0px;
	padding: 0px;
}
#globalmenu a{
	margin-left: 14px;
	_margin-left: 20px;
}
#globalmenu a:link{color: #FFFFFF;}
#globalmenu a:visited{color: #FFFFFF;}
#globalmenu a:hover{color: #FFFF00;text-decoration:none;}
#globalmenu a:active{color: #FFFF00;text-decoration:none;}
*/
#topMainArea{
	width: 535px;
	float: left;
}
#topSubArea{
	width: 200px;
	float: right;
}
#mainArea{
	width: 100%;
}
/*#footer{
	clear: both;
	border-top: 1px dashed #666666;
	margin-top:10px;
	padding-top:5px;
	text-align: center;
	font-size: 80%;
	color: #666666;
}*/
#topicPath{
	margin-bottom: 10px;
	font-size: 80%;
	padding-bottom: 10px;
	border-bottom: 1px dashed #0000FF;
}
#topicPath ol{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#topicPath li{
	display: inline;
}
#topicPath a{
	background-image: url(/images/topic_path.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 14px;
	_margin-right: 8px;
}
#mypageMenu{
	width: 160px;
	font-size: 90%;
	line-height: 1.6;
	margin-bottom: 10px;
	float: left;
}
#mypageMenu ul{
	margin-left: 5px;
}
#mypageMenu li{
	text-align: left;
}
#mypageMenu li a{
	background-image: url(/images/list_mypage_menu.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 13px;
}
#mypageMain{
	float: left;
	width: 560px;
	margin:0 0 10px 10px;
	position: relative;
}
#mypageMenu .mypageSelect a{
	background-image: url(/images/list_mypage_menu_on.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 13px;
}

.updateFinish{
	padding: 5px;
	background-color: #FFFF66;
	font-size: 90%;
	font-weight: bold;
}

.indexRecruitList{
	width: 100%;
	margin: 5px 0 10px 0;
	background-color: #EEEEEE;
	border: 1px solid #6666FF;
	font-size: 90%;
	color: #333333;
	line-height: 1.4;
}
.indexRecruitList img{
	margin: 0 5px 5px 0;
	/*width: 250px;*/
}
.indexNewList{
	font-size: 80%;
	line-height: 1.3;
}
.indexNewList li{
	padding: 3px 0 3px 15px;
	background-image:url(/images/list_index_new.gif);
	background-position:left 0.6em;
	background-repeat:no-repeat;
}
.recruitList{
	width: 100%;
	margin: 5px 0 15px 0;
	background-color: #EEEEEE;
	font-size: 90%;
	color: #333333;
}
.recruitDetails{
	width: 100%;
	margin: 5px 0;
	font-size: 90%;
	color: #333333;
}
.recruitSubLink{
	position: relative;
}
.recruitSubLink span{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 80%;
}
.recruitSubLink ul{
	margin: 0 0 5px 0;
	padding: 0;
	list-style-type: none;
}
.recruitSubLink li{
	display: inline;
	margin-right: 10px;
	font-size: 80%;
}
.companyOverview{
	font-size: 90%;
	margin-left: 5px;
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	line-height: 1.4;
}

p.rightlist-title {
	color: #FF0000;
	}

.companyOverview strong{
	color: #666666;
	font-size: 80%;
}
.recruitSummary{
	margin: 5px 0;
	line-height: 1.4;
}
.recruitSummary strong{
	color: #FF3300;
	margin: 10px 0;
}
.recruitEssential{
	font-size: 90%;
	border: 1px solid #000099;
	padding: 5px;
}
.recruitEssential strong{
	color: #666666;
}
.recruitEssential td{
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #DDDDDD;
	line-height: 1.4;
}
.applicationMethod{
	margin-top: 10px;
	font-size: 90%;
	border: 1px solid #666666;
	padding: 5px;
	line-height: 1.4;
}
.applicationMethod strong{
	color: #666666;
}
.applicationMethod td{
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #DDDDDD;
}
.caption{
	color: #990000;
	font-size: 75%;
}
.examine{
	padding: 5px;
	border: 1px solid #999999;
	margin-bottom: 10px;
	font-size: 80%;
}
.examine li{
	margin-left: 10px;
	margin: 6px 0;
	padding-bottom: 6px;
	border-bottom: 1px dashed #999999;
}


.curve-01{
	background:#DDDDFF; /* ここの色を変えたら色んな角丸ができる */
	margin-left:auto;
	margin-right:auto;
}

.curve-01 div.curve-head{
	font-size:1px;
	height:5px;
	background:url(/images/01-curve-left-head.gif) top left no-repeat;
}

.curve-01 div.curve-head div{
	font-size:1px;
	height:5px;
	background:url(/images/01-curve-right-head.gif) top right no-repeat;
}

.curve-01 div.curve-bottom{
	font-size:1px;
	height:5px;
	background:url(/images/01-curve-left-bottom.gif) bottom left no-repeat;
}

.curve-01 div.curve-bottom div{
	font-size:1px;
	height:5px;
	background:url(/images/01-curve-right-bottom.gif) bottom right no-repeat;
}
.curve-01 div.curve-body{
	margin:5px 0;
	text-align:center;	/* IE 6(Win)向け */
}

.curve-02{
	background:#DDDDDD; /* ここの色を変えたら色んな角丸ができる */
	margin-left:auto;
	margin-right:auto;
}

.curve-02 div.curve-head{
	font-size:1px;
	height:5px;
	background:url(/images/01-curve-left-head.gif) top left no-repeat;
}

.curve-02 div.curve-head div{
	font-size:1px;
	height:5px;
	background:url(/images/01-curve-right-head.gif) top right no-repeat;
}

.curve-02 div.curve-bottom{
	font-size:1px;
	height:5px;
	background:url(/images/01-curve-left-bottom.gif) bottom left no-repeat;
}

.curve-02 div.curve-bottom div{
	font-size:1px;
	height:5px;
	background:url(/images/01-curve-right-bottom.gif) bottom right no-repeat;
}
.curve-02 div.curve-body{
	margin:5px 0;
	text-align:center;	/* IE 6(Win)向け */
}

.MypageExamine{
	width: 100%;
	border-collapse: collapse;
  border-spacing: 0;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	margin-top: 5px;
	margin-bottom: 3px;
}
.MypageExamine th{
	text-align: center;
	font-size: 80%;
	padding: 0 2px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background-color: #EEEEEE;
}
.MypageExamine td{
	font-size: 80%;
	padding: 5px 2px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
.userInfo{
	width: 100%;
	margin: 10px 0;
	border-collapse: collapse;
  border-spacing: 0;
	border-bottom: 1px solid #CCCCCC;
	font-size: 90%;
}
.userInfo th{
	width: 20%;
	padding: 5px 3px;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	font-size: 80%;
	white-space: nowrap;
	background-color: #EEEEEE;
}
.userInfo td{
	width: 80%;
	padding: 5px 3px;
	border-top: 1px solid #CCCCCC;
}
.searchTable {
	background-color: #EEEEEE;
	border: 1px solid #000099;
}
.careerArea{
	position: relative;
}
.careerEdit{
	position: absolute;
	top: 0;
	right: 0;
}
.entryForm {
	width: 90%;
	border-collapse: collapse;
	padding: 0;
	margin: 10px auto;
	background-color: #EEEEEE;
}
.entryForm th{
	width: 25%;
	padding: 10px 5px;
	background-color: #DDDDFF;
	font-size: 80%;
	vertical-align: top;
	border-bottom: 1px solid #CCCCCC;
}
.entryFormBar {
	background-color: #CCCCCC;
	font-weight: bold;
}
.entryForm td{
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
	font-size: 90%;
}
.entryForm p{
	padding-left: 4px;
}

/* form textボックスに適用 */
.txtzen {ime-mode: active;   /* 全角モード */}
.txthan {ime-mode: disabled; /* 半角モード */}
.txthanR {ime-mode: disabled; text-align:right;/* 半角モード・右寄せ */}

.loginError {
	clear:both;
	font-size:80%;
	color:#FF0000;
	margin-bottom:10px;
}

/*■■■■■■■■■■■■■■■■■■追加■■■■■■■■■■■■■■■■■■*/


/* SEO対策のためにトップページの一番上にh1タグを入れました。
--------------------------------------------------------------*/


h1#top-h1 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" ;
	font-size: 10px;
	color: #7AA1CC;
	margin: 0;
	padding: 3px 0 10px 0;
	display: block;
	font-weight: normal;
	}


/* 各ページのFooterにて内部リンクを増やすために、トップページにリンクをはりました。　
 これは前頁共通にします。
--------------------------------------------------------------*/

#footer{
	clear: both;
	border-top: 1px dashed #666666;
	margin-top:10px;
	padding-top:10px;
	text-align: center;
	font-size: 70%;
	height: 25px;
	padding-bottom: 15px;
	color: #7AA1CC;
}

#footer a {color: #7AA1CC; text-decoration: none;}
#footer a:active {color: #7AA1CC; text-decoration: none;}
#footer a:visited {color: #7AA1CC; text-decoration: none;}
#footer a:hover {color: #7AA1CC; text-decoration: none;}




/* ロゴとナビゲーション
------------------------------------*/
#globalmenu{
	margin:6px 0 10px 0;
	padding: 0;
	width: 750px;
	background-image: url(/images/bg_gmenu.gif);
	height: 38px;
}



/* グローバルナビゲーション
----------------------------------- */

ul#globalmenu-list {
	margin: 0px;
	padding: 0;
	width: 750px;
	height: 38px;
	background-image: url(/images/bg_gmenu.gif);
	background-repeat: no-repeat;
	
	
}


#globalmenu-list li{
	list-style-type: none;
	float: left;
	padding: 0px;
	margin: 0px;
	height: 38px;
	text-indent: -9999px;	
	}

.first-list {
	padding-left: 0px;
	}

#globalmenu-list a {
	display: block;
	text-decoration: none;
	background-image: url(/images/bg_gmenu.gif);
	background-repeat: no-repeat;
	height: 38px;
	}


#globalmenu-list a#search {
	width: 161px;
	background-position: 0 0;
	}
	
#globalmenu-list a#search:hover {
	background-position: 0 -38px;
	}

#globalmenu-list a#mypage{
	width: 107px;
	background-position: -161px 0;
	}
	
#globalmenu-list a#mypage:hover {
	background-position: -161px -38px;
	}
	

#globalmenu-list a#about {
	width: 158px;
	background-position: -268px 0;
	}
	
#globalmenu-list a#about:hover {
	background-position: -268px -38px;
	}

#globalmenu-list a#recruit {
	width: 186px;
	background-position: -426px 0;
	}
	
#globalmenu-list a#recruit:hover {
	background-position: -426px -38px;
	}

#globalmenu-list a#foruog {
	width: 138px;
	background-position: -612px 0;
	}
	
#globalmenu-list a#foruog:hover {
	background-position: -612px -38px;
	}


/*　画面下部のナビゲーション
-----------------------------------------------------------*/

#undernavi {
	clear: both;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	text-align: right;
	font-size: 70%;
	border-top: 1px dashed #666666;
	}

#undernavi ul{
	}
	
#undernavi li {
	display: inline;
	padding: 1em;
	}


/*2008/01/17追加*/
/* トップ以下のページで2カラムにするためのブロック要素を追加
--------------------------------------------------------------*/

#eachMainArea{
	width: 535px;
	float: left;
}
#eachSubArea{
	width: 200px;
	float: right;
}



/* トップ以下のページで2カラム 右側 eachSubArea の中の要素
--------------------------------------------------------------*/
#eachSubArea h2 {
	margin: 0;
	}

#eachSubArea h3 {
	margin: 0;
	}

#eachSubArea p {
/*	font-size: 80%;*/
	line-height: 1.5;
	margin: 8px 12px;
	}
	
img.WhiteBordered {
	background-color: #CCCCCC;
	padding: 3px;
	border-right: solid #666666 1px;
	border-bottom: 1px solid #666666;
	}




/* トップ以下のページで2カラム 左側 eachMainArea の中の要素
--------------------------------------------------------------*/

#eachMainArea p {
	font-size: 80%;
	line-height: 1.5;
	margin: 8px 12px;
	}

#eachMainArea h2 {
	margin: 0;
	}

#eachMainArea h3 {
	margin: 0;
	}

#eachMainArea h4 {
	color: #003399;
	font-weight: bold;
	font-size: 90%;
	margin: 16px 12px 8px 12px;
	}
	


/* about.cfmのメインコラム aboutMainArea の中の要素
--------------------------------------------------------------*/

#aboutMainArea{}

#aboutMainArea p {
	font-size: 80%;
	line-height: 1.5;
	margin: 8px 12px;
	}

#aboutMainArea h2 {
	margin: 0;
	}

#aboutMainArea h3 {
	margin: 0;
	}

#aboutMainArea h4 {
	color: #003399;
	font-weight: bold;
	font-size: 90%;
	margin: 16px 12px 8px 12px;
	}

#aboutMainArea dl {
/*	font-size: 80%;*/
	margin: 8px 12px;
	line-height: 1.5em;}

#aboutMainArea dt {
	
	margin: 0.5em 0;
	}
	
#aboutMainArea dd {
	margin-left: 10px;
	}



/* 申込フォーム
---------------------------------------------------- */

#eachMainArea form {
  margin: 0;
}

#eachMainArea input {
	line-height: 1.0;
}

#eachMainArea fieldset {
  margin: 0;
  padding: 0.5em 0 1.3em 0;
  border-width: 1px;
  border-color: #726d6b;
  font-size: xx-small;
  border-style: none none dotted none;
}


.label {
	clear: left;
	display: inline;
	padding-top: 0.8em;
	padding-left: 10px;
	float: left;
	width: 100px;
	line-height: 2em;
	font-size: x-small;
}
.control {
	display: block;
	margin: 0 0 0 100px;
	padding-top: 0.8em;
	line-height: 2em;
	font-size: x-small;
	_margin-left: 50px;
}

/* -----------------------------------------------------08/01/19 */
#form input {
  border-style: solid;
  border-width: 1px;
  border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
  vertical-align: middle;
  color: #696969;
  background: #f1f1ed;
}

#form select {
  border-style: solid;
  border-width: 1px;
  border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
  vertical-align: middle;
  color: #696969;
  background: #f1f1ed;
}

#form textarea {
  border-style: solid;
  border-width: 1px;
  border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
  vertical-align: middle;
  color: #696969;
  background: #f1f1ed;
}

/* -----------------------------------------------------08/01/19 */


input.radio {
  border-style: none;
  color: #000000;
  background: transparent;
}

/* ---------------------------------------------------- */

/* 入力部品の幅設定
---------------------------------------------------- */


#company, #charge, {
	width: 300px;
	}
#mail1, #mail2, #position, #comment {
  width: 250px;
  margin: 0;
}

#com-type, #tel {
  width: 200px;
}

#tel, #mail1, #mail2 {
	ime-mode: disabled;
}

/* 送信ボタン
---------------------------------------------------- */
#submit input {
  margin-left: 0.5em;
  border-width: 2px;
  border-color: #ffb87c #d26000 #d26000 #ffb87c;
  width: 6em;
  vertical-align: middle;
  color: #ffffff;
  background: #ff7400;
}
#submit {
	margin-top: 1em;
	color: #444444;
	font-size: x-small;
	background-image: url(/images/bg-submit1.gif);
}
#submit p.postext {
  margin: 0;
  padding: 10px;
  text-align: right;
  background: url(/images/bg-submit2.gif) no-repeat left bottom;
}
#submit button {
  width: 140px;
  height: 50px;
  padding: 4px 0 0 0;
  color: #ffffff;
  background: url(/images/button.gif) no-repeat;
  border-width: 0px;
}
#submit p.posted {
  font-size: 12px;
  font-weight: bold;
  margin: 6px 0 0;
}
#submit span {
  font-size: 10px;
}


/* その他の装飾
---------------------------------------------------- */

input.req1, select.req1 {
	border-style: solid;
	border-width: 2px;
	border-color:#9999ff;
	vertical-align: middle;
	color:#696969;
	background: #f6f6f2;
	}

input.req2, select.req2 {
	border-style: dashed;
	border-width: 2px;
	border-color:#9999ff;
	vertical-align: middle;
	color:#696969;
	background: #f6f6f2;
	}
	
.label-m {
	clear: left;
	display: block;
	padding-top: 0.8em;
	padding-left: 12px;
	float: left;
	width: 100px;
	line-height: 2em;
	background: url(/images/mark.gif) no-repeat 0px 1.5em;
	font-size: x-small;
	
}

input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {
  background: #FFFFCC;
}

/* カラム分けされていないページ mainAreaの設定
---------------------------------------------------- */

#mainArea p {

	font-size: 80%;
	line-height: 1.5;
	margin: 8px 12px;
	}

#mainArea h2 {
	margin: 0;
	}

#mainArea h3 {
	margin: 0;
	color: #666699;
	font-weight: bold;
	font-size: 100%;
	padding-bottom: 0.5em;
	margin: 5px 10px 5px 12px ;
	border-bottom: dashed 1px #e5e5e5; 
	}

#mainArea h4 {
	color: #003399;
	font-weight: bold;
	font-size: 90%;
	margin: 16px 12px 8px 12px;
	}

#mainArea dl {
	font-size: 80%;
	margin: 8px 12px;
	line-height: 1.5em;}

#mainArea dt {
	
	margin: 0.5em 0;
	}
	
#mainArea dd {
	margin-left: 10px;
	}






/* 会社概要テーブル
---------------------------------------------------- */
table#product {
	margin: 15px 0 8px 12px;
	width: 490px;
	border-spacing: 1px;
	clear: both;
	font-size: 80%;
}
	
table#product td.company-profile {
	width: 120px;
	}
table#product th {
  	text-align: left;
	font-weight: normal;
	padding: 6px;
	border-right: 1px solid #bcbc9f;
	border-bottom: 1px solid #bcbc9f;
	color: #333333;
	background: url(../images/thbg.gif) repeat-x bottom;
}

table#product td {
	padding: 4px 6px;
	border-right: 1px solid #d1d1c1;
	border-bottom: 1px solid #d1d1c1;
	color: #333333;
	line-height: 1.3em;
}	

table#product td.company-profile {
	width: 120px;
	}

table#product a.maillink {
	color: #000066; text-decoration: none;}


tr.kisu {
	background-color: #e3e3e3;
	}

tr.gusu {
	background-color: #FDFDFD;
	}
	
.num {
	text-align: left;
	width: 40px;
}


/* 右側のカラム eachSubAreaの設定
---------------------------------------------------- */

#mainArea #eachSubArea dt {
	border-bottom: #CCCCCC 1px solid;
	margin-left: 0;
	}
#mainArea #eachSubArea dd {
	margin-left: 0;
	}



/* 個人情報のページ左側のカラム eachMainAreaの設定
---------------------------------------------------- */

#mainArea #eachMainArea dt.policy-jo {
	border-bottom: #CCCCCC 1px solid;
	margin-left: 0;
	}

#mainArea #eachMainArea dd {
	margin-left: 0;
	}
#policy dt,#accsess dt {
	font-weight:bold;
	}


/*グローバルフッター 08/02/05追記
-------------------------------------------------------*/

#globalfooter {
	
	margin: 10px 0;
	background: #fdfdfd;
	font-size: 9px;
	border: 1px solid #e7e7e7;
	padding: 5px 0;
	clear: both;
	height: 100px;
	}

#globalfooter a{color: #999999; text-decoration: none;}
#globalfooter a:ative {color: #999999; text-decoration: none;}
#globalfooter a:visited {color: #999999; text-decoration: none;}
#globalfooter a:hover {color: #999999; text-decoration: none;}

#globalfooter ul{
	list-style-type: none;
	margin-left: 5px;
	margin-top: 5px;
	}

#globalfooter h3{
	color: #000066;
	font-size: 10px;
	margin-left: 5px;
	}

div #dn-cola {
	float: left;
	width: 24%;
	margin: 0;
	}
div #dn-colb {
	float: left;
	width: 24%;
	margin: 0;
	}

div #dn-colc {
	float: left;
	width: 25%;
	margin: 0;
	}
div #dn-cold {
	float: left;
	width: 25%;
	margin: 0;
	}

.clear {
	clear: both;
	}


/* 080418追加　PR文章のテキストの設定    _pr_
------------------------------------------------------------------*/

p.pr {
	padding: 0 0.5em 0 0.5em;
	font-size: 70%;
	margin: 0.5em 0;}