@charset "UTF-8";

/* default
=========================================== */
body {
	margin: 0;
	padding: 0;
	text-align:center;
	color:#333;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	line-height: 1.3;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

table {
	font-size: inherit;
	font: 100%;
}

body * {
	line-height: 1.5;
}

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

p {
	margin-top: 0;
}

img,
a img {
	border: none;
}

/* anchor
=========================================== */
#mainContents a:link,
#mainContents a:active,
#mainContents a:visited {
	color:#0068b7;
	text-decoration: none;
}

#mainContents a:hover {
	text-decoration: underline;
}

#footer a:link,
#footer a:active,
#footer a:visited,
#header .hNav a:link,
#header .hNav a:active,
#header .hNav a:visited,
#header .hNav2 a:link,
#header .hNav2 a:active,
#header .hNav2 a:visited,
#header .hNav3 a:link,
#header .hNav3 a:active,
#header .hNav3 a:visited,
#sMap a:link,
#sMap a:active,
#sMap a:visited {
	color: #333;
	text-decoration: none;
}

#footer a:hover,
#header .hNav a:hover,
#header .hNav2 a:hover,
#header .hNav3 a:hover,
#sMap a:hover {
	text-decoration: underline;
}



/* layout
=========================================== */
#header .inner,
#mainContents,
#footer .inner {
	position:relative;
	width: 980px;
	margin: 0 auto;
	text-align:left;
}


/* header
=========================================== */
#header {
	margin-bottom: 1px;
	padding-top: 4px;
	background: transparent url("../images/bg_header.gif") repeat-x left top;
	border-bottom: 1px solid #cfd9e6;
}

#header ul,
#header p {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header li {
	float:left;
}

#header ul.navi {
	position:absolute;
	right: 0;
	top: 0;
}

#header ul.hNav {
	position:absolute;
	right: 185px;
	top: 3px;
}

#header .hNav a {
	display:block;
	padding-left: 17px;
	margin-right: 10px;
	font-weight:bold;
	background: transparent url("../images/blt_arrow01_off.gif") no-repeat left 0.3em;
}

#header .hNav a:hover {
	background-image: url("../images/blt_arrow01_on.gif");
}

#header ul.hNav2 {
	position:absolute;
	right: 185px;
	top: 25px;
}

#header .hNav2 a {
	display:block;
	padding-left: 17px;
	margin-right: 10px;
	font-weight:bold;
	background: transparent url("../images/blt_arrow01_off.gif") no-repeat left 0.3em;
}

#header .hNav2 a:hover {
	background-image: url("../images/blt_arrow01_on.gif");
}

#header ul.hNav3 {
	position:absolute;
	right: 325.5px;
	top: 47px;
	
}

#header .hNav3 a {
	display:block;
	padding-left: 17px;
	margin-right: 10px;
	font-weight:bold;
	background: transparent url("../images/blt_arrow01_off.gif") no-repeat left 0.3em;
}

#header .hNav3 a:hover {
	background-image: url("../images/blt_arrow01_on.gif");
}

/* ENGLISHコメントアウトの為追加ソース */
#header .navi {
	width: 88px;
}

#header .navi li {
	float: right;
}
/* ENGLISHコメントアウトの為追加ソース */


#header .navi li {
	margin-left: 8px;
}

/* font
=========================================== */

.fs10	{font-size:10px!important;}
.fs11	{font-size:11px!important;}
.fs12	{font-size:12px!important;}
.fs13	{font-size:13px!important;}
.fs14	{font-size:14px!important;}
.fs15	{font-size:15px!important;}
.fs16	{font-size:16px!important;}
.fs17	{font-size:17px!important;}
.fs18	{font-size:18px!important;}
.fs19	{font-size:19px!important;}
.fs20	{font-size:20px!important;}
.fs21	{font-size:21px!important;}
.fs22	{font-size:22px!important;}
.fs23	{font-size:23px!important;}
.fs24	{font-size:24px!important;}
.fs25	{font-size:25px!important;}
.fs26	{font-size:26px!important;}
.fs27	{font-size:27px!important;}
.fs28	{font-size:28px!important;}
.fs29	{font-size:29px!important;}
.fs30	{font-size:30px!important;}

