@charset "utf-8";

/* すべてを無に還す呪文 */
* {
	margin:0;
	padding:0;
	border:none;
}

/* 基本設定 */
html{
	    height: 100%;
}

body{
	width:100%;
	margin:0px;
	padding:0px;
	font-size:75%; /* 12px */
	background:#E4E9F5;
	color:#000000;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "メイリオ", "Verdana", "Times New Roman", Times, serif;
	z-index:0;
}

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

a:focus{
	overflow: hidden;
	outline: 0 !important;
}

a:hover{
	color:#444444;
	text-decoration:underline;
}

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

#wrap{
	margin:0 auto;
	width:100%;
/*	background:url("../images/bg_wrap.jpg") repeat-y transparent;*/
/*	height: 100%;*/
}

#white_bg{
	background:#ffffff;
}

/* ヘッダー */
	
#header {
	position:relative;
	width:100%;
	height:138px;
	margin:0 auto;
	background:url("../images/bg_header.jpg") repeat-x transparent;
}

#header .head_area{
	position:relative;
	width:920px;
	height:138px;
	margin:0 auto;
	background:url("../images/bg_header_area.jpg") repeat-y transparent;
}

#header .head_area h1{
	text-indent:-9999px;
}

#header .head_area a{
	position: absolute;
	display:block;
	top:106px;
	left:361px;
	width:189px;
	height:19px;
	background:url("../images/bnr_inquiry.png") no-repeat transparent;
	text-decoration: none;
	text-indent:-9999px;
}

#header .head_area a:hover{
	background-position: 0 -19px;
	_margin-top:1px;
}

/* トップ用ヘッダー */
	
#home #header {
	position:relative;
	width:100%;
	height:270px;
	margin:0 auto;
	background:url("../images/bg_header.jpg") repeat-x transparent;
}

#home #header .head_area{
	position:relative;
	width:920px;
	height:270px;
	margin:0 auto;
	background:url("../images/bg_header_area_top.jpg") repeat-y transparent;
}

#home #header .head_area h1{
	text-indent:-9999px;
}

#home #header .head_area a{
	position: absolute;
	display:block;
	top:242px;
	left:689px;
	width:189px;
	height:19px;
	background:url("../images/bnr_inquiry.png") no-repeat transparent;
	text-decoration: none;
	text-indent:-9999px;
}

#home #header .head_area a:hover{
	background-position: 0 -19px;
	_background-position: 0 -18px;
	_margin-top:-1px;
}





/* グローバルナビゲーション */
#navigation {
	background:url("../images/bg_navigation.jpg") repeat-x #cccccc;
}

#navigation ul{
	width:844px;
	height:40px;
	margin:0 auto;
	list-style:none;
}

#navigation ul li{
	float:left;
	display:inline;
	height:40px;
	width:120px;
	overflow:hidden;
	outline: none;
}

#navigation ul li.menu07,
#navigation ul li.menu07 a{
	width:124px;
}

#navigation ul li a{
	display:block;
	height:40px;
	width:120px;
	line-height:50px;
	font-size:1.16em;
	color:#ffffff;
	outline: none;
	text-indent:-9999px;
	background:#336600;
	background:url("../images/btn_menu.jpg") no-repeat #cccccc;
}


/*#navigation ul li a:hover{
	background:#999999;
}*/

#navigation ul li.menu01 a{
	background-position:0 0;
}

#navigation ul li.menu02 a{
	background-position:-120px 0;
}

#navigation ul li.menu03 a{
	background-position:-240px 0;
}

#navigation ul li.menu04 a{
	background-position:-360px 0;
}

#navigation ul li.menu05 a{
	background-position:-480px 0;
}

#navigation ul li.menu06 a{
	background-position:-600px 0;
}

#navigation ul li.menu07 a{
	background-position:-720px 0;
}

#home #navigation ul li.menu01 a,
#navigation ul li.menu01 a:hover{
	background-position:0 -40px;
}

