@charset "UTF-8";
body {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	text-align: left;
	text-decoration: none;
}


/*
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}*/


/*WRAPEER
------------------------------ */

#wrapper {
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
}


/*CONTENTS INNER
------------------------------ */

.contents_inner {
	position: relative;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.contents_inner {
		position: relative;
		padding: 0 30px 0 30px;
		text-align: justify;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

.alpha a:hover img {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
}

.pagetopsp {
	position: fixed;
	background-color: rgba(255, 255, 255, 0.7);
	padding: 5px;
	border-radius: 3px;
	margin: 40px 10px 0 0;
	right: 0px;
	z-index: 8500;
	cursor: pointer;
}


/*CLEAR FIX
------------------------------ */

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

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*/
	/*/
  height: auto;
  overflow: hidden;
  /**/
}


/*RESPONSIVE
------------------------------ */

.wdt100 {
	width: 100%;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.rspsv {
		width: 100%;
	}
}


/*FADE LOADER
------------------------------ */

#fade {
	background-color: #fff;
	z-index: 18000;
	width: 100%;
	height: 100%;
	background-position: center;
	position: relative;
	display: none;
}

#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	right: 50%;
	height: 79px;
	width: 99px;
	margin-top: -33px;
	margin-left: -23px;
	z-index: 18010;
}


/*SP HEADER
------------------------------ */

#overlay {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 18500;
	background: rgba(255, 255, 255, 1);
}

#spmenulist {
	font-size: 16pt;
	color: #666666;
	width: 90%;
	margin-top: 20px;
	vertical-align: middle;
	font-weight: 600;
	background-color: #fff;
	margin-bottom: 20px;
}

#spmenulist li {
	text-align: center;
	width: 100%;
	margin-bottom: 0px;
	padding: 13px 0 11px 15px;
	border-bottom: 1px solid #b6b6b6;
}

#spmenulist li a {
	padding: 16px 20px 15px;
}

#spmenulist a:link {
	text-decoration: none;
	color: #000;
}

#spmenulist a:visited {
	text-decoration: none;
	color: #000;
}

#spmenulist a:hover {
	text-decoration: none;
	color: #000;
}

#close {
	background: #00aab5;
	color: #fff;
	width: 90%;
	margin: auto;
	text-align: center;
	font-size: 18pt;
	font-weight: 600;
	padding: 10px 0 8px 10px;
	cursor: pointer;
}

#hammenu {
	position: absolute;
	top: 24px;
	right: 30px;
	z-index: 10000;
}

#spmenu {
	width: 100%;
	height: auto;
	background-color: #fff;
}


/*FADE
------------------------------ */

#fade {
	background-color: #fff;
	z-index: 99999;
	background-position: center;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: fixed;
	display: none;
}

a:link {
	color: #000;
	text-decoration: none;
}

a:visited {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: none;
}


/*HEADER
------------------------------ */

header {
	position: relative;
}

.toplogo {
	margin-top: 30px;
	margin-bottom: 20px;
}

nav {
	position: relative;
	z-index: 90000;
}

nav {
	display: block;
	text-align: center;
}

nav a {
	opacity: 1;
	text-decoration: none;
}

nav .current {
	opacity: 1;
}

nav span {
	background: #00AAB5;
	height: 2px;
	display: block;
	position: absolute;
	left: 0;
}

.sp-slides {
	position: relative;
	width: 960px;
	height: 308px;
	background-image: url(../img/topslideback.jpg);
	background-repeat: no-repeat;
}

.sp-caption-container {
	margin-top: 5px;
}


/*GLOBAL NAVI
------------------------------ */

#globalnavi {
	position: relative;
	margin-right: -80px;
}

#globalnavi > li.menu__single {
	position: relative;
}

#globalnavi li {
	width: 160px;
	float: left;
	display: inline-block;
	z-index: 90000;
}

#globalnavi a:link {
	color: #fff;
	text-decoration: none;
}

#globalnavi a:visited {
	color: #fff;
	text-decoration: underline;
}

#globalnavi a:hover {
	color: #fff;
	text-decoration: none;
}

ul.menu__second-level {
	visibility: hidden;
	opacity: 0;
	z-index: 1;
}