.mt15 {
	margin-top: 15px;
}

.mincho {
    font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;
}


#fontSize {
	position:absolute;
	right: 0;
	top: 40px;
}

#fontSize p,
#fontSize ul {
	float:left;
}

#fontSize li {
	text-indent: -100000em;
	cursor: pointer;
}

#fontM {
	width: 52px;
	height: 22px;
	background: transparent url("../images/btn_m_on.gif") no-repeat left top;
}

#fontL {
	width: 52px;
	height: 22px;
	margin-left: 4px;
	background: transparent url("../images/btn_l_off.gif") no-repeat left top;
}


/* gnav
=========================================== */
#gNav {
	height: 56px;
	padding-top: 4px;
	background: transparent url("../images/bg_gnav.gif") repeat-x left top;
}

#gNav ul {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

#gNav li {
	float:left;
	margin: 0 5px 0 0;
	padding: 0;
	list-style:none;
}

#gNav li.last {
	margin: 0;
}

/* main contents
=========================================== */
#mainContents {
	padding-bottom: 64px;
}

/* breadcrumbs */
.breadcrumbs {
	margin: 0 0 30px;
	padding: 0;
	width: 100%;
}

.breadcrumbs li {
	float:left;
	margin: 0 8px 0 0;
	padding: 0;
	list-style:none;
}

.breadcrumbs li a {
	display:block;
	padding-right: 12px;
	background: transparent url("../images/blt_breadcrumbs.gif") no-repeat right center;
}

#main {
	width: 772px;
}

#main h2 {
	margin-bottom: 16px;
}

#main h3,
#main h4 {
	margin-bottom: 8px;
}


/* side
=========================================== */

#side {
	width: 184px;
}

#side h2 {
	margin-bottom: 16px;
}

#side .navi {
	margin: 0;
	padding: 0;
}

#side .navi li {
	margin: 0 0 3px;
	padding: 0;
	list-style:none;
}

#side .navi li img {
	vertical-align:bottom;
}

#side .navi .recruit {
	margin-top: 15px;
}


/* footer
=========================================== */
#footer {
	clear:both;
	padding-top: 9px;
	background: #f2f4f5 url("../images/bg_footer.gif") repeat-x left top;
}

#footer .fInner {
	position:relative;
	background: transparent url("../images/bg_copyright.gif") repeat-x left bottom;
}

/* fMenu */
#fNav {
	margin-bottom: 9px;
	background: transparent url("../images/line_footer.jpg") repeat-y right top;
	overflow: hidden;
}

#fNav ul {
	float: left;
	width: 189px;
	height: 31em;
	margin: 0;
	padding: 0 0 0 7px;
	background: transparent url("../images/line_footer.gif") repeat-y left top;
}

#fNav ul li {
	margin: 0;
	padding: 0;
	list-style:none;
}

#fNav ul ul {
	width: 203px;
	margin: 0 0 0 20px;
	padding: 0;
	background: none;
}

#fNav ul li a {
	display:block;
	margin-bottom: 11px;
	padding-left: 17px;
	font-weight:bold;
	background: transparent url("../images/blt_arrow01_off.gif") no-repeat left 0.3em;
}

#fNav ul li a:hover {
	background-image: url("../images/blt_arrow01_on.gif");
}

#fNav ul li li a {
	padding-left: 9px;
	font-weight:normal;
	background: transparent url("../images/blt_arrow02_off.gif") no-repeat left 0.4em;
	letter-spacing: -0.071em;
}

#fNav ul li li a:hover {
	background-image: url("../images/blt_arrow02_on.gif");
}

/* return top */
.returnTop {
	clear: both;
	position:absolute;
	right: 10px;
	bottom: 38px;
}

/* copyright */
.copyright {
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	text-align:right;
	color:#fff;
	font-size: 12px;
}

/* sitemap
=========================================== */
#sMap {
	margin-bottom: 9px;
	overflow: hidden;
	width: 772px;
}

#sMap ul {
	float: left;
	width: 236px;
	margin: 10px 32px 0 0;
	padding: 0;
}