#access #navigation ul li.menu02 a,
#navigation ul li.menu02 a:hover{
	background-position:-120px -40px;
}

#lawyer #navigation ul li.menu03 a,
#navigation ul li.menu03 a:hover{
	background-position:-240px -40px;
}

#works_marital #navigation ul li.menu04 a,
#works_inheritance #navigation ul li.menu04 a,
#works_testament #navigation ul li.menu04 a,
#works_trafficaccident #navigation ul li.menu04 a,
#works_laborissues #navigation ul li.menu04 a,
#works_debt #navigation ul li.menu04 a,
#works_nuclearaccident #navigation ul li.menu04 a,
#works_other #navigation ul li.menu04 a,
#navigation ul li.menu04 a:hover{
	background-position:-360px -40px;
}

#consultflow #navigation ul li.menu05 a,
#navigation ul li.menu05 a:hover{
	background-position:-480px -40px;
}

#cost #navigation ul li.menu06 a,
#navigation ul li.menu06 a:hover{
	background-position:-600px -40px;
}

#contact #navigation ul li.menu07 a,
#navigation ul li.menu07 a:hover{
	background-position:-720px -40px;
}


/* サブナビゲーション */
#sub_navigation {
	margin-bottom: 15px;
	padding:8px 0 0;
	background:url("../images/btn_submenu.jpg") no-repeat transparent;
	height:366px;
}

#sub_navigation ul{
	width:215px;
	margin:0 auto;
	list-style:none;
}

#sub_navigation ul li{
	float:left;
	display:inline;
	height:45px;
	width:215px;
	overflow:hidden;
	outline: none;
}

#sub_navigation ul li.menu08,
#sub_navigation ul li.menu08 a{

}

#sub_navigation ul li a{
	display:block;
	height:45px;
	width:215px;
	font-size:1.16em;
	color:#ffffff;
	text-indent:-9999px;
	outline: none;
	background:url("../images/btn_submenu.jpg") no-repeat transparent;
}

#sub_navigation ul li.menu01 a{
	background-position:0 -8px;
}

#sub_navigation ul li.menu02 a{
	background-position:0 -53px;
}

#sub_navigation ul li.menu03 a{
	background-position:0 -98px;
}

#sub_navigation ul li.menu04 a{
	background-position:0 -143px;
}

#sub_navigation ul li.menu05 a{
	background-position:0 -188px;
}

#sub_navigation ul li.menu06 a{
	background-position:0 -233px;
}

#sub_navigation ul li.menu07 a{
	background-position:0 -278px;
}

#sub_navigation ul li.menu08 a{
	background-position:0 -323px;
}

#works_marital #sub_navigation ul li.menu01 a,
#sub_navigation ul li.menu01 a:hover{
	background-position:-215px -8px;
}

#works_inheritance #sub_navigation ul li.menu02 a,
#sub_navigation ul li.menu02 a:hover{
	background-position:-215px -53px;
}

#works_testament #sub_navigation ul li.menu03 a,
#sub_navigation ul li.menu03 a:hover{
	background-position:-215px -98px;
}

#works_trafficaccident #sub_navigation ul li.menu04 a,
#sub_navigation ul li.menu04 a:hover{
	background-position:-215px -143px;
}

#works_laborissues #sub_navigation ul li.menu05 a,
#sub_navigation ul li.menu05 a:hover{
	background-position:-215px -188px;
}

#works_debt #sub_navigation ul li.menu06 a,
#sub_navigation ul li.menu06 a:hover{
	background-position:-215px -233px;
}

#works_nuclearaccident #sub_navigation ul li.menu07 a,
#sub_navigation ul li.menu07 a:hover{
	background-position:-215px -278px;
}

#works_other #sub_navigation ul li.menu08 a,
#sub_navigation ul li.menu08 a:hover{
	background-position:-215px -323px;
}





/* コンテンツ */
#content {
	width:844px;
	margin:0 auto;
	padding-top:23px;
	background:#ffffff;
}

