@charset "utf-8";
/*
Theme Name: 一宮の弁護士による 相続・遺産分割のご相談
Theme URI:  
Description: 一宮の弁護士による 相続・遺産分割のご相談
Version: 1.0
Author: casley

*/

/* BODY
---------------------------------------------*/


html {
	width: 100%;
	height: 100%;
}

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;
	font-size: 100%;
	list-style: none;
}

body {
	text-align: 		left;
	font-family:		'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 			16px;
	color: 				#333;
	background:			#fff; 
}


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

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

a:hover {
	color: 				#ff3f00;
	font-weight: 		bold;
	text-decoration: 	underline;
}

strong {
	font-weight: 		bold;
}

p {
/*	padding: 			15px 20px 8px 20px; */
/*	padding: 			15px 0 8px;  */
	padding:			0;
	line-height: 		1.8em;
}

p.p_zero {
	padding: 			0;
}

.sec #main p,
.indsec p {
	margin-left: 1em;
	margin-right: 1em;
}

.clear {clear: both;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.bold {
	font-weight:		bold;
}
.red {
	color:			#f00;
}

/* テーブル対応
---------------------------------------------*/
table {
font-size:inherit;
font:100%;
}

table.mainstyle{
border: 1px #b9b9b9 solid;
border-collapse: collapse;
border-spacing: 0;
margin:15px 20px 8px 20px;
}

table.mainstyle th{
font-weight: bold;
padding:10px;
border: 1px #b9b9b9 solid;
border-width: 0 0 1px 1px;
background:#FFFFCC;
}

table.mainstyle td{
padding:10px;
border: 1px #b9b9b9 solid;
border-width: 0 0 1px 1px;
background:#fff;
}

/* Layout
---------------------------------------------*/
#viewport {
	width:				100%;
	overflow:			hidden;
}
body {
	overflow-x:			hidden;
}
#contents {
	width:			920px; 
	margin:			0 auto 0;
	padding:		20px 0 0;
}
	#sidebar {
		width:			200px;
		float:			left;
	}
	#main {
		width:			700px;
		float:			right;
	}
	#footer {
		clear:			both;
	}



/* Header
---------------------------------------------*/

#header {
	position:		relative;
	z-index:		5;
	
	background:		#EEFAF9;
}
	#header .inner {
		width:		920px;
		margin:		0 auto;
		position:		relative;
	}
		#header h1 {
			float:		left;
			padding:	18px 0;
		}
		#header .contact {
			float:			right;
			padding:		32px 0 13px;
		}

#header_nav {
	background:			url(images/header_nav_bg.png) center center repeat-x;
	background-size:	contain;
	height:				50px;
	
	font-size:			14px;
	font-weight:		bold;
	line-height:		1.3em;
	color:				#fff;
	text-decoration:	none;
	text-align:			center;
	
	position:		relative;
	z-index:		2;
}
	#header_nav  ul {
		width:				919px;
		padding:			0 0 0 1px;
		margin:				0 auto;
		
		background:			url(images/header_nav_sep.png) left center no-repeat;
	}
		#header_nav  ul li {
			float:			left;
			display:		block;
			width:			118px;
			height:			50px;
			padding:		0 1px 0 0;
			background:			url(images/header_nav_sep.png) right center no-repeat;
		}
			#header_nav  ul li:first-child { width: 90px; }
			#header_nav  ul li:first-child+li { width: 130px; }
			#header_nav  ul li:first-child+li+li { width: 100px; }

			#header_nav  ul li a {
				display:			block;
				height:				32px;
				padding:			18px 0 0;
				
				font-size:			15px;
				font-weight:		normal;
				line-height:		1.3em;
				color:				#fff;
				text-decoration:	none;
			}/*
			#header_nav  ul li.nl a {
				height:				42px;
				padding:			8px 0 0;
			}*/
				#header_nav  ul li a:hover {
					background:		#008C8C;
				}
				#header_nav  ul li a img {
					display:	block;
					margin:		0 auto;
				}
