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


/*
 株式会社SMSデータテック　レイアウトスタイルシート
layout.css - layout style sheet for SMS Data Tech website.

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

@media print {
/* ▼global.css▼ */

/* 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;
}

#globalmenu {
	display: none;
}


/* 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;
}

h3.sub-title,
h4.sub-title{
	font-size:14px;
	border-bottom:1px #666666 dotted;
	padding-bottom:3px;
	margin:0px;
}

h3.sub-title2,
h4.sub-title2{
	font-size:14px;
	border-bottom:1px #666666 dotted;
	padding-bottom:3px;
	margin:20px 0;
}

.leftbar-title{
	font-size:12px;
	border-left:3px #444 solid;
	padding-left:3px;
	margin-top:10px;
	margin-bottom:5px;
}

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

br{letter-spacing:0;}

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

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



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


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

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

#headline a {  
    position: absolute;  
    top: -100px;  
    left: 60px;  
    display: block;  
    font-size: 12px;  
    color: #FFFFFF;  
    text-decoration: none;  
}

#headline a#topics-top {  
    position: absolute;  
    top: 2px;  
    left: 70px;  
    display: block;  
    font-size: 12px;  
    color: #333333;  
    text-decoration: none;  
}

#headline a:hover {
	color:#CCCCCC;
}  

span.small{
	font-size:10px;
	}

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 style ------------------------------------------------------------------------- */
.table-style01{
	width:95%;
	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;
}

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

.table-style02{
	width:95%;
	border-collapse:collapse;
	margin:0;
	padding:0;
	border:none;
	font-size:12px;
}	

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

.table-style02 th{
	text-align:left;
	font-weight:lighter;
}



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}


/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear { clear:both;}

/* ▲global.css▲ */

/* ▼layout.css▼ */

/* hack mac ie not support for print */

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

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

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

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

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


/* contents --------------------------------------------------------------------------------------*/
#head{
	margin:0 auto 10px auto;
	width:760px;
	position: relative;
	text-align:left;
}


#main-wrapper{
	background:url(../images/base/main_bg.png) repeat-x #FFFFFF;
	text-align:center;
	}

#main-wrapper2{
	text-align:center;
	}

#column2_wrapper{
	width:760px;
	}
	
#column2_wrapper #right-area{
	width:760px;
}

#column2_wrapper #left-area{
	display:none;
}

#main-inner{
	margin:0 auto;
	width:760px;
	text-align:left;
	}


#topics{
	height:20px;
	display:block;
    position: relative; 
    overflow: hidden; 
	}


.top-contactarea{
	float:left;
	padding:0px 0;
	margin:0;
}

*+html body .top-contactarea{
	padding:7px 0;
}

.privacy-mark{
	padding:0px 0;
	float:right;
}

*+html body .privacy-mark{
	padding:7px 0;
}

/* top recruit&contact ------------*/
li.top-contact{
	position:relative;
	width:588px;
	margin-top:4px;
}

li.top-contact ul li{
	float:left;
}

li.top-contact ul{
	position:absolute;
	top:5px;
	right:20px;
}


* html body li.top-contact{
	margin-top:7px;
	}

*+html body li.top-contact{
	margin-top:7px;
	}


li.top-recruit{
	position:relative;
	width:588px;
	padding:0px;
}

li.top-recruit ul li{
	float:left;
	padding:10px 0 0 10px;
}

li.top-recruit ul{
	position:absolute;
	top:5px;
	right:20px;
}



/* products ------------*/

.products #right-area p{
	padding-left:10px;
}

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

.products #right-area ul{
	margin-left:10px;
	margin-bottom:20px;
}

/* message ------------*/
body.message div.text-area{
	padding-left:10px;
	width:357px;
	float:left;
}

/* access ------------*/
body.access div.map-space{
	width:527px;
	height:445px;
	margin:20px auto 0 auto;
}

body.access h2 img {
	display: none;
}


/* topics ------------*/
.topics-set{
	margin:10px 0 40px 15px;
}

.topics-set h4{
	font-size:14px;
	color: #407cb2;
	}

.topics-set dl{
	margin:5px 0 0 0;
	padding:0px;
}

.topics-set dt {
	margin:2px 0;
	padding:0px;
	color: #407cb2;
}
.topics-set dd{
	margin:2px 0;
	padding:0px;
}
.topics-set span.more{
	margin:2px 0;
}


/* page nabigater ------------*/
.page-navigate{
	position:relative;
	width:100%;
	}

.page-navigate span.next{
	position:absolute;
	top:0px;
	right:0px;
	}

.page-navigate span.back{
	position:absolute;
	top:0px;
	left:0px;
	}

.page-navigate2{
	position:relative;
	width:200px;
	height:26px;
	margin:0 0 0 170px;
	}

.page-navigate2 span.next{
	position:absolute;
	top:0px;
	right:0px;
	text-indent:-9999px;
	height:26px;
	width:26px;
	overflow: hidden;
	}

.page-navigate2 span.next a{
	background:url(../images/base/pagenavi_next.png) no-repeat;
	background-position:0 -26px;
	height:26px;
	width:26px;
	display:block;
}

.page-navigate2 span.next a:hover{
	background:url(../images/base/pagenavi_next.png) no-repeat;
	background-position:0 0;
}

.page-navigate2 span.back{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	text-indent:-9999px;
	height:26px;
	width:26px;
	}

.page-navigate2 span.back a{
	background:url(../images/base/pagenavi_back.png) no-repeat;
	background-position:0 -26px;
	height:26px;
	width:26px;
	display:block;
}

.page-navigate2 span.back a:hover{
	background:url(../images/base/pagenavi_back.png) no-repeat;
	background-position:0 0;
}

.page-navigate2 span.back_list{
	margin:0 0 0 30px;
	padding-top:5px;
	display:block;
	width:140px;
	text-align:center;
	}


/* submenu ------------*/
.sub_menu{
	width:100%;
	border-bottom:#d5d5d5 1px solid;
	padding:0 0 10px 0;
}

.sub_menu h4,
.sub_menu h5{
	line-height: 0;
}

.sub_menu ul li{
	margin:3px 0 3px 0;
	padding-left:15px;
}

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

.sub_menu ul li a:hover{
	color:#888;
}

.sub_menu ul li.active{
	background:url(../images/base/arrow_blue.png) no-repeat;
	background-position:3px 3px;
}


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

#footer{
	padding-top:60px;
	font-size:10px;
}

#footer a{
	text-decoration:none;
	color:#555555;
}

#foot-menu{
	padding:3px 0 3px 0;
	height:26px;
	}

#foot-menu ol{
	margin:0 auto;
	width:540px;
	padding-top:3px;
}
	
#foot-menu ol li{
	float:left;
	margin:0 0 0 8px;
}

#footer address{
	margin:0 auto;
	text-align:center;
	padding:0px;
}	
	
/* ▲layout.css▲ */


}