@charset "utf-8";
/* *******************************************************************
 * Author: ADVANCED INFORMATION DESIGN Co.,Ltd.
 * Version: 1.0
 * Created on: 2013.02.01
 ****************************************************************** */

/* Reset default browser CSS.
============================================================ */
*{ margin: 0; padding: 0; }
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; }
table { border-collapse: collapse; border-spacing: 2px; background: transparent; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
img { border: none; vertical-align:bottom; }
hr { border: none; }

/* Font
============================================================ */
body { color: #373e48; font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Arial,"ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif; font-size: 80%; }

table { font-size: inherit; }
input { font-family: inherit; }

a { color: #00a0c6; text-decoration: none; }
a:link { color: #00a0c6; text-decoration: none; }
a:hover { color: #00a0c6; text-decoration: underline; }

/* Structure
============================================================ */
html,
body {
	background: url('./images/bg.png');
	line-height: 1.8em;
	counter-reset: licnt;
}

div#wrapper {
	margin-top: 1px;
}

div#wrapper p.skip {
	display: none;
}

body#page div#wrapper {
	background: url('./images/bg_wrapper.png') repeat-x top;
}

/* Header
============================================================ */
div#header {
	width: 960px;
	margin: 0 auto;
}

div#header div#logo {
	float: left;
	width: 240px;
	margin-right: 35px;
}

/* Navigation
============================================================ */
div#navigation ul li {
	list-style: none;
}

div#navigation ul#menu {
	float: left;
	width: 670px;
}

div#navigation ul#menu li {
	float: left;
	margin-left: 18px;
}

div#navigation ul#menu li:first-child { margin-left: 0; }

div#navigation ul#reference {
	float: right;
	width: 240px;
	height: 25px;
	text-align: right;
	font-size: 13px;
	line-height: 25px;
}

div#navigation ul#reference li {
	float: right;
	margin-right: 1em;
	padding-left: 22px;
}

div#navigation ul#reference li#ref_access {
	background: url('./images/ico_access.png') no-repeat left 50%;
}

div#navigation ul#reference li#ref_contact {
	background: url('./images/ico_contact.png') no-repeat left 50%;
}

div#navigation ul#reference li:first-child { margin-right: 0; }

div#navigation ul#reference li a {
	color: #666;
	text-shadow: 1px 1px 0px #fff;
}

div#navigation ul#reference li a:hover { color: #241f1c; }

/* Top Image
============================================================ */
div#topimage {
	height: 350px;
	border-top: #ddd solid 1px;
	border-bottom: #ddd solid 1px;
	background: url('./images/bg_topimage.jpg') repeat-x 50%;
}

/* Content
============================================================ */
div#container {
	margin-top: 1px;
	padding-top: 40px;
	background: url('./images/bg_content.png') repeat-x;
}

body#page div#container {
	padding-top: 20px;
}

p.pagetop {
	clear: both;
	width: 940px;
	margin: 40px auto 1em auto;
	text-align: right;
}

p.pagetop a {
	padding-right: 20px;
	background: url('./images/ico_pagetop.png') no-repeat right 50%;
	color: #666;
}

p.pagetop a:hover { color: #241f1c; }

div#content {
	clear: both;
	width: 940px;
	margin: 0 auto;
	padding: 0 10px;
}

ul#topicpath {
	margin-bottom: 40px;
}

ul#topicpath li {
	display: inline-block;
	margin-left: 0.5em;
	list-style: none;
}

ul#topicpath li:first-child { margin-left: 0; }
ul#topicpath li:after { content: '≫'; }
ul#topicpath li:last-child:after { content: ''; }

ul#topicpath li a {
	margin-right: 0.5em;
}

/* Left Content
---------------------------------------- */
div#left,
div#index_left {
	float: left;
	width: 680px;
	margin-bottom: 40px;
}

div#left p {
	margin-bottom: 2em;
}

div#left table,
div#left ul,
div#left ol,
div#left dl,
div#left blockquote {
	margin-bottom: 2em;
}