#content img.ttl{
	margin-bottom:15px;
}



/* メインカラム */
#content .article {
	float: right;
	display;inline;
	margin-left:10px;
	width:603px;
}

#content .article h2{
	margin-bottom:15px;
}

#content .article .tx_bold{
	font-weight:bold;
}

#company #content .article h3{
	height:30px;
	line-height:30px;
	font-size:1.5em;
	font-weight:normal;
	width:589px;
	margin:0 auto 15px;
	text-indent:8px;
	border-left:4px solid #3333ff;
	border-bottom:1px solid #3333ff;
}

#lawyer #content .article h3{
	font-size:1.5em;
	line-height:1.77em;
	margin-bottom:15px;
	font-weight:bold;
	text-indent:0;
	border-left:none;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "メイリオ", "Verdana", "Times New Roman", Times, serif;
}

#consultflow #content .article h3{
	margin-bottom:15px;
	height:21px;
	border-left:none;
	text-indent:0;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "メイリオ", "Verdana", "Times New Roman", Times, serif;
}

#cost #content .article h3{
	margin-bottom:15px;
}

#content .article h3{
	height:1em;
	line-height:1em;
	margin-bottom:30px;
	font-size:2.2em;
	font-weight:bold;
	text-indent:10px;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif; 
	border-left:4px solid #3333ff;
}

#content .article h4{
	font-size:1.5em;
	line-height:1.66em;
	font-weight:bold;
	color:#0000cc;
}



/* トップページ */

#content .article .news_box{
	width:561px;
	height:230px;
	line-height:1.5em;
	margin:0 auto 15px;
	border:1px solid #cccccc;
	padding:12px 14px;
	overflow: auto;
}

#content .article .news_box ul{
	list-style:none;
}

#content .article #news_frame{
	width:589px;
	height:254px;
	border: 1px solid #CCCCCC;
	margin-left:6px;
	margin-bottom:15px;
}






#content .article .access_box{
	width:589px;
	margin:0 auto 30px;
}

#content .article .access_box iframe{
	float:left;
	display:inline;
	width:244px;
	height:149px;
}

#content .article .access_box .access_txt{
	float:right;
	display:inline;
	width:325px;
	line-height:1.5em;
}

#content .article .access_box .access_txt span.tel{
	display:inline-block;
	line-height:2em;
}

#content .article .access_box .access_txt span.sp{
	display:inline-block;
	width:5em;
}

#content .article .access_box .access_link{
	margin-top:15px;
	font-size:1.16em;
	letter-spacing:2px;
	font-weight:bold;
}

#content .article .access_box .access_link a{
	text-decoration:underline;
}

#content .article .access_box .access_link .red{
	color:#cc0000;
}



/* 事務所概要 */

#content .article .company_box{
	width:589px;
	margin:0 auto 30px;
}

#content .article .company_box img{
	float:right;
	display:inline;
	width:185px;
	height:156px;
}

#content .article .company_box .company_txt{
	float:left;
	display:inline;
	width:395px;
	line-height:2em;
}

#content .article .company_box .company_txt ul{
	list-style: none;
}

#content .article .company_box .company_txt ul li.lh_18{
	line-height:1.5em;
}

#content .article .company_box .company_txt ul li span.title{
	display:inline-block;
	width:6em;
	font-weight:bold;
}

#content .article .company_box .company_txt ul li a{
	color:#0000cc;
	font-weight:bold;
	text-decoration:underline;
}

#content .article .company_access_box{
	width:589px;
	margin:0 auto 30px;
}

#content .article .company_access_box iframe{
	width:589px;
	height:260px;
}

#content .article .company_access_box .access_link{
	margin-top:15px;
	margin-bottom:8px;
	font-size:1.16em;
	letter-spacing:2px;
	font-weight:bold;
}

#content .article .company_access_box .access_link a{
	text-decoration:underline;
}

