@charset "utf-8";

body {
 color: #666;
 font: 0.80em/1.5em HiraKakuPro-W3,'ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','ＭＳ Ｐゴシック',sans-serif;
 background: white url(../common-images/bg_img.jpg) repeat-x;
 text-align: left;
}

* {
 margin: 0;
 padding: 0;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	padding: 0px;
 text-indent: -9999px;
}

img {
 margin: 0;
 padding: 0;
 border-style: none;
 border-width: 0;
 vertical-align:bottom
}

.none {
 display: none;
}

p {
	margin: 10px 0px 30px;
	padding: 0px;
 font-size: 12px;
 text-align: left;
}

#container {
 margin: 0 auto;
 padding: 0;
 width: 750px;
 display: block;
}

#header {
 width: 750px;
 height: 79px;
 clear: both;
 float: left;
 background: url(../common-images/header.gif) no-repeat;
 margin-top: 6px;
}

#header .home a {
 text-indent: -9999px;
 width: 115px;
 height: 50px;
 display: block;
 margin-top: 20px;
 float: left;
}

/* @group navigations */

#navigations {
 float: right;
 height: 30px;
 width: 230px;
 margin-top: 45px;
}

ul#nav {
 margin: 0;
 height: 30px;
 padding: 0;
 width: 230px;
}

ul#nav li {
 list-style: none;
 float: left;
}

ul#nav li a {
text-indent: -9999px;
 text-decoration: none;
 border: none !important;
 height: 30px;
 display: block;
}

ul#nav li#info a {
 height: 30px;
 width: 83px;
}

ul#nav li#recruit a {
 height: 30px;
 width: 87px;
}

ul#nav li#blog a {
 height: 30px;
 width: 60px;
}

ul#nav li#info a:hover {
 height: 30px;
 width: 83px;
 background: url(../common-images/header.gif) -520px 34px;
}

ul#nav li#recruit a:hover {
 height: 30px;
 width: 87px;
  background: url(../common-images/header.gif) -603px 34px;

}

ul#nav li#blog a:hover {
 height: 30px;
 width: 60px;
  background: url(../common-images/header.gif) -690px 34px;

}

/* Sub navigation */

.subnavigations {
 float: left;
 height: 23px;
 width: 300px;
 background-color: gray;
}

ul#subnav {
 height: 23px;
 width: 300px;
}

ul#subnav li {
 list-style: none;
 float: left;
}

ul#subnav li a {
text-indent: -9999px;
 text-decoration: none;
 border: none !important;
 height: 23px;
 display: block;
}

ul#subnav li#gaiyo a {
 width: 78px;
 height: 23px;
 background: url(../common-images/footer.gif) no-repeat 0 0;
}

ul#subnav li#contact a {
 width: 102px;
 height: 23px;
 background: url(../common-images/footer.gif) no-repeat -78px 0;
}

ul#subnav li#policy a {
 width: 120px;
 height: 23px;
 background: url(../common-images/footer.gif) no-repeat -180px 0;
}

ul#subnav li#gaiyo a:hover {

 background: url(../common-images/footer.gif) no-repeat 0 -23px;
}

ul#subnav li#contact a:hover {
 background: url(../common-images/footer.gif) no-repeat -78px -23px;
}

ul#subnav li#policy a:hover {

 background: url(../common-images/footer.gif) no-repeat -180px -23px;
}

ul#subnav li#gaiyo a.active {

 background: url(../common-images/footer.gif) no-repeat 0 -23px;
}

ul#subnav li#contact a.active {

 background: url(../common-images/footer.gif) no-repeat -78px -23px;
}

ul#subnav li#policy a.active {

 background: url(../common-images/footer.gif) no-repeat -180px -23px;
}

/* @end */

.content {
 width: 750px;
 display: inline;
 background: url(../common-images/content_bg.jpg) repeat-y;
 float: left;
 text-align: left;
}

