@charset "utf-8";

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

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

Redefine - 基本指定

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

div#header h1 {
background: #fff url("../images/img_logo_companies.gif") top left no-repeat;
}

#main {
width: 685px;
}

#main h2 {
height: 24px;
margin-top: 20px;
margin-left: 20px;
}

#main p.goTop {
margin-top: 10px;
margin-right: 10px;
text-align: right;
}

#main p.goTop a {
padding-left: 12px;
background: url("../images/icon_gotop_01.gif") left center no-repeat;
}

#main div#companiesBox {
padding: 0 0 0 20px;
}

#main div#companiesBox h3.headline {
clear: both;
width: 665px;
height: 29px;
padding-top: 20px;
}

#main div#companiesBox h4 {
margin-top: 20px;
font-size: 130%;
font-weight: 700;
color: #bc0048;
}

#main div#companiesBox p {
margin-top: 10px;
}

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

Redefine - カンパニーズ

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

#main div#companiesBox p.imgStyle01 {
margin-top: 0;
}

#main div#companiesBox ul.shortBn {
width: 665px;
height: 26px;
margin-top: 15px;
}
#main div#companiesBox ul.shortBn li {
float: left;
width: 221px;
}

#main div#companiesBox .campaniesIntroduction {
width: 100%;
border: 3px solid #918E00;
background-color: #F1F1DF;
}

#main div#companiesBox .campaniesIntroduction h3{
padding-top: 10px;
text-align: center;
}

#main div#companiesBox .campaniesIntroduction ul {
margin: 10px 0 0 55px;
background: url("../images/img_staff.gif") no-repeat 430px 15px;
padding-right: 180px;
}

#main div#companiesBox .campaniesIntroduction ul li{
list-style: circle;
}

#main div#companiesBox .campaniesIntroduction ul li strong{
color: #A70000;
font-weight: bold;
}

#main div#companiesBox .campaniesIntroduction h4{
margin-left: 20px;
}

#main div#companiesBox .campaniesIntroduction ol{
margin: 10px 0 15px 25px;
}

#main div#companiesBox .campaniesIntroduction img.campIntroImg{
margin: 15px 0 0 15px;
}

#main div#companiesBox .campaniesIntroduction ol li{
padding: 0 25px;
}
#main div#companiesBox .campaniesIntroduction ol li.cmapIntroPoint1 { background: url("../images/img_point1.gif") no-repeat 0 0.15em; }
#main div#companiesBox .campaniesIntroduction ol li.cmapIntroPoint2 { background: url("../images/img_point2.gif") no-repeat 0 0.15em; }
#main div#companiesBox .campaniesIntroduction ol li.cmapIntroPoint3 { background: url("../images/img_point3.gif") no-repeat 0 0.15em; }

#main div#companiesBox .campaniesIntroduction ol li strong{
font-weight: bold;
}

/* 7つのプラン */
#main div#companiesBox h4.campIntroSubtitle{
clear: both;
width: 100%;
margin-top: 10px;
color: #861098;
line-height: 1.2;
font-weight: bold;
font-size: 116%;
}

#main div#companiesBox img.charleInfoImg{
float: right;
margin: 15px 0 15px 15px;
width: 305px;
}

#main div#companiesBox img.pdfDlBn{
margin: 15px 0 0 210px;
}

#main div#companiesBox .hl02SericeWrapper{
clear: left;
width: 665px;
}

#main div#companiesBox .hl02ServiceBox{
float: left;
position: relative;
width: 320px;
margin: 0 10px 10px 0;
border: 1px solid #D86B0C;
}


#main div#companiesBox .hl02ServiceBox h5{
padding: 10px 10px 0 10px;
color: #D86B0C;
font-weight: bold;
font-size: 135%;
}

#main div#companiesBox .hl02ServiceBox h5{
width: 200px;
padding: 10px 10px 0 10px;
color: #D86B0C;
font-weight: bold;
font-size: 135%;
}