ul.menu__third-level {
	visibility: hidden;
	opacity: 0;
}

ul.menu__fourth-level {
	visibility: hidden;
	opacity: 0;
}

.menu > li:hover {
	background: none;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.menu__second-level li {
	border-top: 1px solid #fff;
	border-bottom: 0px solid #fff;
}

.menu__third-level li {
	border-top: none;
	border-bottom: 1px solid #fff;
}

.menu__second-level li a:hover {
	background: #00AAB5;
}

.menu__third-level li a:hover {
	background: #00AAB5;
}

.menu__fourth-level li a:hover {
	background: #00AAB5;
}


/* 下矢印 */

.init-bottom:after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 0 0 15px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}


/* floatクリア */

.menu:before,
.menu:after {
	content: " ";
	display: table;
}

.menu:after {
	clear: both;
}

.menu {
	*zoom: 1;
}

.menu > li.menu__multi {
	position: relative;
}

li.menu__multi ul.menu__second-level {
	position: absolute;
	top: 42px;
	width: 160px;
	background-color: rgba(0, 170, 181, 0.7);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

li.menu__multi:hover ul.menu__second-level {
	top: 45px;
	visibility: visible;
	opacity: 1;
}

li.menu__multi ul.menu__second-level li {
	position: relative;
	padding: 10px;
	top: -0px;
}

li.menu__multi ul.menu__second-level li:hover {
	background: #00AAB5;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level {
	position: absolute;
	top: 0px;
	left: 161px;
	width: 160px;
	background: #00AAB5;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

li.menu__multi ul.menu__second-level li:hover ul.menu__third-level {
	visibility: visible;
	opacity: 1;
	background-color: rgba(0, 170, 181, 0.7);
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li {
	position: relative;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover {
	background: #00AAB5;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li ul.menu__fourth-level {
	position: absolute;
	top: -1px;
	left: 100%;
	width: 100%;
	background: #fff;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover ul.menu__fourth-level {
	visibility: visible;
	opacity: 1;
}

.init-right:after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 0 0 15px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

#gnwrap {
	position: relative;
	height: 60px;
}

.toptelinfo {
	position: absolute;
	right: 0;
	top: 20px;
}

#maintopix {
	position: relative;
	margin-right: -30px;
	text-align: center;
}

#maintopix li {
	position: relative;
	float: left;
	width: 229px;
	margin-right: 15px;
	height: auto;
	border: 1px solid #CCCCCC;
	padding: 18px 18px 10px 18px;
}

.change-border01::after,
.change-border01::before,
.change-border01__inner::after,
.change-border01__inner::before {
	background-color: #00AAB5;
	content: '';
	display: block;
	position: absolute;
	z-index: 10;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}


/* 左上へ配置 */

.change-border01::after {
	height: 2px;
	left: -1px;
	top: -1px;
	width: 0px;
}


/* 右下へ配置 */

.change-border01::before {
	bottom: -1px;
	height: 2px;
	right: -1px;
	width: 0px;
}


/* 左下へ配置 */

.change-border01__inner::after {
	bottom: -1px;
	height: 0px;
	left: -1px;
	width: 2px;
}


/* 右下へ配置 */

.change-border01__inner::before {
	height: 0px;
	right: -1px;
	top: -1px;
	width: 2px;
}


/* hover */

.change-border01:hover::after,
.change-border01:hover::before {
	width: 100%;
	width: calc(100% + 1px);
}

.change-border01:hover .change-border01__inner::after,
.change-border01:hover .change-border01__inner::before {
	height: 100%;
	height: calc(100% + 1px);
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#maintopix {
		position: relative;
		margin-right: -30px;
		text-align: center;
	}
	#maintopix li {
		position: relative;
		float: left;
		width: 45%;
		margin-right: 15px;
		margin-bottom: 15px;
		height: auto;
		border: 1px solid #CCCCCC;
		padding: 18px 18px 10px 18px;
	}
}

#caption {
	position: relative;
	height: auto;
	padding-bottom: 30px;
}

.mtptextarea {
	font-size: 10pt;
	text-align: justify;
	margin-top: 15px;
	font-weight: 500;
	max-height: 999999px;
}

