/*-----------------------------------------------------------------------
	債務整理サポート 辰原佳子司法書士事務所
	http://www.saimuseiri-soudan.com/
	
	1-1.読み込みファイル
	1-2.フォント初期化
	1-3.全称セレクタ
	1-4.セレクタ
	2-1.基本構造
	3-1.レイアウト（構造部品）
	3-2.レイアウト（サイドメニュー）
	3-3.レイアウト（メインコンテンツ）
	3-4.レイアウト（当事務所との相互リンク）
	4-1.文字修飾
	
-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------
	1-1.読み込みファイル
-----------------------------------------------------------------------*/

	html {
		behavior:url("csshover2.htc");
		}

/*-----------------------------------------------------------------------
	1-2.フォント初期化
-----------------------------------------------------------------------*/

	body {
		font-size: 11pt;
		*font-size: small;
		*font: x-small;
		background-color:#FFF4EE;
	}
	
	table {
		font-size: inherit;
		font: 100%;
	}
	
	select,
	input,
	textarea {
		font-size: 99%;
		line-height:normal;
	}

/*-----------------------------------------------------------------------
	1-3.全称セレクタ
-----------------------------------------------------------------------*/

	* {
		margin: 0;
		padding: 0;
		line-height: 1.6;
		font-size: 100%;
		font-weight: normal;
		font-style: normal;
	}

/*-----------------------------------------------------------------------
	1-4.セレクタ
-----------------------------------------------------------------------*/

	img {
		vertical-align:bottom; /* 画像を隙間なく並べる */
		border:0;
	}

	select,
	input,
	textarea {
		line-height:normal;
	}
	
	html {
		height:100%;
		width:100%;
	}
			
	table {
		margin-left:auto;
		margin-right:auto;
	}

/*-----------------------------------------------------------------------
	2-1.基本構造
-----------------------------------------------------------------------*/


		div#HEADER {
			width:1032px;
			height:96px;
			margin:0 auto;
			background-image:url(/img/header.jpg);
			background-repeat:no-repeat;
			background-position:center;
		}

		div#NAVIGATION {
			width:1032px;
			height:30px;
			margin:0 auto;
		}

		div#TOP {
			width:1032px;
			height:220px;
			margin:0 auto;
			background-image:url(/img/top.jpg);
			background-repeat:no-repeat;
			background-position:center top;
			margin-bottom:-1px;
		}

		div#WHOLE { 
			width:1032px;
			margin:0 auto;
			background-image:url(/img/background.jpg);
			background-repeat:repeat-y;
			background-position:center top;
		}

		div#WHOLE:after { /* clearfix */
			height:0;
			visibility:hidden;
			content:".";
			display:block;
			clear:both;
		}
		
		div#WHOLE { /* clearfix */
			width:1032px;
			/*\*//*/
			overflow:hidden;
			/**/
		}
	
/*-----------------------------------------------------------------------
	3-2.レイアウト（サイドメニュー）
-----------------------------------------------------------------------*/		


	div#SIDEMENU {
		width:255px;
		height:auto;
		float:left;
		padding-left:140px;
		margin-top:10px;
		}

		ol.sidemenu_middle {
			width:245px;
			height:auto;
			padding:5px;
			list-style:none;
			font-size:10pt;
			background-image: url(/img/menu-back.gif);
			background-repeat:repeat-y;
			background-position:bottom;
			margin-bottom:10px;
		}
		
			ol.sidemenu_middle li {
				padding:2px 8px 1px 24px;
				list-style: none;
				background-color:inherit;
				background:url(/img/arrow.gif) no-repeat 8px 8px;
			}

