@charset "UTF-8";
/* CSS Document */

/*

 株式会社SMSデータテック　グローバルスタイルシート
 
global.css - global style sheet for SMS Data Tech website.

-----History----------------------------------------------------------------------------------------
	2008/08/28 ver1.0
----------------------------------------------------------------------------------------------------
*/

@media screen{
/* hack mac ie not support for print */

/* body style ----------------------------------------------------------------------------------- */

body {
/*	width: 100%; */
	margin: 0px;
	padding: 0px;
	color: #444;
	font-family:  Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "Osaka", helvetica, sans-serif ;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5em;
/*	text-autospace: ideograph-alpha ideograph-numeric ideograph-parenthesis ideograph-space;*/
	background : #fff;
	text-align:center;
}


/* regular anchor style ------------------------------------------------------------------------- */
a {
	font-weight: normal;
	color: #407cb2;
}


a:hover {
	text-decoration: underline;
	color: #f1731c;

}

img {
	border:none;
	background: transparent;
}

hr {
	display: none;
}

.hidden {
	display: none;
}




h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
}


.title-leftbar{
	border-left:#00a0e9 4px solid;
	font-size:14px;
	padding-left:6px;
	margin:30px 0 10px 0;
	color:#666666;
}

.title-dotted{
	border-bottom:1px dotted #444;
	padding-bottom:1px;
	font-size:13px;
	color:#666666;
}

p{line-height:18px; letter-spacing:0.07em;margin-top:3px;}
p.text-style2{margin-bottom:20px;}

br{letter-spacing:0;}

ul,ol{
	list-style:none;
	margin:0px;
	padding:0px;
}  

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


ul.array-left li,
ol.array-left li{
	float:left;
}


ul.array-left li a,
ol.array-left li a{
	display:block;
	}

ul.array-left li a:hover,
ol.array-left li a:hover{
	display:block;
	margin-top:-3px;
	padding-bottom:3px;
	_margin-top:0px;
	_padding-bottom:0px;
	}


ul.arrow-blue li{
	background:url(../images/recruit/base/arrow-blue.png) no-repeat;
	background-position:0 3px;
	padding-left:12px;
	margin:3px 0 3px 0px;
}


ul.arrow-black li,
ol.arrow-black li{
	padding-left:12px;
	background:url(../images/base/arrow_black.png) no-repeat;
	background-position:0 3px;
	margin:3px 0 3px 0;
}


.table-style01{
	width:530px;
	border-collapse:collapse;
	margin:0;
	padding:0;
	border:#cfcfcf 1px solid;
	font-size:12px;
}	

.table-style01 td,
.table-style01 th{
	padding:10px;
	border:#cfcfcf 1px solid;
}

.table-style01 th{
	text-align:left;
	font-weight:lighter;
	background:url(../images/base/th_bg.png) repeat-x #f1f1f1;
	text-align:center;
}


img.img-left{
	float:left;
}

img.img-right{
	float:right;
}

span.img-side{
	padding-top:10px;
	display:block;
}

/* wrapper --------------------------------------------------------------------------------------*/

#wrapper {
	position: relative;
	display: block;
	width: 800px;
	text-align:left;
	margin: 0 auto;
	padding: 0px;
	background: transparent;
	text-align:center;
}

#maint-wrapper{
	background:url(../images/recruit/base/bodybg_t.png) no-repeat;
	height:15px;
	margin:0px;
	}

#mainb-wrapper{
	background:url(../images/recruit/base/bodybg_b.png) no-repeat;
	height:18px;
	margin:0px;
	}

#main-wrapper{
	background:url(../images/recruit/base/bodybg_m.png) repeat-y;
	margin:0px;
	text-align:left;
	padding:10px 25px 10px 25px;
	}	

#main-area{
	background:url(../images/recruit/base/main-inner.png) repeat-y;
	position:relative;
}