div#left h3,
div#left h4,
div#left h5,
div#left h6 {
	clear: both;
	margin-bottom: 1em;
}

div#left h1 {
	margin: 0.5em 0 1.5em 0;
	color: #241f1c;
	font-size: 2.5em;
}

div#left h2 {
	margin-bottom: 1.5em;
	padding: 0.70em 0 0 0.5em;
	border-left: #00a0c6 solid 6px;
	color: #241f1c;
	font-size: 1.5em;
}

div#left h3 {
	padding-left: 24px;
	background: url('./images/bg_h3.png') no-repeat left 15%;
	font-size: 1.5em;
}

div#left h4,
div#left h5,
div#left h6 {
	color: #8c7b28;
	font-weight: bold;
}

div#left ul,
div#left ol {
	margin-left: 3em;
}

div#left table {
	width: 100%;
	border-top: #ccc solid 2px;
}

div#left table caption {
	display: none;
}

div#left table tr {
	border-bottom: #999 dotted 1px;
}

div#left table th,
div#left table td {
	padding: 0.5em 1em;
}

div#left table th {
	background: #eee;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}

div#left table th.th1 {
	background: #e3e3e3;
}

div#left table td ul,
div#left table td ol {
	margin-bottom: 0;
	margin-left: 1em;
}

div#left hr {
	height: 14px;
	margin: 2em 0;
	background: url('./images/bg_hr.png') no-repeat 50% 50%;
}

div#left em {
	padding-left: 25px;
	border-bottom: #aaa dotted 1px;
	background: url('./images/bg_em.png') no-repeat left bottom;
	font-weight: bold;
}

div#left img {
	padding: 2px;
	border: #ddd solid 1px;
	background: #fff;
}

div#left a>img:hover { opacity: 0.7; }

/* Index */
div#topmessage {
	margin-bottom: 2em;
}

div#topmessage h2 {
	margin-bottom: 1em;
	font-size: 1.4em;
}

div#lead div {
	margin-bottom: 2em;
}

div#lead div {
	float: left;
	width: 200px;
	margin-left: 40px;
}

div#lead div:first-child { margin-left: 0; }
div#lead div p:first-child { border: #ccc solid 1px; }
div#lead div p:first-child:hover { border: #00a0c6 solid 1px; }
div#lead a>img:hover { opacity: 0.7; }

div#lead_2 div {
	margin-bottom: 2em;
}

div#lead_2 a {
	display: block;
	width: 198px;
	margin: 0 auto;
	border: #ccc solid 1px;
}

div#lead_2 a>img {
	width: 100%;
	height: auto;
}

div#lead_2 a:hover { border: #00a0c6 solid 1px; }
div#lead_2 a>img:hover { opacity: 0.7; }

div#pageplugin {
	clear: both;
	width: 680px;
	margin: 40px 0 0 0;
}

/* About */
div#appearance {
	margin-top: 13px;
}

div#googlemap {
	clear: both;
	height: 300px;
	margin-bottom: 2em;
	padding: 2px;
	border: #ddd solid 1px;
	background: #fff;
}

div#googlemap iframe {
	width: 674px;
	height: 300px;
	border: none;
}

dl.accesguide>dt {
	margin-bottom: 1em;
	padding-left: 30px;
	font-weight: bold;
}

dl.accesguide dt#car { background: url('./images/bg_dt_car.png') no-repeat top left; }
dl.accesguide dt#bus { background: url('./images/bg_dt_bus.png') no-repeat top left; }
dl.accesguide dt#train { background: url('./images/bg_dt_train.png') no-repeat top left; }

dl.accesguide>dd {
	margin: 0 2em;
	padding-left: 1em;
	border-left: #ccc dashed 3px;
}

/* Lawyer */
span#entno {
	font-size: 80%;
}

table#history ul {
	list-style: none;
}

table#history ul.style_true {
	list-style-type: disc;
}