#content .article .company_access_box .access_link .red{
	color:#cc0000;
}

#content .article .bus_box{
	width:589px;
	margin:0 auto 30px;
	line-height:2em;
}

#content .article .bus_box ul{
	list-style: none;
}

#content .article .bus_box ul li span.title{
	display:inline-block;
	width:7em;
}

/* 弁護士紹介 */

#content .article .lawyer_box{
	width:589px;
	margin:0 auto 15px;
	line-height:1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}

#content .article .lawyer_box p{
	margin-bottom: 15px;
	font-size:1.16em;
	text-align: justify;
	text-justify: inter-ideograph;
}

#content .article .lawyer_box img.right{
	float:right;
	display:inline;
	width:185px;
	height:156px;
}

#content .article .lawyer_box img.left{
	float:left;
	display:inline;
	width:189px;
	height:144px;
}

#content .article .lawyer_box .lawyer_txt_left{
	float:left;
	display:inline;
	width:395px;
	line-height:2em;
}

#content .article .lawyer_box .lawyer_txt_right{
	float:right;
	display:inline;
	width:390px;
	line-height:1.5em;
}

#content .article .lawyer_box ul{
	list-style: none;
	font-size:1.16em;
}

#content .article .lawyer_box ul li span.title{
	display:inline-block;
	width:7em;
}

/* 取扱分野 */

#content .article .works_block {
	width:589px;
	margin:0 auto;
	line-height:1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}

#content .article .works_block .works_box {
	margin-bottom:35px;
}

#content .article .works_block .works_txt {
	margin-bottom:30px;
	font-size:1.16em;
	line-height:1.5em;
}

#content .article .works_block .sp45 {
	margin-bottom:45px;
}

#content .article .works_block .works_txt span.blue {
	display:inline-block;
	margin-top:10px;
	font-size:1.16em;
	line-height:1.62em;
	font-weight:bold;
	color:#0000cc;
}

#content .article .inquiry_area {
	width:530px;
	height:60px;
	margin:60px auto 30px;
}

#content .article .inquiry_area .price{
	float:left;
	display:inline;
}

#content .article .inquiry_area .consult{
	float:right;
	display:inline;
}

#content .article .inquiry_area .price a{
	display:block;
	width:252px;
	height:60px;
	text-indent:-9999px;
	background:url("../images/btn_price_consult.jpg") no-repeat transparent;
}

#content .article .inquiry_area .consult a{
	display:block;
	width:252px;
	height:60px;
	text-indent:-9999px;
	background:url("../images/btn_price_consult.jpg") no-repeat transparent;
	background-position:-252px 0;
}

#content .article .inquiry_area .price a:hover{
	background-position:0 -60px;
}

#content .article .inquiry_area .consult a:hover{
	background-position:-252px -60px;
}

/* ご相談の流れ */

#content .article .consultflow_block {
	width:589px;
	margin:0 auto 30px;
	line-height:1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}

#content .article .consultflow_block .consultflow_box{
	margin-bottom: 15px;
	border:1px solid #cccccc;
	padding:15px;
}

#content .article .consultflow_box img.right{
	float:right;
	display:inline;
	width:143px;
	height:100px;
}

#content .article .consultflow_box .consultflow_txt_left{
	float:left;
	display:inline;
	width:400px;
}

#content .article .consultflow_block .consultflow_link{
	margin-top:10px;
	margin-bottom:0px;
	font-size:1.16em;
	letter-spacing:2px;
	font-weight:bold;
}

#content .article .consultflow_block .consultflow_link a{
	text-decoration:underline;
}

#content .article .consultflow_block .consultflow_link .red{
	color:#cc0000;
}


#content .article .consultflow_block .consultflow_txt {
	margin-top:10px;
	font-size:1.16em;
	line-height:1.5em;
}

#content .article .consultflow_block .consultflow_txt span.blue {
	display:inline-block;
	margin-bottom:5px;
	font-size:1.16em;
	line-height:1.62em;
	font-weight:bold;
	color:#0000cc;
}

