@charset "utf-8";

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

INFORMATION

FileName:	coporate.css
Summary:	会社案内
Created:	2008-09-22
UpdatedBy:	2008-09-22
Copyright:	(c)2008 www.ipb.com

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


/* 会社概要
--------------------------- */
.static div#mainTitle .layoutLeft {
	float: left;
	width: 112px;
}



.static div#mainTitle p.lead {
	position: absolute;
	left: 140px;
	top: 0;
	width: 524px;
	padding-left: 14px;
	background: url(../images/mak_dotline.gif) repeat-y                ;
}



.companylist {
	padding: 22px 22px 22px 34px;
	margin-bottom: 30px;
	border: #c6c6c6 2px solid;
}



.companylist dt {
	margin: 0 0 22px 0;
}



.companylist dt .detail {
	padding-left: 20px;
}



.companylist dt img{
	vertical-align: middle;
}



.companylist dd {
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 15px;
	border-bottom: #999 1px dotted;
}



.companylist dd#last {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}



.static #main .companylist dd .image {
	position: absolute;
	left: 518px;
	top: -46px;
	margin: 0;
}



.static #main .companylist dd p.summary {
	margin: 0;
}



#companylist dd#last {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}



#customer {
	padding: 20px 22px;
	background-color: #f0f0f0;
}



#customer h4{
	margin: 0 0 22px 0;
}



#customer ul {
}



#customer li {
	float: left;
	width: 290px;
	padding: 0 0 3px 21px;
	margin: 0;
	background: url(../images/mak_arrow.gif) 0 0.45em no-repeat;
}



#customer table {
	width: 620px;
	margin: 0;
	font-size: 12px;
}



#customer table th {
	width: 45%;
	padding: 2px 12px 2px 16px;
	background: url(../images/mak_arrow.gif) 0 0.65em no-repeat;
}



#customer table tr.odd{
	background-color: #e8e8e8;
}




/* 事例紹介
--------------------------- */
#case div#mainTitle {
	margin: 0 0 22px 0;
}


#case div#mainTitle p {
	margin: 0;
}


#main #page-nav {
	padding: 10px 50px;
	border: #bfbfbf 1px solid;
	background-color: #e8e8e8;
}


#main #page-nav li{
	padding: 0 28px 0 15px;
	display: inline;
	background: url(../images/mak_arrow2.gif) 0 0.35em no-repeat;
}


#main #page-nav li.last{
	padding: 0 0 0 15px;
}


.caseBox {
	border: #e2e2e2 2px solid;
}


.caseBox h4 {
	width: auto;
	margin: 30px 0 18px 25px;
}


.caseBox h4.nolead {
	width: auto;
	padding: 0 0 15px 0;
	margin: 30px 0 18px 25px;
	background: url(../images/img_separate02.gif) left bottom no-repeat;
}


.static #main .caseBox p {
	margin: 0 25px 22px;
}


.static #main .caseBox p.lead {
	padding: 0 0 15px 0;
	background: url(../images/img_separate02.gif) bottom no-repeat;
}


.static #main .caseBox p.question {
	padding: 0 0 5px 42px;
	background: url(../images/mak_q.gif) no-repeat;
}


.static #main .caseBox p.answer {
	padding-left: 42px;
	background: url(../images/mak_a.gif) no-repeat;
}


.static #main .caseBox p.qa {
	margin-left: 40px;
	text-indent: -12px;
}


.static #main .caseBox .image {
	float: right;
	margin: 30px 28px 20px 20px;
}


.static #main .caseBox p.summary {
	width: 287px;
	padding: 18px 0;
	background-color: #ededed;
}


.static #main .caseBox p.summary span {
	padding: 0 18px;
	margin: 0;
	display: block;
}


.pagetopCase {
	margin: 18px 0 25px 0;
	text-align: right;
}



/* 著作紹介・パブリシティ
--------------------------- */
#publicity .layoutRight {
	margin: 0 0 10px 1.8em;
}


.publicityBox {
	clear: both;
	margin: 0 0 37px 0;
	border: #e2e2e2 2px solid;
}


.publicityBox h4 {
	padding: 0 0 7px 0;
	margin: 25px 25px 12px;
	border-bottom: #999 1px dotted;
}


.publicityBox h5 {
	margin: 25px 25px 7px;
}


#consultant .publicityBox .layoutRight,
#publicity .publicityBox .layoutRight {
	padding-left: 3px;
	margin: 25px 25px 10px 0;
	background-color: #fff;
}


* html body#consultant .publicityBox .layoutRight,
* html body#publicity .publicityBox .layoutRight {
	margin: 25px 12px 10px 0;
}


#publicity div#main .publicityBox p {
	width: 615px;
	margin: 0 0 12px 25px;
	font-size: 80%;
}


#publicity div#main .publicityBox p.layoutLeft {
	width: 410px;
}


#publicity div#main .publicityBox p.detail {
	width: 160px;
	margin-bottom: 35px;
}


#publicity div#main .publicityBox p.detailRight {
	float: right;
	width: 161px;
	margin: 20px 0 0 0;
}


.publicityBox table {
	width: 590px;
	margin: 0 0 0 44px;
}


* html body .publicityBox table {
	font-size: 11px;
}


.publicityBox th {
	width: 50%;
	padding: 12px 25px 12px 0;
}


.publicityBox td {
	width: 30%;
	padding: 23px 15px 23px 10px;
	font-size: 80%;
	vertical-align: bottom;
}


.publicityBox th img {
	border: #999 3px solid;
}


.pagetopPublicity{
	margin: 14px 25px 25px 0;
	text-align: right;
}


#publicity div#main .publicityBox p.book {
	margin: 0 0 12px 44px;
	font-size: 100%;
}




/* コンサルタント紹介
--------------------------- */
#consultant div#main .publicityBox p {
	margin: 0 25px 12px 25px;
}


#publicity div#main .publicityBox p.option,
#consultant div#main .publicityBox p.option {
	width: 500px;
}


#consultant div#main .publicityBox p.detail {
	margin-bottom: 35px;
}


#consultant .publicityBox h5 {
	float: left;
	width: 60px;
	margin: 0 0 7px 0;
}


#consultant .history {
	margin: 0 25px 0 25px;
	background-color: #f5f5f5;
}


#consultant .history-inner {
	padding: 21px;
}


#consultant div#main .publicityBox .history table {
	width: 450px;
	margin: 0 0 0 120px;
	color: #666;
}

#consultant div#main .publicityBox .history th {
	width: 15%;
	padding: 2px 0;
	font-size: 10px;
	vertical-align: top;
}

#consultant div#main .publicityBox .history td {
	width: 85%;
	padding: 2px 0;
	font-size: 10px;
}

.pagetopConsultant {
	margin: 22px 25px 18px 0;
	text-align: right;
}