.updtate {
	position: absolute;
	margin-top: -19px;
	margin-left: -24px;
}

.updtate2 {
	position: absolute;
	margin-top: -19px;
	margin-left: -30px;
}

#newsinfo {
	position: relative;
	height: auto;
	padding-bottom: 50px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#newsinfo {
		margin-top: 30px;
		padding-bottom: 0px;
	}
	.mtptextarea {
		font-size: 9pt;
		text-align: justify;
		margin-top: 15px;
		font-weight: 500;
		min-height: 52px;
	}
}


/*NEWS
------------------------------ */

#news {
	position: relative;
	height: auto;
	padding-top: 0;
	margin-top: 20px;
	margin-bottom: 30px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#news {
		position: relative;
	}
}

dt {
	float: left;
	width: 110px;
	padding-left: 10px;
}

dd {
	padding-left: 0px;
	line-height: 1.7em
}

dl {
	margin-bottom: 10px;
}

.newstitle {
	position: relative;
	margin-top: 0;
}

#feed {
	position: relative;
	width: 655px;
	margin: 10px 0 0 0px;
	z-index: 600;
	background-color: #fff;
	border-bottom: 2px dotted #CCC;
}

#feed:last-child {
	border-bottom: none;
}

.blog_list_day {
	padding: 0px 5px;
	float: left;
	color: #00AAB5;
	width: 100px;
	background-color: #fff;
	font-size: 11pt;
	font-weight: 400;
	max-height: 999999px;
}

.blog_list_title {
	margin-bottom: 3px;
	padding-bottom: 4px;
	background-color: #fff;
	font-size: 11pt;
	text-decoration: underline;
	width: 550px;
	margin-left: 110px;
	max-height: 999999px;
}

#feed2 {
	position: relative;
	width: 655px;
	margin: 0px 0 0 0px;
	z-index: 600;
	background-color: #fff;
}

.blog_list_day2 {
	padding: 0px 5px;
	float: left;
	color: #00AAB5;
	width: 100px;
	background-color: #fff;
	font-size: 12pt;
	font-weight: 400;
}

.blog_list_title2 {
	margin-bottom: 0px;
	padding-bottom: 0px;
	background-color: #fff;
	font-size: 11pt;
	width: 550px;
	margin-left: 110px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#feed {
		position: relative;
		margin: 0 0 10px 0;
		width: 100%;
		z-index: 600;
	}
	.blog_list_day {
		padding: 10px 0 0 5px;
		float: none;
		color: #00AAB5;
		width: 100%;
		font-size: 12pt
	}
	.blog_list_day:first-child {
		padding: 0px 0 0 5px;
	}
	.blog_list_title {
		padding: 0px 5px 10px 5px;
		margin-bottom: 3px;
		font-size: 12pt;
		width: 100%;
		margin-left: 0px;
	}
	#feed2 {
		position: relative;
		margin: 0 0 5px 0;
		width: 100%;
		z-index: 600;
	}
	.blog_list_day2 {
		padding: 0px 0 0 0px;
		float: none;
		color: #00AAB5;
		width: 100%;
		font-size: 12pt
	}
	.blog_list_day2:first-child {
		padding: 0px 0 0 5px;
	}
	.blog_list_title2 {
		padding: 0px 0px 0px 5px;
		margin-bottom: 3px;
		font-size: 11pt;
		width: 100%;
		margin-left: 0px;
		line-height: 1.3em
	}
}

.blogbnr {
	position: relative;
	margin-top: 10px;
	border: 1px solid #ccc;
	padding-top: 18px;
	padding-bottom: 20px;
	text-align: center;
	height: auto;
	width: 230px;
	z-index: 2000;
}

#flogo {
	position: absolute;
	width: 300px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#flogo {
		position: relative;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
}

.leftbox {
	float: left;
}

.rightbox {
	float: right;
}

.topleft {
	margin-top: 50px;
	width: 655px;
}

.topright {
	margin-top: 50px;
	width: 230px;
}

.cattit {
	position: relative;
	padding-bottom: 0px;
	margin-bottom: 10px;
	border-bottom: solid 1px #ccc;
	height: 40px;
}

