@charset "UTF-8";


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

.mgb-5 { margin-bottom:5px !important; }
.mgb-10 { margin-bottom:10px !important; }
.mgb-15 { margin-bottom:15px !important; }
.mgb-20 { margin-bottom:20px !important; }
.mgb-25 { margin-bottom:25px !important;}
.mgb-30 { margin-bottom:30px !important;}
.mgb-35 { margin-bottom:35px !important;}
.mgb-40 { margin-bottom:40px !important;}
.mgb-50 { margin-bottom:50px !important;}
.mg-0 { margin:0px !important;}

.red {
	color:#B70000;
}
ol li {
	margin-left:20px;
	list-style: decimal;
	line-height: 150%;
  /margin-left: 25px;
}

/*見出し*/

div#wrapper h1 {
	height: 95px;
	width: 900px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin-bottom: 17px;
}
h1#aboutTitle { background-image: url(../images/about/aboutTitle.jpg);}
h1#serviceTitle { background-image: url(../images/service/serviceTitle.jpg);}
h1#priceTitle { background-image: url(../images/price/priceTitle.jpg);}
h1#faqTitle { background-image: url(../images/faq/faqTitle.jpg);}
h1#accessTitle { background-image: url(../images/access/accessTitle.jpg);}
h1#contactTitle { background-image: url(../images/contact/contactTitle.jpg);}

div#main h2 {
	background: url(../images/common/h2_bg.jpg) repeat-x left bottom;
	border: 1px solid #CDCDCD;
	padding-left: 7px;
	padding-right: 5px;
	margin-bottom: 20px;
}
div#main h2 span {
	padding: 10px;
	font-size: 120%;
	font-weight: bold;
	display: block;
	border-left: 5px solid #3084E4;
}
div#main h3 {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 15px;
}
div#main h3.sub {
	background: #E2ECF3;
	font-size: 110%;
	padding: 8px;
	border-left: 5px solid #3084E4;
}
div#main h4 {
	background: url(../images/common/h4_bg.gif) no-repeat left 2px;
	font-size: 100%;
	font-weight: bold;
	padding-left: 15px;
	margin-bottom: 10px;
}

div#main h4.num {
	background:none;
	font-size: 100%;
	font-weight: bold;
	padding:3px;
	color: #555;
	border-bottom:1px solid #555;
	margin-bottom: 10px;
}


/*注釈*/
p.annotation {
	text-indent: -1em;
	padding-left: 1em;
}

/*ページの先頭へ戻るリンク（ページ内）*/
p.pageTop {
	width:680px;
	text-align:right;
	padding-bottom: 30px;
}


/*------------------------------
事務所のご案内
-------------------------------*/

/*本文*/	

div.imgR-textL {	
	margin-bottom:15px;
	zoom: 1;
}	
div.imgR-textL:after {	
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;
}	
div.imgR-textL div.textArea {	
	float:left;
	width: 460px;
}	
div.imgR-textL div.photoArea {	
	float: left;
	width: 210px;
	padding-left:10px;
}	
div.imgR-textL div.photoArea img {
	margin-bottom: 15px;
}

/*事務所データ*/

div.imgFloatbox-r {
	zoom: 1;
	margin-bottom:40px;
	border: 1px solid #B8D0E4;
	padding: 7px;
}	
div.imgFloatbox-r:after {	
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;
}		
div.imgFloatbox-r div.photoArea {
	float:right;
	width:235px;
	padding-left:10px;
}	
div.imgFloatbox-r div.textArea {
	float:left;
	width:410px;
	padding-left: 5px;
}
div.imgFloatbox-r h3 {
	background: #D8E5F0;
	padding: 8px;
}	

/*プロフィール*/

div.profile {	
	zoom: 1;
	margin-bottom:15px;
}	
div.profile:after {	
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;
}	
div.profile div.photoArea p {	
	padding-top:3px;
	text-align:left;
}	
div.profile div.photoArea {	
	float:left;
	width:220px;
	padding-right:10px;
}	
div.profile div.textArea {	
	float:left;
	width:450px;
}	
div#main div.profile h3 {
	margin: 0px 0px 10px;
	padding: 0px;
}

div.message {
	border: 1px solid #B8D0E4;
	padding: 7px;
}
div.message h3 {
	background: #D8E5F0;
	padding: 8px;
}
div.message p {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

/*略歴*/
dl.history dt {
	clear: both;
	float: left;
	width: 155px;
}
dl.history dd {
	padding-left: 160px;
}

/*------------------------------
よくある質問
-------------------------------*/

dl.faq {
	margin-bottom: 50px;
}
dl.faq dt {
	background: url(../images/faq/q_bg.gif) no-repeat left top;
	font-size: 110%;
	font-weight: bold;
	padding-left: 35px;
	padding-top: 5px;
	padding-bottom: 12px;
	margin-bottom: 5px;
	border-bottom: 2px solid #DBDBDB;
}
dl.faq dd {
	background: url(../images/faq/a_bg.gif) no-repeat 6px 8px;
	padding-top: 5px;
	padding-left: 35px;
	margin-bottom: 20px;
}

/*------------------------------
アクセス
-------------------------------*/
#map_canvas {
	border: 1px solid #CCCCCC;
	width:680px;
	height:450px;
}

div.img2Box {	
	zoom: 1;
	width:365px;
	margin: 0 auto;
	margin-bottom:30px;
}	
div.img2Box:after {	
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;
}	
div.img2Box div {	
	float:left;
	width:250px;
	margin-right:35px;
	display:inline;
}	
div.img2Box div p {	
	padding-top:3px;
}	
div.access {
	zoom: 1;
	margin-bottom:30px;
}	
div.access:after {	
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;
}	
div.access div.photoArea p {	
	padding-top:3px;
	text-align:left;
}	
div.access div.photoArea {	
	float:right;
	width:160px;
	padding-left:10px;
}	
div.access div.textArea {	
	float:left;
	width:510px;
}	

/*------------------------------
費用について
-------------------------------*/

table.price {
	width: 80%;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	margin:0 auto 25px;
}
table.price th {
	width: 40%;
	padding: 8px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	background: #ede4d8;/*f4eee6*/
	font-weight: bold;
}

table.price th.color {
	background:#faf7f2;
}

table.price td {
	padding: 8px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	text-align:right;
}

/*------------------------------
お問い合わせフォーム
-------------------------------*/
table#form {
	width: 100%;
	margin-bottom:30px;
}
table#form th {
	width: 35%;
	text-align: right;
	padding: 10px 15px 10px 10px;
	font-weight: bold;
	background: #D8E5F0;
	border-bottom: 2px solid #FFFFFF;
	font-size: 105%;
}
table#form td {
	background: #efefef;
	border-bottom: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#form input {
	border: 1px solid #999999;
	height: 20px;
	margin-right:5px;
}
#form textarea {
	border: 1px solid #999999;
	margin-right:5px;
}
#form span {
	color:#B70000;
}

#form .hidden {
  display: none;
}

div.imgCenter {	
	text-align:center;
	margin-bottom:30px;
}	
div.imgCenter input {	
	margin: 0 auto;
}	

div.imgCenter form {	
  display: inline;
}	
.phpform-error {
  margin-bottom: 15px;
  padding: 5px;
  border: 1px #f00 solid;
  color: #f00;
  background: #ffe0e0;
}