/* Main Image
---------------------------------------------*/

#main_image {
	width:		100%;
	min-width:	920px;
	overflow:	hidden;
	
	padding:	1px 0 0;
	background:	#F7F7EF;
}	 
	#main_image .inner {
		width:	920px;
		height:		320px;
		margin:		0 auto;
		
		position:	relative;
	}
	#main_image .btn {
		position:	absolute;
		right:		10px;
		bottom:		10px;
	}

/* Main Contents
---------------------------------------------*/

#main {
}
	h2 {
		background:		#FFDFBF;
		border-bottom:	1px solid #333;
		
		font-size:		18px;
		font-weight:	bold;
		line-height:	1.3em;
		color:			#3F3000;
		
		padding:		10px 13px 8px 20px;
		margin:			0 0 18px;  
		
		position:		relative;
		clear:			both;
	}
		
		h2:before {
			position:		absolute;
			left:			4px;
			top:			6px;
			
			display:		block;
			width:			6px;
			height:			30px;
			content:		'';
			background:		#79796A;
		}
	h3 {		
		border:			1px solid #CECEBF;
		border-bottom:		2px solid #FF7F00;
		background:		#f4f4f4 url(images/h3_bg.jpg) left top repeat-x;
		
		font-size:		18px;
		font-weight:	bold;
		line-height:	1.4em;
		color:			#575748;
		
		padding:		7px 16px 5px 20px;
		margin:			0 0 18px;
		
		position:		relative;
		clear:			both;
	}
	h4 {
		border-bottom:	5px solid #13B3B3;
		
		font-size:		17px;
		font-weight:	bold;
		line-height:	1.4em;
		color:			#575748;
		
		padding:		7px 16px 5px 20px;
		margin:			0 0 18px;
		
		position:		relative;
		clear:			both;
	}
	h5, h6 {
		background:		#FFFCE6 url(images/h5_icon.jpg) 6px 8px no-repeat;
		border:			1px solid #FFCC99;
		border-radius:	4px;
		
		font-size:		15px;
		font-weight:	normal;
		line-height:	1.4em;
		color:			#333;
		
		padding:		8px 10px 6px 20px;
		margin:			0 10px 18px;
		
		position:		relative;
		clear:			both;
	}
		h2 a,
		h3 a ,
		h4 a,
		h5 a,
		h6 a {
			color:		inherit !important;
			font:		inherit !important;
		}
	p {
		margin: 			15px 10px 2.2em;
	}
/*	#tinymce ul ,
	#tinymce ol {
		margin: 			15px 20px 20px 30px;
		font-size:			16px;
		line-height:		1.3em;		
		color:				#525252;
	}
		#tinymce ul ,
		#tinymce ul li {
			list-style:		disc;
		}
		#tinymce ol,
		#tinymce ol li {
			list-style:		decimal;
		} */
/* Top Page
---------------------------------------------*/
.nav01 {
}
	.nav01 ul {
		margin:	0 -2px 0 -3px;
	}
		.nav01 ul li {
			float:		left;
			margin:		0 0 10px 3px;
		}
.representative {
	color:		#545454;
}

.nav02 {
	background:		#F5F5F5;
	padding:		10px;
}
	.nav02 > ul {
		margin:		0 0 -9px -9px;
	}
		.nav02 > ul > li {
			float:		left;
			margin:		0 0 9px 9px;
			
			width:		220px;
			background:		#fff;
			box-shadow:		-2px 2px 3px rgba(0,0,0,0.3);
		}
			.nav02 > ul > li h3 {
				margin:		0 !important;
				padding:	0 !important;
				border-left:	none !important;
				border-right:	none !important;
				border-top:		none !important;
				border-bottom:	none !important;
				box-shadow:		none !important;
			}
			.nav02 > ul > li .inner {
			}
				.nav02 > ul > li .inner ul {
					padding:	9px 10px 12px 30px;
				}
					.nav02 > ul > li .inner ul li a {
						display:	block;
						padding:	0 0 4px;
						position:	relative;
						
						font-size:		15px;
						font-weight:	normal;
						line-height:	1.3em;
						color:			#444;
					}
						.nav02 > ul > li .inner ul li a:before {
							position:	absolute;
							top:		0;
							left:		-1em;
							content:	'・';
						}
						.nav02 > ul > li .inner ul li a:hover {
							color:		#00664C;
						}


