@charset "utf-8";

/*------------------------------------------------------------------------------
COCOMUS - CSS Modules Import
Date: 2008-04-30
Copyright (C) COCOMUS. All Rights Reserved.
------------------------------------------------------------------------------*/


/* ----------------------------------------

Redefine - 個別記事

---------------------------------------- */

#main h2 {
height: 67px;
width: 685px;
margin-top: 20px;
background: url("../images/hl_details_01.gif") top left no-repeat;
text-indent: -9999em;
float: none;
}

/* 共通指定ここから */
#main div.lifeDetails {
margin-top: 20px;
padding-left: 10px;
}

#main div.lifeDetails strong {
font-weight: bold;
}
#main div.lifeDetails em {
font-style: oblique;
}

#main div.lifeDetails h3 {
line-height: 1.4;
font-weight: 700;
font-size: 112%;
color: #50279c;
}

#main div.lifeDetails h3 strong {
display: block;
margin-top: 5px;
padding-left: 25px;
background: url("../images/icon_hl_01.gif") 0 0 no-repeat;
font-weight: 700;
font-size: 130%;
color: #ce3038;
}

#main div.lifeDetails p#date {
border-bottom: 1px solid #6e98d8;
font-weight: 700;
color: #4b912f;
}

/* 下段ページナビゲーション ここから */
#main div.pageNav {
width: 665px !important; /* FIXME */
margin-top: 10px;
margin-left: 0px;
}

#main div.pageNav p.back {
float: left;
width: 60px;
line-height: 35px;
text-align: center;
}

#main div.pageNav p.next {
width: 605px;
float: left;
text-align: right;
}

#main div.decision p.next {
width: 545px;
float: left;
text-align: center;
}

#main div.pageNav ul {
margin-top: 40px;
text-align: center;
}

#main div.pageNav ul li {
margin: 0 40px;
display: inline;
}
/* 共通指定ここまで */

/* 個別指定 - detailBox - ここから */
#main div.lifeDetails div.detailBox01,
#main div.lifeDetails div.detailBox02 {
}

#main div.lifeDetails div.detailBox01 h4,
#main div.lifeDetails div.detailBox02 h4,
#main div.lifeDetails div.detailBox04 h4 {
margin-top: 10px;
margin-bottom: -8px;
font-weight: 700;
font-size: 112%;
color: #2863bd;
}

#main div.lifeDetails div.detailBox01 dl.pict {
width: 220px;
margin: 10px 0 10px 20px;
float: right;
}

#main div.lifeDetails div.detailBox01 dl dt img {
max-width: 220px;
}

*html #main div.lifeDetails div.detailBox01 dl dt img {
width: 220px;
}

#main div.lifeDetails div.detailBox01 dl dd {
font-size: 85%;
}

#main div.lifeDetails div.detailBox01 p,
#main div.lifeDetails div.detailBox02 p,
#main div.lifeDetails div.detailBox04 p {
margin-top: 10px;
}

#main div.lifeDetails div.detailBox02 p.moviePlayer {
width: 400px;
margin-right: 15px;
float: left;
}

#main div.lifeDetails div.detailBox02 dl.ex01 {
width: 255px;
margin-top: 10px;
border: 1px solid #b6cbeb;
float: right;
}

#main div.lifeDetails div.detailBox02 dl.ex01 dt {
padding: 5px 10px;
background-color: #6e98d8;
font-weight: 700;
color: #fff;
}

#main div.lifeDetails div.detailBox02 dl.ex01 dd {
padding: 0 10px;
}

#main div.lifeDetails div.detailBox02 dl.ex02 dt {
margin-top: 10px;
padding: 0 0 0 10px;
border-left: 5px solid #6e98d8;
background-color: #fff;
color: #333;
}

#main div.lifeDetails div.detailBox02 dl.ex02 dd {
margin-top: 5px;
padding: 0 0 20px 15px;
}

#main div.lifeDetails div.detailBox02 dl.ex02 dd img {
margin-right: 10px;
vertical-align: middle;
}

#main div.lifeDetails div.detailBox03 {}

#main div.lifeDetails div.detailBox03 dl.pictFlow {
width: 185px;
margin-top: 10px;
margin-right: 15px;
float: left;
}

#main div.lifeDetails div.detailBox03 dl.pictFlow dt img{
max-width: 185px;
}

*html #main div.lifeDetails div.detailBox03 dl.pictFlow dt img{
width: 185px;
}

#main div.lifeDetails div.detailBox03 dl.pictFlow dd {
width: 185px;
margin-bottom: 10px;
padding-bottom: 10px;
background: url("../images/icon_arrow_01.gif") center bottom no-repeat;
line-height: 1.2;
}

#main div.lifeDetails div.detailBox03 dl.pictFlow dd.listEnd {
margin: 0;
padding: 0;
background: none;
}

#main div.lifeDetails div.detailBox04 {
width: 475px;
margin-top: 10px;
float: right;
}

#main div.lifeDetails div.detailBox04 h4 {
margin-top: 0;
}