.cattitbn {
	position: relative;
	padding-bottom: 0px;
	margin-bottom: 10px;
	border-bottom: none;
	height: 40px;
}

.cattit03 {
	margin-top: 5px;
	border: 1px solid #ccc;
	text-align: center;
	padding: 28px 0 20px 0;
	margin-bottom: 58px;
}

.cattit04 {
	margin-top: 5px;
	border: 1px solid #ccc;
	text-align: center;
	padding: 20px 0 10px 0;
	margin-bottom: 58px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.cattit {
		position: relative;
		padding-bottom: 0px;
		margin-bottom: 20px;
		border-bottom: solid 1px #ccc;
		height: 40px;
	}
	.cattit03 {
		margin-top: 25px;
		border: 1px solid #ccc;
		text-align: center;
		padding: 18px 70px 10px 70px;
		margin-bottom: 10px;
		z-index: 300;
	}
	.cattit04 {
		margin-top: 25px;
		border: 1px solid #ccc;
		text-align: center;
		padding: 18px 70px 10px 70px;
		margin-bottom: 10px;
	}
	.cattitbn {
		position: relative;
		padding-bottom: 0px;
		margin-bottom: 20px;
		border-bottom: solid 1px #ccc;
		height: 40px;
	}
	.leftbox {
		float: none;
	}
	.rightbox {
		float: none;
	}
	.topleft {
		margin-top: 0px;
		width: 100%;
	}
	.topright {
		margin-top: 5px;
		width: 100%;
	}
}

#header {
	position: relative;
	height: 135px;
	background-color: #fff;
}

.mt10 {
	margin-top: 10px;
}

.alpha a:hover img {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
}

.toppricebnr {
	margin-top: 25px;
	padding-top: 25px;
	border-top: dotted 1px #ccc;
}

.toppricebnrsp {
	margin-top: 25px;
	padding: 20px 20px 20px 20px;
	background-color: #00BCC1;
}

.attorney {
	margin-top: 10px;
	margin-right: -25px;
}

.attorney li {
	float: left;
	border: 1px solid #ccc;
	width: 310px;
	margin-right: 22px;
}

.pickup {
	margin-top: 0px;
	padding-top: 5px;
}

.bengoshifee {
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 7px 0 7px 0;
	border: 1px solid #00BCC1;
	text-align: center;
}

#TELINFO {
	margin-top: 10px;
	padding-top: 40px;
	border-top: 1px solid #ccc;
}

.newtit {
	position: relative;
	border-bottom: 1px solid #ccc;
	padding-bottom: 0px;
	margin-bottom: 20px;
	width: 640px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.bengoshifee {
		margin-top: 20px;
		padding: 10px 50px 10px 50px;
		border: 1px solid #00BCC1;
		text-align: center;
	}
	.newtit {
		border-bottom: none;
		position: relative;
		padding-bottom: 0px;
		margin-bottom: 20px;
		width: 100%;
	}
	.attorney {
		margin-top: 10px;
		margin-right: 0px;
	}
	.attorney li {
		float: none;
		border: 1px solid #ccc;
		width: 100%;
		margin-right: 0px;
		margin-bottom: 15px;
	}
}

.finfol {
	margin-top: 30px;
	height: 190px;
	width: 480px;
	border-right: 1px solid #ccc;
}

.finfor {
	height: 190px;
	width: 480px;
	margin-top: 30px;
}

.borderline {
	margin-top: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-top: solid 1px #ccc;
}

.mapimg {
	margin-top: -15px;
}

#mapinfo {
	margin-left: 38px;
}

.ftmenu {
	position: relative;
	margin-top: 50px;
	margin-bottom: 30px;
	font-size: 9pt;
}

.ftmenu li {
	float: left;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.finfol {
		margin-top: 30px;
		height: auto;
		width: 100%;
		border-right: none;
	}
	.finfor {
		height: auto;
		width: 100%;
		margin-top: 30px;
		padding-bottom: 20px;
		margin-bottom: 40px;
	}
	.mapimg {
		margin-top: 0;
	}
	#mapinfo {
		margin-left: 0;
	}
}

