@charset "utf-8";

/***** -- RESET STYLE -- *****/
html, body, div, span, object,
h1, h2, h3, h4, h5, p, pre,
a, address, em, font, img, small,
strong, sub, sup, var, dl, dt, dd,
ol, ul, li, fieldset, form, label,
table, caption, tbody, tfoot, thead, tr, th, td,
button, fieldset, form, input, label, legend, select, textarea{
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	line-height: 1.5em;
	font-size: 12px;
	font-family: Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック', sans-serif;
}
ul li{
	list-style: none;
}
div,ul,li,ol,li,dl,dt,dd{
	zoom:1;
}
div:after,ul:after,li:after,dl:after,dt:after,dd:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.001em;
	line-height: 0;
}

/***** -- BODY -- *****/
body{
	color: #545454;
	overflow-y: scroll;
}
	* html body{
		text-align: center;
		overflow-y: scroll;
	}
	*+html body{
		overflow: hidden;
	}

/***** -- LINK STYLE -- ******/
a {
	color: #83688f;
	text-decoration: none;
	overflow: hidden;
}
	* html a {
		overflow: visible;
	}
	*+html a {
		overflow: visible;
	}
a:hover{
	color: #83688f;
	text-decoration: underline;
}
a img{
	border: 0;
}

/***** -- TABLE -- ******/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th,td {
	border-collapse: collapse;
}

/***** -- OTHERS -- *****/
strong{
	font-weight: bold;
}
img{
	border: none;
	vertical-align: top;
}
/***** -- FORM PARTS -- *****/
input{
	padding: 0.1em;
	vertical-align: middle;
}
input[type="text"]{
	height: 1.2em;
	line-height: 1.2em;
}
	* html input.text {
		height: 1.2em;
		line-height: 1.2em;
	}
input[type="checkbox"],
input[type="radio"]{
	padding: 0;
	vertical-align: baseline;
}

	* html input.checkbox,
	* html input.radio{
		vertical-align: -0.3em;
	}
	
	*+html input[type="checkbox"],
	*+html input[type="radio"]{
		vertical-align: 0;
	}
input[type="submit"]{
	padding: 0.3em;
	line-height: 1;
}
	* html input.submit{
		padding: 0.3em 0.1em 0.1em;
	}
	*+html input[type="submit"]{
		padding: 0.3em 0.1em 0.2em;
	}
select {
	padding: 0;
	vertical-align: baseline;
}
	* html select{
		vertical-align: middle;
	}
	*+html select{
		vertical-align: -0.2em;
	}
select option{
	padding : 0 5px;
}
textarea {
	padding: 0.1em;
	line-height: 1.2em;
	vertical-align: middle;
}


/***** -- CONTAINER -- *****/
#container{
	
}
/***** -- HEADER -- *****/
#header{
	height: 104px;
	background: url('../images/common/head_bg.gif') repeat-x;
}
#headerInner{
	margin: 0 auto;
	width: 951px;
	position: relative;
}
#header #logo{
	width: 285px;
	height: 24px;
	position: absolute;
	top: 23px;
	left: 0;
}
#header #logo a{
	display: block;
	width: 285px;
	height: 24px;
}
#header h1{
	color: #6f6f6f;
	font-size: 10px;
	position: absolute;
	top: 35px;
	left: 300px;
}
#header #tel{
	width: 264px;
	height: 53px;
	position: absolute;
	top: 0;
	right: 1px;
}
/***** -- NAVI -- *****/
#gNav{
	width: 951px;
	height: 45px;
	position: absolute;
	top: 57px;
	left: 0;
}
#nav{
	width: 951px;
	height: 45px;
	background: url('../images/common/navi.gif') no-repeat;
	position: relative;
}
#nav li{
	float: left;
	width: 190px;
	height: 45px;
	position: relative;
}
#nav li a{
	display: block;
	width: 190px;
	height: 45px;
	text-indent: -999em;
}
#nav li.gNav01 a{
	background: url('../images/common/navi.gif') no-repeat 0 0;
}
#nav li.gNav02 a{
	background: url('../images/common/navi.gif') no-repeat -190px 0;
}
#nav li.gNav03 a{
	background: url('../images/common/navi.gif') no-repeat -380px 0;
}
#nav li.gNav04 a{
	background: url('../images/common/navi.gif') no-repeat -570px 0;
}
#nav li.gNav05 a{
	background: url('../images/common/navi.gif') no-repeat -760px 0;
}
#nav li.gNav01 a:hover,
#nav li.gNav01 a.current{
	background-position: 0 -45px;
}
#nav li.gNav02 a:hover,
#nav li.gNav02 a.current{
	background-position: -190px -45px;
}
#nav li.gNav03 a:hover,
#nav li.gNav03 a.current{
	background-position: -380px -45px;
}
#nav li.gNav04 a:hover,
#nav li.gNav04 a.current{
	background-position: -570px -45px;
}
#nav li.gNav05 a:hover,
#nav li.gNav05 a.current{
	background-position: -760px -45px;
}
#nav ul{
	display: none;
	position: absolute;
	top: 47px;
	left: 0;
}
	* html #nav ul{
		line-height: 0;
	}
