@charset "utf-8";
/* CSS Document */

/*=======================================================================*/

/* Musashikoyama Low Office
/* style.css
/* date:2014.05

/*=======================================================================*/



/* all style
-------------------------------------------------------------------------*/
html { overflow-y: scroll; }
html,body {	height:100%;}
* html { height: 100%; }

html, body, div, blockquote, form, table, th, td, h1, h2, h3, h4, h5, h6, a, p, dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6 { font-size: 100%; }

img,a img {
	border: none;
	vertical-align: top;
}

a { 
	overflow: hidden;
	outline: none; 
}

a:link, a:visited {
	color: #101010;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
	color: #013098;
}

a.widelink { display: block; width: 100%; }

ul li { list-style-type:none; }

.text_c { text-align: center;}
.text_l { text-align: left;}
.text_r { text-align: right;}
.font11 { font-size: 1.1em; }
.font9 { font-size:0.9em; }
.fontb { font-weight: bold; }
.lfloat { float:left; }
.rfloat { float:right; }
.clear { clear: both; }

.reset { 
	margin:0;
	padding:0; 
}

.cred {color:#760202; }

.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pl10 { padding-left:10px; }
.pl20 { padding-left:20px; }
.pl38 { padding-left:38px; }
.mr10 { margin-right: 10px; }
.ml20 { margin-left: 20px; }
.ml50 { margin-left: 50px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb50 { margin-bottom: 50px; }
.mb90 { margin-bottom: 90px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt50 { margin-top: 50px; }

div.news-p1 {
	position: relative;
	height: 212px;
}

p.news-p2 a {
	position: absolute;
	bottom: -25%;
	right: 2%;
}



.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* body style
-------------------------------------------------------------------------*/
body {
	font-size: 90%;
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.3;
	_text-align: center;
	color: #101010;
	background: url(images/hed_bg.jpg) no-repeat top;
}


/* inner_body style
-------------------------------------------------------------------------*/
div#inner_body {
	background: url(images/foot_bg.jpg) no-repeat bottom;
}


/* container
-------------------------------------------------------------------------*/
div#container {
	background: url(images/gnav_line.jpg) repeat-x;
	background-position:0 468px;
}


/* container
-------------------------------------------------------------------------*/
div#container_under {
	background: url(images/gnav_line.jpg) repeat-x;
	background-position:0 195px;
}


/* wrapper style
-------------------------------------------------------------------------*/
div#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position:relative;
}


/* header
-------------------------------------------------------------------------*/
div#header {
	height:142px;
}

h1 { 
    margin-top:38px;
	float:left;
}

div#hed_phone {
	float:right;
	margin-top:16px;
}

ul#hed_nav {
	position: absolute;
	top: 115px;
	right: 0;
}

ul#hed_nav a {
	color:#fff;
}


/* smart_image
-------------------------------------------------------------------------*/
div.smart_image {
	z-index:1;
}


/* global_nav
-------------------------------------------------------------------------*/
div#gnav {
	background: url(images/gnav_off.png) no-repeat top;
	width: 960px;
	height: 57px;
	position:absolute;
	top:415px;
	z-index:2;
}

div#gnav ul li a {
	display: block;
	overflow: hidden;
	width:137px;
	height: 0 !important;
	height /**/: 57px;
	padding-top: 57px;
	float:left;
}

div#gnav ul li#gnav1 a:hover {
	background:url(images/gnav_on.jpg) 0 0;
}

div#gnav ul li#gnav2 a:hover {
	background:url(images/gnav_on.jpg) -137px 0;
}

div#gnav ul li#gnav3 a:hover {
	background:url(images/gnav_on.jpg) -274px 0;
}

div#gnav ul li#gnav4 a:hover {
	background:url(images/gnav_on.jpg) -411px 0;
}

div#gnav ul li#gnav5 a:hover {
	background:url(images/gnav_on.jpg) -548px 0;
}

div#gnav ul li#gnav6 a:hover {
	background:url(images/gnav_on.jpg) -685px 0;
}

div#gnav ul li#gnav7 a:hover {
	background:url(images/gnav_on.jpg) -822px 0;
}


/* global_nav_under
-------------------------------------------------------------------------*/
div#gnav_under {
	background: url(images/gnav_off.png) no-repeat top;
	width: 960px;
	height: 57px;
	position:absolute;
}

div#gnav_under ul li a {
	display: block;
	overflow: hidden;
	width:137px;
	height: 0 !important;
	height /**/: 57px;
	padding-top: 57px;
	float:left;
}

div#gnav_under ul li#gnav1 a:hover {
	background:url(images/gnav_on.jpg) 0 0;
}

div#gnav_under ul li#gnav2 a:hover {
	background:url(images/gnav_on.jpg) -137px 0;
}

div#gnav_under ul li#gnav3 a:hover {
	background:url(images/gnav_on.jpg) -274px 0;
}