footer {
	height: 215px;
	background-image: url(../img/footerback.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #00BCC1;
}

.footerlogo {
	margin-top: 35px;
	text-align: center;
}

.footerinfo {
	margin-top: 20px;
	text-align: center;
	font-size: 9pt;
	color: #fff;
}

.copyright {
	text-align: center;
	color: #fff;
	font-size: 9pt;
}

.spmenulogo {
	margin-top: 20px;
	width: 80%;
}

.toplogosp {
	margin-top: 20px;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}

.sptelinfo {
	padding-left: 20px;
	padding-right: 20px;
}

.blogbnrsp {
	margin-top: 10px;
	border: 1px solid #ccc;
	padding: 15px 60px 15px 60px;
}

.pagetopf {
	position: absolute;
	margin-top: 50px;
	right: 0;
	z-index: 2000;
}

#sidecont {
	position: relative;
	text-align: center;
}

.mcontents {
	width: 663px;
}

.sidebar {
	width: 194px;
}

#sidecont li {
	position: relative;
	width: 194px;
	padding: 17px 20px 21px 20px;
	border: solid 1px #ccc;
	margin-bottom: 12px;
	height: auto;
}

.updtateside {
	position: absolute;
	right: 0;
	margin-top: -55px;
}

.cattit01 {
	margin-top: 5px;
	border: 1px solid #ccc;
	text-align: center;
	padding: 28px 0 20px 0;
	margin-bottom: 58px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.mcontents {
		width: 100%;
	}
	.cattit01 {
		margin-top: 10px;
		border: 1px solid #ccc;
		text-align: center;
		padding: 5px 20px 0px 20px;
		margin-bottom: 23px;
	}
	.sidebar {
		width: 100%;
	}
	#sidecont {
		position: relative;
		text-align: center;
	}
	#sidecont li {
		float: left;
		margin-right: 2%;
		position: relative;
		width: 49%;
		padding: 17px 20px 21px 20px;
		border: solid 1px #ccc;
		margin-bottom: 2%;
		height: auto;
	}
	#sidecont li:nth-child(2) {
		margin-right: -50px;
	}
	#sidecont li:nth-child(4) {
		margin-right: -50px;
	}
	.updtateside {
		position: absolute;
		right: 0;
		margin-top: -18px;
	}
	.catcopy {
		margin-top: 10px;
		font-size: 15pt;
		font-weight: 600;
		width: 100%;
		margin-bottom: 20px;
		line-height: 1.6em;
		max-height: 999999px;
	}
}

#pramenu {
	position: relative;
	margin-top: 30px;
	margin-right: -20px;
}

#pramenu li {
	float: left;
	text-align: center;
	margin-right: 10px;
	position: relative;
	width: 47%;
	padding: 8px 20px 13px 20px;
	border: solid 1px #ccc;
	margin-bottom: 12px;
	height: auto;
}

#pramenu li img {
	width: 100%;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#pramenu {
		position: relative;
		margin-right: -20px;
	}
	#pramenu li {
		text-align: center;
		float: left;
		margin-right: 10px;
		position: relative;
		width: 47%%;
		padding: 5px 2px 5px 2px;
		border: solid 1px #ccc;
		margin-bottom: 12px;
		height: auto;
	}
	.cattitsp {
		border: 1px solid #ccc;
		text-align: center;
		padding: 1px 0px;
		height: 40px;
		margin-bottom: 20px;
	}
}