#sMap ul li {
	margin: 0;
	padding: 0;
	list-style:none;
}

#sMap ul ul {
	width: 203px;
	margin: 0 0 0 20px;
	padding: 0;
	background: none;
}

#sMap ul li a {
	display:block;
	margin-bottom: 11px;
	padding-left: 17px;
	font-weight:bold;
	background: transparent url("../images/blt_arrow01_off.gif") no-repeat left 0.3em;
}

#sMap ul li a:hover {
	background-image: url("../images/blt_arrow01_on.gif");
}

#sMap ul li li a{
	padding-left: 9px;
	font-weight:normal;
	background: transparent url("../images/blt_arrow02_off.gif") no-repeat left 0.4em;
}

#sMap ul li li a:hover {
	background-image: url("../images/blt_arrow02_on.gif");
}

/* common
=========================================== */
.section {
	clear: both;
	margin-bottom: 40px;
}

.right {
	float: right;
	margin-left: 8px;
}

.left {
	float:left;
	margin-right: 8px;
}

.aroundtext {
	overflow: hidden;
}

.clear {
	clear:both;
}

.pmark {
	position: absolute;
	margin: 0 500px 0 0;

}

/* 矢印つきリンク */
.link a {
	padding: 1px 0 0 10px;
	background: transparent url("../../common/images/blt_link.gif") no-repeat left 0.5em;
}

.link a:hover {
	background-image: url("../../common/images/blt_link_on.gif");
}

.back,
.back2,
.back3 {
	text-align: right;
}

.back {
	margin: 16px 0 32px 0;
}

.back2 {
	margin: 32px 0 32px 0;
}

/* テーブルの基本体裁 */
.table01 {
	border: 1px solid #d9d9d9;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 10px;
}

.table01 th,
.table01 td {
	border: 1px solid #d9d9d9;
	font-weight: normal;
	padding: 12px 15px;
	text-align: left;
}

.table01 th {
	background: #f2f4f5;
}

#main .table02 {
	border-collapse: collapse;
	border-spacing: 0;
}

#main .table02 th,
#main .table02 td {
	border-bottom: 1px dotted #bfbfbf;
	padding: 12px 5px;
	text-align: left;
}

#main .table03 {
	margin-bottom:30px;
}

#main .table03 tr,
#main .table03 td,
#main .table03 dd {
	border: 0;
	vertical-align: top;
}

/* NEWS
=========================================== */
#newsList{
	list-style-type: none;
	position: relative;
    width: 752px;
    margin: 0 0 7px;
    padding: 0 9px;
    border: 1px solid #d9d9d9;
}
#newsList .newsdate{
	width: 8em;
	left: 8px;
	margin: 0;
	padding: 12px 0 8px 8px;
}
#newsList .cat_icon {
    display: inline-block;
    min-width: 5em;
    text-align: center;
    padding: 3px 0;
    color: #ffffff;
    margin-left: 15px;
    /*background: orange;*/
}
#newsList .newsItem{
	display: table;
	padding: 10px 0 10px 0;
	width: 100%;
    background: transparent url(/common/images/line_dot_news.gif) repeat-x left bottom;
}
#newsList .newsItem:last-child{
	background: none;
}
.newsItem .hd,.newsItem .cont{
	display: table-cell;
}
.newsItem .hd{
	width: 185px;
}
.newsItem .cont{
	max-width: 550px;
}
.cat_icon{
	display: inline-block;
    min-width: 5.3em;
    text-align: center;
    padding: 3px 0;
    color: #ffffff;
}
.cat1 {
	background: #4ba45f;
}
.cat2 {
    background: #ff7fbf;
}
.cat3 {
    background: orange;
}
/* clearfix */
.clearfix:after,
.nav:after,
.section:after,
.breadcrumbs:after,
#mainContents:after,
#main:after,
#fNav:after {
    content: "";
    display: block;
    clear: both;
}

.clearfix,
.nav,
.section,
.breadcrumbs,
#mainContents,
#main,
#fNav {
	display: inline-table;
	min-height: 1%;
}