@charset "UTF-8";

/*
Name	:common.css
Date	:2011.11.18
Update	:2011.11.18
*/


/* base
----------------------------------------------- */
html {
	background: #fff;
}
body {
	background: url(../images/bg.gif) repeat;
	color: #333;
	text-align: center;
}


/* link
----------------------------------------------- */
a { overflow: hidden; }
a:link { color: #F39800; text-decoration: underline; }
a:visited { color: #F39800; text-decoration: underline; }
/*a:hover { color: #F27800; text-decoration: underline; }*/
a:hover { color: #F26400; text-decoration: underline; }


/* font detail
----------------------------------------------- */
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.caution { color: #F26400; font-weight: bold; }


/* container
----------------------------------------------- */
#container {
	width: 100%;
	margin: 0 auto;
	background: url(../images/bg_container.gif) repeat-x 0 0;
}
#wrapper {
	width: 960px;
	margin: 10px auto 0;
	text-align: left;
}


/* header
----------------------------------------------- */
#header {
	position: relative;
	width: 960px;
	height: 64px;
	margin: 0 auto;
}
#header #logo {
	position: absolute;
	top: 12px;
	left: 20px;
}
#header #text {
	position: absolute;
	top: 26px;
	right: 0;
}


/* globalNavi
----------------------------------------------- */
#globalNavi {
	width: 960px;
	height: 60px;
	margin: 0 auto;
}
#globalNavi li {
	float: left;
}
#globalNavi li a {
	display: block;
	width: 160px;
	height: 60px;
	text-indent: -9999px;
}
#globalNavi .gn01 a { background: url(../images/globalNavi.png) no-repeat 0 0; }
#globalNavi .gn02 a { background: url(../images/globalNavi.png) no-repeat -160px 0; }
#globalNavi .gn03 a { background: url(../images/globalNavi.png) no-repeat -320px 0; }
#globalNavi .gn04 a { background: url(../images/globalNavi.png) no-repeat -480px 0; }
#globalNavi .gn05 a { background: url(../images/globalNavi.png) no-repeat -640px 0; }
#globalNavi .gn06 a { background: url(../images/globalNavi.png) no-repeat -800px 0; }

#globalNavi .gn01 a:hover { background: url(../images/globalNavi.png) no-repeat 0 -60px; }
#globalNavi .gn02 a:hover { background: url(../images/globalNavi.png) no-repeat -160px -60px; }
#globalNavi .gn03 a:hover { background: url(../images/globalNavi.png) no-repeat -320px -60px; }
#globalNavi .gn04 a:hover { background: url(../images/globalNavi.png) no-repeat -480px -60px; }
#globalNavi .gn05 a:hover { background: url(../images/globalNavi.png) no-repeat -640px -60px; }
#globalNavi .gn06 a:hover { background: url(../images/globalNavi.png) no-repeat -800px -60px; }

#globalNavi .gn01 .current { background: url(../images/globalNavi.png) no-repeat 0 0; }
#globalNavi .gn02 .current { background: url(../images/globalNavi.png) no-repeat -160px -60px; }
#globalNavi .gn03 .current { background: url(../images/globalNavi.png) no-repeat -320px -60px; }
#globalNavi .gn04 .current { background: url(../images/globalNavi.png) no-repeat -480px -60px; }
#globalNavi .gn05 .current { background: url(../images/globalNavi.png) no-repeat -640px -60px; }
#globalNavi .gn06 .current { background: url(../images/globalNavi.png) no-repeat -800px -60px; }

#globalNavi .gn01 .parentsLink { background: url(../images/globalNavi.png) no-repeat 0 0; }
#globalNavi .gn02 .parentsLink { background: url(../images/globalNavi.png) no-repeat -160px -60px; }
#globalNavi .gn03 .parentsLink { background: url(../images/globalNavi.png) no-repeat -320px -60px; }
#globalNavi .gn04 .parentsLink { background: url(../images/globalNavi.png) no-repeat -480px -60px; }
#globalNavi .gn05 .parentsLink { background: url(../images/globalNavi.png) no-repeat -640px -60px; }
#globalNavi .gn06 .parentsLink { background: url(../images/globalNavi.png) no-repeat -800px -60px; }


/* main
----------------------------------------------- */
#main {
	float: right;
	width: 685px;
	background: url(../images/bg_main.gif) repeat-y 0 0;
}
#mainInner {
	width: 685px;
	padding: 0 0 50px;
	background: url(../images/bg_main_bottom.gif) no-repeat left bottom;
}
#mainInner p {
	margin: 15px 0 0;
}
#contents {
	width: 635px;
	margin: 0 0 0 25px;
}


/* side
----------------------------------------------- */
#side {
	float: left;
	width: 265px;
}
#side .banner li {
	margin: 5px 0 0;
}

#sideNavi {
	width: 265px;
	margin: 0 0 10px;
	background: url(../images/bg_sideNavi.gif) repeat-y 0 0;
}
#sideNavi dl {
	padding: 0 0 20px;
	background: url(../images/bg_sideNavi_bottom.gif) no-repeat left bottom;
}
#sideNavi dl dd {
	margin: 0 15px;
	padding: 10px 0 12px;
	background: url(../images/border01.gif) no-repeat left bottom;
}
#sideNavi dl dd a {
	padding: 0 0 0 14px;
	background: url(../images/icon_arrow01.gif) no-repeat 4px center;
}
#sideNavi dl dd a:link { color: #4D4D4D; text-decoration: none; }
#sideNavi dl dd a:visited { color: #4D4D4D; text-decoration: none; }
#sideNavi dl dd a:hover { color: #F27800; text-decoration: underline; }