.gaito {
	text-align: center;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

.casepict {
	float: left;
	margin-bottom: 20px;
}

.casetit {
	position: absolute;
	float: left;
	margin-top: 1px;
	margin-left: 85px;
	font-size: 15pt;
	letter-spacing: 0.2em;
	font-weight: 600;
}

.pointtit {
	position: absolute;
	float: left;
	margin-top: 1px;
	margin-left: 85px;
	font-size: 15pt;
	letter-spacing: 0;
	font-weight: 600;
	max-height: 999999px;
}

.casetextarea {
	position: relative;
	font-size: 12pt;
	line-height: 1.8em;
	text-align: justify;
	max-height: 999999px;
}

.pointtextarea {
	position: relative;
	font-size: 12pt;
	line-height: 1.6em;
	text-align: justify;
}

.prawrap {
	position: relative;
	border-bottom: dotted 1px #ccc;
	height: auto;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

.detailhere {
	margin-top: 50px;
	width: 318px;
	margin-right: auto;
	margin-left: auto;
	background-color: #00aab5;
	border-radius: 5px;
	padding: 3px 10px 5px 10px;
	text-align: center;
	cursor: pointer;
}

.fonts {
	position: relative;
	font-size: 13pt;
	letter-spacing: 0;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.gaito {
		text-align: center;
		border-bottom: dotted 1px #ccc;
		padding-bottom: 50px;
		margin-bottom: 50px;
	}
	.prawrap {
		border-bottom: dotted 1px #ccc;
		padding-bottom: 20px;
		margin-bottom: 30px;
		height: auto;
	}
	.casepict {
		float: left;
		margin-bottom: 20px;
	}
	.casetit {
		position: relative;
		float: none;
		margin-top: -0px;
		margin-left: 85px;
		font-size: 15pt;
		letter-spacing: 0em;
		font-weight: 600;
		line-height: 1.2em;
		margin-bottom: 10px;
	}
	.casetextarea {
		position: relative;
		font-size: 12pt;
		line-height: 1.8em;
		text-align: justify;
	}
	.pointtit {
		position: relative;
		float: none;
		margin-top: -0px;
		margin-left: 85px;
		font-size: 15pt;
		letter-spacing: 0em;
		font-weight: 600;
		line-height: 1.2em;
		margin-bottom: 10px;
	}
	.detailhere {
		margin-top: 30px;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		background-color: #00aab5;
		border-radius: 5px;
		padding: 10px 10px 10px 10px;
		text-align: center;
	}
	.fonts {
		font-size: 13pt;
		letter-spacing: 0;
	}
}

.side30h {
	border-top: dotted 1px #ccc;
	padding-top: 30px;
	padding-left: 1px;
	margin-top: 20px;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

.bengofeeside {
	margin-top: 15px;
	border: 1px solid #00aab5;
	padding: 5px 15px 7px 15px;
}

.praimg {
	margin-top: 30px;
}

.bn {
	border-bottom: none;
}

.sideblgbnr {
	border: 1px solid #ccc;
	padding: 15px 10px 15px 10px;
}

#feemenu {
	position: relative;
	margin-top: 30px;
	margin-right: -20px;
}

#feemenu li {
	float: left;
	text-align: center;
	margin-right: 15px;
	position: relative;
	width: 31%;
	padding: 1px 0px 5px 0px;
	border: solid 1px #ccc;
	margin-bottom: 12px;
	height: auto;
}

#feemenu li img {
	width: 100%;
}

.feeimg {
	margin: 30px 0 0px 0;
}

.feetoptext {
	margin-top: 50px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#feemenu {
		position: relative;
		margin-right: -20px;
	}
	#feemenu li {
		text-align: center;
		float: left;
		margin-right: 10px;
		position: relative;
		width: 47%;
		padding: 5px 10px 5px 10px;
		border: solid 1px #ccc;
		margin-bottom: 12px;
		height: auto;
	}
	.feeimg {
		margin: 0px 0 0px 0;
	}
	.tac {
		text-align: center;
	}
	.feetoptext {
		margin-top: 20px;
	}
}

.feetexttop {
	margin-top: 20px;
}

.caution {
	margin-top: 10px;
	font-size: 10pt;
}

.cattitnw {}

.slcosp {
	width: 50%;
}

.slhcosp {
	width: 46%;
}

#inheritance {
	margin-top: 50px;
}

.pointtext {
	font-size: 12pt;
	line-height: 1.6em;
	padding-left: 1em;
	text-indent: -1em;
}

.pointtext li {
	margin-bottom: 20px;
}

.commonimg {
	margin-top: 50px;
	margin-bottom: 50px;
}

#divorce1 {
	margin-top: 50px;
}

.cattitsvg {
	margin-left: -20px;
	z-index: 200;
}

.officelogo {
	margin-right: auto;
	margin-left: auto;
	width: 500px;
}

.catcopyoffice {
	margin-top: 50px;
	font-size: 13pt;
	font-weight: 600;
	line-height: 1.5em;
	color: #000;
}

