@import url("sub-style.css");

@charset "Shift_Jis";

/* ////// 全体の設定 ////// */
* {
	margin:0; padding:0;
	font-family :"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
}

body {
	margin: 0; padding: 0;
	color: #333333;
	font-size:80%; ;
	text-align: center;
	background: url(img/common/back_2.gif) repeat-x left top;
	background-color: #F4F4F4;
	scrollbar-base-color:#F7F8F1;
	scrollbar-shadow-color:#cccccc;
	scrollbar-darkshadow-color:#999999;
}

/*リンク色*/
	a { text-decoration: underline; }
	a:link		{color: #0044ff;text-decoration: underline;}
	a:visited	{color: #0044ff;text-decoration: underline;}
	a:hover		{color: #2299ee; text-decoration: underline;}
	a:active	{color: #81bb36;text-decoration: underline;}

img { border: none; margin: 0; padding: 0;}
hr { clear:both;visibility:hidden; margin: 0;padding: 0;}
td,th{text-align:left; vertical-align:top;}
td,th,dt,dd { line-height:1.3; }
div,p,h1,h2,h3,h4,h5,h6,ul{margin: 0;padding: 0;}

/*フォントサイズ調整*/

h1,h2,h3,h4,h5,h6,table,th,td,input,textarea {font-size: 100%;}

h1 { font-size:1em;}
h2 { font-size:1em;}
h3 { font-size:1em;}

/* ////// ページの設定 ////// */
#index {  margin: 0;padding: 0;}

#index-contact { 
	background: url(img/common/back2_2.gif) no-repeat left top;
	margin:0 auto; padding:0;
	width:784px;text-align: center;
}

/* ////// ベースレイアウト部分 ////// */
#base {
	margin:0 auto; padding:0;text-align: left;
	width:770px;
	}

/* ////// ヘッダー部分 ////// */
#header {
	position: relative;
	margin:0;padding:0;position: relative;height: 124px;
}

 
#header #header-logo a{
	margin: 0; padding: 0;
	display: block;text-indent: -9999px;text-decoration: none;
	width: 300px;height:80px; font-size: 3px;
	background: url(img/common/logo3.gif) no-repeat left 12px;
}
 
#header #catch{ margin: 0;padding: 5px 0 0; font-size: 0.9em;font-weight: normal;line-height: 1.3;}
#header #address{ margin: 0;padding: 0 18px 0; font-size: 11pt;font-weight: normal;}

#header #header-tel{
    z-index: 2; position: absolute;top:7px; left: 556px;
	margin: 0; padding:0 ;
	display: block;	width: 220px;height:68px;
	}
#header #font-size{
    z-index: 3; position: absolute;top:15px; left: 410px;
	margin: 0;padding: 0;float: left;
	font-size: 0.9em; color: #0E3293;
}
	#font-size ul{text-align: left;padding: 0;margin: 0;}
	#font-size li{
		float: left;list-style: none;padding: 0 0 0 4px;margin: 0;
	}
	#font-size li a {
		display:block;padding: 0;font-size: 3px;
		width: 24px;height: 23px;text-decoration: none;
	}
	#font-size li a.style {text-indent: -9999px;background: url(img/common/fontsize_normal_2.gif) no-repeat left top;}
	#font-size li a.style-b {text-indent: -9999px;background: url(img/common/fontsize_big_1.gif) no-repeat left top;}

/*
	#font-size li a:hover.style{text-indent: -9999px;background: url(img/common/fontsize_normal_2.gif) no-repeat left top;}
	#font-size li a:hover.style-b {text-indent: -9999px;background: url(img/common/fontsize_big_2.gif) no-repeat left top;}
*/
/* ナビ */
#navi { 
	position: relative;
	clear: both;margin:0;padding: 0;text-align: left ;height: 58px;
}

	#navi ul {margin: 0;padding: 0;}
	#navi li {
		list-style: none; margin:0; padding: 0;
		float: left;text-align: left;
	}
	
	#navi li a {
	display:block;font-size:3px;height: 36px;
	text-decoration: none;padding: 0; margin: 0;text-indent: -9999px;
	}
	
	#navi li a.home   {background: url(img/navi/navi_top.gif) no-repeat left top;width: 75px;}
	#navi li a.office {background: url(img/navi/navi_office.gif) no-repeat left top;width: 101px;}
	#navi li a.nagare {background: url(img/navi/navi_nagare.gif) no-repeat left top;width: 116px;}
	#navi li a.guide  {background: url(img/navi/navi_guide.gif) no-repeat left top;width: 89px;}
	#navi li a.price  {background: url(img/navi/navi_price.gif) no-repeat left top;width: 100px;}
	#navi li a.debt   {background: url(img/navi/navi_debt.gif) no-repeat left top;width: 134px;}
	#navi li a.access {background: url(img/navi/navi_map.gif) no-repeat left top;width: 88px;}
	#navi li a.link   {background: url(img/navi/navi_link.gif) no-repeat left top;width: 67px;}

	#navi li a:hover,
	#navi li a#now { background-position: left bottom;}