#sideNavi dl dd .this {
	color: #F27800!important;
	text-decoration: underline!important;
	font-weight: bold;
}


.recruit_bnr img{         /* recruit_201601 */
	margin:10px 35px 0 35px;
	}

.recruit_bnr {
	margin:0 0 20px 0;
	}


/* footer
----------------------------------------------- */
#footer {
	width: 100%;
	margin: 0 auto;
	background: #fff url(../images/bg_footer.gif) repeat-x 0 0;
}
#footerInner {
	width: 960px;
	margin: 0 auto;
	padding: 25px 0;
	text-align: left;
}
#footer address {
	color: #AAA4A2;
	font-size: 0.6em;
}
#footerNavi {
	float: right;
	width: 204px;
	height: 15px;
}
#footerNavi li {
	float: left;
}
#footerNavi li a {
	display: block;
	height: 15px;
	text-indent: -9999px;
}
#footerNavi .fn01 a { background: url(../images/footerNavi.gif) no-repeat 0 0; width: 115px; }
#footerNavi .fn02 a { background: url(../images/footerNavi.gif) no-repeat -134px 0; width: 70px; margin-left: 19px; }

#footerNavi .fn01 a:hover { background: url(../images/footerNavi.gif) no-repeat 0 -15px; }
#footerNavi .fn02 a:hover { background: url(../images/footerNavi.gif) no-repeat -134px -15px; }


/* pageTop
----------------------------------------------- */
#pageTop {
	width: 960px;
	height: 18px;
	margin: 0 auto;
	padding: 5px 0 8px;
}
#pageTop a {
	display: block;
	width: 103px;
	height: 18px;
	margin: 0 0 0 857px;
	background: url(../images/pageTop.gif) no-repeat 0 0;
	text-indent: -9999px;
}
#pageTop a:hover {
	background: url(../images/pageTop.gif) no-repeat 0 -18px;
}


/* topicPath
----------------------------------------------- */
#topicPath {
	width: 685px;
	background: url(../images/bg_main_top.gif) no-repeat 0 0;
}
#topicPath ul {
	padding: 15px 25px 0 0;
	text-align: right;
	font-size: 0.7em;
}
#topicPath ul li {
	display: inline;
	font-weight: bold;
}
#topicPath ul li a {
	display: inline;
	padding: 0 10px 0 0;
	background: url(../images/icon_arrow02.gif) no-repeat right center;
	font-weight: normal;
}


/* table
----------------------------------------------- */
.tableType01 {
	width: 100%;
	margin: 10px 0 0;
	border: 2px solid #D4D1D1;
}
.tableType01 th {
	padding: 8px 12px;
	border-right: 1px solid #D4D1D1;
	border-bottom: 1px solid #D4D1D1;
	color: #AAA4A2;
	text-align: left;
}
.tableType01 td {
	padding: 8px 12px;
	border-right: 1px solid #D4D1D1;
	border-bottom: 1px solid #D4D1D1;
}
.tableType01 td img {
	vertical-align: text-bottom;
}

.tableType02 {
	width: 100%;
	border: 2px solid #D4D1D1;
}
.tableType02 tr {
	vertical-align: top;
}
.tableType02 th {
	white-space: nowrap;
	width: 1%;
	padding: 8px 12px;
	border-right: 1px solid #D4D1D1;
	border-bottom: 1px solid #D4D1D1;
	background: #FFF9EB;
	color: #7F7674;
	text-align: left;
}
.tableType02 td {
	padding: 8px 12px;
	border-right: 1px solid #D4D1D1;
	border-bottom: 1px solid #D4D1D1;
}


/* list
----------------------------------------------- */
.listType01 {
	width: 635px;
}
.listType01 li {
	padding: 10px 0 11px;
	_padding: 10px 0;
	background: url(../images/border01.gif) no-repeat left bottom;
}
.listType01 li .date {
	margin: 0 15px 0 0;
	padding: 0 0 0 14px;
	background: url(../images/icon_arrow01.gif) no-repeat 4px center;
}
.listType01 li img {
	margin: 0 10px 0 0;
	vertical-align: text-bottom;
}


/* pageNavi
----------------------------------------------- */
.pageNavi {
	margin: 20px 0 0;
	text-align: center;
}
.pageNavi li {
	display: inline;
	margin: 0 2px;
	padding: 0;
	line-height: normal;
}
.pageNavi li span,
.pageNavi li a {
	display: inline-block;
	padding: 3px 8px;
	background: #FFECBB;
	border: 1px solid #FFECBB;
	text-decoration: none;
	vertical-align: middle;
}
.pageNavi li a:hover {
	background: #FFDA78;
	border-color: #F27800;
	color: #F27800;
}
.pageNavi a:link,
.pageNavi a:visited,
.pageNavi a:hover {
	text-decoration: none;
}


/* recruit */

.recruit_area{
	padding:15px 0;
	}

.recruit_area img {
	margin:0 10px 0 0;
	}


.recruit_area h3{
	font-weight: normal;
	margin-bottom: 1em;
	margin-top: 1.2em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
	padding-top: 0.5em;
}

.recruit_area p {
	font-size:smaller;
	}


/* clearfix
----------------------------------------------- */
#wrapper:after,
#headerNavi:after,
#globalNavi:after,
#footerInner:after {
	content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}