/*-----------------------------------------------------------------------
	3-4.レイアウト（メインコンテンツ）
-----------------------------------------------------------------------*/

	p { 
		margin-bottom:20px;
		padding:0 15px;
		}

	div#MAIN {
		width:500px;
		float:right;
		font-size:11pt;
		padding-right:100px;
		margin-top:10px;
		}

	h1 {
		width:450px;
		height:53px;
		padding:12px 0 2px 50px;
		background-image:url(/img/h1.jpg);
		background-repeat:no-repeat;
		margin-bottom:15px;
		font-size:16pt;
		color:#9B5A2F;
		font-weight:bold;
	}
	
	h2 {
		width:447px;
		height:31px;
		padding:7px 0 2px 46px;
		background-image:url(/img/h2.gif);
		background-repeat:no-repeat;
		margin-bottom:15px;
		font-size:13pt;
		color:#71A530;
		font-weight:bold;
	}

	/*-----------------------------------------------------------
		↓フッター stars here.
	-----------------------------------------------------------*/
	
		div#FOOTER {
			width:1032px;
			height:170px;
			background-image:url(/img/footer.jpg);
			background-repeat:no-repeat;
			clear:both; /* フロートの高さを算出 */
			text-align:center;
			line-height:normal;
			font-size:11pt;
			padding-top:15px;
			color:#753A00;
			margin:0 auto;
		}

		div.menu{
			width:200px;
			height:auto;
			float:left;
			text-align:center;
			font-size:10pt;
			padding-left:140px;
		}
			ol.menu_text{
				padding-left:6px;
				list-style:none;
				text-align:left;
			}
			ol.menu_text li {
				padding-left:24px;
				background: url(/img/arrow.gif) no-repeat 7px 5px;
			}
			
		div.copyright{
			width:600px;
			height:auto;
			text-align:center;
			font-size:10pt;
			margin-left:200px;
			padding-top:16px;
		}
		
	/*-----------------------------------------------------------
		↑フッター ends here.
	-----------------------------------------------------------*/

/*-----------------------------------------------------------------------
	4-1.文字修飾
-----------------------------------------------------------------------*/

	.red {
	color:#FF5959;
	} 
	
	.blue {
	color:#0066FF;
	} 
	
	.bold {
	font-weight:bold;
	} 
	
	.small {
	font-size:9pt;
	}
	
	.narrow { /* 注釈用 */
		width:80%;
		margin-right:auto;
		margin-left:auto;
	}
	
	a:link {
	color:#804000;
	text-decoration:none;
	}
	
	a:visited {
	color:#BC7749;
	text-decoration:none;
	}
	
	a:hover {
	color:#BC7749;
	text-decoration:underline;
	}
	
	a:active {
	color:#885533;
	text-decoration:underline;
	}
		
	#index_title{
		width:300px;
		height:31px;
		padding:5px 0 0 33px;
		background-image:url(img/index_title.gif);
		background-repeat:no-repeat;
		margin-bottom:12px;
		margin-left:80px;
		font-size:11pt;
		color:#4B4B4B;
		font-weight:bold;
	}

/*-----------------------------------------------------------------------
	5-1.プロフィールテーブル
-----------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
	6-1.事務所アクセスイメージ
-----------------------------------------------------------------------*/

#img{
	text-align:center;
	margin:40px auto;
}


/*------------------------*/


/*-----------------------------------------------------------------------
	テーブルスタイル
-----------------------------------------------------------------------*/
	
	table.table {
		border-top:1px solid #FF9671;
		border-right:1px solid #FF9671;
		margin:10px auto;
		font-size:10pt;
	}
	
		table.table tr td {
			padding:5px;
			border-left:1px solid #FF9671;
			border-bottom:1px solid #FF9671;
		}
		
		table.table tr td.left {
			background-color:#FEF5F0;
			text-align:center;
		}

		table.table tr td.left_index {
			background-color:#FEF5F0;
		}

		table.table tr td.right {
			background-color:#FFFFFF;
		}