.latest_info {
	padding:		0 15px 0 20px;	
}
	.latest_info ul {
	}
		.latest_info ul li {
			border-left:		5px solid #FFA64D;
			padding:		2px 0 2px 10px;
			margin:		0 0 10px;
		}
		.latest_info ul li a {
			font-size:		15px;
			font-weight:	normal;
			line-height:	1.3em;
			color:			#444;
			
			text-decoration:	none;
		}
		.latest_info ul li a:hover {
			color:		#FF5B26;
		}

.reason {
	background:		#F5F5F5;
	padding:		10px;
}
	.reason > ul {
		margin:		0 0 0 -9px;
	}
		.reason > ul > li {
			float:		left;
			margin:		0 0 0 9px;
			
			width:		220px;
			background:		#fff;
			box-shadow:		-2px 2px 3px rgba(0,0,0,0.3);
			
		}
			.reason > ul > li a {
				display:	block;
				border-top:		4px solid #FFA64D;
				padding:		60px 0 0;
				
				font-size:		14px;
				font-weight:	normal;
				line-height:	1.3em;
				color:			#444;
				text-decoration:	none;
				
				background-position:	center 13px;
				background-repeat:		no-repeat;
			}
				.reason > ul > li:first-child a { background-image: url(images/reason_point01.jpg); }
				.reason > ul > li:first-child+li a { background-image: url(images/reason_point02.jpg); }
				.reason > ul > li:first-child+li+li a { background-image: url(images/reason_point03.jpg); }
				
				.reason > ul > li a .title {
					display:	block;
					padding:	0 14px;
					
					font-size:	16px;
					line-height:	1.3em;
					text-align:		center;
				}
				.reason > ul > li a .image  {
					display:	block;
					padding:	12px 0 10px;
					text-align:		center;
				}
				.reason > ul > li a .text  {
					display:	block;
					padding:	0 14px 37px;
					
					background:		url(images/reason_more_icon.gif) right bottom no-repeat;
				}

.flow {
	position:	relative;
}
	.flow p {
		margin:		0 !important;
	}
	.flow .image {
	}
	.flow .point {
		position:		absolute;
		left:			364px;
		top:		225px;
		
		display:	block;
		width:		323px;
	}
		.flow .point h3 {
			padding:		0 0 8px !important;
			margin:			0 !important;
			background:		none !important;
			border:			none !important;
		}
/* サイドバー
---------------------------------------------*/
#sidebar {
}

.side_title {
	background:		#FAF0E6;
	height:			36px;
	border-bottom:			3px solid #15B2B4;
	
	font-size:		16px;
	font-weight:	bold;
	line-height:	40px;
	color:			#686859;
	text-shadow:	1px 1px 0px rgb(255,255,255);
	
	text-indent:	13px;
	text-align:		left;
}