.shadowL {
 width: 5px;
 background-color: white;
 display: inline;
 float: left;
}

.shadowR {
 width: 5px;
 float: right;
 background-color: white;
 display: inline;
}

.wrapper {
 width: 740px;
 display: inline;
 float: left;
}

.mainimg {
 width: 740px;
 height: 265px;
 float: left;
 display: block;
}

h2.tenpo {
 background: url(../common-images/top/h2_tenpo.gif) no-repeat;
 width: 683px;
 height: 33px;
}

#footer {
 width: 750px;
 height: 23px;
 background: url(../common-images/footer.gif) no-repeat;
 float: left;
 display: inline;
}

address {
 display: none;
}

#btm {
 width: 100%;
 height: 46px;
 background: url(../common-images/btm_bg.gif) repeat-x;
 float: left;
}

/* @group top */

.infowrapper {
 width: 683px;
 display: inline;
 float: left;
 clear: both;
 margin-top: 26px;
 margin-left: 30px;
}

.infowrap a.infomore
 {
 width: 153px;
 float: right;
 text-indent: -9999px;
 height: 37px;
 background: url(../common-images/top/h2_info.gif) -309px 0;
}

.infowrap a.infomore:hover
 {

 background: url(../common-images/top/h2_info.gif) -309px 37px;
}

.infowrapper .L {
 width: 462px;
 display: block;
 float: left;
}

.infowrapper .R {
 width: 221px;
 float: left;
 display: block;
 margin-top: 8px;
}

.infowrapper .R img {
 margin-top: 4px;
}

.infowrapper .news {
 width: 445px;
 display: block;
 margin-top: 5px;
 float: left;
}

ul#nw {
 float: left;
 width: 445px;
}

ul#nw li {
  list-style: none;
 float: left;
 width: 445px;
}

.infowrap {
 width: 462px;
 height: 37px;
 background-image: url(../common-images/top/h2_info.gif);
}

.infowrapper .news li a {
 color: #787878;
  text-decoration: none;
 background: url(../common-images/top/link_mark.gif) no-repeat;
 padding-left: 26px;
 display: block;
}

.infowrapper .news li a:hover {
 color: #333333;
  text-decoration: none;
 background: url(../common-images/top/link_mark_over.gif) no-repeat;
 padding-left: 26px;
}

.tenpowrapper {
 width: 683px;
 display: inline;
 float: left;
 margin-top: 8px;
 margin-left: 30px;
 padding-bottom: 50px;
}

.subwrapper {
 background-image: url(../common-images/top/sub_wrp_bg.gif);
 float: left;
 display: inline;
 clear: both;
 width: 683px;
}

.subwrapper2 {
 background-image: url(../common-images/top/sub_wrp_bg2.gif);
 float: left;
  display: inline;
 clear: both;
 width: 683px;
}

.tenpowrapper .type {
 width: 210px;
 margin-left: 12px;
 float: left;
 margin-right: 3px;
 display: inline;
}

.tenpo {
 width: 210px;
 padding-top: 3px;
 padding-bottom: 8px;
 display: inline-block;
 float: left;
}

.tenpo li {
 list-style: none;
 width: 210px;
 height: 16px;
 display: inline;
 float: left;
}

.tenpo span.sub {
 display: none;
}

.tenpo li a {
 text-decoration: none;
 border: none !important;
 font-size: 0.8em;
 color: #993333;
 padding-top: 3px;
}

.blogbnr {
 width: 202px;
 margin: 4px 0 0;
 border: 1px solid silver;
 padding: 4px;
 display: inline-block;
 height: 90px;
}

.blogbnr img.blog {
 margin: 0;
 padding: 0;
}

.R p.blogupdate {
  text-decoration: none;
 border: none !important;
 font-size: 0.8em;
 color: #993333;
 margin: 0;
 text-align: right;
 width: 210px;
 padding: 0;
}

.R span.sub {
 display: none;
}


/* @end */