#nav ul li{
	float: none;
}
#nav ul.sNav01{
	width: 213px;
}
#nav ul.sNav01 li.subNav01,
#nav ul.sNav01 li.subNav02,
#nav ul.sNav01 li.subNav03,
#nav ul.sNav01 li.subNav04,
#nav ul.sNav01 li.subNav05,
#nav ul.sNav01 li.subNav06,
#nav ul.sNav01 li.subNav07,
#nav ul.sNav01 li.subNav08{
	height: 32px;
}
#nav ul.sNav01 li.subNav09{
	height: 33px;
}
#nav ul.sNav01 li a{
	display: block;
	width: 213px;
	zoom: 1;
}
#nav ul.sNav01 li.subNav01 a{
	height: 32px;
	background: url('../images/common/nav02_01.gif') no-repeat;
}
#nav ul.sNav01 li.subNav02 a{
	height: 32px;
	background: url('../images/common/nav02_02.gif') no-repeat;
}
#nav ul.sNav01 li.subNav03 a{
	height: 32px;
	background: url('../images/common/nav02_03.gif') no-repeat;
}
#nav ul.sNav01 li.subNav04 a{
	height: 32px;
	background: url('../images/common/nav02_04.gif') no-repeat;
}
#nav ul.sNav01 li.subNav05 a{
	height: 32px;
	background: url('../images/common/nav02_05.gif') no-repeat;
}
#nav ul.sNav01 li.subNav06 a{
	height: 32px;
	background: url('../images/common/nav02_06.gif') no-repeat;
}
#nav ul.sNav01 li.subNav07 a{
	height: 32px;
	background: url('../images/common/nav02_07.gif') no-repeat;
}
#nav ul.sNav01 li.subNav08 a{
	height: 32px;
	background: url('../images/common/nav02_08.gif') no-repeat;
}
#nav ul.sNav01 li.subNav09 a{
	height: 33px;
	background: url('../images/common/nav02_09.gif') no-repeat;
}
#nav ul.sNav01 li.subNav01 a:hover,
#nav ul.sNav01 li.subNav02 a:hover,
#nav ul.sNav01 li.subNav03 a:hover,
#nav ul.sNav01 li.subNav04 a:hover,
#nav ul.sNav01 li.subNav05 a:hover,
#nav ul.sNav01 li.subNav06 a:hover,
#nav ul.sNav01 li.subNav07 a:hover,
#nav ul.sNav01 li.subNav08 a:hover{
	background-position: 0 -32px;
}
#nav ul.sNav01 li.subNav09 a:hover{
	background-position: 0 -33px;
}
#nav ul.sNav02 {
	width: 190px;
}
#nav ul.sNav02 li.subNav10,
#nav ul.sNav02 li.subNav11,
#nav ul.sNav02 li.subNav12,
#nav ul.sNav02 li.subNav13{
	height: 32px;
}
#nav ul.sNav02 li.subNav14{
	height: 33px;
}
#nav ul.sNav02 li a{
	display: block;
	width: 190px;
	zoom: 1;
}
#nav ul.sNav02 li.subNav10 a{
	height: 32px;
	background: url('../images/common/nav03_01.gif') no-repeat;
}
#nav ul.sNav02 li.subNav11 a{
	height: 32px;
	background: url('../images/common/nav03_02.gif') no-repeat;
}
#nav ul.sNav02 li.subNav12 a{
	height: 32px;
	background: url('../images/common/nav03_03.gif') no-repeat;
}
#nav ul.sNav02 li.subNav13 a{
	height: 32px;
	background: url('../images/common/nav03_04.gif') no-repeat;
}
#nav ul.sNav02 li.subNav14 a{
	height: 33px;
	background: url('../images/common/nav03_05.gif') no-repeat;
}
#nav ul.sNav02 li.subNav10 a:hover,
#nav ul.sNav02 li.subNav11 a:hover,
#nav ul.sNav02 li.subNav12 a:hover,
#nav ul.sNav02 li.subNav13 a:hover{
	background-position: 0 -32px;
}
#nav ul.sNav02 li.subNav14 a:hover{
	background-position: 0 -33px;
}

