@charset "utf-8";

/* =============================================================================
    Decoration
============================================================================= */
body {
  line-height: 1.6;
  background: #f4f3f3;
}

a:link { color: #5d5d5d; }
a:hover { color: #999; }

a.external {
  padding-right: 18px;
  background: url(../image/icon_eternal.gif) no-repeat right center;
}


/* Header
============================================ */
div#header {
  padding: 0 0 10px;
  background: #efefe5 url(../image/mb-header_back.jpg) no-repeat left 60px;
}

div#header p.comment {
  display: none;
  margin: 0 10px;
  font-size: 85%;
}

div#header p.company {
  display: none;
}

div#header p.logo {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #f4f3f3 url(../image/mb-header_logo.jpg) no-repeat center top;
}

div#header p.logo a {
  display: block;
  height: 60px;
}

ul#headerContact {
  display: none;
}

ul#menu {
  display: none;
}

form#sel_menu {
  margin: 90px 0 0;
  text-align: center;
}

form#sel_menu select {
  height: 42px;
  line-height: 42px;
}


/* Contents
============================================ */
div#contents {
  padding: 0 0 20px;
  color: #5b5b51;
  background: #efefe5;
}

div#contents img {
  max-width: 300px;
}


/* Footer
============================================ */
div#footer {
  margin: 15px 0 0;
  padding: 20px 0 10px;
  color: #5b5b51;
  background: url(../image/footer_back.jpg);
}

div#footer p.logo {
  margin: 0 0 20px;
  text-align: center;
}

div#footer ul.link {
  margin: 0 0 5px;
  font-size: 85%;
  text-align: center;
}

div#footer ul.link li {
  display: inline;
  padding: 0 0.8em 0 0;
}

div#footer ul.link li:first-child:before {
  content: '';
}

div#footer ul.link li:before {
  content: '|';
  padding: 0 0.8em 0 0;
}

p#copyright {
  margin: 0 10px;
  font-size: 85%;
}


/* Pages
============================================ */

/* Index Page
-------------------------------------------- */
div#indexProduction h1 {
  margin: 0 5px 5px;
}

div#indexAbout,
div#indexPlanner,
div#indexCompany {
  margin: 0 5px 20px;
  padding: 5px 0 0;
  border: 2px dotted #6b3b21;
  border-radius: 10px;
}

div#indexAbout h2 {
  margin: 0 5px 5px;
}

div#indexAbout p.explanation,
div#indexPlanner p.explanation,
div#indexCompany p.explanation {
  margin: 0 10px 1em;
  font-size: 85%;
}

div#indexCompany div.logo {
  background: url(../image/index_company_modesuto.jpg) no-repeat right bottom;
}

/* Event Page
-------------------------------------------- */
div#event h1,
div#event h2 {
  margin: 0 5px 5px;
}

div#eventAbout,
div#eventPast {
  margin: 0 5px 20px;
  padding: 5px 0 0;
  border: 2px dotted #6b3b21;
  border-radius: 10px;
}

div#event p.explanation {
  margin: 0 10px 1em;
  font-size: 85%;
}

div#eventPast dl.log {
  height: 400px;
  overflow: auto;
  margin: 0 5px 0.5em;
  font-size: 85%;
}

div#eventPast dl.log dt {
  line-height: 1.4;
  margin: 1em 0 2px;
  padding: 0 0 0 2px;
  border-bottom: 1px #62391d solid;
  color: #62391d;
  font-weight: bold;
}

div#eventPast dl.log dt:first-child {
  margin: 0;
}

div#eventPast dl.log dd {
  margin: 0 5px;
}

/* Planning Page
-------------------------------------------- */
div#planning h1,
div#planning h2,
div#planning h3 {
  margin: 0 5px 5px;
}

div#planning h3 {
  line-height: 1.4;
  margin: 0 0 5px;
  padding: 0 0 0 2px;
  color: #62391d;
  font-weight: bold;
  text-align: center;
}

div#planningAbout ul.example {
  margin: 0 10px;
  font-size: 85%;
}

div#planningAbout ul.example li {
  margin: 0 0 0.2em;
  padding: 0 0 0 20px;
  background: url(../image/icon_dotarrow.gif) no-repeat 0 0.3em;
}

div#planningAbout {
  margin: 0 5px 20px;
  padding: 5px 0 0;
  border: 2px dotted #6b3b21;
  border-radius: 10px;
}

div#planning p.explanation {
  margin: 0 10px 1em;
  font-size: 85%;
}

/* --- planningResult --- */
div#planningResult {
  display: none;
}

/* Planner Page
-------------------------------------------- */
div#planner {
  margin: 0 0 20px 10px;
}

div.plannerIntroduction {
  margin: 0 5px 20px;
  padding: 5px 0 0;
  border: 2px dotted #6b3b21;
  border-radius: 10px;
}

div.plannerIntroduction h2 {
  padding: 0 0 0 40px;
  text-align: center;
}

div.plannerIntroduction p.photo {
  text-align: center;
}

div.plannerIntroduction dl.profile {
  margin: 0 5px 1em;
}