/* Flow */
div#left ol#flow {
	margin-left: 0;
	list-style:none;
}

ol#flow>li {
	position:relative;
	margin: 0 0 40px 3em;
	padding: 2em;
	border: #ccc solid 1px;
	border-top: #00a0c6 solid 2px;
	border-radius: 0px 5px 5px 5px;
	background: #fff;
}

ol#flow>li:before { position: absolute; top: -2px; left: -3em; width: 3em; padding: 5px 0; border-radius: 5px 0 0 5px; background: #00a0c6; color: #fff; text-align: center; font-weight: bold; counter-increment: licnt; content: counter(licnt); }

ol#flow li ul,
ol#flow li dl,
ol#flow li p {
	margin-bottom: 0;
}

ol#flow li div {
	margin-bottom: 1em;
}

ol#flow li dl dt#flow1,
ol#flow li dl dt#flow2,
ol#flow li dl dt#flow3,
ol#flow li dl dt#flow4,
ol#flow li dl dt#flow5,
ol#flow li dl dt#flow6 {
	margin-bottom: 1em;
	font-size: 1.5em;
	font-weight: bold;
}

dl.refusal {
	padding: 1em;
	border: #ff8c00 dotted 1px;
	background: #fff0cd;
	color: #c83737;
}

dl.refusal dt {
	font-weight: bold;
}

dl.refusal dt:before { content: '※ '; }

dl.refusal dd {
	margin: 0 1em 0 1em;
}

/* Work */
div#left table.tbwork {
	border: none;
	border-collapse: separate;
	border-spacing: 0 5px;
}

div#left table.tbwork th {
	width: 11em;
	text-align: right;
}

div#left div.tc {
	text-align: center;
}

a.counsel_b {
	display: block;
	width: 210px;
	margin: 0 auto;
	border: #ccc solid 1px;
}

div#left table#tbwork.sp_only td p a {
	font-size: 100%;
}

div#left div.tc>a>img {
	padding: 0;
	border: none;
}

/* Gallery */
div#left ul.gallery {
	margin: 0;
	list-style: none;
}

ul.gallery li {
	float: left;
	width: 200px;
	margin: 0 20px 40px 0;
	text-align: center;
}

/* Counsel */
div#left h1 span.upper {
	font-size: 60%;
	display: block;
	margin-bottom: 0.5em;
}

div#left table.tbcounsel th {
	white-space: normal;
	width: 14em;
}

div#left table.tbcounsel td p.but {
	margin-left: 1.3em;
	margin-bottom: 0;
	font-size: 85%;
	line-height: 1.8em;
}

/* Right Content
---------------------------------------- */
div#right {
	float: right;
	width: 220px;
	height: 100%;
	margin-bottom: 40px;
}

dl#sidemenu {
	margin-bottom: 40px;
}

dl#sidemenu dt {
	padding: 0 10px 0 45px;
	border-top: #666 dotted 1px;
	border-bottom: #666 dotted 1px;
	font-size: 1.5em;
	line-height: 3em;
}

dl.about dt { background: url('./images/bg_dt_about.png') no-repeat left 50%; }
dl.lawyer dt { background: url('./images/bg_dt_lawyer.png') no-repeat left 50%; }
dl.flow dt { background: url('./images/bg_dt_flow.png') no-repeat left 50%; }
dl.work dt { background: url('./images/bg_dt_work.png') no-repeat left 50%; }
dl.price dt { background: url('./images/bg_dt_price.png') no-repeat left 50%; }
dl.counsel dt { background: url('./images/bg_dt_counsel.png') no-repeat left 50%; }

dl#sidemenu dt a {
	color: #241f1c;
}

dl#sidemenu dt a:hover { color: #00a0c6; }

dl#sidemenu dd li {
	list-style: none;
}

dl#sidemenu dd li.smh2 { margin: 10px 0 10px 20px; font-weight: bold; }
dl#sidemenu dd li.smh3 { margin: 2px 0 2px 20px; padding-left: 2em; text-indent: -2em; }
dl#sidemenu dd li.smh4 { margin: 2px 0 2px 20px; padding-left: 3em; text-indent: -3em; }

