@charset "UTF-8";
/*--------------------------------------
 トップページ
--------------------------------------*/

body.top div#header h1{
	margin: 0 0 0 4px;
	padding: 0;
	float: left;
	width: 213px;
	height: 67px;
}
body.top div#wrapper02{
	background: transparent url(../img/bg_center_top.gif) no-repeat left top;

}

/* flash
--------------------------------------*/
div#flash{
	width: 720px;
	margin: 2px auto 10px;
}

/* カテゴリーごとリンク
--------------------------------------*/
div#content div#category{
	margin-bottom: 10px;
	padding: 0;
	width: 720px;
	background: transparent url(../../img/bg_category.gif) repeat-y left top;
}
div#content div#category div#wrap01{
	padding-top: 3px;
	display: block;
	background: transparent url(../../img/category_header.gif) no-repeat left top;
}

div#content div#category div#wrap02{
	padding-bottom: 4px !important;/*モダンブラウザ向け*/
	padding-bottom: 15px;/*IE6用*/
	display: block;
	background: transparent url(../../img/category_footer.gif) no-repeat left bottom;
}

div#content div#category ul{
	margin-top: 5px;
	margin-right: 1px !important;/*モダンブラウザ向け*/
	margin-right: 5px;/*IE6用*/
	margin-bottom: 4px;
	margin-left: 8px !important;/*モダンブラウザ向け*/
	margin-left: 4px;/*IE6用*/
	padding-bottom: 5px;
	float: left;
	width: 169px;
}
div#content div#category ul.plus{
	margin-left: 8px !important;/*モダンブラウザ向け*/
	margin-left: 4px;/*IE6用*/
}

div#content div#category ul li.link01{
	padding-right: 3px;
	padding-left: 7px;
	border: none !important;/*モダンブラウザ向け*/
	border: 1px solid #fff;/*IE6用*/
}
div#content div#category ul li.start{
	padding-top: 8px !important;/*モダンブラウザ向け*/
	padding-top: 9px;/*IE6用*/
}
div#content div#category ul li.end{
	padding-bottom: 5px !important;/*モダンブラウザ向け*/
	padding-bottom: 7px;/*IE6用*/
}


/* 新着情報 (トップ、一覧、個人・法人IBトップ、採用情報トップ)
--------------------------------------*/
/*トップ*/
body.top div#content div#info-wrap{
	margin-left: 10px;
	width: 510px;
	float: left;
}
body.top div#content div#new{
	margin-bottom: 0;
	padding-bottom: 20px;
}
body.top div#content div#new h2{
	padding: 15px 0 0;
	background-image: none;
	border: none;
}
body.top div#content div#new dl{
	margin: 10px auto 0;
}
body.top div#content div#new dl dt{
	padding: 5px 5px 0;
	font-weight: bold;
	color: #298900;
}
body.top div#content div#new dl dd{
	padding: 5px 5px 5px 1em;
	border-bottom: 1px dotted #CCC;
}
body.top div#content div#new p{
	margin-bottom: 0;
}
/*一覧*/
body.second div#content div#new{
	margin: 0 auto;
	padding-bottom: 20px;
	width: 680px;
}
body.second div#content div#new h2{
	padding: 15px 0 0;
	background-image: none;
	border: none;
}
body.second div#content div#new dl{
	margin: 10px auto 0;
}
body.second div#content div#new dl dt{
	padding: 5px 5px 0;
	font-weight: bold;
	color: #298900;	
}
body.second div#content div#new dl dd{
	padding: 5px 5px 5px 1em;
	margin-bottom: 0;
	border-bottom: 1px dotted #CCC;
}
body.second div#content div#new p{
	margin-bottom: 0;
}
/*IB*/
div#content div#ib-info-wrap{
	margin-bottom: 1.5em;
	margin-left: 10px;
	width: 700px;
}
div#content div#ib-info-wrap div#new{
	margin-bottom: 0;
	padding-bottom: 20px;
	width: 340px;
	float: left;
}
div#content div#ib-info-wrap div#new dl dt{
	padding-left: 1em;
}
/*採用情報*/
div#content div#recruit-wrap{
	margin-bottom: 1.5em;
	margin-left: 10px;
	width: 700px;
}
div#content div#recruit-wrap div#new{
	margin-bottom: 0;
	padding-bottom: 20px;
	width: 500px;
	float: left;
}
div#content div#recruit-wrap div#new h2{
	padding-top: 0;
}
div#content div#recruit-wrap div#rec-menu{
	float: right;
}
div#content div#recruit-wrap div#rec-menu ul li{
	margin-bottom: 7px;
}
p#n-navi{
	margin: 0 auto 20px;
	width: 680px;
}
p#n-navi span.link{
	padding: 5px 1em 5px 5px;
	float: left;
}
p#n-navi span.n-navi-txt{
	display: block;
	width: 490px;
	padding: 5px 1em 5px 5px;
	float: left;
}

