@charset "UTF-8";

/*-----▼全ページ共通----------------------------*/
* {
	margin: 0;
	padding: 0;
	line-height: 1.5;
	font-weight: normal;
	font-style: normal;
}

body {
  margin: 0;
  padding: 0;
  font-size: 15px;
  *font-size: small;
  *font: x-small;
  font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
  text-align: center; /* IE対応 */
}

h1,
h2,
h3,
p,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}

address {
  margin: 0.1em;
  color: #dcbe8d;
  font-size: 85%;
  font-weight: bold;
}

img {
  border: none;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.fontSize10 {
  font-size: 10px;
}

.fontSize15 {
  font-size: 15px;
}

.line01 {
  border-top: dotted 2px #feff61;
}

.line02 {
  border-bottom: dotted 2px #feff61;
}

.bottom05 {
  margin-bottom: 5px;
}

/*-----▲全ページ共通----------------------------*/

/*-----▼下層ページ共通--------------------------*/
div#sub h3 {
  display: none;
}

div#content {
  margin: auto;
  width: 900px;
  height: 550px;
  position: relative;
  background: url(common/commonBG.gif) no-repeat;
}

div#header {
  width: 900px;
  height: 200px;
}

div#header h1 a {
  position: absolute;
  top: 5px;
  left: 10px;
  width: 95px;
  height: 100px;
}

div#header h1.h1 a:hover {
  background: url(common/macayalogo03.gif) no-repeat;
}

div#header ul#navi li.company a {
  position: absolute;
  top: 20px;
  left: 105px;
  width: 150px;
  height: 43px;
  background: url(common/naviCompany_off.gif) no-repeat;
  text-indent: -9999px;
}

div#header ul#navi li.company a:hover {
  background: url(common/naviCompany_on.gif) no-repeat;
}

div#header ul#navi li.vision a {
  position: absolute;
  top: 20px;
  left: 250px;
  width: 107px;
  height: 43px;
  background: url(common/naviVision_off.gif) no-repeat;
  text-indent: -9999px;
}

div#header ul#navi li.vision a:hover {
  background: url(common/naviVision_on.gif) no-repeat;
}

div#header ul#navi li.works a {
  position: absolute;
  top: 20px;
  left: 358px;
  width: 115px;
  height: 43px;
  background: url(common/naviWorks_off.gif) no-repeat;
  text-indent: -9999px;
}

div#header ul#navi li.works a:hover {
  background: url(common/naviWorks_on.gif) no-repeat;
}

div#header ul#navi li.member a {
  position: absolute;
  top: 20px;
  left: 475px;
  width: 129px;
  height: 43px;
  background: url(common/naviMember_off.gif) no-repeat;
  text-indent: -9999px;
}

div#header ul#navi li.member a:hover {
  background: url(common/naviMember_on.gif) no-repeat;
}

div#header ul#navi li.foryou a {
  position: absolute;
  top: 20px;
  left: 607px;
  width: 129px;
  height: 43px;
  background: url(common/naviForyou_off.gif) no-repeat;
  text-indent: -9999px;
}

div#header ul#navi li.foryou a:hover {
  background: url(common/naviForyou_on.gif) no-repeat;
}

div#header ul#navi li.contact a {
  position: absolute;
  top: 20px;
  left: 740px;
  width: 139px;
  height: 43px;
  background: url(common/naviContact_off.gif) no-repeat;
  text-indent: -9999px;
}

div#header ul#navi li.contact a:hover {
  background: url(common/naviContact_on.gif) no-repeat;
}

div#sub li.blog a {
  position: absolute;
  top: 94px;
  left: 687px;
  width: 58px;
  height: 81px;
  background: url(common/clearBlog.gif) no-repeat;
  text-indent: -9999px;
}

div#sub li.chorei a {
  position: absolute;
  top: 82px;
  left: 747px;
  width: 87px;
  height: 125px;
  background: url(common/clearChorei.gif) no-repeat;
  text-indent: -9999px;
}