div#gnav_under ul li#gnav4 a:hover {
	background:url(images/gnav_on.jpg) -411px 0;
}

div#gnav_under ul li#gnav5 a:hover {
	background:url(images/gnav_on.jpg) -548px 0;
}

div#gnav_under ul li#gnav6 a:hover {
	background:url(images/gnav_on.jpg) -685px 0;
}

div#gnav_under ul li#gnav7 a:hover {
	background:url(images/gnav_on.jpg) -822px 0;
}


/* contents
-------------------------------------------------------------------------*/
div#contents {
	margin-top:20px;
}


/* contents_under
-------------------------------------------------------------------------*/
div#contents_under {
	margin-top:70px;
}

p#about_image, #service_image, #info_image, #news1_image {
	display: block;
	overflow: hidden;
	width:960px;
	height: 0 !important;
	height /**/: 100px;
	padding-top: 100px;
	margin-bottom:15px;
}

p#about_image {
	background:url(images/umain_image1.jpg) no-repeat top;
}

p#service_image {
	background:url(images/umain_image2.jpg) no-repeat top;
}

p#info_image {
	background:url(images/umain_image3.jpg) no-repeat top;
}

p#news1_image {
	background:url(images/umain_image4.jpg) no-repeat top;
}



h2#attorney_image, #office_image, #access_image, #services_image, #flow_image, #fee_image, #contact_image, #privacy_image, #news_image {
	display: block;
	overflow: hidden;
	width:660px;
	height: 0 !important;
	height /**/: 100px;
	padding-top: 100px;
	margin-bottom:15px;
}


h2#attorney_image {
	background:url(images/attorney_image.jpg) no-repeat top;
}

h2#office_image {
	background:url(images/office_image.jpg) no-repeat top;
}

h2#services_image {
	background:url(images/services_image.jpg) no-repeat top;
}

h2#flow_image {
	background:url(images/flow_image.jpg) no-repeat top;
}

h2#fee_image {
	background:url(images/fee_image.jpg) no-repeat top;
}

h2#contact_image {
	background:url(images/contact_image.jpg) no-repeat top;
}

h2#access_image {
	background:url(images/access_image.jpg) no-repeat top;
}

h2#privacy_image {
	background:url(images/privacy-policy_image.jpg) no-repeat top;
}

h2#news_image {
	background:url(images/news_image.jpg) no-repeat top;
}



h3 {
	background: url(images/under_title.jpg) no-repeat center center;
	width:640px;
	height:34px;
	padding-left:20px;
	line-height:34px;
	font-size:1.2em;
	font-weight:normal;
}

.p_box {
	width:370px;
	margin: 0 20px;
	line-height:1.5;
}

.p_box1 {
	width:620px;
	margin: 20px auto;
	line-height:1.5;
}

.p_box_new {
	width:620px;
	margin: 20px 0;
	line-height:1.5;
}

div.p_box2 {
	width:612px;
	margin: 20px 0;
	line-height:1.5;
	border: 4px #d5c3b6 solid;
	padding: 20px;
}

div.p_box3 {
	width:616px;
	margin: 20px 0;
	line-height:1.5;
	border: 1px #0f0f0f solid;
	padding: 20px;
}


p#p_box4 {
	width:340px;
}


div.triangle {
	background: url(images/triangle.jpg) no-repeat center bottom;
	padding-bottom: 8px;
}

.fsize1 {
	font-size:1.5em;
	font-weight:normal;
	color:#760202;
}

.fsize2 {
	font-size:1.5em;
	font-weight:normal;
	color:#0f0f0f;
	margin-bottom:10px;
}

span.number {
	font-size:1.7em;
	font-weight: 200;
	margin-right:20px;
}

span.number2 {
	font-size:1.1em;
	font-weight: 200;
	margin-right:15px;
}


.red_line {
	border:4px #760202 solid;
	width:45px;
	padding:10px;
	color:#760202;
	float:left;
	margin-right:20px;
}

span#tel {
	font-size:2em;
	color:#760202;
}

.teigi1 {
	color:#760202;
	margin-left:-10px;
	font-size:1.1em;
}

.teigi2 {
	margin-left:30px;
}


div#iframe_box {
	border:1px #999999 solid;
}




/* table_type1
-------------------------------------------------------------------------*/
table.introduct {
	width:100%;
	border-collapse: collapse;
	margin-top:20px;
}

table.introduct th {
	width:300px;
	padding:6px 12px 6px 16px;
	border:1px solid #acabab;
	text-align:center;
	font-size:1.1em;
	letter-spacing:2px;
}

table.introduct td {
	padding:6px 12px 6px 16px;
	border:1px solid #acabab;
	text-align:center;
}

table th.second_bg {
	background-color:#d1e0bd;
}