/* 大切なお知らせ  (トップ、一覧、個人・法人IBトップ)
--------------------------------------*/
body.top div#content div#info{
	margin-bottom: 0;
	padding-bottom: 20px;
}
body.top div#content div#info h2{
	padding: 15px 0 0;
	background-image: none;
	border: none;
}
body.top div#content div#info ul{
	margin: 10px auto 0;
}
body.top div#content div#info ul li{
	margin-bottom: 0;
	padding: 5px 5px 5px 1em;
	border-bottom: 1px dotted #CCC;
}
body.top div#content div#info p{
	margin-bottom: 0;
}
/*一覧*/
body.second div#content div#info{
	margin: 0 auto;
	padding-bottom: 20px;
	width: 680px;
}
body.second div#content div#info h2{
	padding: 15px 0 0;
	background-image: none;
	border: none;
}
body.second div#content div#info ul{
	margin: 10px auto 0;
}
body.second div#content div#info ul li{
	padding: 5px 5px 5px 1em;
	margin-bottom: 0;
	border-bottom: 1px dotted #CCC;
}
body.second div#content div#info p{
	margin-bottom: 0;
}
/*IB*/
div#content div#ib-info-wrap div#info{
	margin-bottom: 0;
	padding-bottom: 20px;
	width: 340px;
	float: right;
}
/* バナーエリア 
--------------------------------------*/
div#content div#banner{
	width: 186px;
	float: right;
}
div#content div#banner{
	background: transparent url(../../img/banner_header.gif) no-repeat left top;
	padding-top: 10px;
}
div#content div#banner ul{
	background: transparent url(../../img/banner_footer.gif) no-repeat left bottom;
	padding-bottom: 9px;
}
div#content div#banner ul li{
	margin: 0 auto;
	text-align: center;
	padding-bottom: 5px;
	background: transparent url(../../img/bg_banner.gif) repeat-y top;
	
}

/*--------------------------------------
よくある質問（IB共通）
--------------------------------------*/
div#content div#qa .anchor{/* 左側40px右10pxに入れて下に1.5em */
	margin: 0 20px 1.5em 40px !important;
	margin: 0 0 1.5em 40px;
	width: 680px !important;
	width: 660px;
}

div#content div#qa dl.qabox{
	margin: 0 20px 10px 40px !important;
	margin: 0 20px 0 40px;
}
div#content div#qa dl.qabox dt{
	width: 100px;
	display: block;
	float:left;
}
div#content div#qa dl.qabox dd.txt{
	width: 540px;
	display: block;
	float: right;
}
/*--------------------------------------
 IB 個人・法人
--------------------------------------*/
div#content div#logon-k{
	margin: 0 10px 10px;
	width: 700px;
	height: 190px;
	background: transparent url(../../ib/kojin/img/ib_logon_bg.jpg) no-repeat left top;
}
div#content div#logon-h{
	margin: 0 10px 10px;
	width: 700px;
	height: 190px;
	background: transparent url(../../ib/hojin/img/ib_logon_bg.jpg) no-repeat left top;
}
div#content div#logon-k p.txt,
div#content div#logon-h p.txt{
	line-height: 0;
	visibility: hidden;
}
div#content div#logon-k ul{
	position: relative;
	width: 210px;
	top: 117px;
	left:365px;
}
div#content div#logon-h ul{
	position: relative;
	width: 430px;
	top: 125px;
	left:257px;
}
div#content div#logon-k ul li,
div#content div#logon-h ul li{
	display: inline;
}
.button_demo {
	width: 280px;
	padding-left: 54px;
}

/*よくある質問
--------------------------------------*/
div#content div#qa .anchor{/* 左側40px右10pxに入れて下に1.5em */
	margin: 0 20px 1.5em 40px;
}

div#content div#qa dl.qabox{
	margin: 0 20px 10px 40px !important;
	margin: 0 20px 0 40px;
}
div#content div#qa dl.qabox dt{
	width: 100px;
	display: block;
	float:left;
}
div#content div#qa dl.qabox dd.txt{
	width: 540px;
	display: block;
	float: right;
}


