@charset "utf-8";

/* =============================================================================
    Decoration
============================================================================= */
body {
  line-height: 1.6;
  background: #f3f3f1 url(../image/background.jpg) no-repeat center top;
}

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 {
  position: relative;
  background: url(../image/header_back.jpg) no-repeat left 20px;
}

div#header p.comment {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 70%;
}

div#header p.company {
  position: absolute;
  right: 30px;
  top: 0;
  font-size: 77%;
  text-align: right;
}

div#header p.logo {
  float: left;
  padding: 20px 0 0;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url(../image/header_logo.jpg) no-repeat left 20px;
}

div#header p.logo:hover {
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}

div#header p.logo a {
  display: block;
  width: 180px;
  height: 80px;
}

ul#headerContact {
  float: right;
  padding: 20px 22px 0 0;
}

ul#headerContact li {
  float: left;
  padding: 0 0 0 12px;
}

ul#headerContact a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}

ul#menu {
  clear: both;
  padding: 0 0 0 83px;
  background: #efefe5;
}

ul#menu li {
  float: left;
}

form#sel_menu {
  display: none;
}


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

div#contents a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}

div#contents div.contentsTop {
  position: relative;
}

div#contents div.contentsTop h1 {
  position: absolute;
  top: 0;
  left: 0;
  margin: 32px 0 0 8px;
  z-index: 1;
}

div#contents div.contentsTop h2 {
  margin: 46px 0 10px 20px;
}

div#contents div.contentsTop .plate {
  width: 455px;
}

div.section {
  margin: 0 15px;
}

p.explanation {
  margin: 0 0 1em;
  font-size: 85%;
}

p.contact {
  padding: 30px 0 0;
  text-align: center;
}


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

div#footer a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}

div#footerContents {
  position: relative;
}

div#footer p.logo {
  float: left;
}

div#footer ul.link {
  float: right;
  margin: 0 0 15px;
  font-size: 77%;
}

div#footer ul.link li {
  float: left;
}

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

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

p#copyright {
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 1;
  font-size: 77%;
}

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

/* Index Page
-------------------------------------------- */
/* --- indexProduction --- */
div#indexProduction {
  height: 484px;
}

div#indexAbout {
  position: absolute;
  top: 0;
  left: 0;
  width: 782px;
  height: 437px;
  padding: 32px 0 0;
  background: url(../image/index_about_back.jpg) no-repeat;
}

div#indexAbout p.explanation {
  margin: 0 104px 1.2em 26px;
}

/* --- indexPlanner --- */
div#indexPlanner {
  float: left;
  width: 315px;
  min-height: 214px;
  margin-right: 8px;
  background: url(../image/index_planner_back.jpg) no-repeat;
}

div#indexPlanner h2 {
  margin: 12px 0 8px 20px;
}

div#indexPlanner p.explanation {
  margin: 0 0 1.2em 28px;
}
/* --- indexCompany --- */
div#indexCompany {
  float: left;
  width: 380px;
  min-height: 214px;
  margin: 0;
  background: url(../image/index_company_back.jpg) no-repeat;
}

div#indexCompany h2 {
  margin: 12px 0 8px 20px;
}

div#indexCompany p.explanation {
  margin: 0;
  padding: 0 0 1.2em 28px;
}

div#indexCompany div.logo {
  padding: 0 0 10px;
  background: url(../image/index_company_modesuto.jpg) no-repeat 252px bottom;
}


/* Event Page
-------------------------------------------- */
/* --- event --- */
div#event {
  height: 437px;
}

div#eventAbout {
  position: absolute;
  top: 0;
  left: 0;
  width: 782px;
  height: 390px;
  padding: 32px 0 0;
  background: url(../image/event_about_back.jpg) no-repeat;
}

div#eventAbout p.explanation {
  margin: 0 104px 2.4em 26px;
}

/* --- eventPast --- */
div#eventPast {
  height: 350px;
  margin: 0 15px;
  background: url(../image/event_past_back.jpg) no-repeat;
}

div#eventPast h2 {
  margin: 0 0 8px 0;
  padding: 12px 0 0 20px;
}

div#eventPast dl.log {
  height: 265px;
  overflow: auto;
  margin: 0 12px 0 40px;
  font-size: 85%;
}

div#eventPast dl.log dd {
  margin: -1.6em 0 1.2em 8.5em;
}

/* Planning Page
-------------------------------------------- */
div#planning {
  height: 484px;
}

div#planningAbout {
  position: absolute;
  top: 0;
  left: 0;
  width: 782px;
  height: 437px;
  padding: 32px 0 0;
  background: url(../image/planning_about_back.jpg) no-repeat;
}