/* table_type2
-------------------------------------------------------------------------*/

table.introduct2 {
	width:100%;
	border-collapse: collapse;
	margin-top:10px;
}

table.introduct2 th {
	padding:6px 12px 6px 16px;
	border:1px solid #acabab;
	letter-spacing:2px;
	font-weight:normal;
}

#wth {
	width:50px;
} 

table.introduct2 td {
	padding:10px 12px 10px 16px;
	border:1px solid #acabab;
}

table td.bg_col {
	background-color:#e3e0cd;	
}

table td.bg_col2 {
	background-color:#f3f2e9;	
}

table th.w90 {
	width:90px;
}

table th.w400 {
	width:217px;
}

table.introduct3 {
	width: auto;
	border-collapse: collapse;
	margin-top:10px;
}

table.introduct3 th {
	padding:6px 12px 6px 16px;
	border:1px solid #acabab;
	text-align:center;
	letter-spacing:2px;
	font-weight:normal;
}

table.introduct3 td {
	padding:10px 12px 10px 16px;
	border:1px solid #acabab;
}


/* left_contents
-------------------------------------------------------------------------*/
div#left_con {
	width: 660px;
	float: left;
	margin-bottom:70px;
	position:relative;
}

h2#new_info {
	display: block;
	overflow: hidden;
	width:660px;
	height: 0 !important;
	height /**/: 51px;
	padding-top: 51px;
	background:url(images/topics_bg.jpg) no-repeat top;
}

div#new_info_box {
	font-size: 0.9em;
	width: 660px;
	height: 240px;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #f3f2e9;
	margin-bottom:20px;
}

p#direction {
	background:url(images/news_icon.jpg) no-repeat left center;
	padding-left:25px;
	position:absolute;
	right:10px;
	top:17px;
}

div#new_info_box dl dt {
	float:left;
}

.new_icon {
	background:url(images/info_icon.jpg) no-repeat right center;
	padding-right: 40px;
}



div#new_info_box dl dt dd {
	float:left;
}

div.info_number {
	background:url(images/info_line.jpg) no-repeat center bottom;
	padding:15px 0 15px 15px;
}

h2#top_service {
	display: block;
	overflow: hidden;
	width:660px;
	height: 0 !important;
	height /**/: 50px;
	padding-top: 50px;
	background:url(images/service_bg.jpg) no-repeat top;
}

div#top_service_box {
	width:660px;
	height:375px;
	background-color:#e3e0cd;
}

div#service1 a, #service2 a, #service3 a, #service4 a, #service5 a, #service6 a, #service7 a, #service8 a, #service9 a{
	display: block;
	overflow: hidden;
	width:202px;
	height: 0 !important;
	height /**/: 112px;
	padding-top: 112px;
	float:left;
	margin:0 0 13px 13px;
}

div#service1 a {
	background:url(images/service1_off.jpg) no-repeat center center;
}

div#service2 a {
	background:url(images/service2_off.jpg) no-repeat center center;
}

div#service3 a {
	background:url(images/service3_off.jpg) no-repeat center center;
}

div#service4 a {
	background:url(images/service4_off.jpg) no-repeat center center;
}

div#service5 a {
	background:url(images/service5_off.jpg) no-repeat center center;
}

div#service6 a {
	background:url(images/service6_off.jpg) no-repeat center center;
}

div#service7 a {
	background:url(images/service7_off.jpg) no-repeat center center;
}

div#service8 a {
	background:url(images/service8_off.jpg) no-repeat center center;
}

div#service9 a {
	background:url(images/service9_off.jpg) no-repeat center center;
}

div#service1 a:hover {
	background:url(images/service1_on.jpg) no-repeat center center;
}

div#service2 a:hover {
	background:url(images/service2_on.jpg) no-repeat center center;
}

div#service3 a:hover {
	background:url(images/service3_on.jpg) no-repeat center center;
}

div#service4 a:hover {
	background:url(images/service4_on.jpg) no-repeat center center;
}

div#service5 a:hover {
	background:url(images/service5_on.jpg) no-repeat center center;
}

div#service6 a:hover {
	background:url(images/service6_on.jpg) no-repeat center center;
}

div#service7 a:hover {
	background:url(images/service7_on.jpg) no-repeat center center;
}

div#service8 a:hover {
	background:url(images/service8_on.jpg) no-repeat center center;
}

div#service9 a:hover {
	background:url(images/service9_on.jpg) no-repeat center center;
}

	
/* right_contents
-------------------------------------------------------------------------*/
div#right_con {
	width: 270px;
	float: right;
	position:relative;
}

div#top_attorney {
	display: block;
	overflow: hidden;
	width:270px;
	height: 0 !important;
	height /**/: 291px;
	padding-top: 291px;
	background:url(images/top_attorney_bg.jpg) no-repeat center center;
	margin-bottom:20px;
}