@media screen and (min-width: 320px) and ( max-width: 768px) {
	.catcopyoffice {
		margin-top: 10px;
		font-size: 15pt;
		font-weight: 600;
		line-height: 1.5em;
		color: #000;
	}
}


/*COMPANY
------------------------------ */

#companyinfo {
	margin-bottom: 50px;
}

@media screen and (min-width: 320px) and ( max-width: 768px) {
	#companyinfo {
		margin-bottom: 50px;
	}
}

#googlemapwrap {
	margin-top: 50px;
	width: 660px;
}

@media screen and (min-width: 320px) and ( max-width: 768px) {
	#googlemapwrap {
		margin-top: 50px;
		width: 100%;
	}
}

table {
	position: relative;
	width: 660px;
	border-collapse: collapse;
}

@media screen and (min-width: 320px) and ( max-width: 600px) {
	table {
		position: relative;
		width: 100%;
		border-collapse: collapse;
	}
}

th.t_top {
	border-top: #f7931e 4px solid;
}

th {
	border-bottom: #ccc 1px dashed;
	text-align: left;
	background: none;
	padding: 10px;
	font-weight: normal;
}

td.t_top {
	border-top: #ccc 4px solid;
}

td {
	border-bottom: #ccc 1px dashed;
	text-align: left;
	padding: 10px;
}

#officemap {
	position: relative;
}

.smtit {
	font-size: 17pt;
	font-weight: 600;
}


/*SITEMAP*/

#sitemap {
	position: relative;
	margin-top: 20px;
}

#sitemap ul li {
	margin-top: 0;
	width: 280px;
	float: left;
}

.mt50 {
	margin-top: 30px;
}

.mt60 {
	margin-top: 50px;
}

@media screen and (min-width: 320px) and ( max-width: 768px) {
	.smtit {
		font-size: 17pt;
		font-weight: 600;
		margin-top: 30px;
	}
	#sitemap {
		position: relative;
		margin-top: 0px;
		height: auto;
	}
	#sitemap ul li {
		font-size: 12pt;
		margin-top: 0;
		width: 100%;
		float: none;
		margin-bottom: 5px;
	}
	.mt50 {
		margin-top: 30px;
	}
}

#sitemap a:link {
	text-decoration: underline;
	color: #0095df;
}

#sitemap a:visited {
	text-decoration: underline;
	color: #0095df;
}

#sitemap a:hover {
	text-decoration: underline;
	color: #0095df;
}

.sitemapli {
	padding-left: 1em;
	text-indent: -1em;
	margin-right: -50px;
	max-height: 999999px;
}

.sitemapli li {
	margin-right: 45px;
	margin-bottom: 5px;
}

@media screen and (min-width: 320px) and ( max-width: 768px) {
	.sitemapli {
		padding-left: 1em;
		text-indent: -1em;
		margin-right: 0;
		width: 100%;
	}
	.sitemapli li {
		margin-right: 45px;
		margin-bottom: 5px;
		width: 100%;
	}
}


/*ATTORNEY
------------------------------ */

.attowrap {
	position: relative;
	height: 430px;
	margin-bottom: 40px;
}

.attowrap2 {
	position: relative;
	height: 400px;
	margin-top: 0px;
	margin-bottom: 40px;
}

.attimg {
	position: absolute;
	margin: -50px 0 0 0;
}

.attcopy {
	position: absolute;
	right: 0;
}

.attcopy3 {
	position: absolute;
	right: 0;
	margin-top: 100px;
}

.attcopy2 {
	position: relative;
	right: 0;
}

.attname {
	position: absolute;
	margin-top: 350px;
	left: 0;
}

.attlogo {
	position: absolute;
	width: 200px;
	margin-top: 310px;
	left: 0;
}

.activity {
	position: absolute;
	border: 1px solid #00aab5;
	padding: 15px 40px 15px 40px;
	width: 280px;
	margin-top: 330px;
	margin-left: 5px;
	cursor: pointer;
}

.atttit {
	font-size: 13pt;
	font-weight: 600;
	max-height: 999999px;
}

.attproflist {
	padding-top: 30px;
	margin-right: -80px;
}

.attproflist li {
	float: left;
	margin-right: 70px;
}

