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

/*ishijima_law under css
-------------------------------------------*/
@media all and (min-width: 641px) {
.underCont{width:960px;}

.left{width:680px; float:left;}

.pankuzu{margin:10px 0 20px 0; font-size:10px;}

.underCont h3{margin-bottom:25px;}
.underCont h4{margin-bottom:25px;}

.boxLeft{width:294px; border: solid 3px #ffe99c; padding:15px; margin-bottom:20px; float:left;}
.boxRight{width:294px; border: solid 3px #ffe99c; padding:15px; margin-bottom:20px; float:right;}


.profileArea {
	width: 680px;
	margin-bottom: 25px;
}

.photo { width:160px;}
.profile h4 { margin-bottom:15px;}
.profile {width:490px; float:right;}
.name { margin-bottom:15px;}
.name span {font-size:120%; font-weight:bold;}

.stepBox {border:3px solid #ffe99c; border-top:none;}
.stepBoxIn {padding:15px 20px;}
.stepBox dl.cost {}
.stepBox dl.cost dt {
	float: left;
	width: 40px;
	font-weight: bold;
}
.stepBox dl.cost dd {
	float: left;
	width: 594px;
}

.costTable { background:#cacaca; width:634px;}
.costTable th,.costTable td { padding:10px;}
.costTable th { background:#fff0c6; text-align:center;}
.costTable td.leftTd { background:#f0f0f0; font-weight:bold; text-align:left !important;}
.costTable td { background:#ffffff; text-align:center;}


.arrowC { text-align:center; margin:25px auto;}

.contBox {
	width: 680px;
	margin-bottom: 30px;
}
.contBox p { float:left; width:185px;}
.photoLayout p:last-child { margin-left:15px; margin-right:25px;} 
.contBox p.address { float:left; width:270px;} 

.right {width:250px; float:right;}

.about {
	width:243px;
	border:solid #e4e4e4 3px;
	border-top:none;
	background:#FFF;
}

.about p { padding:10px;}

#map label { width: auto; display:inline; }
#map img { max-width: none; }
}


@media all and (max-width: 640px) {
.underCont{}

.left{width:100%; padding-top:90px;}
.leftIn{width:90%; margin:0 5%;}

.pankuzu{margin:10px 0 20px 0; font-size:100%;}

.underCont h3{margin-bottom:25px;}
.underCont h4{margin-bottom:25px;}

h3.ttlbar { border-bottom:solid #70a500 3px; font-size:160%; line-height:2;}
span.corpbar { background:url(/images/corporation/ttl_corp_sp.jpg) no-repeat left; padding-left:35px; margin-bottom:5px;}
span.persbar { background:url(/images/personal/ttl_personal_sp.jpg) no-repeat left; padding-left:35px; margin-bottom:5px;}
span.lawbar { background:url(/images/lawyer/ttl_lawyer_sp.jpg) no-repeat left; padding-left:35px; margin-bottom:5px;}
span.cfbar { background:url(/images/cost_flow/ttl_cf_sp.jpg) no-repeat left; padding-left:37px; margin-bottom:5px;}
span.accessbar { background:url(/images/access/ttl_access_sp.jpg) no-repeat left; padding-left:35px; margin-bottom:5px;}

h4.ttlbar {border-left:solid #70a500 3px; font-size:140%;}
h4.ttlbar span { padding-left:7px;}

h5.ttlbar { background:#70a500; font-size:140%;}
h5.ttlbar span { padding:5px 7px; color:#FFF;}

h5.step1,h5.step2,h5.step3 { border-bottom:dotted #bebebe 3px; font-size:160%; margin-bottom:15px;}
h5.step1 span { background:url(/images/cost_flow/ttl_step1_sp.jpg) no-repeat left; padding-left:90px; display:block; line-height:3;}
h5.step2 span { background:url(/images/cost_flow/ttl_step2_sp.jpg) no-repeat left; padding-left:90px; display:block; line-height:3;}
h5.step3 span { background:url(/images/cost_flow/ttl_step3_sp.jpg) no-repeat left; padding-left:90px; display:block; line-height:3;}

.boxLeft{width:100%; border: solid 3px #ffe99c;margin-bottom:20px; box-sizing:border-box;}
.boxRight{width:100%; border: solid 3px #ffe99c; margin-bottom:20px; box-sizing:border-box;}
.boxIn { padding:15px;}

.profileArea {
	width: 100%;
	margin-bottom: 25px;
}

.photo { width:30%; float:left;}

.profile h4 { margin-bottom:15px;}
.profile {width:67%; float:right;}
.name { margin-bottom:15px;}
.name span {font-size:120%; font-weight:bold;}

.stepBox {border:3px solid #ffe99c;}
.stepBoxIn {padding:15px 20px;}
.stepBox dl.cost { width:100%;}
.stepBox dl.cost dt {
	width: 100%;
	font-weight: bold;
}
.stepBox dl.cost dd {
	width: 100%;
	margin-bottom:15px;
}

.costTable { background:#cacaca; width:100%;}
.costTable th,.costTable td { padding:10px;}
.costTable th { background:#fff0c6; text-align:center; width:30%;}
.costTable td.leftTd { background:#f0f0f0; font-weight:bold; text-align:left !important;}
.costTable td { background:#ffffff; text-align:center; width:35%;}


.arrowC { text-align:center; margin:25px auto;}
.arrowC img { max-width:100% !important;}

.contBox {
	width: 100%;
	margin-bottom: 30px;
}
.photoLayout p { width:48%; margin:0 1%; float:left; display:block;}
.photoLayout p img { width:100%;}

.contBox p {} 
.contBox p.address {width:100%; margin-top:20px; font-size:120%;} 

.right {width:100%;}
.rightIn {width:90%; margin:0 5%;}

.about{
	width:100%;
	box-sizing:border-box;
	border:solid #e4e4e4 3px;
	background:#FFF;
}

.aboutttl { font-size:140%; border-bottom:1px solid #999;}
.aboutttl span { background:url(/images/ttl_about_sp.jpg) no-repeat left; padding-left:70px; height:69px; display:table-cell; vertical-align:middle;}

.about p{ padding:10px;}

.rightbanner ul { width:100%;}
.rightbanner ul li { width:48%; margin:0 1%; float:left;}


#map label { width: auto; display:inline; }
#map img { max-width: none; }
}