p#top_attorney_detail {
	width: 244px;
	margin: -102px auto;
}

div#top_access {
	display: block;
	overflow: hidden;
	width:270px;
	height: 0 !important;
	height /**/: 425px;
	padding-top: 425px;
	background:url(images/top_access_bg.jpg) no-repeat center center;
	position:relative;
}

p#top_map {
	width: 258px;
	position:absolute;
	top:51px;
	left:6px;
}

p#top_form {
	width: 244px;
	position:absolute;
	bottom:15px;
	left:13px;
}


/* right_contents_under
-------------------------------------------------------------------------*/
p#con_summary_bg {
	display: block;
	overflow: hidden;
	width:270px;
	height: 0 !important;
	height /**/: 292px;
	padding-top: 292px;
	background:url(images/con_summary_bg.jpg) no-repeat center center;
	margin-bottom:20px;
}

div#con_right_nav {
	background: url(images/con_summary_off.jpg) no-repeat top;
	width: 270px;
	height: 292px;
	position: absolute;
	top: 50px;
}

div#con_right_nav ul li a {
	display: block;
	overflow: hidden;
	width:258px;
	height: 0 !important;
	height /**/: 40px;
	padding-top: 40px;
	margin: 0 auto;
}

div#con_right_nav ul li#cnav6 a {
	display: block;
	overflow: hidden;
	width:258px;
	height: 0 !important;
	height /**/: 37px;
	padding-top: 37px;
	margin: 0 auto;
}

div#con_right_nav ul li#cnav1 a:hover {
	background:url(images/con_summary_on.jpg) 0 0;
}

div#con_right_nav ul li#cnav2 a:hover {
	background:url(images/con_summary_on.jpg) 0 -40px;
}

div#con_right_nav ul li#cnav3 a:hover {
	background:url(images/con_summary_on.jpg) 0 -80px;
}

div#con_right_nav ul li#cnav4 a:hover {
	background:url(images/con_summary_on.jpg) 0 -120px;
}

div#con_right_nav ul li#cnav5 a:hover {
	background:url(images/con_summary_on.jpg) 0 -160px;
}

div#con_right_nav ul li#cnav6 a:hover {
	background:url(images/con_summary_on.jpg) 0 -200px;
}



#contactForm {
  border: solid 3px #B58C00;
  padding: 30px;
}

#contactForm label { display:block; color: #333; width:280px; border-left:solid 5px #000; padding: 3px 8px;}
#contactForm .right { color: #333; margin: -1.8em 0 20px 0; padding-left: 320px;}
#contactForm .right.textArea { margin: -3.5em 0 20px 0;}
#contactForm input { padding: 3px;}
#contactForm input,
#contactForm select { color: #333; margin-top: 3px; margin-bottom: 0.3em;}
#contactForm .kome { line-height: 1.4; margin: 0.5em 0px;}
#contactForm label#checkboxLabel { display: inline; width: auto; border:none; padding: auto;}
#contactForm .error input { background-color:#FCC;}

td.kakunin button {
	background-color:#760202;
	color:#FFF;
	padding:10px;
	width:150px;
	margin:5px auto;
	border:2px #760202 solid;
  cursor: pointer;
}

td.kakunin button:hover {
	background-color:#fff;
	color:#101010;
	padding:10px;
	border:2px #760202 solid;
}



#contactFormInner {
  color: #000;
  font-size: 85%;
  background-color: #ccc;
  margin-top: 30px;
  padding: 25px;
}
#contactFormInner h3 {
  border-left: solid 3px #000;
  margin: 0;
  padding: 3px 0px 3px 8px;
}
#contactFormInner .rightText {
  margin: -1.3em 0 20px 0;
  padding-left: 10em;
}
#contactFormInner .rightText.last {
  margin-bottom: 0px;
}

#contactForm dt { display:block; color: #333; border-left:solid 5px #000; padding: 3px 8px;}
#contactForm dd { color: #333; margin: -1.8em 0 20px 0; padding-left: 12em;}



/* footer
-------------------------------------------------------------------------*/
div#footer {
}


div#footer_inner {
	width: 945px;
	height:230px;
	margin: 0 auto;
	padding-left:15px;
}

div#footer_inner ul li {
	margin:10px 0 45px 0;
	float:left;
}

div#footer_inner ul li a{
	margin:10px;
}

ul li#foot_home {
	background:url(images/home_icon.jpg) no-repeat left center;
	padding-left:5px;
}

p#foot_address {
	line-height:1.7;
}

address {
	font-style:normal;
	color:#FFF;
	margin-top:60px;
}



/* page-top 
-------------------------------------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #760202;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#page-top a:hover {
	text-decoration: none;
	background: #863a39;
}





/*スマホ用メニューを表示させない*/
.sp {
	display: none;
}

.sp2 {
	display: block;
}