#nav ul.sNav04 {
	width: 191px;
}
#nav ul.sNav04 li.subNav15,
#nav ul.sNav04 li.subNav16,
#nav ul.sNav04 li.subNav17,
#nav ul.sNav04 li.subNav18{
	height: 32px;
}
#nav ul.sNav04 li.subNav19{
	height: 33px;
}
#nav ul.sNav04 li a{
	display: block;
	width: 191px;
	zoom: 1;
}
#nav ul.sNav04 li.subNav15 a{
	height: 32px;
	background: url('../images/common/nav04_01.gif') no-repeat;
}
#nav ul.sNav04 li.subNav16 a{
	height: 32px;
	background: url('../images/common/nav04_02.gif') no-repeat;
}
#nav ul.sNav04 li.subNav17 a{
	height: 32px;
	background: url('../images/common/nav04_03.gif') no-repeat;
}
#nav ul.sNav04 li.subNav18 a{
	height: 32px;
	background: url('../images/common/nav04_04.gif') no-repeat;
}
#nav ul.sNav04 li.subNav19 a{
	height: 33px;
	background: url('../images/common/nav04_05.gif') no-repeat;
}
#nav ul.sNav04 li.subNav15 a:hover,
#nav ul.sNav04 li.subNav16 a:hover,
#nav ul.sNav04 li.subNav17 a:hover,
#nav ul.sNav04 li.subNav18 a:hover{
	background-position: 0 -32px;
}
#nav ul.sNav04 li.subNav19 a:hover{
	background-position: 0 -33px;
}

/***** -- MAIN IMG -- *****/
#mainImg{
	margin: 0 0 1px;
	background: url('../images/common/conts_top_bg.gif') repeat-x;
}
#mainImgInner{
	margin: 0 auto;
	width: 951px;
	height: 259px;
	background: url('../images/top/main.jpg') no-repeat;
	text-align: left;
}
#mainImgInner .recruitBtn{
	padding: 11px 0 0 377px;
	width: 469px;
	height: 66px;
}
#mainImgInner .recruitBtnInner{
	width: 469px;
	height: 66px;
	background: url('../images/top/main_btn_on.gif') no-repeat;
}
#mainImgInner .recruitBtnInner a{
	display: block;
	width: 469px;
	height: 66px;
}
#mainImgInner .recruitBtnInner a:hover{
	background-color: transparent;
}
#mainImgInner .recruitBtnInner a:hover img{
	visibility: hidden;
}
#mainImgInner ul{
	padding: 112px 0 0 27px;
}
#mainImgInner ul li{
	margin: 0 7px 0 0;
	float: left;
	width: 219px;
	height: 57px;
	overflow: hidden;
}
#mainImgInner ul li a{
	display: block;
	width: 219px;
	height: 57px;
	text-indent: -999em;
}
#mainImgInner ul li.mainImg01 a{
	background: url('../images/top/btn_mainimg01.gif') no-repeat;
}
#mainImgInner ul li.mainImg02 a{
	background: url('../images/top/btn_mainimg02.gif') no-repeat;
}
#mainImgInner ul li.mainImg03 a{
	background: url('../images/top/btn_mainimg03.gif') no-repeat;
}
#mainImgInner ul li.mainImg04 a{
	background: url('../images/top/btn_mainimg04.gif') no-repeat;
}
#mainImgInner ul li a:hover{
	background-position: 0 -57px;
}
/***** -- CONTENTS -- *****/
#contents{
	
}
.lower{
	padding: 3px 0 0;
	background: url('../images/common/conts_top_bg.gif') repeat-x;
}
#contentsInner{
	margin: 0 auto 1px;
	width: 951px;
	background: url('../images/common/conts_bg.gif') repeat-y;
	text-align: left;
}
#mainColumn{
	float: left;
	width: 735px;
}
#mainColumn .contact{
	margin: 0 0 30px;
}