.dcjq-accordion {
	margin-bottom:	20px;
}
#menu-sidemenu {
	border:			1px solid #CECEBF;
	border-top:		none !important;
	padding:		5px;
	
	background:		url(images/side_menu_bg.gif) center center repeat;
}
	#menu-sidemenu a {
		display:			block;
		margin:				0;
		padding:			7px 8px 7px 15px;
		
		color:				#444;
		font-size:			14px;
		text-decoration:	none;
	}
	#menu-sidemenu > li {
		margin:		-1px 0 0;
	}
		#menu-sidemenu > li:last-child {
		}
	#menu-sidemenu > li > a {
		padding:			8px 25px 7px 14px;
		
		border:		1px solid #CECEBF;
		background:		#fff url(./images/side_menu_icon01.png) right center no-repeat;
		
		font-size:		14px;
		font-weight:	normal;
		line-height:	1.3em;	
		color:			#444;
		
		position:		relative;
	}
		#menu-sidemenu > li > a:before {
			position:		absolute;
			left:		3px;
			top:		3px;
			bottom:		3px;
			
			display:		block;
			width:			3px;
			height:			auto;
			overflow:		hidden;
			content:		'';
			
			background-color:		#16BABC;
		}
	/* 2階層目以降 */
	#menu-sidemenu > li > ul  {
		border:		1px solid #CECEBF;
		padding:		5px 0 5px 12px;
		margin:			-1px 0 0;
		
		background:		#FFFCE6;
	}
	#menu-sidemenu > li ul li a {
		display:			block;
		padding:			5px 5px 5px 12px;
		
		background:			url(./images/side_menu_icon02.gif) left 5px no-repeat;
		
		font-size:		13px;
		font-weight:	normal;
		line-height:	1.3em;	
		color:			#444;
		text-decoration:	none;
	}
	#menu-sidemenu > li > ul ul {
		margin-left:		20px;
	}

	/* リンクすべて */
	#menu-sidemenu > li a:hover {
		font-weight:		normal;
	}
	#menu-sidemenu > li > a:hover {
		text-decoration:	none;
	}
		#menu-sidemenu > li > a:hover:before {
			background-color:		#FF9326;
		}

		#menu-sidemenu > li ul li a:hover {
			text-decoration:	underline;
			background-image:			url(./images/side_menu_icon02_on.gif);
		}

.side_content_office {
	text-align:		center;
	padding:		0 0 10px;
	border:			1px solid #CECEBF;	
	
	font-size:		14px;
	font-weight:	normal;
	line-height:	1.4em;
	color:			#333;
}
	.side_content_office .logo {
		padding:		8px 0 20px;
		text-align:		center;
	}
	.side_content_office .address {
		margin:		0 0 14px 18px;
		text-align:	left;
	}
		.side_content_office .stress {
			font-weight:	bold;
			color:		#14B2B3;
		}
	.side_content_office .more {
		margin:		0 0 0 18px;
		text-align:	left;
	}
		.side_content_office .more a {
			color:		#333;
		}
	
#searchform {
}
	#searchform label {
		display:		none !important;
	}
	#searchform > div {
		display:		block;
		position:		relative;
		
		width:			200px;
		height:			26px;
	}
	#searchform > div input[type="text"] {
		position:		absolute;
		left:			0;
		top:			0;
		
		width:			153px;
		height:			23px;
		
		border:			1px solid #ccc;
	}
	#searchform > div input[type="submit"] {
		position:		absolute;
		right:			0;
		top:			0;
		
		width:			38px;
		height:			24px;
		
		font-size:		13px;
		font-weight:	normal;
		line-height:	24px;
		text-align:		center;
		letter-spacing:	1px;
		
		color:			#333;
		
		border:			1px solid #ccc;
		background:		url(images/side_search_btn_bg.jpg) left top repeat-x;
		
		cursor:			pointer;
	}
		#searchform > div input[type="submit"]:hover {
			opacity:	0.7;
		}


/* Footer
---------------------------------------------*/

			
#footer {
	background:		#EEFAF9;
	
	margin:			100px 0 0;
}
	#footer .logo {
		border-bottom:		1px solid #000;
		padding:		1px 0;
	}
		#footer .logo .inner {
			width:		920px;
			margin:		0 auto;
			position:		relative;
		}
		#footer .logo .image {
			float:		left;
			padding:	18px 0;
		}
		#footer .logo .contact {
			float:			right;
			padding:		32px 0 13px;
		}
	#footer .nav {
		width:		920px;
		margin:		25px auto 23px;
		position:		relative;
	}
		#footer .nav > ul {
		}
		#footer .nav > ul > li {
			float:		left;
			width:		213px;
			margin:		0 10px 0 0;
		}
			#footer .nav > ul > li > ul ul {
				margin:		0 0 0 20px;
			}
			#footer .nav > ul > li a {
				display:	block;
				
				margin:		0 0 11px;
				padding:	0 0 0 18px;
				background:	url(images/footer_nav_icon.png) left 3px no-repeat;
				
		
				font-size:		15px;
				font-weight:	normal;
				line-height:	1.3em;
				color:			#333;
			}
				#footer .nav > ul > li a:hover {
				/*	background-image:	url(images/footer_nav_icon_on.png);
					font-weight:		bold; */
				}
	#footer .copyright {
		margin:			0 0 20px;
		
		font-size:		14px;
		font-weight:	normal;
		line-height:	1.3em;
		color:			#525252;
		
		text-align:		center;
	}