dl#sidemenu dd li.smh2 a { padding-left: 1em; border-left: #ccc solid 6px; color: #666; }
dl#sidemenu dd li.smh3 a { margin-left: 1em; padding-left: 15px; border-left: #666 dotted 1px; background: url('./images/bg_li_smh3.png') no-repeat left 50%; }
dl#sidemenu dd li.smh4 a { margin-left: 2em; padding-left: 15px; background: url('./images/bg_li_smh3.png') no-repeat left 50%; }

dl#sidemenu dd li.smh2 a:hover { border-left: #00a0c6 solid 6px; color: #241f1c; }
dl#sidemenu dd li.smh4 a:hover { color: #00a0c6; }

p.banner {
	margin-bottom: 10px;
}

.bengo4 {
	width: 208px;
	margin: 5px;
	padding: 5px 0;
	font-size: 90%;
	text-align: center;
	line-height: 1.5em;
	font-weight: bold;
	background-color: #f5f5c3;
	border: #ebeba0 solid 1px;
}

.bengo4 p {
	margin-top: 2px;
	font-size: 95%;
	font-weight: normal;
}

/* Footer
============================================================ */
div#footernavi {
	background: url(./images/bg_footernavi.png);
	border-top: #ddd solid 1px;
	border-bottom: #ccc solid 1px;
}

div#footernavi ul {
	width: 960px;
	margin: 0 auto;
	text-align: center;
}

div#footernavi ul li {
	display: inline-block;
	list-style: none;
	line-height: 3em;
}

div#footernavi ul li a {
	margin: 0 0.5em;
}

div#footernavi ul li:after { content: '｜'; }
div#footernavi ul li:first-child:before { content: '｜' }

div#footer {
	margin-top: 1px;
	padding: 1.5em 0;
	background: url('./images/bg_footer.png');
}

div#footer div {
	width: 960px;
	margin: 0 auto;
	color: #666;
}

div#footer div>p {
	float: left;
	width: 175px;
	margin-right: 20px;
	text-shadow: 1px 1px 0px #fff;
	font-size: 1.5em;
	font-weight: bold;
}

div#footer div address {
	overflow: auto;
	text-shadow: 1px 1px 0px #fff;
}

div#footer div address p span {
	margin-left: 0.5em;
}

div#footer div address p span:first-child { margin-left: 0; margin-right: 0.5em; }

div#footer div address p#copyright {
	font-size: 85%;
}

/* /////////////////////////////////////////////////////////
	Common classes
///////////////////////////////////////////////////////// */
.l200 { float: left; width: 206px; }
.r440 { float: right; width: 440px; }
.l440 { float: left; width: 440px; }
.r200 { float: right; width: 206px; }

.mb1_2 { margin-bottom: 5px; }
.mb1 { margin-bottom: 1em; }
.mb2 { margin-bottom: 2em; }
.mb4 { margin-bottom: 40px; }

#left ul.caution { margin-left: 0; padding-left: 1em; list-style: none; color: #c83737; font-size: 85%; text-indent: -1em; }
ul.caution li:before { content: '※ '; }