#right-area{
	width:549px;
	padding:0 0 0 200px;
	background:url(../images/recruit/base/subbox_b.png) no-repeat;
	background-position:left bottom
}
	

/* header ---------------------------------------------------------------------------------------*/
#address{
	position:absolute;
	right:20px;
	top:15px;
	text-align:right;
	font-size:11px;
	color:#666666;
	line-height:14px;
	letter-spacing:0.05em;
}

#address a{
	text-decoration:none;
	color:#666666;
}

#address a:hover{
	color:#888;
	text-decoration:underline;
}


#head{
	text-align:left;
	background:url(../images/recruit/base/head_bg.png) no-repeat;
	height:54px;
	width:800px;
	padding:0 15px 0 15px;
	margin:0;	
	}



/* left-area ---------------------------------------------------------------------------------------*/

#left-area{
	width:189px;
	position:absolute;
	left:0px;
	top:0px;
}

#left-area h4{
	line-height:0px;
}

#left-area ul.submenu li{
	background:#00a0e9 url(../images/recruit/base/sublist-middle.png) no-repeat;
	background-position:13px 18px;
	display:block;
	color:#FFFFFF;
	border-top:#FFFFFF 1px dotted;
	border-bottom:#FFFFFF 1px dotted;
	}

#left-area ul.submenu li a{
	display:block;
	color:#FFFFFF;
	padding:13px 5px 13px 25px;
	text-decoration:none;
	}

#left-area ul.submenu li a:hover{
	text-decoration:underline;
}

#left-area ul.submenu li.top{
	background:#00a0e9 url(../images/recruit/base/sublist-top.png) no-repeat;
	background-position:top;
	border:none;
	}

#left-area ul.submenu li.top a{
	_padding:13px 5px 0px 25px;
}

#left-area ul.submenu li.bottom{
	background:#00a0e9 url(../images/recruit/base/sublist-bottom.png) no-repeat;
	background-position:bottom;
	border:none;
	}
	
#left-area ul.submenu li.bottom a{
	_padding:13px 5px 2px 25px;
}


/* right-area ---------------------------------------------------------------------------------------*/

#right-area h2{
	border-bottom:#888888 1px dashed;
	margin-bottom:20px;
}

#right-area p{
	padding:0 0 0 10px;
	width:540px;
}


#right-area ul.arrow-blue{
	margin-left:10px;
}

#right-area .title-dotted{
	margin-left:10px;
	}

#right-area .table-style01{
	margin-left:10px;
}

#right-area .table-style01 span.small{
	font-size:10px;
	padding-left:5px;
	display:block;
}


/* footer ---------------------------------------------------------------------------------------*/

#foot-button{
	width:355px;
	right:0px;
	position:absolute;
	}

address{
	text-align:left;
	margin:0 0 0 15px;
	}

/* home ---------------------------------------------------------------------------------------*/

.home #sub-area{
	width:241px;
	float:left;
	margin-left:15px;
}

.home #sub-area ul.top-menu li{
	margin:17px 0 17px 0;
}

.home #main-area{
	width:489px;
	float:left;
	background:none;
}


/* entry ---------------------------------------------------------------------------------------*/

.entry-button{
	width:336px;
	margin:0 auto;
}

.career div.download{
	padding-left:10px;
}

.download img{
	float:right;
	}
	
.career div.entry-button{
	width:148px;
	margin:0 auto;
}
	
.entry-address{
	padding:10px;
	background:#f6f6f6;
	border:1px solid #dcdcdc;
	margin:15px 0 15px 0;
}

/* interview ---------------------------------------------------------------------------------------*/

.interview-set{
	margin:10px 0 30px 0;
	width:549px;
}


.interview-set a{
	text-decoration:none;
	color:#444;
}

.interview-set a:hover{
	text-decoration: underline;
	color:#888888;
}

.interview-set img.photo{
	float:left;
	margin-left:10px;
}
.interview-set div.contents{
	float:left;
	display:block;
}

