@charset "utf-8";
/* CSS Document */

@import url(index.css);
@import url(lower.css);
@import url(style.css);

body{
	background: url(../images/bg.jpg) repeat-x 0 0 #f5f5e9;
	font-size: 12px;
	color: #383939;
	line-height: 1.5em;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

div#container {
	width: 951px;
	margin: 0 auto;
	background-color: #FFF;
}

a:hover{
	color: #0066FF;
}

strong	{
font-weight: bold;
}

/************************
settings for header
************************/
	div#container div#header {
		width: 951px;
		height: 98px;
		background: url(../images/head.jpg) no-repeat 0 0;
	}
	
		div#container div#header a {
			display: block;
			width: 340px;
			height: 97px;
			text-indent: -9999%;
			overflow: none;
		}

		div#container div#header h1,
		div#container div#header p {
			display: none;
		}


/************************
settings for header_img
************************/
	div#container div#header_img {
		width: 951px;
		height: 198px;
		background: url(../images/head_img.jpg) no-repeat 0 0;
	}

		div#container div#header_img h2 {
			display: none;
		}

/************************
settings for header_img_lower
************************/
	div#container div#header_img_lower {
		width: 951px;
		height: 69px;
		background: url(../images/lower/lower_header_img.jpg) no-repeat 0 0;
	}

		div#container div#header_img_lower h2 {
			display: none;
		}

/************************
settings for g_navi
************************/
	div#container div#g_navi {
		width: 951px;
		height: 55px;
		background: url(../images/main_top.jpg) no-repeat bottom center;
		padding-bottom: 25px;
		}

		div#container div#g_navi  ul{
			width: 951px;
			height: 55px;
			}

			div#container div#g_navi  li{
				width: 123px;
				height: 55px;
				display: inline;
				float: left;
				background-image: url(../images/g_navi.jpg);
				}

				div#container div#g_navi  li a{
					width: 123px;
					height: 55px;
					display: block;
					overflow: hidden;
					text-indent: -9999px;
					}
					
				div#container div#g_navi  li a:hover{
					background-image: url(../images/g_navi_over.jpg);
					}

			div#container div#g_navi  li.intro,
			div#container div#g_navi  li.intro a,			
			div#container div#g_navi  li.intro a:hover{
				background-potision: 0 0;
				width: 99px;
				}

			div#container div#g_navi  li.attorney,
			div#container div#g_navi  li.attorney a:hover{
				background-position: -99px 0;
				}

			div#container div#g_navi  li.fee,
			div#container div#g_navi  li.fee a:hover{
				background-position: -222px 0;
				}

			div#container div#g_navi  li.map,
			div#container div#g_navi  li.map a:hover{
				background-position: -345px 0;
				}

			div#container div#g_navi  li.free,
			div#container div#g_navi  li.free a:hover{
				background-position: -468px 0;
				}

			div#container div#g_navi  li.flow,
			div#container div#g_navi  li.flow a:hover{
				background-position: -591px 0;
				}

			div#container div#g_navi  li.faq,
			div#container div#g_navi  li.faq a:hover{
				background-position: -714px 0;
				}

			div#container div#g_navi  li.contact,
			div#container div#g_navi  li.contact a,		
			div#container div#g_navi  li.contact a:hover{
				background-position: -837px 0;
				width: 114px;
				}

/************************
settings for main
************************/

div#main {
	width: 951px;
	clear: both;
}

/************************
settings for left and right in main
************************/

	div#container	div#main div#left {
			width: 710px;
			margin-left: 10px;
			float: left;
		}

	div#container	div#main div#right {
			width: 220px;
			float: left;
		}
		
		div#container	div#main div#right img {
				margin: 0 0 10px 0;
			}		

/************************
settings for side1 in right
************************/

		div#container	div#main div#right div#side1{
				width: 207px;
				height: 185px;
				background: url(../images/side_img_0.jpg) no-repeat;
				margin: 15px 0 15px 0;
			}

			div#container	div#main div#right div#side1 p{
				line-height: 1.1em;
				padding: 10px;
			}


			div#container	div#main div#right div#side1 strong{
				font-size: 14px;
			}

			div#container	div#main div#right div#side1 img{
				margin: 3px 0;
			}

		
/************************
settings for side5 in right
************************/
		div#container	div#main div#right div#side5{
			width: 207px;
			height: 391px;
			background: url(../images/side_img_5.jpg) no-repeat; 
			margin: 0 0 15px 0;
			}

			div#container	div#main div#right div#side5 ul{
			padding: 85px 15px 0 15px;
		}

				div#container	div#main div#right div#side5 ul li{
					padding: 0 0 15px 0 ;
				}

					div#container	div#main div#right div#side5 ul li a{
						color: #383939;
						text-decoration: none;
					}
					
					div#container	div#main div#right div#side5 ul li a:hover{
						color: #0066FF;
					}


/************************
settings for footer in main
************************/

	div#container	div#footer {
		background: url(../images/foot_bg.jpg) no-repeat;
		width: 951px;
		height: 67px;
		clear: both;
	}

		div#container	div#footer address{
			padding: 10px;
			float: left;
		}

			div#container	div#footer address span{
				font-size: 14px;
			}

		div#container	div#footer ul{
			padding: 24px 0 0 126px;
			width: 223px;
			height: 16px;
			float: left;
		}

		div#container	div#footer a{
			display: block;
			text-indent: -9999px;
			overflow: hidden;
			width: 130px;
			height: 16px;
		}

		div#container	div#footer span a{
			display: inline;
			text-indent: 0px;

		}


			div#container	div#footer li.privacy{
				width: 130px;
				height: 16px;
				float: left;
				background: url(../images/foot_navi.jpg) 0 0 no-repeat;
			}

				div#container	div#footer li.privacy a:hover{
					background: url(../images/foot_navi_over.jpg) 0 0 no-repeat;
				}


			div#container	div#footer li.sitemap{
				width: 93px;
				height: 16px;
				float: left;
				background: url(../images/foot_navi.jpg) -130px 0 no-repeat;
			}
			
				div#container	div#footer li.sitemap a:hover{
					background: url(../images/foot_navi_over.jpg) -130px 0 no-repeat;
				}