@charset "Shift_JIS";

/*--- ヘッダとフッタとの仕切り線 ---*/
div#bgColor{
 background: #F8F7F5;
 border: 1px solid #dedede;
}

/*--- メイン画像 ---*/
div#mainImgBox{
 margin: 0 auto;
 text-align: canter;
 width: 960px;
 background: url(../img/20141116keiko_1.jpg) no-repeat top center;
 min-height:240px;
 height: auto !important;
 border-left: 1px solid #dedede;
 border-right: 1px solid #dedede;
 position: relative;
}

div#mainImgBox div#mainMessageBox{
 width: 277px;
 min-height:240px;
 height: auto !important;
 background: #fff;
 border-left: 1px solid #dedede;
 border-right: 1px solid #dedede;
}

div#mainImgBox div#mainMessageBox strong{
 font-weight: bold;
 font-size: 17px;
 display: block;
 padding: 90px 20px 10px;
}

div#mainImgBox div#mainMessageBox span{
 padding: 0 20px;
 display: block;
 line-height: 1.9;
}

div#mainImgBox div#mainFloatMessage{
 width: 240px;
 height: 24px;
 border: 1px solid #00f;
 background: #ffc;
 text-align: center;
 font-size: 14px;
 letter-spacing: 1px;
 color: #000;
 font-weight: bold;
 position: absolute;
 top: 207px; 
 left: 370px;
}

div#mainImgBox_Bottom{
 width: 900px;
 padding: 5px 30px 5px;
 margin: 0 auto;
 text-align: left;
 background: #eed;
 border-top: 1px solid #dedede;
 border-left: 1px solid #dedede;
 border-right: 1px solid #dedede;
}

div#mainImgBox_Bottom h2{
 font-size: 13px;
 letter-spacing: 1px;
}

/*--- メインコンテンツ部分 ---*/
div#mainContents{
 width: 900px;
 padding: 30px 30px 45px;
 margin: 0 auto;
 text-align: left;
 background: #fff;
 border-top: 1px solid #dedede;
 border-left: 1px solid #dedede;
 border-right: 1px solid #dedede;
}

div#mainContents h2{
 background: #333;
 padding: 4px 0 4px 12px;
 color: #fff;
 font-size: 14px;
 letter-spacing: 2px;
 margin-bottom: 10px;
}

div#mainContents strong{
 display: block;
 margin-bottom: 7px;
 font-weight: bold;
 font-size: 14px;
}

div#mainContents table,
div#mainContents strong,
div#mainContents span,
div#mainContents dl{
 margin-left: 10px;
 display: block;
}

/*--- コンセプトボックス（左） ---*/
div.conceptBox{
 width: 600px;
 float: left;
 margin-bottom: 30px;
}

div.conceptBox span{
 margin: 0 10px 0 20px;
}

div.conceptBox div#conceptLeft{
 width:100px;
 float: left;
 padding: 0 10px 0 10px;
}

div.conceptBox div#conceptRight{
 width:470px;
 float: right;
 padding-right: 10px;
}

div.conceptBox span {
 max-height: 100%;
}

div.conceptBox table{
 margin-left: 90px;
 width: 380px;
}

div.conceptBox th,
div.conceptBox td{
 text-align: center;
}

div.conceptBox th{
 width: 70px;
}

/*--- 小ボックス（右） ---*/
div#outlineBox{
 width: 270px;
 float: right;
}

div#outlineBox dl{}
div#outlineBox dl dt{
 font-weight: bold;
 margin-bottom: 6px;
 font-size: 14px;
}

div#outlineBox dl dd{
 margin-bottom: 12px;
}

div#outlineBox dd{
 padding-left: 10px;
}