.notes {clear: both; position: relative; padding: 2.5em 2em 1em 2em; border: #ebeba0 solid 1px; background: #f5f5c3; font-size: 85%; }
.notes:before { position: absolute; top: 0.5em; left: 1em; display: block; color: #784628; font-weight: bold; content: 'MEMO'; }
.notes span { padding-top: 2em; border-bottom: #aaa dotted 1px; }

dl.link { width: 100%; border: #ddd solid 3px; background: #fff; }
dl.link dt,dl.link dd { float: left; padding: 0.5em 1.5em; }
dl.link dt { background: #ddd; }

p.ex { margin-right: 2em; padding-left: 25px; background: url('./images/bg_p_ex.png') no-repeat left top; }

span.caption { color: #666; font-size: 85%; }

h1 span.ruby { margin-left: 1em; color: #666; font-size: 0.5em; }
span.ruby { margin-left: 1em; color: #666; font-size: 0.8em; }

div#left img.bgnon { padding: 0; border: none; background: none; }

._blank { padding-right: 20px; background: url('./images/ico_blank.gif') no-repeat right 50%; }

.txtl { text-align: left; }
.txtr { text-align: right; }
li.txtr { margin-right: 2em; margin-bottom: 1em; list-style: none; text-align: right; }

img.fr { margin: 0 0 1.5em 20px; float: right; }
img.fl { margin: 0 20px 1.5em 0; float: left; }

.clearfix:after { content:""; display: block; clear: both; }
.clearfix { width:100%; }	/* clearfix IE 6, 7 */

/* /////////////////////////////////////////////////////////
	corresponding to multi device
///////////////////////////////////////////////////////// */
/* --- for PC --- */
@media only screen and (min-width: 961px) {
	.sp_only,
	div#sp_menu,
	div#sp_topmessage,
	div#index_sp_menu {
		display: none;
	}
}
/* --- for Tablet --- */
@media only screen and (min-width: 641px) and (max-width: 960px) {
	.sp_only,
	div#sp_menu,
	div#sp_topmessage,
	div#index_sp_menu {
		display: none;
	}
}
/* --- for Smartphone --- */
@media only screen and (max-width: 640px) {
	/* Structure */
	html { min-width: 400px; }
	body { font-size: 98% }
	
	div#wrapper { border-top: solid 4px #00a0c6; background-size: auto 71px !important; }
	
	div#header { position: relative; width: 100%; padding: 0; -moz-box-sizing: border-box; box-sizing: border-box; }
	div#header div#logo img { height: 70px; padding-left: 15px; }
	
	div#navigation { display: none; }
	
	div#sp_menu { clear: both; width: 100%; }
	div#sp_menu p { position: absolute; }
	div#sp_menu p:hover { cursor: pointer; }
	div#sp_menu p#phone_btn { top: 0; right: 70px; }
	div#sp_menu p#menu_btn { top: 0; right: 0; }
	div#sp_menu ul { display: none; list-style: none; border-top: solid 1px #50AFC7; background: url('images/bg_black.png'); text-align: right; }
	div#sp_menu ul li a { display: block; padding: 15px; color: #373e48; border-bottom: dotted 1px #fff; }
	
	div#index_sp_menu div { text-align: center; }
	div#index_sp_menu div.bengo4 { width: 98%; margin: 20px auto 0 auto; }
	div#index_sp_menu div.bengo4 span { display: block; }
	
	div#topimage { clear: both; width: 100%; background-position: -250px; }
	div#sp_topmessage { margin: 20px 15px 15px 15px; line-height: 1.3em; }
	div#sp_topmessage h2 { margin-bottom: 1em; color: #00a0c6; font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HGS明朝B', 'ＭＳ Ｐ明朝', serif; font-size: 120%; }
	div#sp_topmessage p { padding: 15px; background: url(images/bg_white.png); font-size: 90%; }
	
	div#container { position: relative; margin: 0; padding: 0; }
	div#content { width: 100%; padding: 0 15px; -moz-box-sizing: border-box; box-sizing: border-box; }
	div#left { float: none; width: 100%; }
	
	ul.localmenu { width: 100%; margin: 0 0 1.5em 0 !important; text-align: center; }
	ul.localmenu li { display: inline; list-style: none; }
	ul.localmenu li:before { margin-right: 5px; content: '｜'; }
	ul.localmenu li:first-child:before { content: none; }
	
	/* Index */
	div#index_left { border-top: solid 1px #dcdcdc; float: none; width: 100%; margin-bottom: 40px; }
	
	div#index_sp_menu { margin-top: -100px; }
	div#index_sp_menu ul { margin-bottom: 10px; }
	div#index_sp_menu ul li { width: 47%; margin-bottom: 10px; padding: 5px; list-style: none; background: url('images/bg_white.png'); text-align: center; }
	div#index_sp_menu ul li:nth-child(even) { float: right; }
	div#index_sp_menu ul li:nth-child(odd) { float: left; }
	div#index_sp_menu ul li a { display: block; padding: 15px; border: solid 1px #00a0c6; background: #fff url('images/bg_btn.png') repeat-x bottom; color: #373e48; }
	div#index_sp_menu ul li a:hover { background: -moz-linear-gradient(top, rgba(221, 221, 221, 1.0), #fff); background: -webkit-gradient(linear, left top, left bottom, from(rgba(221, 221, 221, 1.0)), to(#fff)); }
	
	div#topmessage { display: none; }
	
	div#lead { display: none; }
	div#lead_2 { display: none; }
	
	div#pageplugin {
		width: 100%;
	}
	
	/* About */
	div#googlemap iframe {
		width: 100%;
		height: 300px;
		border: none;
	}
	
	img#about_map_s {
		width: 100% !important;
	}
	
	/* Lawyer */
	div#lawyer_flex {
		display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;
		-webkit-flex-direction: column; -moz-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; 
	}
	div#lawyer_flex div.flexbox:nth-child(1) { -webkit-order: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; order: 1; }
	div#lawyer_flex div.flexbox:nth-child(2) { -webkit-order: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; order: 2; }
	div#lawyer_flex div.flexbox:nth-child(3) { -webkit-order: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; order: 4; }
	div#lawyer_flex div.flexbox:nth-child(4) { -webkit-order: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; order: 3; }
	div#lawyer_flex div.flexbox:nth-child(5) { -webkit-order: 5; -moz-box-ordinal-group: 5; -ms-flex-order: 5; order: 5; }
	div#lawyer_flex div.flexbox:nth-child(6) { -webkit-order: 6; -moz-box-ordinal-group: 6; -ms-flex-order: 6; order: 6; }
	
	table#history ul {
		list-style: none;
	}
	
	/* Work */
	table#tbwork th { background-color: #00a0c6 !important; color: #fff; }
	td.indent_1 { background-color: #eee; }
	td.indent_2 { border-top: none; text-indent: 0.5em; line-height: 1em; }
	td.indent_2:before { content: '・'; }
	.more > * { background-image: url('images/more_open.png') !important; background-position: 98% 50% !important; background-repeat: no-repeat !important; }
	.more + tr * { font-size: 95%; line-height: 1.5em; }
	.more:hover > * { text-decoration: underline; cursor: pointer; }
	
	/* Price */
	table#kind_of_fee th {
		white-space: nowrap !important;
	}
	
	
	/* Counsel */
	div#left table.tbcounsel th { width: 8em; }
	
	.l200 { float: none; width: 100%; }
	.l440 { float: none; width: 100%; }
	.r200 { float: none; width: 100%; }
	.r440 { float: none; width: 100%; }
	.pc_only { display: none; }
	
	div#right { display: none; }
	
	h1 span.ruby { display: block; margin: 5px 0 0 0; }
	span.ruby { display: block; margin-left: 0; }
	
	div#left table th {
		white-space: normal;
	}
	
	img.fr { float: none; margin: 0 0 1.5em 0; }
	img.fl { float: none; margin: 0 20px 1.5em 0; }
	
	p.pagetop { width: 100%; margin: 0; background: url('images/bg_black.png'); text-align: center; }
	p.pagetop a { display: block; padding: 15px; background: none; color: #fff; }
	p.pagetop a:hover { color: #fff; }
	
	div#footernavi { display: none; }
	div#footer div { width: 100%; padding: 0 15px; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }
	div#footer div>p { float: none; width: 100%; margin: 0 0 1em 0; text-align: center; }
	div#footer div address { overflow: auto; border-bottom: 1em; font-size: 80%; line-height: 1.2em; }
	div#footer div address p#copyright { margin-top: 1em; }
}