/*サービスご利用の前に等、流れ図
--------------------------------------*/
div#content div.flow{
	margin: 0 auto 1.5em;
	padding-bottom: 70px;
	width: 680px;
	background: transparent url(../../common/img/bg_flow_footer.gif) no-repeat left bottom;
}
div#content div.flow-end{
	margin: 0 auto 1.5em;
	padding-bottom: 70px;
	width: 680px;
	background: transparent url(../../common/img/bg_flow_end_footer.gif) no-repeat left bottom;
}
div#content div.flow-box{
	padding-top: 10px;
	background: transparent url(../../common/img/bg_flow_top.gif) no-repeat left top;
}
div#content div.flow-box h2,
div#content div.flow-box h3{
	margin: 0 10px 20px;
}

/*--------------------------------------
 採用情報
--------------------------------------*/

/*採用情報トップ
--------------------------------------*/


/*先輩からのメッセージ
--------------------------------------*/
div#content div.message{
	margin: 0 0 20px 14px;
}
div#content div.message ul{
	margin-right: 7px;
	width: 226px;
	float: left;
	background: transparent url(../../recruit/message/img/bk_frame.gif) no-repeat left bottom;
}
div#content div.message ul li.name{
	padding:7px 0 0 7px;
}
div#content div.message ul li.txt{
	padding: 10px 10px 5px;
	min-height: 3em;
	display: block;
	line-height: 1.4;
}
div#content div.message ul li.next a{
	width: 220px;
	height: 30px;
	display: block;
}
div#content div.message ul li a:visited{
	background-color: transparent;
	text-decoration:none;
}
div#content div.message ul li a:active{
	background-color: transparent;
	text-decoration:none;
}
div#content div.message ul li a:hover{
	background-color: transparent;
	text-decoration:none;
}
div#content p.rec_txt{
	margin-left: 30px !important;/*モダンブラウザ向け*/
	margin-left: 20px; /*IE6用*/
	position: absolute;
	top: 350px;
	width: 380px;
	font-size: 14px;
}
*:first-child+html div#content p.rec_txt{/*IE7用ハック*/
	margin-left: 20px;
}
/*--------------------------------------
 仙南信金について
--------------------------------------*/
div#content div#sennan-link{
	margin: 0 0 20px 9px;
}
div#content div#sennan-link ul{
	margin-bottom: 10px;	
}
div#content div#sennan-link ul li{
	margin-right: 7px;
	width: 226px;
	display: inline;
}
/*ディスクロージャー
--------------------------------------*/
div#content .link_box{
	margin: 0 0 20px 9px;
	width: 700px;
}
div#content .left_box {
	float: left;
	padding-left: 5px;
}
div#content .left_box ul,div#content .right_box ul{
	margin: 0px;
	padding: 5px;
	list-style: none;
	width: 320px;
}
div#content .left_box li,div#content .right_box li{
	vertical-align: top;
}

div#content .right_box {
	float: right;
	padding-left: 5px;
}

/*PDFで使用 table*/
table.disc_01{
	margin: 0 auto 20px;
	width: 680px;
}
table.disc_01 th{
	padding: 5px;
	text-align:left;
}

table.disc_01 td{
	padding: 5px;
	text-align:right;
}

table.disc_02{
	margin: 0 auto 20px;
	width: 680px;
}
table.disc_02 th{
	padding: 5px;
	border-bottom: 1px dotted #ECECEC;
	text-align:left;
}

table.disc_02 td{
	padding: 5px;
	border-bottom: 1px dotted #ECECEC;
	text-align:right;
}



/*理事長ごあいさつ
--------------------------------------*/
div#president{
	margin-bottom: 80px;
	margin-left: 20px;
	width: 680px;
	clear:both;
}

div#president p.text01 {
	float: left;
	width: 400px;
}
div#president p.text02 {
	float: right;
}
div#president .text-2 {
	padding-top: 1.5em;
	display: block;
}



/*地域貢献
--------------------------------------*/
ul.photo_k{
	width:700px;
}
ul.photo_k li.float2{
	padding-left: 20px;
	width: 320px;
}

/*--------------------------------------
 コケシスターズについて
--------------------------------------*/
.photo_koke{
	padding-left:20px;
	width:700px;
}
.photo_koke .float2{
	width: 180px;
}
.photo_koke .float1{
	width: 480px;
}
dl.float1 dt {
	padding-bottom: 10px;
}