/*-----▲下層ページ共通--------------------------*/

/*-----▼TOP-------------------------------------*/
div#index {
  margin: auto;
}

div#index h1 {
  display: none;
}

div#index table {
	margin: auto;
	text-align: center;
}

/*-----▲TOP-------------------------------------*/

/*-----▼HOME------------------------------------*/
div#homeContent {
  margin: auto;
  width: 900px;
  height: 550px;
  position: relative;
  background: url(home/images/home.gif) no-repeat;
}

div#homeMain h1 {
  position: absolute;
  top: 10px;
  left: 20px;
}

div#homeMain h2 {
  display: none;
}

div#homeSub h3 {
  display: none;
}

div#homeMain li.homeCompany a {
  position: absolute;
  top: 252px;
  left: 35px;
  width: 141px;
  height: 42px;
  background: url(home/images/homeCompany_off.gif) no-repeat;
  text-indent: -9999px;
}

div#homeMain li.homeCompany a:hover {
  background: url(home/images/homeCompany_on.gif) no-repeat;
}

div#homeMain li.homeVision a {
  position: absolute;
  top: 296px;
  left: 173px;
  width: 101px;
  height: 42px;
  background: url(home/images/homeVision_off.gif) no-repeat;
  text-indent: -9999px;
}

div#homeMain li.homeVision a:hover {
  background: url(home/images/homeVision_on.gif) no-repeat;
}

div#homeMain li.homeWorks a {
  position: absolute;
  top: 340px;
  left: 303px;
  width: 115px;
  height: 42px;
  background: url(home/images/homeWorks_off.gif) no-repeat;
  text-indent: -9999px;
}

div#homeMain li.homeWorks a:hover {
  background: url(home/images/homeWorks_on.gif) no-repeat;
}

div#homeMain li.homeMember a {
  position: absolute;
  top: 383px;
  left: 435px;
  width: 135px;
  height: 42px;
  background: url(home/images/homeMember_off.gif) no-repeat;
  text-indent: -9999px;
}

div#homeMain li.homeMember a:hover {
  background: url(home/images/homeMember_on.gif) no-repeat;
}

div#homeMain li.homeForyou a {
  position: absolute;
  top: 427px;
  left: 571px;
  width: 124px;
  height: 42px;
  background: url(home/images/homeForyou_off.gif) no-repeat;
  text-indent: -9999px;
}

div#homeMain li.homeForyou a:hover {
  background: url(home/images/homeForyou_on.gif) no-repeat;
}

div#homeMain li.homeContact a {
  position: absolute;
  top: 470px;
  left: 705px;
  width: 135px;
  height: 42px;
  background: url(home/images/homeContact_off.gif) no-repeat;
  text-indent: -9999px;
}

div#homeMain li.homeContact a:hover {
  background: url(home/images/homeContact_on.gif) no-repeat;
}

div#homeSub li.homeChorei a {
  position: absolute;
  top: 370px;
  left: 50px;
  width: 170px;
  height: 168px;
  background: url(home/images/homeChorei_off.gif) no-repeat;
  text-indent: -9999px;
}

div#homeSub li.homeChorei a:hover {
  background: url(home/images/homeChorei_on.gif) no-repeat;
}

div#homeSub li.homeBlog a {
  position: absolute;
  top: 422px;
  left: 200px;
  width: 114px;
  height: 115px;
  background: url(home/images/homeBlog_off.gif) no-repeat;
  text-indent: -9999px;
}

div#homeSub li.homeBlog a:hover {
  background: url(home/images/homeBlog_on.gif) no-repeat;
}

/*-----▲HOME------------------------------------*/

/*-----▼COMPANY---------------------------------*/
div#header ul#navi li.company_on {
  position: absolute;
  top: 20px;
  left: 105px;
  width: 150px;
  height: 43px;
  background: url(common/naviCompany_on.gif) no-repeat;
  text-indent: -9999px;
}

