@charset "UTF-8";
/*############################################*/
/*（1）文字設定-共有*/
/*############################################*/
html>body {
  font-size: 77%;
}
*html body {
  font-size: 75%;
}
body {
  line-height: 1.4;
}
.smaller {
  font-size: smaller
}
/*############################################*/
/*（2）サイト全体-共有*/
/*############################################*/
body {
  padding: 0;
  margin: 0;
  color: #000000;
}
img, h1, h2, h3, h4, h5, h6, p, form {
  border: none;
  margin: 0;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
dl, dt, dd {
  margin: 0;
  padding: 0;
}
table, h1, h2, h3, h4, h5, h6 {
  /*これないと、IEでbodyのフォントサイズが引き継がれない*/
  font-size: 100%;
}
/*table*/
.tt, .tt th, .tt td {
  border: solid 1px #cccccc
}
.tt {
  border-width: 1px 0 0 1px
}
.tt th, .tt td {
  border-width: 0 1px 1px 0
}
.alignRightTd {
  text-align: right
}
.alignCenterTd {
  text-align: center
}
.alignLeftTd {
  text-align: left
}
/*floatキャンセル*/
.floatCancel:after {
  /*新しいブラウザ用*/
  content: ".";
  　content: ""; /*オペラ用ハック前にスペース「　」いれる。これないとfloatCancelで下マージンできる*/
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
/*IE用*/
.floatCancel {
  display: inline-table
}
/*Mac-IE用\*/
*html .floatCancel {
  height: 1%
}
.floatCancel {
  display: block
}
/*Mac-IE*/
.macIE {
  clear: both
}
.hidden {
  display: none
}
#pageWrapper {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
/*############################################*/
/*（3）ヘッダー*/
/*############################################*/
#headWrapper {
  width: 100%
}
#headWrapper #headarea {
  width: 952px;
  margin: 0 auto;
  padding: 18px 0 11px;
}
#headWrapper #headarea h1 {
  width: 158px;
  float: left;
}
#headNavi {
  width: 90px;
  height: 21px;
  float: right;
  background: url(../images/contact_btn.gif) no-repeat bottom;
  margin-top: 11px;
}
#headNavi a:visited, #headNavi a:link {
  width: 90px;
  height: 21px;
  display: block;
}
#headNavi a:hover {
  background: url(../images/contact_btn.gif) no-repeat top
}
/*############################################*/
/*（5）メインナビ*/
/*############################################*/
#mainNaviWrapper {
  width: 100%;
  height: 29px;
  background: #000;
}
#mainNaviArea {
  width: 952px;
  margin: 0 auto;
	background-color: #000;
}
#mainNavileft {
  float: left
}
#mainNaviList .popup, #mainNaviright .popup {
  position: absolute;
	bottom: 30px;
	display: none;
	left: 20px;
}
#mainNaviList #mnNews .popup {
	left: -10px;
}
#mainNaviList #mnWhat .popup {
	left: 1px;
}
#mainNaviList #mnStyle .popup {
	left: 7px;
}
#mainNaviList #mnCsr .popup {
	left: 1px;
}
#mainNaviList #mnMember .popup {
	left: 4px;
}
#mainNaviList #mnBlog .popup {
	left: 5px;
}
#mainNaviList #mnList .popup {
	left: 4px;
}

#mainNaviList #mnOnline .popup {
	left: 4px;
}

#mainNaviright .popup{
	left: 30px;
}
#mainNavileft li {
  float: left;
  height: 29px;
}
#mainNavileft li a {
  height: 29px;
  float: left;
  display: block;
  background: url(../images/main_navi.gif) no-repeat;
	text-decoration: none;
}
#mnNews, #mnNews a:visited, #mnNews a:link {
  width: 56px;
  background-position: 0 -29px;
}
#mnWhat, #mnWhat a:visited, #mnWhat a:link {
  width: 141px;
  background-position: -56px -29px;
}
#mnStyle, #mnStyle a:visited, #mnStyle a:link {
  width: 67px;
  background-position: -205px -29px;
}
#mnCsr, #mnCsr a:visited, #mnCsr a:link {
  width: 59px;
  background-position: -275px -29px;
}
#mnMember, #mnMember a:visited, #mnMember a:link {
  width: 98px;
  background-position: -332px -29px;
}
#mnBlog, #mnBlog a:visited, #mnBlog a:link {
  width: 102px;
  background-position: -431px -29px;
}
#mnList, #mnList a:visited, #mnList a:link {
  width: 97px;
  background-position: -535px -29px;
}
#mnOnline, #mnOnline a:visited, #mnOnline a:link {
  width: 117px;
  background-position: -631px -29px;
}
/*hover*/
#mnNews a:hover {
  background-position: 0 0
}
#mnWhat a:hover {
  background-position: -56px 0
}
#mnStyle a:hover {
  background-position: -205px 0
}
#mnCsr a:hover {
  background-position: -275px 0
}
#mnMember a:hover {
  background-position: -332px 0
}
#mnBlog a:hover {
  background-position: -431px 0
}
#mnList a:hover {
  background-position: -535px 0
}
#mnOnline a:hover {
  background-position: -631px 0
}
#mainNaviright {
  float: right;
}
#mainNaviright div {
  position: relative;
}
#mainNaviright a {
	text-decoration: none;
}
#mnMap {
  width: 97px;
  height: 29px;
  background: url(../images/main_navi_right.gif) no-repeat right bottom;
}
#mnMap a:visited, #mnMap a:link {
  width: 97px;
  height: 29px;
  display: block;
}
#mnMap a:hover {
  background: url(../images/main_navi_right.gif) no-repeat right top
}
#mainimg {
  width: 100%;
  height: 450px;
  background: url(../images/main.jpg) no-repeat center;
  text-align: center;
}
#mainbox {
  width: 952px;
  margin: 0 auto;
}
#mainbtn {
  text-align: left;
  padding: 248px 0 0 78px;
}
#mainonline, #mainonline a:visited, #mainonline a:link {
  width: 107px;
  height: 145px;
  display: block;
  background: url(../images/main_onlinebtn.gif) no-repeat;
  background-position: 0 -145px;
}
#mainonline a:hover {
  background-position: 0 0
}
#mainWrapper {
	min-width: 1082px;
}