#main div.lifeDetails div.detailBox04 h4.ex01 {
margin-top: 10px;
padding-top: 10px;
background: url("../images/border_dotted_01.gif") top left repeat-x;
}

#main div.lifeDetails div.ex01 {
margin-top: 10px;
padding-top: 5px;
background: url("../images/border_dotted_01.gif") top left repeat-x;
}
/* 個別指定 - detailBox - ここまで */

/* 個別指定 - forumBox - ここから */
#main div.lifeDetails div.forumBox01 {
width: 565px;
margin-top: 20px;
margin-left: 55px;
background: url("../images/bg_goforum_foot.gif") bottom left no-repeat;
}

#main div.lifeDetails div.forumBox01 h5 {
padding: 5px 10px 0;
background: url("../images/bg_goforum_head.gif") top left no-repeat;
font-weight: 700;
font-size: 112%;
color: #2863bd;
}

#main div.lifeDetails div.forumBox01 p {
padding: 0 10px 10px;
}

#main div.lifeDetails div.forumBox01 p.ex01 {
text-align: center;
}
/* 個別指定 - forumBox - ここまで */

/* 個別指定 - descBox - ここから */
#main div.lifeDetails div.descBox01 {
margin-top: 20px;
border: 1px solid #ce3038;
background: url("../images/bg_desc_01.gif") top right no-repeat;
}

#main div.lifeDetails div.descBox01 dl {
padding: 10px 15px;
}

#main div.lifeDetails div.descBox01 dl dt {
display: none;
}

#main div.lifeDetails div.descBox01 dl.description {
min-height: 130px;
width: 510px;
}

* html #main div.lifeDetails div.descBox01 dl.description {
height: 130px;
}

#main div.lifeDetails div.descBox01 dl.requirement {
border-top: 1px dashed #ce3038;
}
/* 個別指定 - descBox - ここまで */


/* ----------------------------------------

Redefine - 応募ページ

---------------------------------------- */

div#main.entry {
}

div#main.entry h2,
div#main.finish h2,
div#main.entryError h2 {
background: url("../images/hl_entrytitle_01.gif") top left no-repeat;
}

div#main.entry div#lifeEntry,
div#main.finish div#lifeEntry,
div#main.entryError div#lifeEntry {
padding: 0 20px;
}

div#main.entry div#lifeEntry h3,
div#main.entryError h3 {
width: auto;
background: url("../images/hl_step_01.gif") top left no-repeat;
}

div#main.finish div#lifeEntry h3 {
width: auto;
background: url("../images/hl_step_02.gif") top left no-repeat;
}

div#main.entry div#lifeEntry p,
div#main.finish div#lifeEntry p,
div#main.entryError div#lifeEntry p {
margin-top: 10px;
}

div#main.entry div#lifeEntry p.description {
margin-top: 20px;
padding: 15px 120px 15px 15px;
border: 1px solid #dd7fa3;
background: url("../images/bg_desc_02.gif") top right no-repeat;
}

div#main.entry div#lifeEntry dl.checkList {
margin-top: -20px;
}

div#main.entry div#lifeEntry dl.checkList dt {
margin-top: 50px;
padding: 0 0 2px 5px;
border-left: 5px solid #2863bd;
border-bottom: 1px solid #6e98d8;
line-height: 1.2;
}

div#main.entry div#lifeEntry dl.checkList dt span {
margin-right: 20px;
font-size: 150%;
color: #2863bd;
font-family: impact, sans-serif;
}

div#main.entry div#lifeEntry dl.checkList dd {
margin-top: 10px;
}

div#main.entry div#lifeEntry dl.checkList dd input {
margin-left: 0.8em;
}

div#main.entry div#lifeEntry dl.checkList dd label {
margin-left: 0.3em;
margin-right: 0.3em;
}

div#main.entry div#lifeEntry dl.checkList dd textarea {
height: 8em;
width: 99%;
border: 1px solid #7f9db9;
overflow: auto;
}

/* ----------------------------------------

ClearFix

---------------------------------------- */

/* modern browsers */

#main div.lifeDetails:after,
#main div.pageNav:after,
#main div.lifeDetails div.detailBox01:after,
#main div.lifeDetails div.movie:after,
#main div.lifeDetails div.detailBox03:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


/* IE7 */

#main div.lifeDetails,
#main div.pageNav,
#main div.lifeDetails div.detailBox01,
#main div.lifeDetails div.movie,
#main div.lifeDetails div.detailBox03 {
display: inline-block;
}

/* legacy IE */

* html #main div.lifeDetails,
* html #main div.pageNav,
* html #main div.lifeDetails div.detailBox01,
* html #main div.lifeDetails div.movie,
* html #main div.lifeDetails div.detailBox03 {
height: 1%;
}

#main div.lifeDetails,
#main div.pageNav,
#main div.lifeDetails div.detailBox01,
#main div.lifeDetails div.movie,
#main div.lifeDetails div.detailBox03 {
display: block;
}

/* End of ClearFix */