@charset "UTF-8";

@import url("common.css");

/* **************************************************************************************

 コンテンツページのスタイル

*************************************************************************************** */

/* --------------------------------------------------------------------------------------
 共通
--------------------------------------------------------------------------------------- */

.txtCenter {
	text-align: center;
}
.txtRight {
	text-align: right;
}
.txtBold {
	font-weight: bold;
}


/* 枠・タイトル
------------------------------------------------------------ */

div#contAreaIn {
	width: 782px;
	margin: 0 0 0 130px;
	padding-bottom: 50px;
}

div#contAreaIn h1 {
	margin-bottom: 35px;
}


/* --------------------------------------------------------------------------------------
 コンセプト　/concept/
--------------------------------------------------------------------------------------- */

body#concept div#wrapper {
	background: #FFFFFF url(../../concept/img/bg_concept.gif) no-repeat center top;
}

div#cont-concept {
	position: relative;
	height: 558px;
}

div#cont-concept p {
	position: absolute;
	top: -116px;
	left: 46px;
}


/* --------------------------------------------------------------------------------------
 実績紹介　/results/
--------------------------------------------------------------------------------------- */

body#results div#wrapper {
	background: #FFFFFF url(../../results/img/bg_results.gif) no-repeat center top;
}

div#cont-results {
	width: 782px;
}
div#cont-results:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#cont-results { display:inline-block; }
/*\*/
* html div#cont-results { height:1%; }
div#cont-results { display:block; }
/**/

div#cont-results ul#resultsList {
	width: 782px;
	margin-top: 10px;
}
div#cont-results ul#resultsList:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#cont-results ul#resultsList { display:inline-block; }
/*\*/
* html div#cont-results ul#resultsList { height:1%; }
div#cont-results ul#resultsList { display:block; }
/**/

div#cont-results ul#resultsList li {
	float: left;
	width: 382px;
	margin-right: 17px;
	margin-bottom: 35px;
}
div#cont-results ul#resultsList li.even {
	margin-right: 0;
}

div#cont-results ul#resultsList li div {
	width: 358px;
}
* html div#cont-results ul#resultsList li div {
	width: 382px;
}
div#cont-results ul#resultsList li div:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#cont-results ul#resultsList li div { display:inline-block; }
/*\*/
* html div#cont-results ul#resultsList li div { height:1%; }
div#cont-results ul#resultsList li div { display:block; }
/**/

div#cont-results ul#resultsList li div p.img {
	float: left;
	width: 190px;
}

div#cont-results ul#resultsList li div div.txt {
	float: right;
	width: 158px;
	color: #747474;
	font-size: 86%;
}

div#cont-results ul#resultsList li div div.txt span {
	display: block;
	margin-bottom: 4px;
	color: #000000;
	font-size: 117%;
	font-weight: bold;
}

div#cont-results ul#resultsList li a:link,
div#cont-results ul#resultsList li a:visited,
div#cont-results ul#resultsList li a:hover,
div#cont-results ul#resultsList li a:active {
	color: #000000;
}

div#cont-results ul#detailList {
	float: left;
	width: 498px;
}
div#cont-results ul#detailList:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#cont-results ul#detailList { display:inline-block; }
/*\*/
* html div#cont-results ul#detailList { height:1%; }
div#cont-results ul#detailList { display:block; }
/**/

div#cont-results ul#detailList li {
	float: left;
	margin: 0 8px 8px 0;
}

div#cont-results div#detailCont {
	float: right;
	width: 283px;
	border-left: 1px solid #a7a7a7;
}
* html div#cont-results div#detailCont {
	width: 284px;
}

div#cont-results div#detailCont h2 {
	margin-bottom: 10px;
	padding: 5px 0 3px 20px;
	border-left: 5px solid #a7a7a7;
	color: #000000;
	font-size: 117%;
	font-weight: bold;
	width:280px;
	word-break:break-all;
}

div#cont-results div#detailCont p {
	margin: 0 0 0 20px;
}


/* --------------------------------------------------------------------------------------
 プロフィール　/profile/
--------------------------------------------------------------------------------------- */