div#company h2 {
  display: none;
}

div#company {
  width: 350px;
  padding-left: 40px;
  float: left;
  text-align: left;
  margin-top: 10px;
}

div#company th {
	font-weight: bold;
	width: 100px;
	text-align: left;
}

div#map {
  width: 490px;
  float: right;
  text-align: left;
}

div#map img {
	margin: 0;
	padding: 0;
}

div#map h3{
  display: block;
  margin: 0;
  padding: 0;
  font-weight: bold;
}

div#map p {
  margin-top: 1px;
  padding-left: 140px;
}

/*-----▲COMPANY---------------------------------*/

/*-----▼VISION----------------------------------*/
div#header ul#navi li.vision_on {
  position: absolute;
  top: 20px;
  left: 250px;
  width: 107px;
  height: 43px;
  background: url(common/naviVision_on.gif) no-repeat;
  text-indent: -9999px;
}

div#vision h2 {
  display: none;
}

div#vision h3 {
  display: block;
  margin-bottom: 10px;
}

div#vision p.allhappy {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 8px;
}

div#vision p.logoOmoi {
  line-height: 1.2em;
}

p.logoOmoi span {
	font-size: 15px;
	font-weight: bold;
}

/*-----▲VISION----------------------------------*/

/*-----▼WORKS-----------------------------------*/
div#header ul#navi li.works_on {
  position: absolute;
  top: 20px;
  left: 358px;
  width: 115px;
  height: 43px;
  background: url(common/naviWorks_on.gif) no-repeat;
  text-indent: -9999px;
}

div#contentWorks {
  margin: auto;
  width: 900px;
  height: 550px;
  position: relative;
  background: url(works/images/worksBG.gif) no-repeat;
}

div#works h2 {
  display: none;
}

div#macaburn {
  position: absolute;
  top: 104px;
  left: 40px;
  width: 230px;
  height: 140px;
  text-align: left;
}

div#nomube {
  position: absolute;
  top: 155px;
  left: 335px;
  width: 230px;
  height: 140px;
  text-align: left;
}

div#hp {
  position: absolute;
  top: 183px;
  left: 625px;
  width: 230px;
  height: 140px;
  text-align: left;
}

div#works h3 {
  display: block;
  margin: 0;
  padding: 0;
  float: left;
}

div#works p {
  font-size: 13px;
  line-height: 1.4em;
}

div#worksFooter a {
  position: absolute;
  top: 490px;
  left: 310px;
  width: 262px;
  height: 42px;
  background: url(works/images/macayaVision_off.gif) no-repeat;
  text-indent: -9999px;
}

div#worksFooter a:hover {
  background: url(works/images/macayaVision_on.gif) no-repeat;
}

/*-----▲WORKS-----------------------------------*/

/*-----▼MEMBER----------------------------------*/
div#header ul#navi li.member_on {
  position: absolute;
  top: 20px;
  left: 475px;
  width: 129px;
  height: 43px;
  background: url(common/naviMember_on.gif) no-repeat;
  text-indent: -9999px;
}

div#contentMember {
  margin: auto;
  width: 900px;
  height: 550px;
  position: relative;
  background: url(member/images/memberBG.gif) no-repeat;
}

div#member h2,
h3 {
  display: none;
}

div#member li.amachang a {
  position: absolute;
  top: 210px;
  left: 460px;
  width: 186px;
  height: 219px;
}

div#amachangText {
  position: absolute;
  top: 430px;
  left: 460px;
  width: 199px;
  height: 55px;
  z-index: 1;
  visibility: hidden;
}

div#member li.sayaka a {
  position: absolute;
  top: 234px;
  left: 260px;
  width: 181px;
  height: 200px;
}

div#sayakaText {
  position: absolute;
  top: 430px;
  left: 230px;
  width: 244px;
  height: 55px;
  z-index: 1;
  visibility: hidden;
}

