/* ===================================================
File name: layout.css
Description: ファイルの説明
Applied pages: 全ページ
Copyright: nagasawa-lawyer
=====================================================*/

div#footer a:hover {
color:#707070;
text-decoration:underline;
}

a,a:link,a:visited,a:active {
color:#036;
text-decoration:underline;
}

a:hover,.deepBlue a:hover {
color:#369;
text-decoration:underline;
}

.deepBlue a,.deepBlue a:link,.deepBlue a:visited,.deepBlue a:active {
color:#036;
text-decoration:none;
}

div#footer a,div#footer a:link,div#footer a:visited,div#footer a:active {
color:#333;
text-decoration:none;
}

.marginTop1 { margin-top: 5px;}
.marginTop2 { margin-top: 10px;}
.marginTop3 { margin-top: 20px;}
.marginTop4 { margin-top: 30px;}

.marginBtm1 { margin-bottom: 5px;}
.marginBtm2 { margin-bottom: 10px;}
.marginBtm3 { margin-bottom: 20px;}
.marginBtm4 { margin-bottom: 40px;}

.marginSide1 { margin-left: 5px; margin-right: 5px;}
.marginSide2 { margin-left: 10px; margin-right: 10px;}
.marginSide3 { margin-left: 20px; margin-right: 20px;}
.marginSide4 { margin-left: 25px; margin-right: 25px;}

.marginRight1 { margin-right: 3px;}
.marginRight2 { margin-right: 5px;}
.marginRight3 { margin-right: 10px;}
.marginRight4 { margin-right: 25px;}

.left{
	text-align:left;
}

.right{
	text-align:right;
}


/*----header-----*/
h1 {
  width: 300px;
  height: 0px;
  float: left;
  display: inline;
  text-indent: -2000px;
  font-size: 0;
}

div#headerWrapper{
	background:url(../i/header_bg.jpg) fixed top center no-repeat #E9F6FF;
	height:180px;
}

div#header{
	width:880px;
	margin:0 auto;
	position:relative;
}
div#header h2{
	display:inline;
	margin:0;
	position:absolute;
	top:0;
	left:0;
}
div#header ul#subNavi{
	position:absolute;
	top:0;
	right:0;
	margin:30px 0 0 0;
}

div#header ul#subNavi li{
	display:inline;
	float:left;
}

div#headerWrapper div#gNavi{
	background:#fff;
	border:1px solid #999999;
	border-bottom:none;
	margin:125px auto 0;
	_margin:123px auto 0;
	width:878px;
	height:55px;
}
div#headerWrapper div#gNavi ul{
	padding:4px 4px 0 4px;
}
div#headerWrapper div#gNavi ul li{
	display:inline;
	float:left;
}