.interview-set div.contents ul{
	margin-left:5px;
}


.interview ul.arrow-black li{
	margin:0px;
}

.interview-set div.more{
	background:url(../images/recruit/base/more_bg.png) no-repeat;
	background-position:bottom;
	width:549px;
	height:34px;
	display:block;
	position:relative;
	top:-10px;
	_left:25px;
}

.interview-set div.more img{
	padding-left:414px;
	_position:absolute;
	_right:-1px;
	}

.interview-text{
	margin-bottom:30px;
}

.interview_no h3.title-leftbar{
	color:#0079b0;
	margin-top:40px;
}


.interview-text h4.title-dotted{
	font-size:14px;
	margin-bottom:5px;
}

#right-area .interview-text p{
	margin-left:5px;
	width:520px;
}

.interview-text ul.astarisc{
	margin-left:15px;
}

.interview-text ul.astarisc li{
	background:url(../images/recruit/base/astarisc.png) no-repeat;
	background-position:0 3px;
	padding-left:16px;
	margin-bottom:10px;
}

.interview-text ul.astarisc li .detail{
	display:block;
	width:480px;
}

.onemore_question{
	background:#fff7eb;
	border:#dadada solid 2px;
	padding:10px;
}


.onemore_question ul li{
	padding-left:20px;
	margin:2px 0 2px 0;
}

.onemore_question ul li.a{
	background:url(../images/recruit/base/a.png) no-repeat;
	background-position:0 0;
}

.onemore_question ul li.q{
	background:url(../images/recruit/base/q.png) no-repeat;
	background-position:0 0;
}


/* faq ---------------------------------------------------------------------------------------*/

ul.qa{
	margin-left:10px;
	}

ul.qa li{
	background:url(../images/recruit/base/question.png) no-repeat;
	background-position:0 0;
	margin:3px 0 3px 0;
	padding:0 0 2px 15px;
	width:530px;
}

ul.qa li a{
	text-decoration:none;
	color:#444;
}

ul.qa li a:hover{
	text-decoration: underline;
	color:#888888;
}

ul.qa li div.answer{
	display:block;
}

ul.qa li .answer div.text-area{
	padding:10px 10px 2px 20px;
	width:490px;
	background:url(../images/recruit/base/answer.png) no-repeat #ebf9ff;
	background-position:3px 10px;
	border:1px solid #c4c4c4;
}

ul.qa li .answer div.text-area a{
	color: #407cb2;
	text-decoration: underline;
}


ul.qa li .answer div.text-area a:hover {
	text-decoration: underline;
	color: #f1731c;

}

ul.qa li .answer div.text-area div.close{
	width:74px;
	display:block;
	margin:3px auto 0 auto;
}

/* menu ---------------------------------------------------------------------------------------*/

#menu {
	position:relative;
	width:800px;
	height:71px;
	margin:0;
	_margin-top:-6px;
	background-color:#FFFFFF;
	padding:0;
	overflow: hidden;
}

#menu ol {
	margin:0;
	padding:0;
	list-style:none;
}

#menu ol li {
	margin:0;
	padding:0;
	position:absolute;
	top:0px;
	height:71px;
	text-indent:-9999px;
	z-index: 10;
	}


/**********/
#menu ol li#gm01{
	left:0px;
	width:130px;
	height:80px;
	width:130px;
}

#menu ol li#gm01 a {
	width:130px;
	height:80px;
	background:url(../images/recruit/base/menu.png) no-repeat;
	background-position:0px 0px;
	display:block;
}

#menu ol li#gm01 a:hover {
	background:url(../images/recruit/base/menu.png) no-repeat;
	background-position:0px -71px;
	display:block;
	}
	
#menu ol li#gm01-active{
	left:0px;
	height:80px;
	width:130px;
	background:url(../images/recruit/base/menu.png) no-repeat;
	background-position:0px 0px;
}
/**********/