div.futou{
	width: 650px;
	margin-left: 20px;
	padding: 20px;
	overflow: visible;
}
div.futou dl{
	width: 375px;
}
div.futou dl dt{
	margin-bottom: 1em;
}
div.futou img{
	width: 240px;
}

/*--------------------------------------
 お問い合わせ、資料請求
--------------------------------------*/
 input.button{
 	margin-left: 5px;
 	padding: 0 10px;
 }
 p.message{
 	margin: 50px auto;
	width: 500px;
	text-align: center;
 }
 
/*--------------------------------------
 備える・運用する
--------------------------------------*/

/*投資信託　
--------------------------------------*/ 
div#content div#toushin-link{
	margin: 0 0 30px 10px;
}
div#content div#toushin-link ul{
	margin-bottom: 10px;	
}
div#content div#toushin-link ul li{
	margin-right: 6px;
	width: 226px;
	display: inline;
}

/*新・海外旅行保険off!
--------------------------------------*/
div#wrapper04{
	width: 700px;
	display: block;
	padding-bottom: 20px;
}

div#wrapper04 ul{
	width: 220px;
	background: url(../../investment/travel/img/yajirushi.gif) no-repeat bottom;
	padding-bottom: 60px;
	float: left;
	padding-left: 10px;
}
div#wrapper04 li {

}
dl.travel_box{
	width: 700px;
	background: #E1F3DC;
	padding: 0px 0px 15px;
	margin-left: 20px;
}
dl.travel_box dt {
	padding-bottom: 15px;
}
dl.travel_box dd {
	padding: 0px 10px;
}

span.logo_yajirusi {
	background: url(../../investment/travel/img/cross.gif) no-repeat center;
	display: block;
	height: 60px;
	margin-bottom: 20px;
}
dl.travel_box ul {
	display: block;
	width: 150px;
	float: left;
	padding: 0px 10px;
}
dl.travel_box ul li {
	list-style: none;
}
p#sonpo{
	margin: 0 auto 20px;
	width: 680px;
}
p#sonpo span.link{
	padding: 0 1em 5px 5px;
	float: left;
}
p#sonpo span.sonpo-txt{
	display: block;
	width: 470px;
	float: right;
	padding: 5px 1em 5px 5px;
}
 /*--------------------------------------
 店舗・ATM案内
--------------------------------------*/
div#content div#map{
	margin: 20px auto;
	padding: 5px;
	width: 500px;
	height: 500px;
border: 3px solid #ccc;
}
 /*--------------------------------------
 ページ移動しますページ
--------------------------------------*/

div#wo_text{
	margin:40px auto;
	padding: 30px;
	width: 500px;
	background-color: #E4E4E4;
	border: 1px solid #cccccc;
	text-align: left;
}
.header_bg {
	background: url(../../wo/img/header_bg.jpg) repeat-x top;
}

div#container p.link-button{
	margin:30px auto;
	padding: 0;
	text-align: center;
}
 div#footer div#copyright{
	width: 100%;
	margin:0;
	background-color: #84CE71;
	text-align: center;
}
div#footer div#copyright p{
	margin: 0;
	padding: 0 0 3px;
}

/*--------------------------------------
 借りる
--------------------------------------*/
div#content dl.loan-txt{
	margin: 0 10px 1.5em 10px;
	padding: 10px 10px 0;
}
div#content dl.loan-txt dt{
	color: #0D6383;
	font-weight: bold;
	font-size: 110%;	
}
div#content dl.loan-txt dd{
	margin-left: 1em;
	margin-bottom: 1em;
}

/*--------------------------------------
 リンク集
--------------------------------------*/
div#content div#link div#box01{
width:350px;
float:left;
} 
div#content div#link div#box02{
width:350px;
float:right;
} 
div#content div#link p.to-top{
clear:both;
}
/*--------------------------------------
 ローンWEB申込部分
--------------------------------------*/
div#content div.scroll {
    border: 1px solid #999999;
    height: 250px;
    margin: 0 0 20px 15px;
    overflow-y: scroll;
    padding: 15px 30px 15px 20px;
    width: 630px;
}
div#content form ul.doui{
	width:630px;
}
div#content form input{
	width: 2em;
}
div#content form ul.doui li {
	width:610px;
	margin-bottom:5px;
	padding-left:2em;
	text-indent: -2em;
	line-height:1.4;
}