#content .article .consultflow_block .arrow {
	text-align:center;
	margin-bottom: 15px;
}

#content .article .consultflow_block .consultflow_txt a{
	color:#0000cc;
	font-weight:bold;
	text-decoration:underline;
}

/* 費用 */

#content .article .cost_block {
	width:589px;
	margin:0 auto 30px;
	line-height:1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}

#content .article .cost_block table {
	font-size:1.16em;
	line-height:1.5em;
	border-collapse: collapse;
	margin-bottom:45px;
}

#content .article .cost_block table th,
#content .article .cost_block table td{
	padding:6px 14px;
	border:1px solid #9f9f9f;	
}

#content .article .cost_block table th{
	text-align: center;
}

#content .article .cost_block .cost_txt {
	margin-bottom:45px;
	font-size:1.16em;
	line-height:1.5em;
}

#content .article .cost_block .cost_txt02 {
	margin-bottom:10px;
	font-size:1.16em;
	line-height:1.5em;
}

#content .article .cost_block .sp30 {
	margin-bottom:30px;
}

#content .article .cost_block .cost_txt span.blue {
	display:inline-block;
	font-size:1.28em;
	line-height:1.66em;
	color:#3333ff;
}

#content .article .cost_block .cost_txt span.red {
	color:#cc0000;
}


/* お問い合わせ */

#content .article .contact_block {
	width:589px;
	margin:0 auto 30px;
	line-height:1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}

#content .article .contact_block .telno{
	font-size:2.33em;
	line-height:1.07em;
	font-weight: bold;
	color:#3333ff;
}

#content .article .contact_block table {
	width:100%;
	border-collapse: collapse;
	margin-bottom:10px;
}

#content .article .contact_block table th,
#content .article .contact_block table td{
	padding:6px 14px;
	border:1px solid #9f9f9f;	
}

#content .article .contact_block table th.bg_skyblue,
#content .article .contact_block table td.bg_skyblue{

}

#content .article .contact_block table th span.red,
#content .article .contact_block table td span.red {
	color:#cc0000;
}

#content .article .contact_block table td.title {
	width:9em;
	background:#edfcfc;
}

#content .article .contact_block table td p {
	margin-bottom:3px;
}

#content .article .contact_block table td input.age {
	width:75px;
	padding:5px;
	border:1px solid #9f9f9f;	
	margin-right:3px;
}

#content .article .contact_block table td input.post {
	width:75px;
	padding:5px;
	border:1px solid #9f9f9f;	
	margin-left:3px;
	margin-right:5px;
	margin-bottom:5px;
}

#content .article .contact_block table td input.name,
#content .article .contact_block table td input.job,
#content .article .contact_block table td input.tel {
	width:235px;
	padding:5px;
	border:1px solid #9f9f9f;	
	margin-right:5px;
}

#content .article .contact_block table td input.address{
	width:235px;
	padding:5px;
	display: block;
	border:1px solid #9f9f9f;	
	margin-bottom:3px;
}

#content .article .contact_block table td input.mail {
	width:410px;
	padding:5px;
	display: block;
	border:1px solid #9f9f9f;	
	margin-bottom:3px;
}

#content .article .contact_block table td textarea {
	width:410px;
	height:5em;
	margin-bottom:3px;
	padding:5px;
	line-height:;
	display: block;
	border:1px solid #9f9f9f;	
}

#content .article .contact_block .contact_txt {
	margin-bottom:30px;
	font-size:1.16em;
	line-height:1.5em;
}

#content .article .contact_block .contact_txt02 {
	margin-bottom:10px;
	font-size:1.16em;
	line-height:1.5em;
}

#content .article .contact_block .contact_txt03 {
	margin-top:25px;
	margin-bottom:60px;
}

