@charset "Shift_Jis";

/* ■format-----------------------------------*/
*{
	font-size: 100%;
	text-decoration: none;
	margin: 0;
	padding: 0;
		letter-spacing: 0.1em;
}

body{
	margin:0;
	padding:0;
	font-size:75%
	font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","MS Pゴシック","sans-serif";
	line-height:1.4;
	color:#333333;
	background:url(../img/grd_bg.jpg) left top repeat-x;
	text-align:center;
}

a{
	color:#0066FF;
	text-decoration:none;
}

a.visited{
	color:#003399
	text-decoration:none;
}

a.hover{
	color:#0099FF
	text-decoration : underline;
}


img{
	border::none;
	vertical-align:top;
	margin:0;
padding:0;
}

a img{

border-style:none;
}

a hover img{
border-style:none;
}



p{

	margin:0 0 40px 0 ;
	padding:0;
}

.left{	
	float:left;
}
.homes{
	margin:0 15px 0 0;
}
.osusume{
	margin:10px 0 0 15px;
}

.right{
	float:right;
}

.right300{
	float:right;
		width:300px;
			margin:0 10px 0 0 ;
}


.clear{
	clear:both;
}

hr{
    border: 0 none; 
	padding:0 0 5px 0;
	color:#CCCCCC;
	height:1px; 
}
.small{
	font-size:80%;
}

.point{
	margin:1px 0 1px 16px;
	list-style-type:none;
	list-style-image:url(../img/allow.gif);
	list-style-position:inside;
}

li{
	list-style-type:none;
	margin: 2px 0 0 0 ;
	}
	


/* ■ロゴがH1で見出しがH2-----------------------------------*/

h1{
}
h2{
}

h3{
margin:0 0 10px 0;
color:#996633;
	font-size:120%;
	font-weight:normal;
}
	
/* ■各ページ共通の入れ物-----------------------------------*/
	
#container{
	position:relative;
	width:850px;
	border:1px solid #CCCCCC;
	border-top:3px solid #333333;
	margin:0 auto;
	text-align:center;
	background:#FFFFFF;
}


#logo{
	margin:5px 0 0 0 ;
}

#head{
	width:815px;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	border-top-style:none;
	border-bottom-style:none;
	margin:auto;
	text-align:left;
	padding:5px 0px 0px 0px;
	font-size:60%;
}

#navi01 a {background-position:0 -120px;}
#navi02 a {background-position:163px -120px;}
#navi03 a {background-position:-326px -120px;}
#navi04 a {background-position:-489px -120px;}
#navi05 a {background-position:-652px -120px;}

#navi01 a.stay {background-position:0 0px;}
#navi02 a.stay {background-position:-163px 0px;}
#navi03 a.stay {background-position:-326px 0px;}
#navi04 a.stay {background-position:-489px 0px;}
#navi05 a.stay {background-position:-652px 0px;}

#navi01 a:hover {background-position:0 -60px;}
#navi02 a:hover {background-position:-163px -60px;}
#navi03 a:hover {background-position:-326px -60px;}
#navi04 a:hover {background-position:-489px -60px;}
#navi05 a:hover {background-position:-652px -60px;}


#glovalnavi{
	clear:both;
	top:103px;
	left:0px;
	width:815px;
	height:60px;
}
#glovalnavi ul li{
	float:left;
	width:163px;
	list-style-type:none;
}

#glovalnavi ul li a{
    background-image:url(../img/g_navi.gif);
    background-repeat:no-repeat;
    width:163px;
    height:60px;
    list-style-type:none;
    display:block;
}

.hidden{
	   display:none;
}

#direct{
	height:20px;
	text-align:right;
	font-size:60%;
	line-height:2;
	margin:0 18px 0 18px;
	padding:0;
	background:#FFFFFF left top repeat-x;
}

#direct_index{
	width:815px;
	height:20px;
	text-align:right;
	font-size:60%;
	line-height:2;
	margin:0 18px 0 18px;
	padding:0;
	background:#FFFFFF url(../img/grd_pagelist.jpg) left top repeat-x;
}


#main{
	clear:both;
	background:#FFFFFF;
	margin:0px 21px 30px 21px;
	text-align:left;
	font-size:75%
}
#main2{
	clear:both;
	text-align:left;
	margin:0px 21px 0px 21px;
}



#footer{
	clear:both;
	background:#FFFFFF url(../img/grd_footer.jpg)　left bottom repeat-x;
	width:100%;
	text-align:center;
	font-size:60%;
	margin:20px 0 0 0 
	}
	
#footer li{
    display:inline;
	list-style-type:none;
		}



/* ■index-----------------------------------*/
.news{
	
	margin:0 0 20px 0 ;
	text-align:left;
		float:left;
}

.iframe{
	width:600px;
	
	background:#FFFFFF;
	margin:30px 0 10px 0 ;
	text-align:left;
	
	そとからCGIのフレームを読み込むときの設定などをいれる
	
	
}



#sub{
	width:180px;
	background:#FFFFFF;
	margin:0 auto;
	text-align:left;
		float:right;
}

.menu{
	width:180px;
	background:#FFFFFF;
	border:1px  solid #CCCCCC;
	margin:0 0 4px 0;
	padding:0;
	text-align:left;
		font-size:80%
}

.menu ul{

	margin:0 3px 0 5px;
	padding:0;
	text-align:left;
}

.menu li{

	margin:0 0 4px 0;

}


/* ■company-----------------------------------*/


#photo{
	float:right;
	
}

#photo ul li{
		float:left;
		display:inline;
		margin:0 10 0 0;
}

#bgimg{
width:100%;
	background:#E7EEFA url(../img/tableimg05.gif)　right top;
}

#bgimg2{
width:100%;
	background:#E7EEFA url(../img/tableimg04.gif)　right top;
}


#bgimg3{
width:100%;
	background:#F0F0F0 url(../img/tableimg06.gif)　right top;
}

/* ■loan-----------------------------------*/



.mix{
width:700px;
}

.mix img{
	margin:0px 30px 10px 0;
	float:left;
	}
.mix li{
margin:10px 0 30px 0;
} 
/* ■search-----------------------------------*/
#frame{
border-width:1px;
border-style:solid;
border-color:#0099FF;
width:100%;
text-align:center;
}

.endo{
margin-bottom:5px;

}