/* ////// フッター部分 ////// */
/*フッター*/
#footer {
	clear:both;margin: 0;padding: 15px 25px ;72px;text-align: left;
	line-height: 1.3;font-size: 0.9em;color: #000000;
	background: url(img/common/back_footer.jpg) repeat-x left top;
	}
	#footer-title{font-size: 1em;font-weight: bold;}
	#footer-title a{color: #002266;text-decoration: none;}

/* ////// パンクズリスト ////// */ 
#pankuzu{ text-align: left;font-size: 0.9em;margin: 0;padding: 8px 0 5px ;}

/* ////// ページのトップへ ////// */ 
#pagetop {clear: both;padding: 0;margin: 20px 0 10px;}
	#pagetop a {
		display:block;font-size:3px;height: 13px;
		text-decoration: none;padding: 0; margin: 0;text-indent: -9999px;
		background:url(img/common/pagetop.gif) no-repeat right top;
		}
/* ////// メイン記事部分 ////// */
#main {
	clear:both;text-align: left;margin: 0;padding: 0; width: 770px;
	background-color: #ffffff;
	zoom: 100%;
	min-height:1px;　/* IE 7対策 */
}
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
#main:after {
	content:".";display:block;height:0px;clear:both;visibility:hidden;
}

#main-content{
	margin: 0 0 0 25px ;padding: 0;text-align: left;line-height: 1.5;
	width: 720px;
	}

/* ////// トップレイアウト ////// */
/*トップ 左部*/
#top-contact {
	margin:0 20px 0 0;padding: 0 0 0 ;float: left;width: 395px;
}
	#top-title{padding: 0;margin: 25px 0 20px;}
#top-office {
	margin:20px 0 20px ;padding: 0;float: left;width: 305px;
	background: url(img/common/top_office.gif) no-repeat left center;
	background-color: #F0F0F0;font-size: 0.9em;line-height: 1.3;
}
	#top-office-text{margin: 10px;}
	#top-office-btn{padding: 10px 0 0;}
	#top-office-tel{clear: both;text-align: center;margin: 0;padding: 5px 0 0;}

/* ////// 下層レイアウト ////// */

/* 事務所紹介*/
#office-title{margin: 30px 0 20px 5px;}
#office-photo{float: left;margin: 0 20px 0 0;}
#office-career {margin:0 0 10px;padding: 0;}
	#office-career dt{
		font-size: 1em;padding: 0;margin: 0 ;float: left;width: 110px;
		}
	#office-career dd{
		margin: 0 0 0 110px ;padding: 0;left: left;
		}

/* 手続きの流れ*/
#nagare-tbox1{}
	#nagare-tbox1 tr{}
	#nagare-tbox1 th{
		}
	#nagare-tbox1 td{
	font-size: 1em;padding: 0 10px;text-align: left;text-align: 1.3;
	vertical-align: middle;
		}
#nagare-waku{padding: 10px 0;background-color: #A2D7FF;width: 550px;}

/* 業務内容*/
.guide-waku1{width: 340px; float: left;border: 1px solid #cccccc;padding: 2px 0;margin: 0 0 5px 10px;}
.guide-waku2{width: 340px;float: right;border: 1px solid #cccccc;padding: 2px 0;margin: 0 10px 5px ;}
.guide-waku3{width: 700px;border: 1px solid #cccccc;padding: 2px 0;margin: 10px 0 0 10px;}
.guide-title{
	padding: 2px 10px 2px 25px;margin: 0 2px 1px;
	background: url(img/common/mark2.gif) no-repeat 5px center;
	border-bottom: 3px solid #0A49B3;background-color: #CDE9FF;
	
	}
.guide-list{margin: 0 2px ;padding: 5px 0 5px 40px;background-color: #fafafa;}
.guide-text{margin: 0 2px ;padding: 0 15px 5px;background-color: #fafafa;}
/* リンク*/
#link-list {margin:20px 40px 10px ;}
	#link-list dt{
		font-size: 1em;padding: 0 0 0 20px;margin: 0 ;font-weight: bold;
		background: url(img/common/mark1.gif) no-repeat left center;
		
		}
	#link-list dd{
		margin-bottom: 10px ;margin-left: 20px;
		}