#mainColumn .contact .contactInner{
	margin: 0 auto;
	width: 631px;
	height: 107px;
	background: url('../images/common/main_contact.gif') no-repeat;
	position: relative;
}
#mainColumn .contact .contactInner a{
	display: block;
	width: 271px;
	height: 48px;
	background: url('../images/common/btn_main_mail.gif') no-repeat;
	text-indent: -999em;
	overflow: hidden;
	position: absolute;
	top: 45px;
	left: 340px;
}
#mainColumn .contact .contactInner a:hover{
	background-position: 0 -48px;
}
#sideColumn{
	padding: 14px 9px 0 8px;
	float: right;
	width: 185px;
	_width: 202px;
}
#sideRecruit{
	margin: 0 0 5px;
}
#sideRecruit p{
	width: 186px;
	height: 186px;
	background: url('../images/side/side_recruit.jpg') no-repeat;
}
#sideRecruit p a{
	padding: 115px 0 0 20px;
	color: #545454;
	line-height: 1.2em;
	display: block;
	width: 166px;
	_width: 186px;
	height: 71px;
	_height: 186px;
}
#sideRecruit p a:hover{
	background: url('../images/side/side_recruit.jpg') no-repeat 0 -186px;
	text-decoration: none;
}

/*20120120追記*/
#sideFacebook {
	width: 186px;
	height: 48px;
	margin: 0 0 13px;
}

#sideFacebook a {
	/*padding: 115px 0 0 20px;*/
	background: url('../images/side/side_facebook.jpg') no-repeat;
	/*line-height: 1.2em;*/
	display: block;
	/*width: 186px;*/
	height: 48px;
	text-indent: -999em;
}

#sideFacebook a:hover {
	background-position: 0 -48px;
	text-decoration: none;
}

/*20120120追記*/

#sideBnr{
	margin: 0 0 5px;
}
#sideBnr ul li.sideBnr01{
	margin: 0 0 10px;
	width: 186px;
	height: 68px;
	overflow: hidden;
}
#sideBnr ul li.sideBnr01 a{
	display: block;
	width: 186px;
	height: 68px;
	background: url('../images/side/side_bnr01.gif') no-repeat;
	text-indent: -999em;
}
#sideBnr ul li.sideBnr01 a:hover{
	background-position: 0 -68px;
}
#sideBnr ul li.sideBnr02{
	margin: 0 0 5px;
	width: 186px;
	height: 48px;
	overflow: hidden;
}
#sideBnr ul li.sideBnr02 a{
	display: block;
	width: 186px;
	height: 48px;
	background: url('../images/side/side_bnr02.gif') no-repeat;
	text-indent: -999em;
}
#sideBnr ul li.sideBnr02 a:hover{
	background: url('../images/side/side_bnr02.gif') no-repeat 0 -48px;
}
#sideBnr ul li.sideBnr03{
	margin: 0 0 5px;
	width: 186px;
	height: 48px;
	overflow: hidden;
}
#sideBnr ul li.sideBnr03 a{
	display: block;
	width: 186px;
	height: 48px;
	background: url('../images/side/side_bnr03.gif') no-repeat;
	text-indent: -999em;
}
#sideBnr ul li.sideBnr03 a:hover{
	background: url('../images/side/side_bnr03.gif') no-repeat 0 -48px;
}
#sideBnr ul li.sideBnr04{
	margin: 0 0 5px;
	width: 186px;
	height: 48px;
	overflow: hidden;
}
#sideBnr ul li.sideBnr04 a{
	display: block;
	width: 186px;
	height: 48px;
	background: url('../images/side/side_bnr04.gif') no-repeat;
	text-indent: -999em;
}
#sideBnr ul li.sideBnr04 a:hover{
	background: url('../images/side/side_bnr04.gif') no-repeat 0 -48px;
}
#sideBnr ul li.sideBnr05{
	margin: 0 0 5px;
	width: 186px;
	height: 48px;
	overflow: hidden;
}
#sideBnr ul li.sideBnr05 a{
	display: block;
	width: 186px;
	height: 48px;
	background: url('../images/side/side_bnr05.gif') no-repeat;
	text-indent: -999em;
}
#sideBnr ul li.sideBnr05 a:hover{
	background: url('../images/side/side_bnr05.gif') no-repeat 0 -48px;
}