div#member li.kaoruko a {
  position: absolute;
  top: 310px;
  left: 550px;
  width: 190px;
  height: 181px;
}

div#kaorukoText {
  position: absolute;
  top: 475px;
  left: 685px;
  width: 153px;
  height: 55px;
  z-index: 1;
  visibility: hidden;
}

/*-----▲MEMBER----------------------------------*/

/*-----▼MEMBER2---------------------------------*/
div#contentMember2 {
  margin: auto;
  width: 900px;
  height: 550px;
  position: relative;
  background: url(member/images/member2BG.gif) no-repeat;
}

div#memberLeft {
  position: absolute;
  top: 105px;
  left: 15px;
  width: 72px;
  height: 400px;
}

div#memberCenter {
  position: absolute;
  top: 95px;
  left: 97px;
  width: 319px;
  height: 425px;
  background: #ffffff;
  border: #b5adb8 1px solid;
}

div#memberCenter img {
  margin: 5px;
}

div#memberRight {
  position: absolute;
  top: 95px;
  left: 425px;
  width: 453px;
  height: 425px;
  background: #ffffff;
  border: #b5adb8 1px solid;
  text-align: left;
}

div#memberRight_trng {
  position: absolute;
  top: 95px;
  left: 425px;
  width: 455px;
  height: 427px;
  background: #ffffff;
  text-align: left;
}

div#memberRight h2 {
  margin: 2px 0 5px 5px;
}

div#memberRight table {
  margin: 0 7px;
  font-size: 13px;
}

div#memberRight table a {
	font-weight: bold;
}

div#memberRight td {
	padding: 2px;
	line-height: 1.4;
}

.table01 {
  font-size: 13px;
  line-height: 1.3em;
  cellpadding: 3px;
}

.table02 {
  width: 135px;
  font-weight: bold;
  background: #cfcfff;
}

.table03 {
  padding-bottom: 7px;
}

.table04 {
  font-weight: bold;
  background: #cfcfff;
}

/*-----▲MEMBER2---------------------------------*/

/*-----▼FORYOU----------------------------------*/
div#header ul#navi li.foryou_on {
  position: absolute;
  top: 20px;
  left: 607px;
  width: 129px;
  height: 43px;
  background: url(common/naviForyou_on.gif) no-repeat;
  text-indent: -9999px;
}

div#foryou h2 {
  display: none;
}

.fwb {
	font-weight: bold;
}

div#foryou p {
  font-size: 16px;
  margin-bottom: 1.2em;
  line-height: 1.4em;
}

div#foryou p.foryouBottom {
  margin: 0;
}

/*-----▲FORYOU----------------------------------*/

/*-----▼CONTACT---------------------------------*/
div#header ul#navi li.contact_on {
  position: absolute;
  top: 20px;
  left: 740px;
  width: 139px;
  height: 43px;
  background: url(common/naviContact_on.gif) no-repeat;
  text-indent: -9999px;
}

div#contact h2 {
  display: none;
}

div#contact p.contactTop {
  font-weight: bold;
  margin-bottom: 5px;
}

div#contactForm {
  width: 450px;
  margin: 10px 10px 0 10px;
  margin: auto;
  padding: 5px 10px 0 10px;
  text-align: left;
  border-top: dotted 2px #feff61;
}

div#contactForm form {
  margin: 0;
}

.fsm {
	margin-bottom: 10px;
	font-size: 10px;
}

/*-----▲CONTACT---------------------------------*/

/*-----▼MAG-------------------------------------*/
div#mag h2 {
  display: none;
}

div#mag p.contactTop {
  font-weight: bold;
  margin-bottom: 5px;
}

/*-----▲MAG-------------------------------------*/

/*-----▼CHOREI----------------------------------*/
div#chorei table {
  margin: auto;
}

div#copyright a {
	font-weight: bold;
}

/*-----▲CHOREI----------------------------------*/