@media screen and (min-width: 320px) and ( max-width: 768px) {
	.attowrap {
		position: relative;
		height: auto;
		padding-bottom: 0px;
		margin-bottom: 0;
	}
	.attowrap2 {
		position: relative;
		height: auto;
		padding-bottom: 0px;
		margin-bottom: 0;
	}
	.attimg {
		position: relative;
		text-align: center;
		margin-top: -30px;
		z-index: 100;
		width: 500px;
		margin-left: 35px;
	}
	.activity {
		position: relative;
		border: 1px solid #00aab5;
		padding: 15px 80px;
		width: 100%;
		margin-top: 30px;
		margin-left: 5px;
		cursor: pointer;
	}
	.atttit {
		font-size: 15pt;
		font-weight: 600;
		line-height: 1.6em
	}
	.attproflist {
		position: relative;
		padding-top: 30px;
		margin-right: 0;
	}
	.attproflist li {
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.mt60 {
		margin-top: 30px;
	}
}

.soudan {
	margin-top: 25px;
	padding-top: 25px;
	padding-left: 30px;
	background-image: url(../img/topprice.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100px;
}

.dotline {
	margin-top: 25px;
	border: dotted 1px #ccc;
}

.attprowrap {
	position: absolute;
	margin-left: 370px;
}

#attorneykawamoto {
	position: relative;
}

.attprof {
	position: absolute;
	margin-top: 225px;
	right: 0;
}

.attprof2 {
	position: absolute;
	margin-top: 270px;
	right: 0;
}

@media screen and (min-width: 320px) and ( max-width: 768px) {
	.attprowrap {
		position: relative;
		margin-left: 0;
		height: auto;
		padding-bottom: 30px;
		margin-bottom: 0;
	}
	.attcopy {
		margin-top: -50px;
		text-align: center;
		position: relative;
		right: 0;
		z-index: 500;
		padding-left: 20px;
		padding-right: 20px;
	}
	.attcopy3 {
		position: relative;
		right: 0;
		margin-top: -60px;
		z-index: 1000;
	}
	.attname {
		position: relative;
		margin-top: 5px;
		margin-left: 0;
		z-index: 400;
		padding-left: 20px;
		padding-right: 20px;
	}
	.attlogo {
		position: relative;
		width: 200px;
		margin-top: 30px;
		margin-right: 0;
		margin-left: 0;
		z-index: 400;
	}
	.attprof {
		position: relative;
		margin-top: 25px;
		margin-bottom: 35px;
		margin-left: 0px;
	}
	.attprof2 {
		position: relative;
		margin-top: 20px;
		margin-bottom: 30px;
		right: 0;
	}
}

#attorneyuesaki {
	position: relative;
}

.news1 {
	margin-top: 35px;
	margin-bottom: 10px;
}

.picupbnr {
	border: 1px solid #cbcbcb;
	margin-bottom: 15px;
}

.cattitr {
	position: relative;
	padding-bottom: 0px;
	margin-bottom: 10px;
	border-bottom: solid 1px #ccc;
	height: 40px;
	margin-bottom: 20px;
}

.mt30 {
	margin-top: 30px;
}

.public {
	margin-top: 15px;
	font-size: 11pt;
	margin-left: 7px;
	max-height: 999999px;
}

.public br {
	display: none;
}

.public li {
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 3px;
}

@media screen and (min-width: 320px) and ( max-width: 768px) {
	.public {
		width: 100%;
	}
	.public br {
		display: block;
	}
	.public li {
		line-height: 1.4em;
		font-size: 12pt;
		margin-bottom: 4px;
	}
}

.news21 {
	margin-top: 30px;
}

.sns {
	margin-right: -30px;
	margin-left: 15px;
}

.sns li {
	float: left;
	margin-right: 30px;
}

@media screen and (min-width: 320px) and ( max-width: 768px) {
	.sns {
		text-align: center;
		margin-left: 0;
		width: 100%;
	}
	.sns li {
		float: left;
		width: 33%;
		margin-right: 0px;
	}
	.sns li:last-child {
		margin-right: -30px;
	}
}

.public .brn br {
	display: block;
}

.sidepractice {
	border: 1px solid #cccccc;
}