@charset "UTF-8";

/*-----------------------
coded by sure at 2009-06-19
-------------------------*/

/*-----------------------*/
/* 1.BASE&RESET */
/* 2.FONT */
/* 3.LAYOUT */
/* 4. */
/*-----------------------*/


/* 1.BASE&RESET
====================================================================================================== */
*{
	margin: 0px;
	padding: 0px;}

body {
	line-height:1.5;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}
	
a:link, a:visited{
	color: #2081ef; text-decoration: none;
	}
a:active, a:hover{
	color: #2081ef; text-decoration: underline;
	}

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

table{
	border-collapse:collapse;
	border-spacing:0;
	}
	td,th{
		border:none;
		}
	
ul li{list-style:none;}		

/* br clear
---------------------------*/
br.clear{
	width:auto;
	clear:both;
	line-height:0%;
	font-size:0;
	display: block;}	
.clear {
	clear: both;}

/* clearfix
---------------------------*/
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0.1px;
	line-height:0;
	font-size:0.1em;
	visibility: hidden;}
.clearfix{
	display:block;}
	
	
.bold{font-weight:bold;}


/* 2.FONT(base12px)
====================================================================================================== */
/* modern brawzer
---------------------------*/
html body{	
	font-size:12px;}
html body .large{
	font-size:14px;}
html body .small{
	font-size:10px;}
	

html body h1,
html body h2,
html body h3,
html body h4,
html body h5{	
	font-size:12px;
	font-weight:normal !important;}


.no_margin{
	margin:0 !important;
	}
.mb_0{
	margin-bottom:0 !important;
	}
.mb_5{
	margin-bottom:5px !important;
	}
.mb_10{
	margin-bottom:10px !important;
	}
.mb_17{
	margin-bottom:17px !important;
	}

.pb_0{
	padding-bottom:0 !important;
	}


/* 3.LAYOUT
====================================================================================================== */
#wrapper{
	width:900px;
	margin:0 auto;
	}
	#wrapper_inn{
		width:800px;
		margin:0 auto;
		padding-top:20px;
		}
	.btn_close{
		width:52px;
		top:42px;
		right:0;
		}

#header{
	width:900px;
	position:relative;
	padding-top:21px;
	}
	.h1{
		margin-bottom:18px;
		height:41px;
		}
	.ul_backlink{
		position:absolute;
		width:316px;
		text-align:right;
		top:52px;
		right:0;
		}
		.ul_backlink li{
			display:inline;
			margin-left:20px;
			height:15px;
			font-size:xx-small;
			line-height:0;
			}
	#header_inn{
		width:800px;
		position:relative;
		}

.contents{
	width:900px;
	margin-top:30px;
	padding-bottom:35px;
	position:relative;
	min-height:708px;
	height:auto !important;
	height:708px;
	}
	.maincontents{
		width:650px;
		margin-left:250px;
		min-height:675px;
		height:auto !important;
		height:675px;
		}
	.leftmenu{
		width:220px;
		position:absolute;
		top:0;
		left:0;
		}
	.ul_mainmenu{
		padding:20px 0 0 10px;
		}
		.ul_mainmenu li{
			margin-bottom:21px;
			height:15px;
			font-size:xx-small;
			line-height:0;
			}
	.dl_sbumenu{
		}
		.dl_sbumenu dt{
			margin-bottom:13px;
			height:25px;
			font-size:xx-small;
			line-height:0;
			}
		.dl_sbumenu dd{
			padding: 0 0 12px 10px;
			height:13px;
			font-size:xx-small;
			line-height:0;
			}
		.dl_sbumenu dd.dd_dot{
			background:url(../images/bg_leftmenu_sub.gif) repeat-x bottom;
			padding-bottom:17px;
			margin-bottom:14px;
			}
	.recruitnavi{
		margin-bottom:20px;
		}

#footer{
	width:900px;
	margin:0 auto;
	position:relative;
	}
	#footer_inn{
		border-top:solid 1px #ddd;
		padding:3px 0 10px;
		text-align:center;
		}


/* 4.
====================================================================================================== */
#wrapper_inn .proviso{
	text-align:center;
	padding:27px 0 3px;
	}

#footer .proviso{
	padding:10px 400px 20px 15px;	
	}
	#footer .copy{
		position:absolute;
		top:10px;
		right:15px;
		width:400px;
		text-align:right;
		}
		#footer_inn .proviso{
		text-align:center;
		padding:27px 0 3px;
		}