/*20111104追加*/
#sideBnr ul li.sideBnr06{
	margin: 0 0 5px;
	width: 186px;
	height: 186px;
	overflow: hidden;
}
#sideBnr ul li.sideBnr06 a{
	display: block;
	width: 186px;
	height: 186px;
	background: url('../images/side/side_datacard.jpg') no-repeat;
	text-indent: -999em;
}
#sideBnr ul li.sideBnr06 a:hover{
	background: url('../images/side/side_datacard.jpg') no-repeat 0 -186px;
}
/*20111104追加*/

#sideContact{
	width: 186px;
	height: 148px;
	background: url('../images/side/side_contact.gif') no-repeat;
	position: relative;
}
#sideContact a{
	display: block;
	width: 164px;
	height: 28px;
	background: url('../images/side/btn_side_mail.gif') no-repeat;
	text-indent: -999em;
	overflow: hidden;
	position: absolute;
	top: 110px;
	left: 11px;
}
#sideContact a:hover{
	background: url('../images/side/btn_side_mail.gif') no-repeat 0 -28px;
}

#pmark, .box_01{
	margin: 10px 0;
}

#footerLink{
	
}
#footerLinkInner{
	margin: 0 auto 20px;
	width: 951px;
	background: url('../images/common/dott02.gif') repeat-x;
}
#footerLinkInner ul{
	padding: 10px 0 0;
}
#footerLinkInner ul li{
	margin: 0 15px 0 0;
	padding: 0 0 0 8px;
	float: left;
	background: url('../images/common/arrow.gif') no-repeat 0 7px;
}

/***** -- FOOTER -- *****/
#footer{
	height: 109px;
	background: url('../images/common/foot_bg.gif') repeat-x;
}
#footerInner{
	margin: 0 auto;
	width: 951px;
	height: 109px;
	position: relative;
}
#footer #flogo{
	width: 222px;
	height: 20px;
	position: absolute;
	top: 24px;
	left: 0;
}
#footer #catch{
	font-size: 10px;
	position: absolute;
	top: 30px;
	left: 237px;
}
#footer address{
	width: 290px;
	height: 12px;
	background: url('../images/common/copyright.gif') no-repeat;
	text-indent: -999em;
	position: absolute;
	right: 1px;
	bottom: 20px;
}
#footer ul{
	position: absolute;
	top: 78px;
	left: 0;
}
#footer ul li{
	margin: 0 8px 0 0;
	padding: 0 8px 0 0;
	border-right: 1px solid #e9eaea;
	float: left;
}
#footer ul li.last{
	border: none;
}
#footer ul li a{
	color: #545454;
}

/*右サイド*/
.box_01 {
	width: 184px;
	background-color: #ffffff;
	border: 1px solid #c9c5c5;
}

.box_img {
	text-align: center;
	margin-top: 10px;
}

.box_01 p {
	margin: 5px 10px 5px;
	font-size: 10px;
	font-weight: bold;
}

.box_02 {
	width: 186px;
	margin: 0 auto;
}