/**********/
#menu ol li#gm02{
	left:130px;
	width:179px;
	height:80px;
	width:179px;
}

#menu ol li#gm02 a {
	width:179px;
	height:80px;
	background:url(../images/recruit/base/menu.png) no-repeat;
	background-position:-130px 0px;
	display:block;
}

#menu ol li#gm02 a:hover {
	background:url(../images/recruit/base/menu.png) no-repeat;
	background-position:-130px -71px;
	display:block;
	}
	
#menu ol li#gm02-active{
	left:130px;
	height:80px;
	width:179px;
	background:url(../images/recruit/base/menu.png) no-repeat;
	background-position:-130px -142px;
}
/**********/

/**********/
#menu ol li#gm03{
	left:309px;
	width:138px;
	height:80px;
	width:138px;
}

#menu ol li#gm03 a {
	width:138px;
	height:80px;
	background:url(../images/recruit/base/menu.png) no-repeat;
	background-position:-309px 0px;
	display:block;
}

#menu ol li#gm03 a:hover {
	background:url(../images/recruit/base/menu.png) no-repeat;
	background-position:-309px -71px;
	display:block;
	}
	
#menu ol li#gm03-active{
	left:309px;
	height:80px;
	width:138px;
	background:url(../images/recruit/base/menu.png) no-repeat;
	background-position:-309px -142px;
}

#menu ol li#gm03-activel{
	left:309px;
	width:138px;
	height:80px;
	width:138px;
}

#menu ol li#gm03-activel a{
	width:138px;
	height:80px;
	background:url(../images/recruit/base/menu.png) no-repeat;
	background-position:-309px -142px;
	display:block;
}

#menu ol li#gm03-activel a:hover {
	background:url(../images/recruit/base/menu.png) no-repeat;
	background-position:-309px -71px;
	display:block;
	}
	
	
	
/**********/

/**********/
#menu ol li#gm04{
	left:447px;
	width:125px;
	height:80px;
	width:125px;
}

#menu ol li#gm04 a {
	width:125px;
	height:80px;
	background:url(../images/recruit/base/menu.png) no-repeat;
	background-position:-447px 0px;
	display:block;
}

#menu ol li#gm04 a:hover {
	background:url(../images/recruit/base/menu.png) no-repeat;
	background-position:-447px -71px;
	display:block;
	}
	
#menu ol li#gm04-active{
	left:447px;
	height:80px;
	width:125px;
	background:url(../images/recruit/base/menu.png) no-repeat;
	background-position:-447px -142px;
}
/**********/

/**********/
#menu ol li#gm05{
	left:572px;
	width:110px;
	height:80px;
	width:110px;
}

#menu ol li#gm05 a {
	width:110px;
	height:80px;
	background:url(../images/recruit/base/menu.png) no-repeat;
	background-position:-572px 0px;
	display:block;
}

#menu ol li#gm05 a:hover {
	background:url(../images/recruit/base/menu.png) no-repeat;
	background-position:-572px -71px;
	display:block;
	}
	
#menu ol li#gm05-active{
	left:572px;
	height:80px;
	width:110px;
	background:url(../images/recruit/base/menu.png) no-repeat;
	background-position:-572px -142px;
}
/**********/

/**********/
#menu ol li#gm06{
	left:682px;
	width:118px;
	height:80px;
	width:118px;
}

#menu ol li#gm06 a {
	width:118px;
	height:80px;
	background:url(../images/recruit/base/menu.png) no-repeat;
	background-position:-682px 0px;
	display:block;
}

#menu ol li#gm06 a:hover {
	background:url(../images/recruit/base/menu.png) no-repeat;
	background-position:-682px -71px;
	display:block;
	}
	
#menu ol li#gm06-active{
	left:682px;
	height:80px;
	width:118px;
	background:url(../images/recruit/base/menu.png) no-repeat;
	background-position:-682px -142px;
}
/**********/



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

.clear { clear:both;}





/*¥*/}/**/