/*情報エリア--------------------------------------------------*/
#infoArea {
  width: 952px;
  text-align: center;
  margin: 0 auto 15px;
}
#leftbtn {
  float: left;
  margin-right: 64px;
  _margin-right: 50px;
}
#leftbtn li {
  float: left;
  height: 60px;
  margin-right: 15px;
}
#leftbtn li a {
  height: 60px;
  float: left;
  display: block;
  background: url(../images/left_navi.gif) no-repeat;
}
#sudbtnOnline, #sudbtnOnline a:visited, #sudbtnOnline a:link {
  width: 60px;
  background-position: 0 -60px;
}
#sudbtnBlog, #sudbtnBlog a:visited, #sudbtnBlog a:link {
  width: 60px;
  background-position: -75px -60px;
}
#sudbtnInfo, #sudbtnInfo a:visited, #sudbtnInfo a:link {
  width: 60px;
  background-position: -150px -60px;
}
/*hover*/
#sudbtnOnline a:hover {
  background-position: 0 0
}
#sudbtnBlog a:hover {
  background-position: -75px 0
}
#sudbtnInfo a:hover {
  background-position: -150px 0
}
#NewsArea {
  width: 660px;
  float: left;
  text-align: left;
}
#NewsArea dl {
  margin-top: 10px
}
#NewsArea dt {
  float: left;
  margin-right: 10px;
  font-weight: bold;
}
#NewsArea dd {
  margin-bottom: 7px
}
#NewsArea dd a:link, #NewsArea dd a:visited {
  color: #000;
  text-decoration: none;
}
#NewsArea dd a:hover {
  text-decoration: underline
}
/*############################################*/
/*（6）フッター*/
/*############################################*/
#footWrapper {
  width: 100%;
  text-align: center;
  margin: 0 auto 15px;
  border-top: solid 1px #666;
	min-width: 1082px;
}
#footNavi {
  width: 952px;
  margin: 13px auto 0;
  text-align: center;
}
#footNavi li {
  float: left;
  height: 21px;
}
#footNavi li a {
  height: 21px;
  float: left;
  display: block;
  background: url(../images/foot_navi.gif) no-repeat;
}
#footCompany, #footCompany a:visited, #footCompany a:link {
  width: 75px;
  background-position: 0 -21px;
}
#footRecruit, #footRecruit a:visited, #footRecruit a:link {
  width: 73px;
  background-position: -75px -21px;
}
#footPrivacy, #footPrivacy a:visited, #footPrivacy a:link {
  width: 115px;
  background-position: -150px -21px;
}
/*hover*/
#footCompany a:hover {
  background-position: 0 0
}
#footRecruit a:hover {
  background-position: -75px 0
}
#footPrivacy a:hover {
  background-position: -150px 0
}
/*コピーライト*/
#footCopy {
  clear: both;
  width: 952px;
  padding-top: 15px;
  text-align: left;
  margin: 0 auto;
}


#subLine {
    width: 100%;
    background: url(../images/sub_bg2.gif) repeat-x;
}

#subpageTitle{clear:left; padding-top:50px;}


.subPage #mainWrapper {
	border-bottom: 1px solid #666;
	margin-bottom: 20px;
  background: url(../images/sub-bg.gif) repeat-x;
}
.subPage #mainWrapperInner {
	width: 953px;
	margin: 0 auto;
	text-align: left;
}
.bigPhoto {
	float: right;
}
.subPage #mainWrapper h2 {
	float: left;
	padding: 9px 40px 9px 0;
}
.subPage #mainWrapper .breadclumbs {
	float: left;
	padding: 12px 20px 0 0;
}
.subPage #mainWrapper .contents {
	padding: 20px 20px 0 0;
}
.subPage #mainWrapper .phrase {
	padding: 50px 0 50px 0;
	clear: left;
	line-height: 2.7;
}

.subPage #mainWrapper.sitemap .phrase ul li {
  background: url(../images/bullet.gif) no-repeat 10px 15px;
	padding-left: 20px;
	padding-top: 10px;
}


.subPage #mainWrapper .mainphrase{margin-bottom:25px;}