#content .article .contact_block .contact_txt span.blue,
#content .article .contact_block .contact_txt02 span.blue {
	display:inline-block;
	font-size:1.28em;
	line-height:1.66em;
	color:#3333ff;
}

#content .article .contact_block .contact_txt span.red,
#content .article .contact_block .contact_txt02 span.red {
	color:#cc0000;
}

#content .article .contact_block .contact_txt03 input{
	width:80px;
	height:30px;
	border:1px solid #9f9f9f;
	background:#edfcfc;
	font-weight:bold;
	margin-right:8px;
}

#content .article .contact_block .contact_link{
	margin-top:30px;
	line-height:1.7em;
	margin-bottom:8px;
	font-size:1.16em;
}

#content .article .contact_block .contact_link a{
	letter-spacing:2px;
	font-weight:bold;
	text-decoration:underline;
}

#content .article .contact_block .contact_link .red{
	letter-spacing:2px;
	font-weight:bold;
	color:#cc0000;
}

#content .article .contact_block .contact_txt03 .btn_submit{
	width:82px;
	height:31px;
	text-indent:-9999px;
	border:none;
	background:url("../images/btn_submit.jpg") no-repeat transparent;
	display:block;
	float: left;
}

#content .article .contact_block .contact_txt03 .btn_clear{
	width:82px;
	height:31px;
	text-indent:-9999px;
	border:none;
	background:url("../images/btn_clear.jpg") no-repeat transparent;
	display:block;
	float: left;
}

#content .article .contact_block .sp3em{
	display:inline-block;
	width:3em;
}






/* プライバシーポリシー */

#content .article .privacy_block {
	width:589px;
	margin:0 auto 30px;
	line-height:1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}

#content .article .privacy_block .privacy_txt{
	margin-bottom:30px;
	font-size:1.16em;
	line-height:1.5em;
}

#content .article .privacy_block ol{
	margin-bottom:30px;
	font-size:1.16em;
	line-height:1.5em;
	padding-left:20px;
	/padding-left:30px;
}

#content .article .privacy_block ul{
	list-style:none;
}

#content .article .privacy_block ol li{
	margin-bottom:20px;
}

#content .article .privacy_block ul li{
	margin-bottom:0;
}



/* 会社概要 */



/* サブカラム */
#content .section {
	float: left;
	display;inline;
	width:215px;
}

#content .section .btn_order{
}

#content .section .btn_inquiry{
	
}

#content .section .btn_inquiry a{
	display:block;
	height:92px;
	width:215px;
	font-size:1.16em;
	color:#ffffff;
	text-indent:-9999px;
	outline: none;
	background:url("../images/btn_inquiry.jpg") no-repeat transparent;
}

#content .section .btn_inquiry a:hover{
	background-position:-215px 0;
}





/* トップヘ戻る */
#content .page_top{
    float: left;
    display:inline;
	margin-top:50px; 
    text-align: right;
    width: 844px;
    height:25px;
}




/* フッター */
#footer {
	position:relative;
	width:100%;
	height:90px;
	margin:0;
	padding-top:14px;
	font-size:0.83em;
	line-height:1.8em;
	color:#222222;
	background:#e4e9f5;
	border-top:1px solid #2e57be;
}

#footer .footer_area{
	position:relative;
	width:920px;
	height:90px;
	margin:0 auto;
}

#footer ul.footer_link{
	float: left;
	display:inline;
	width:600px;
	margin:0 auto;
	list-style:none;
}

#footer ul.footer_link li{
	list-style:none;
	float:left;
	margin-right: 7px;
	letter-spacing:1px;
}

#footer .footer_link a{
	color:#222222;
	text-decoration:none;
}

#footer .footer_link a:hover{
	color:#000000;
	text-decoration:underline;
}

#footer .copy{
	float: left;
	display:inline;
	width:300px;
	line-height:1.8em;
	text-align: right;
/*	font-size:0.83em;
	border-top:solid #000000 1px;*/
}


/* クリアフィックスを使ってみるテスト */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

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