/*----container-----*/
div#container{
	background:url(../i/cmn_bg.gif) top left repeat-x;
	
}
	div#contents{
		background:url(../i/cmn_shadow.gif) top left repeat-x;
		margin:0 auto;
		width:880px;
	}
	div#main{
		background:#fff;
		font-size:1.3em;
		line-height:1.6;
		margin:0 auto;
		padding:0 10px;
		width:858px;
		_width:878px;
		
	}
	div#main ul.topicPath{
		background:url('../i/cmn_topicpath_line.gif') left bottom repeat-x;
		padding:0 0 5px 0;
		text-align:left;overflow:visible;
	}
	div#main ul.topicPath li{
		background:url(../i/cmn_icon_topicpath.gif) left no-repeat;
		dispaly:inline;
		float:left;
		margin:10px 0 0 10px;
		padding:0 0 0 15px;
	}
	div#main ul.topicPath li.none{
	background:none;
	margin:10px 0 0;
	padding:0;
	}
	
	div#main h2{
		border-bottom:3px solid #3163a6;
		text-align:left;
		padding:0 0 10px 0;
		margin:15px 0;
	}
	div#leftContents{
		dispaly:inline;
		float:left;
		text-align:left;
		width:628px;
	}
	
		/*メニューリスト-------------------*/
		ul#list li{
		border-top:1px solid #b2b2b2;
		display:inline;
		float:left;
		width:307px;
		padding:2px 0;
		}
		ul#list li.bottom{
		border-bottom:1px solid #b2b2b2;
		}
		ul#list li a{
		background:url(../i/cmn_icon_navi.gif) no-repeat left;
		margin:0 0 0 5px;
		padding:3px 0 3px 30px;
		
		}
		ul#list li a:link{
		background:url(../i/cmn_icon_navi.gif) no-repeat left;
		}
		ul#list li a:visited{
		background:url(../i/cmn_icon_navi.gif)  no-repeat left;
		}
		ul#list li a:hover{
		background:url(../i/cmn_icon_navi_on.gif) no-repeat left;
		}
		
		/*メニューに戻るボタン-------------------*/
		p.goToTop{
		text-align:right;
		margin:20px 0;
		}
		p.goToTop a{
		background:url('../i/cmn_icon_gozToTop.gif') left no-repeat;
		padding:0 0 0 15px;
		}
	
	div#rightContents{
		dispaly:inline;
		float:left;
		margin:0 0 0 20px;
		text-align:left;
		width:202px;
	}
	/*事務所
	--------------------------------------------------------------*/
	div#rightContents div.officeinfoWrap{
		border:1px solid #e1e1e1;
		border-top:none;	
		padding:1px;
		width:198px;
		_width:202px;
	}
	div#rightContents div.officeinfo{
		border:1px solid #e1e1e1;
		margin:0 auto;
		text-align:center;
		width:194px;
		_width:198px;
	}
	div#rightContents div.officeinfo h6{
		color:#1c7aae;
		font-size:1em;
		font-weight:bold;
		margin:5px;
		text-align:left;
	}
	div#rightContents div.officeinfo img{
		margin:2px 0 0;
	}
	div#rightContents div.officeinfo p{
		text-align:left;
		margin:0px 5px 10px 5px;
	}
	
	div#rightContents div.officeinfo p.right{
		text-align:right;
	}
	/*---- メニュー ---*/
	div#rightContents div#menu{
		border:1px solid #e1e1e1;	
		padding:1px;
		width:198px;
	}
	div#rightContents div#menu ul li{
		display:block;
		border-bottom:1px solid #bcbbbb;
		margin:1px 0 0;
		
	}
	div#rightContents div#menu ul li a:link{
		background:url('../i/cmn_menu_bg.gif') left no-repeat;
		color:#003366;		
		display:block;
		padding:7px 0 7px 25px;
		text-decoration:none;
		width:173px;
	}
	
	
	div#rightContents div#menu ul li a:visited{
		background:url('../i/cmn_menu_bg.gif') left no-repeat;
		color:#003366;
		display:block;
		padding:7px 0 7px 25px;
		text-decoration:none;
		width:173px;
	}
	div#rightContents div#menu ul li a:hover{
		background:url('../i/cmn_menu_bg_on.gif') left no-repeat;
		color:#000;
		display:block;
		padding:7px 0 7px 25px;
		text-decoration:none;
		width:173px;
	}
	
	*html div#rightContents div#menu ul li a:link{
	width:198px;
	}
	*html div#rightContents div#menu ul li a:visited{
	width:198px;
	}
	*html div#rightContents div#menu ul li a:hover{
	width:198px;
	}
	
	/*---下層メニュー---*/
	div#rightContents div#menu ul li.under a:link{
		background:url('../i/cmn_menuUnder_bg.gif') left no-repeat;
		color:#003366;		
		display:block;
		padding:7px 10px 7px 25px;
		text-decoration:none;
		width:168px;
		_width:198px;
	}
	div#rightContents div#menu ul li.under a:visited{
		background:url('../i/cmn_menuUnder_bg.gif') left no-repeat;
		color:#003366;
		display:block;
		padding:7px 10px 7px 25px;
		text-decoration:none;
	}
	div#rightContents div#menu ul li.under a:hover{
		background:url('../i/cmn_menuUnder_bg_on.gif') left no-repeat;
		color:#000;
		display:block;
		padding:7px 10px 7px 25px;
		text-decoration:none;
	}
	.btmBorderNone{
	border-bottom:none;
	}
	/*IE6用メニュー*/
	* html div#menu ul li a:link{
		width:198px;
		padding:7px 0 7px 25px;
	}
	* html div#menu ul li a:visited{
		width:198px;
		padding:7px 0 7px 25px;
	}
	* html div#menu ul li a:hover{
		width:198px;
		padding:7px 0 7px 25px;
	}
	

/*returnTop
--------------------------------------------------------------*/
p.returnTop{
	text-align:right;
	padding:5px;
	margin:30px 0;
}


/*Copyright
--------------------------------------------------------------*/
div#footer_wrap {
background:url(../i/cmn_bg_footer.gif) top repeat-x #EBEBEB;
font-size:1.2em;
line-height:1.6;
margin:40px 0 0;
position:relative;
}

div#footer {
text-align:left;
width:852px;
margin:0 auto;
padding:70px 0 20px;
}

div#footer div#info {
margin:5px 0;
}

div#address {
display:inline;
float:left;
width:350px;
margin:0;
padding:0;
}

div#footer div#address h6 {
font-size:1em;
font-weight:700;
}

div#footer div#address a:hover {
color:#003;
text-decoration:underline;
}

div#footer div#links {
display:inline;
float:left;
margin:0 0 0 40px;
padding:0;
}

div#footer div#links ul {
display:block;
float:left;
margin:0;
}

div#footer div#links ul li {
width:10em;
margin:0;
padding:0 0 10px;
}

div#footer div#links ul li a {
background:url(../i/cmn_icon_return.gif) no-repeat left;
vertical-align:middle;
padding:0 0 0 10px;
}

div#pen {
position:absolute;
top:0;
right:100px;
}

div#footer p.copy {
margin:0;
}

*html div#footer,:first-child+html #footer {
width:852px;
}

div#footer div#address a,div#footer div#address a:link,div#footer div#address a:visited,div#footer div#address a:active {
color:#1d4c72;
text-decoration:underline;
}