/*-----------------------------------------------------------------------
	リストボックススタイル
-----------------------------------------------------------------------*/
	/* 通常リストボックス */
	div.listbox {
		width:378px; /* パディングとボーダー合計で400px */
		height:auto;
		padding:10px 10px 10px 10px;
		border:1px solid #CCCCCC; /* 色は各サイトで変更可 */
		margin:0 auto 30px auto;
		font-size:9pt;
	}
	
		div.listbox p {
			margin-bottom:20px;
		}
		
			
		div.listbox p.last-child {
			margin-bottom:0;
		}
	
		div.listbox strong { /* 通常リストボックス　画像なしタイトル */
			display:block;
			font-weight:bold;
			margin-bottom:10px;
			font-size:10pt;
		}
		
		div.listbox strong.listbox_title { /* 通常リストボックス　画像ありタイトル */
			display:block;
			background:url("/img/arrow.gif") no-repeat 10px 10px;
			/* ↑リストボックスタイトル用矢印へのパスは各自で。
			0px 0px＝（背景画像　左上からの位置設定 x軸,y軸）画像によって変更が必要です */
			padding:4px 0 0 32px; /* 左パディングは画像によって変更 */
			margin-bottom:15px;
			font-size:10pt;
			font-weight:bold;
		}
			
		div.listbox ul { /* 通常リストボックス内用箇条書きul */
			padding-left:30px;
			list-style-type:disc;
		}
			
			div.listbox ul li {
				margin-bottom:10px;
			}
			
			
			
			
	/* メリット・デメリットのページのリストボックス */
	
	div.listbox2 {
		width:378px; /* パディングとボーダー合計で400px */
		height:auto;
		padding:10px 10px 10px 10px;
		border:1px solid #CCCCCC; /* 色は各サイトで変更可 */
		margin:0 auto 30px auto;
		font-size:10pt;
	}
	
		div.listbox2 strong.listbox_title { /* 通常リストボックス　画像ありタイトル */
			display:block;
			background:url("/img/arrow.gif") no-repeat 10px 11px;
			/* ↑リストボックスタイトル用矢印へのパスは各自で。
			0px 0px＝（背景画像　左上からの位置設定 x軸,y軸）画像によって変更が必要です */
			padding:4px 0 0 32px; /* 左パディングは画像によって変更 */
			margin-bottom:15px;
			font-size:11pt;
			font-weight:bold;
		}
	
		div.listbox2 p {
			margin-bottom:20px;
		}
		
		div.listbox2 p.psmall {
			margin-top:-15px;
			font-size:9pt;
		}
		
	/* 箇条書きリストボックス */
	ul.listbox {
		width:368px; /* パディングとボーダー合計で400px */
		height:auto;
		padding:10px 5px 10px 25px;
		border:1px solid #CCCCCC; /* 色は各サイトで変更可 */
		margin:0 auto 30px auto;
		list-style-type:disc;
		font-size:9pt;
	}
		
		ul.listbox li {
			margin-bottom:10px;
		}

		ul.listbox li.last-child {
			margin-bottom:0;
		}
				
		ul.listbox ul {
			padding-left:20px;
			list-style-type:circle;
		}
		
			ul.listbox ul li {
				margin-bottom:10px;
			}


/*-----------------------------------------------------------------------
	サイトマップのスタイル
-----------------------------------------------------------------------*/

	ul#sitemap {
		list-style-type:disc;
		padding-left:54px;
		font-size:10pt;
	}
	
		ul#sitemap li {
			margin-bottom:10px;
		}
		
		ul#sitemap li.spacer {
			margin-bottom:20px;
		}
		
		ul#sitemap ul {
			list-style-type:circle;
			padding-left:30px;
		}
			
			ul#sitemap ul li {
				margin-bottom:10px;
			}
			
			ul#sitemap ul li.spacer {
				margin-bottom:20px;
			}
			
			ul#sitemap ul ul {
				list-style-type:square;
				padding-left:30px;
			}
			
				ul#sitemap ul ul li {
					margin-bottom:10px;
				}
				
				ul#sitemap ul ul li.spacer {
					margin-bottom:20px;
				}