div#planningAbout p.explanation {
  line-height: 2;
  margin: 0 104px 2.4em 26px;
}

div#planningAbout h3 {
  margin: 0 0 5px 26px;
  color: #653414;
  font-weight: bold;
}

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

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

/* --- planningResult --- */
div#planningResult {
  display: none;
  height: 350px;
  margin: 0 15px;
  background: url(../image/event_past_back.jpg) no-repeat;
}

div#planningResult h2 {
  margin: 0 0 8px 0;
  padding: 12px 0 0 20px;
}


/* Planner Page
-------------------------------------------- */
div#planner {
  height: 300px;
}

div#plannerAbout {
  position: absolute;
  top: 0;
  left: 0;
  width: 782px;
  height: 268px;
  padding: 32px 0 0;
  background: url(../image/planner_about_back.jpg) no-repeat;
}

div#contents div#plannerAbout h2 {
  margin-top: 54px;
}

/* --- plannerIntroduction --- */
div.plannerIntroduction {
  min-height: 350px;
  margin: 0 15px 30px;
  background: url(../image/event_past_back.jpg) no-repeat;
}

div#profileAndo {
  min-height: 240px;
  background: url(../image/planner_back_ando.jpg) no-repeat;
}

div#profileKadokura {
  min-height: 415px;
  background: url(../image/planner_back_kadokura.jpg) no-repeat;
}

div.plannerIntroduction h2 {
  margin: 0 0 8px 0;
  padding: 12px 0 0 20px;
}

div.plannerIntroduction p.photo {
  float: left;
  padding: 0 10px 0 20px;
}

div.plannerIntroduction dl.profile {
  float: left;
  width: 250px;
  margin: 0 20px 0 0;
  font-size: 80%;
}

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.3em;
}


/* Recruitment Page
-------------------------------------------- */
div#recruitment {
  height: 400px;
}

div#recruitmentAbout {
  position: absolute;
  top: 0;
  left: 0;
  width: 782px;
  height: 368px;
  padding: 32px 0 0;
  background: url(../image/recruitment_about_back.jpg) no-repeat;
}

div#contents div#recruitmentAbout h2 {
  margin: 46px 0 25px 10px;
}

div#recruitmentAbout p.explanation {
  margin: 0 0 1.5em 20px;
}

div#recruitmentAbout p.attention {
  margin: 0 95px 0 2em;
  padding: 0 0 0 20px;
  font-size: 85%;
  text-indent: -2em;
}

div#recruitmentActivity {
  padding: 0 0 30px;
  background: url(../image/planner_back_kadokura.jpg) no-repeat 0 25px;
}

div#recruitmentActivity h2 {
  margin: 0 0 0 20px;
}

div#recruitmentActivity p.image {
  text-align: center;
}


/* Contact Page
-------------------------------------------- */
div#inquiry {
  height: 28em;
}

div#inquiryAbout {
  position: absolute;
  top: 0;
  left: 0;
  width: 782px;
  padding: 32px 0 0;
  background: url(../image/inquiry_about_back.jpg) no-repeat;
}

div#contents div#inquiryConfirm h1 {
  padding: 32px 0 6px 8px;
}

div#contents div#inquiryAbout h2 {
  margin: 46px 10px 10px;
}

div#contents div#inquiryConfirm h2 {
  margin: 0 10px 10px;
}

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

div#inquiryAbout p.explanation {
  margin: 0 0 1.5em 20px;
  font-size: 85%;
}

div#inquiryAbout ul.about {
  margin: 0 0 1em 20px;
  font-size: 85%;
}

div#inquiryAbout ul.about li {
  margin: 0 0 0.2em;
  padding: 0 0 0 15px;
  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;
}

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#inquiryConfirm table#inquiryTable {
  width: 100%;
  margin: 0 0 10px;
  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 {
  padding: 5px 5px 4px;
  border-bottom: 1px #62391d dotted;
  font-size: 85%;
}

div#inquiryContent table#inquiryTable th,
div#inquiryConfirm table#inquiryTable th {
  width: 180px;
  text-align: right;
}

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 {
  padding: 1px 2px;
}

div#inquiryContent table#inquiryTable input[type="text"] {
  width: 200px;
}

div#inquiryContent table#inquiryTable input#mail {
  width: 300px;
}

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

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

div#inquiryConfirm div.button form {
  display: inline;
  margin: 0 20px 0 0;
}

div#inquiryConfirm p.explanation {
  margin: 0 22px 1em;
}