div.plannerIntroduction dl.profile dt {
  line-height: 1.4;
  margin: 0 0 5px;
  padding: 0 0 0 2px;
  border-bottom: 1px #62391d solid;
  color: #62391d;
  font-weight: bold;
}

div.plannerIntroduction dl.profile dd {
  padding: 0 0 0 20px;
  background: url(../image/icon_dotarrow.gif) no-repeat 2px 0.4em;
}

div#contents p.contact {
  text-align: center;
}

/* Recruitment Page
-------------------------------------------- */
div#recruitment {
  margin: 0 0 20px;
}

div#recruitment h1 {
  margin: 0 5px 5px;
}

div#recruitment p.explanation {
  margin: 0 5px 1em;
  font-size: 85%;
}

div#recruitment p.attention {
  margin: 0 5px 1em 2.2em;
  font-size: 85%;
  text-indent: -2em;
}

div#recruitmentAbout {
  margin: 0 5px 20px;
  padding: 5px 0 0;
  border: 2px dotted #6b3b21;
  border-radius: 10px;
}

div#recruitmentAbout h2 img {
  max-width: 290px;
}

div#recruitmentActivity {
  position: relative;
  margin: 40px 5px 20px;
  padding: 25px 0 20px;
  border: 2px dotted #6b3b21;
  border-radius: 10px;
}

div#recruitmentActivity h2 {
  position: absolute;
  top: -30px;
  left: 0;
  margin: 0 0 0 10px;
}

/* Contact Page
-------------------------------------------- */
div#inquiry h1,
div#inquiry h2 {
  margin: 0 5px 5px;
}

div#inquiry h3,
div#inquiryContent h3,
div#inquiryConfirm h3 {
  line-height: 1.4;
  margin: 0 5px 5px;
  padding: 0 0 0 2px;
  border-bottom: 1px #62391d solid;
  color: #62391d;
  font-weight: bold;
  text-align: center;
}

div#inquiryConfirm h3 {
  margin-top: 10px;
}

div#inquiryAbout,
div#inquiryContent,
div#inquiryConfirm {
  margin: 0 5px 20px;
  padding: 5px 0 0;
  border: 2px dotted #6b3b21;
  border-radius: 10px;
}

div#inquiryAbout p.explanation,
div#inquiryConfirm p.explanation {
  margin: 0 10px 1em;
  font-size: 85%;
}

div#inquiryAbout ul.about {
  margin: 0 10px 0.5em;
}

div#inquiryAbout ul.about li {
  margin: 0 0 0.5em;
  padding: 0 0 0 15px;
  font-size: 85%;
  background: url(../image/icon_dotarrow.gif) no-repeat 0 0.3em;
}

div#inquiryContent > p.error {
  margin: 0 0 0 20px;
  font-size: 85%;
  font-weight: bold;
}

div#inquiryContent p.error {
  color: #ff0000;
  text-align: center;
}

div#inquiryContent ul.error {
  margin: 0 0 0 20px;
}

div#inquiryContent ul.error li {
  margin: 0 0 0.2em 5px;
  padding: 0 0 0 10px;
  font-size: 85%;
  background: url(../image/icon_dot.gif) no-repeat 0 0.6em;
}

div#inquiryContent ul.error label {
  color: #ff0000;
  text-decoration: underline;
}

div#inquiryContent ul.error label:hover {
  cursor: pointer;
  color: #ed9db9;
}

div#inquiryContent form,
div#inquiryConfirm div.inquiryWrap {
  margin: 10px 18px;
}

div#inquiryContent table#inquiryTable,
div#inquiryContent table#inquiryTable tbody,
div#inquiryContent table#inquiryTable tr,
div#inquiryConfirm table#inquiryTable,
div#inquiryConfirm table#inquiryTable tbody,
div#inquiryConfirm table#inquiryTable tr {
  display: inline;
}

div#inquiryConfirm table#inquiryTable {
  border-top: 1px #62391d dotted;
}

div#inquiryContent table#inquiryTable th,
div#inquiryContent table#inquiryTable td,
div#inquiryConfirm table#inquiryTable th,
div#inquiryConfirm table#inquiryTable td {
  display: block;
  font-size: 85%;
  text-align: center;
}

div#inquiryConfirm table#inquiryTable td {
  border-bottom: 1px #62391d dotted;
}

div#inquiryContent table#inquiryTable td,
div#inquiryConfirm table#inquiryTable td {
  margin: 0 0 0.5em;
  padding: 0 0 0.5em;
}

div#inquiryContent span.required {
  margin: 0 5px 0 0;
  color: #ff0000;
  font-weight: bold;
}

div#inquiryContent table#inquiryTable input[type="text"],
div#inquiryContent table#inquiryTable select,
div#inquiryContent table#inquiryTable textarea {
  border: 1px #5b5b51 solid;
}

div#inquiryContent table#inquiryTable input[type="text"],
div#inquiryContent table#inquiryTable textarea {
  width: 250px;
  padding: 1px 2px;
}

div#inquiryContent table#inquiryTable input[type="text"],
div#inquiryContent table#inquiryTable select {
  height: 42px;
  line-height: 42px;
}

div#inquiryContent p.button {
  text-align: center;
}

div#inquiryConfirm div.button form {
  margin: 0 0 1em;
  text-align: center;
}