#main div#companiesBox .hl02ServiceBox .hl02IconBox{
position: absolute;
top: 5px;
left: 220px;
}

#main div#companiesBox .hl02ServiceBox p{
margin: 0;
padding: 10px 10px 5px;
}

#main div#companiesBox .hl02ServiceBox img{
margin-left: 8px;
}

/* ご利用事例 */
#main div#companiesBox .useCaseArea {
border-bottom: 1px solid #A70000;
}

#main div#companiesBox .useCaseArea #companyFlashArea {
float: right;
width: 300px;
height: 285px;
margin-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
}

#main div#companiesBox .clearfix:after {
clear:both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
#main div#companiesBox .clearfix {
display: inline-block;
}

#main div#companiesBox .useCaseArea img.photoLeft{
float: right;
width: 261px;
margin-left: 20px;
padding-top: 10px;
}

#main div#companiesBox .useCaseArea h4{
margin-top: 10px;
color: #861098;
line-height: 1.2;
font-style: normal;
font-size: 116%;
}

#main div#companiesBox .useCaseArea p{
margin-top: 5px;
}

#main div#companiesBox .useCaseArea p.useCaseTitle{
margin-top: 10px;
color: #A70000;
font-weight: bold;
}

/* ページの上部 */
#main div#companiesBox p.goTop {
clear:both;
margin-top:10px;
width:100%;
}


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

Redefine - カンパニーズポップアップ

---------------------------------------- */
body#popupBody {
background-color: white;
}

#containerPopup {
width: 690px;
font-size: 116%;
}

#containerPopup #companiesServicePopup {
position: relative;
width: 690px;
}

#containerPopup #companiesServicePopup h1 {
text-align: center;
margin-top: 20px;
}

#containerPopup #companiesServicePopup .ppIconBox{
position: absolute;
top: 10px;
right: 10px;
}

#containerPopup #companiesServicePopup h2 {
margin-left: 15px;
padding-top: 35px;
}

#containerPopup #companiesServicePopup ul {
margin-left: 15px;
}

#containerPopup #companiesServicePopup ul li {
margin: 10px 0 5px 20px;
padding-right: 10px;
list-style: square;
}

#containerPopup #companiesServicePopup h2#scheme {
margin-left: 10px;
}

#containerPopup #companiesServicePopup h3{
margin-left: 20px;
color: #A70000;
font-weight: bold;
}

#containerPopup #companiesServicePopup h3.schemeSub{
color: #861098;
}

#containerPopup #companiesServicePopup p {
margin-left: 20px;
padding-right: 20px;
}

#containerPopup #companiesServicePopup p strong{
color: #FF4400;
font-weight: bold;
}

#containerPopup #companiesServicePopup img.photoRight{
float: right;
width: 143px;
margin: 10px 0 15px 25px;
}

#containerPopup #companiesServicePopup div.closeBn{
width: 97px;
margin: 15px 0 15px 290px;
}

#main div#companiesBox div#inquiryBox {
margin: 10px 20px 0;
border: #ccc 1px solid;
}

#main div#companiesBox div#inquiryBox dl {
width: 49%;
float: left;
}

#main div#companiesBox div#inquiryBox dl dt {
padding: 6px 0 0 10px;
font-size: 116%;
font-weight: 700;
}

#main div#companiesBox div#inquiryBox dl dd {
margin-top: 10px;
padding-bottom: 10px;
text-align: center;
}

#main div#companiesBox div#inquiryBox dl.mail dd{
margin-top: 30px;
}

#main div#companiesBox div#inquiryBox dl.tel {
background: url("../images/bg_dotted_02.gif") top left repeat-y;
}

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

ClearFix

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

/* modern browsers */

#main div#companiesBox div#inquiryBox:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


/* IE7 */

#main div#companiesBox div#inquiryBox {
display: inline-block;
}

/* legacy IE */

* html #main div#companiesBox div#inquiryBox {
height: 1%;
}

#main div#companiesBox div#inquiryBox {
display: block;
}


/* End of ClearFix */