.arrow2top {
	position:		fixed;
	right:			20px;
	bottom:			20px;
}


/* 下層ページ
---------------------------------------------*/

/* BREADCRUMB = TOPIC PATH */

.breadcrumb {
	padding:		0;
	margin:			0 0 12px;
	font-size:		14px;
}

.breadcrumb a {
	color:		#ff3f00;
}


/* リスト
---------------------------------------------*/


.baselist {
	margin: 15px;
}
.baselist ul {
	margin:		0 !important;
}
.baselist li {
	list-style:			none !important;
	margin:				0 0 8px;
}
.baselist li a {
	display:			block;
	font-size: 			15px;
	margin-bottom: 		8px;
	padding: 			7px 5px 7px 35px;
	border-bottom: 		1px dotted #666;
}

.baselist li a {
	color: 				#666;
	text-decoration: 	none;
	font-weight:		normal;
}
.baselist li a:hover {
	color: 				#444;
	text-decoration: 	underline;
	font-weight:		normal;
}
.baselist > ul > li {
	background: 		url(images/side_menu_icon01.png) 5px 12px no-repeat; 
}
.baselist > ul > li ul {
	margin-left:		25px !important;
}
.baselist > ul > li ul li {
	background:			url(./images/side_menu_icon02.png) 5px 14px no-repeat;
}





/* PADDING & MARGIN SETUP
---------------------------------------------*/

/* MARGIN */

.mt5 {margin-top: 5px !important;}
.mt8 {margin-top: 8px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}

.mb00 {margin-bottom: 0px !important;}
.mb01 {margin-bottom: 1px !important;}
.mb02 {margin-bottom: 2px !important;}
.mb03 {margin-bottom: 3px !important;}
.mb04 {margin-bottom: 4px !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb100 {margin-bottom: 100px !important;}

.mr10 {margin-right: 10px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr50 {margin-right: 50px !important;}

.ml10 {margin-left: 10px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}
.ml40 {margin-left: 40px !important;}
.ml50 {margin-left: 50px !important;}

.ml-2 { margin-left: -2px !important; }
.ml-3 { margin-left: -3px !important; }
.ml-4 { margin-left: -4px !important; }
.ml-5 { margin-left: -5px !important; }

/* PADDING */

.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt50 {padding-top: 50px !important;}

.pb10 {padding-bottom: 10px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb50 {padding-bottom: 50px !important;}

.pr10 {padding-right: 10px !important;}
.pr20 {padding-right: 20px !important;}
.pr30 {padding-right: 30px !important;}
.pr40 {padding-right: 40px !important;}
.pr50 {padding-right: 50px !important;}

.pl10 {padding-left: 10px !important;}
.pl20 {padding-left: 20px !important;}
.pl30 {padding-left: 30px !important;}
.pl40 {padding-left: 40px !important;}
.pl50 {padding-left: 50px !important;}

/* FLOAT */

.fleft {float: left;}
.fright {float: right;}



/* WP STYLE
---------------------------------------------*/

img.centered , 
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;}

.alignright {float: right;}
.alignleft {float: left;}


/* CLEARFIX
---------------------------------------------*/

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

.cl{ display: inline-block; }

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


/*20201004追加*/
.mw_wp_form span.error{
    font-weight:bold;
    color:#f00;
}
.mw_wp_form .error:before{
    content:"【入力を確認してください】"
}