body#profile div#wrapper {
	background: #FFFFFF url(../../profile/img/bg_profile.gif) no-repeat center top;
}


div#cont-profile div.profileBox {
	width: 780px;
	margin-top: 20px;
}
div#cont-profile div.profileBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#cont-profile div.profileBox { display:inline-block; }
/*\*/
* html div#cont-profile div.profileBox { height:1%; }
div#cont-profile div.profileBox { display:block; }
/**/

div#cont-profile div.profileBox ul {
	width: 500px;
	margin-bottom:45px;
}

div#cont-profile div.profileBox li.name {
	padding: 12px 0 12px 0px;
	font-weight: bold;
}
div#cont-profile div.profileBox li.name span {
	color: #029EAE;
	font-size:11px;
	font-weight: normal;
}

div#cont-profile div.profileBox li.his {
	padding: 0px;
	margin-bottom:1px;
	/*\*/overflow: hidden;/**/
}

div#cont-profile div.profileBox li.his .left {
   float:left;
	 width:40px;
}
div#cont-profile div.profileBox li.his .right {
   float:right;
	 width:455px;
}
div#cont-profile div.profileBox li.his2 {
	padding: 0px;
	margin-bottom:20px;
	/*\*/overflow: hidden;/**/
}
div#cont-profile div.profileBox li.his2 .left {
   float:left;
	 width:40px;
}
div#cont-profile div.profileBox li.his2 .right {
   float:right;
	 width:455px;
}


/* --------------------------------------------------------------------------------------
 事務所紹介　/office/
--------------------------------------------------------------------------------------- */

body#office div#wrapper {
	background: #FFFFFF url(../../office/img/bg_office.gif) no-repeat center top;
}

div#cont-office {
	width: 780px;
}
div#cont-office:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#cont-office { display:inline-block; }
/*\*/
* html div#cont-office { height:1%; }
div#cont-office { display:block; }
/**/

div#officeLeft {
	float: left;
	width: 310px;
}

div#officeRight {
	float: right;
	width: 445px;
}

div#officeRight table {
	width: 445px;
}

div#officeRight table th,
div#officeRight table td {
	padding: 7px 0 7px 10px;
	background: url(../../office/img/line_office.gif) repeat-x left bottom;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}

div#officeRight table th {
	width: 65px;
	color: #10CDE0;
	font-size: 86%;
}

div#officeRight table td {
	background: url(../../office/img/line_office.gif) repeat-x left bottom;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}

div#officeRight table td div {
	margin-bottom: 7px;
}


/* --------------------------------------------------------------------------------------
 お問い合わせ　/inquiry/
--------------------------------------------------------------------------------------- */

body#inquiry div#wrapper {
	background: #FFFFFF url(../../inquiry/img/bg_contact.gif) no-repeat center top;
}

div#cont-inquiry {
	width: 782px;
}
div#cont-inquiry:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#cont-inquiry { display:inline-block; }
/*\*/
* html div#cont-inquiry { height:1%; }
div#cont-inquiry { display:block; }
/**/

div#cont-inquiry p.lead {
	float: left;
	width: 155px;
}

div#cont-inquiry div#formArea {
	float: right;
	width: 620px;
}

div#cont-inquiry div#formArea table {
	width: 620px;
}

div#cont-inquiry div#formArea table th,
div#cont-inquiry div#formArea table td {
	border: 1px solid #D0D0D0;
	vertical-align: top;
	text-align: left;
	font-size: 86%;
	font-weight: normal;
}

div#cont-inquiry div#formArea table th {
	width: 135px;
	padding: 15px 0 15px 25px;
	border: 1px solid #D0D0D0;
	background: #F1F1F1;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

div#cont-inquiry div#formArea table td {
	padding: 12px 15px;
}

div#cont-inquiry div#formArea table td .textareastyle01 {
	width: 385px;
	height: 80px;
}

div#cont-inquiry div#formArea table td .inputstyle01 {
	width: 385px;
}

div#cont-inquiry p.note {
	margin: 14px 0 24px;
	padding-left: 1.1em;
	text-indent: -1.1em;
	font-size: 86%;
}