@charset "UTF-8";
/*--------------------------------------
 共通のスタイル
--------------------------------------*/
body {
	margin: 0px;
	padding:0px;
	color:#333;
	font-size:90%;
	line-height: 1.6;
	font-family : Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;  
}
body.top{
	background: #FFF url(../img/bg_top.jpg) repeat-x left top;
}
body.second{
	background: #FFF url(../img/bg_second.jpg) repeat-x left top;
}
.body.fourth {
	background: #FFF url(../img/bg_fourth.gif) repeat-x left top;
}

html {
	width : 100%;  /* 表示をウィンドウ幅一杯にする為 */
	overflow-x : hidden; /* スクロールバーを隠す為。hidden でもOK */
}
body {
	_width : 100%;  /* 幅一杯にする為 */
	_height : 100%;
	_filter : expression('');
}
div.navi-hidden{
	height:0pt;
	overflow:hidden;
	position:absolute;
	width:0pt;
}
.align1{
    text-align:right;
}
.align2{
    text-align:center;
}
.align3{
	text-align:left;
}
.v_align1 {
	vertical-align: baseline;
}
.v_align2 {
	vertical-align: top;
}
.float1{
    display:block;
    float:right;
}
.float2{
    display:block;
    float:left;
} 

.box{
	display: block;
}
a.more-01{/* display: block;なし */
	margin-bottom: 0.5em !important;
	margin-bottom: 0;
	padding-left: 20px; 
	background:transparent url(../img/arrow_01.gif) no-repeat left 6px !important;
	background:transparent url(../img/arrow_01.gif) no-repeat left 4px;	
}
*:first-child+html a.more-01{/*IE7用ハック*/
	background:transparent url(../img/arrow_01.gif) no-repeat left 5px !important;
}
a.more-01:hover {
	color: #298900;
	text-decoration:none;
	background:#E7F4D2 url(../img/arrow_01.gif) no-repeat left 6px !important;
	background:#E7F4D2 url(../img/arrow_01.gif) no-repeat left 4px;	
}
*:first-child+html a.more-01:hover{/*IE7用ハック*/
	background:#E7F4D2 url(../img/arrow_01.gif) no-repeat left 5px !important;
}
a.more-02{/* display: block;あり */
	margin-bottom: 0.5em !important;
	margin-bottom: 0;
	padding-left: 20px;
	display: block;
	background:transparent url(../img/arrow_01.gif) no-repeat left 6px !important;
	background:transparent url(../img/arrow_01.gif) no-repeat left 4px;	
}
*:first-child+html a.more-02{/*IE7用ハック*/
	background:transparent url(../img/arrow_01.gif) no-repeat left 8px !important;
}
a.more-02:hover {
	color: #298900;
	text-decoration:none;
	background:#E1F3DC url(../img/arrow_01.gif) no-repeat left 6px !important;
	background:#E1F3DC url(../img/arrow_01.gif) no-repeat left 4px;	
}
*:first-child+html a.more-02:hover{/*IE7用ハック*/
	background:#E1F3DC url(../img/arrow_01.gif) no-repeat left 8px !important;
}
.frame-01{
	padding: 5px;
	border: 3px solid #ECECEC;
	overflow: auto;
}
.frame-02{
	padding: 5px;
	border: 3px solid #2d8806;
	overflow: auto;
}
.frame-03{
	padding: 5px;
	overflow: auto;
	background-color:#E1F3DC;
}
span.line-01{
	margin: 0 auto 10px;
	display: block;
	width: 640px;
	height:1px;
	border-bottom: 1px dotted #ccc;
}
span.line-02{
	margin: 0 auto 10px;
	display: block;
	width: 680px;
	height:1px;
	border-bottom: 2px solid #84ce71;
}
span.indent {
	display: block;
	text-indent: -1.5em;
	padding-left: 1.5em;
}

/* 画像関係
--------------------------------------*/
img.illust-01{
	padding-bottom:10px;
	padding-left:10px;
	background-color: #FFF;
}
img.illust-02{
	padding-bottom:10px;
	padding-right:10px;
	background-color: #FFF;
}
img.photo{
	padding: 5px;
	border: 1px solid #ECECEC;
	background-color: #FFF;
}
img.photo02 {
	padding: 1px;
	border: 1px solid #CCCCCC;	
	background-color: #FFF;
}


/* テキスト装飾
--------------------------------------*/
.text-deco-bold{
	font-weight: bold;
}
.text-deco-normal {
	font-weight: normal;
}
.text-deco-uline{
	text-decoration: underline;
}
.text-deco-green{
	color: #298900;
}
.text-deco-blue{
	color: #0D6383;
}
.text-deco-red{
	color: #C10006;
}
.text-small{
	font-size:90%;
}
.text-big{
	font-size:130%;
}

/* PDF関係
--------------------------------------*/
div.pdf-list ul {
	width: 660px;
	margin: 0 auto 20px;
	padding: 10px 10px 10px 20px;
	list-style-position: outside;
	list-style-type: none;
	border: 1px dotted #ccc;
}
div.pdf-list li{
	padding: 3px 5px 3px 25px;
	background:transparent url(../img/pdficon_small.gif) no-repeat left 5px;
}
div.pdf-list .gray{
	background-color:#EFEFEF;
}
p#pdf{
	margin: 0 auto 20px;
	width: 680px;
}
p#pdf span.getpdf{
	padding: 5px 1em 5px 5px;
	float: left;
}
p#pdf span.getpdf-txt{
	display: block;
	width: 520px;
	float: right;
}
p#pdf span.getpdf-txt{
	padding: 5px 1em 5px 5px;
	float: left;
}
a.pdf{/* display: block;あり */
	margin-top: 1em; 
	margin-bottom: 0.5em !important;
	margin-bottom: 0;	
	padding-left: 20px; 
	display: block;
	background:transparent url(../img/pdficon_small.gif) no-repeat left 5px !important;
	background:transparent url(../img/pdficon_small.gif) no-repeat left 5px;	
}
*:first-child+html a.pdf{/*IE7用ハック*/
	background:transparent url(../img/pdficon_small.gif) no-repeat left 5px !important;
}
a.pdf:hover {
	color: #298900;
	text-decoration:none;
	background:#E1F3DC url(../img/pdficon_small.gif) no-repeat left 5px !important;
	background:#E1F3DC url(../img/pdficon_small.gif) no-repeat left 5px;	
}
*:first-child+html a.pdf:hover{/*IE7用ハック*/
	background:#E1F3DC url(../img/pdficon_small.gif) no-repeat left 5px !important;
}


/* 注釈関係
--------------------------------------*/
.note1{/* ※ひとつ */
	text-indent: -1.3em;
	padding-left: 1.2em;
}
.note2{/* (注1) */
	text-indent: -2.8em;
	padding-left: 2.5em;
}
.note3{/* (注) */
	text-indent: -1.8em;
	padding-left: 1.5em;
}

/* 全体のボックス
--------------------------------------*/
body div#container{
	margin:0;
	width: 100%;
}

/* ヘッダ
--------------------------------------*/
div#header{
	width: 950px;
	height: 67px;
	margin: 0 auto;
	font-size: 0;
}
div#header p.logo{
	margin: 0 0 0 4px;
	padding: 0;
	width: 213px;
	height: 67px;
	float: left;
}
div#header ul#guide_menu{
	margin: 0 5px 11px 0;
	padding: 6px 0 0;
	top: 4px;
	right: 0;
	text-align: right;
} 
div#header ul#guide_menu li{
	display: inline;
}
div#header ul#txt_size{
	margin-right: 5px;
	right: 0;
	text-align: right;
} 
div#header ul#txt_size li{
	display: inline;
}
/* 背景用ボックス
--------------------------------------*/
div#wrapper01{
	margin: 0 auto;
	width: 958px;
	background: transparent url(../img/bg_center_middle.gif) repeat-y left 27px;
}
div#wrapper02{
	background: transparent url(../img/bg_center_second.gif) no-repeat left top;
}
div#wrapper03{
	background: transparent url(../img/bg_center_bottom.gif) no-repeat left bottom;
}

/* サイドメニュー
--------------------------------------*/
div#sidenavi{
	margin: 3px 0 0 14px;
	display:inline;/*IE6バグ用記述*/
	width: 200px;
	float: left;
}
div#sidenavi ul#ib{
	padding-bottom: 6px;
	background: transparent url(../img/menu_ib_footer.gif) no-repeat left bottom;
}
div#sidenavi ul#ib li h2{
	margin: 0;
	padding: 0;
}
div#sidenavi ul#ib li{
	width: 200px;/* IE6・7対策*/
	background: transparent url(../img/bg_menu_ib.gif) repeat left top;
}
div#sidenavi div.navi{
	margin-top: 10px;
	padding-top: 6px;
	background: transparent url(../img/menu_header.gif) no-repeat left top;

}
div#sidenavi div.navi ul{
	padding-bottom: 7px;
	background: transparent url(../img/menu_footer.gif) no-repeat left bottom;
}

div#sidenavi p.code{
	padding-top: 10px;
	text-align: center;
}
div#sidenavi p.code2{	
	font-size: 12px;
	text-align: center;
}

/* センター部分
--------------------------------------*/
div#content{
	margin-right: 15px;
	display:inline; /*IE6バグ用記述*/
	width: 720px;
	float: right;
}

/* タイトル
--------------------------------------*/
div#title p,
div#title h1{
	margin: 3px auto 1.5em;
	width: 720px;
}
.headline{
	margin: 0 auto 1.5em;
	text-align: center;
}
.subheading-01{
	margin: 0 10px 1.5em;
	padding: 0 0 3px;
	border-bottom: 1px solid #84ce71;
}
.subheading-01 span{
	margin: 0 0 0 1px;
	padding: 0.2em 10px;
	border-left: 3px solid #84ce71;
	display: block;
}
.subheading-02{
	margin: 0 10px 1.5em;
	padding: 3px 0 3px 1em;
	border-bottom: 1px dotted #298900;
	color: #298900;
}
.subheading-03{
	margin: 0 10px 1.5em;
	padding: 3px 0 3px 1em;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #ececec;
}
.subheading-04{
	margin: 0 10px 1.5em;
	padding: 3px 0 3px 1em;
	border-bottom: 1px dotted #999;
}
/* パンくずリスト
--------------------------------------*/
div#wrapper03 ol#topicpath{
	padding: 2px 0 2px 12px;
	list-style-type: none;
	font-size: 12px;
}
div#wrapper03 ol#topicpath.line{
	border-bottom: 1px solid #ececec;
}
div#wrapper03 ol#topicpath li{
	margin: 0;
	display: inline;
	padding: 0 0 0 5px;
}
div#wrapper03 ol#topicpath li a:link {
	color: #333;
	text-decoration:none;
}
div#wrapper03 ol#topicpath li a:visited {
	color: #333;
	text-decoration:none;
}
div#wrapper03 ol#topicpath li a:hover {
	color:#0C6058;
	background-color: #F4FBFA;
	text-decoration:none;
}
div#wrapper03 ol#topicpath li a:active {
	color:#0C6058;
	background-color: #F4FBFA;
}

/* p,ul,ol,dl 共通
--------------------------------------*/
.pt-01{/* 内側20pxに入れて下に1.5em */
	margin: 0 20px 1.5em;
}
.pt-02{/* 内側20pxに入れて下なし */
	margin: 0 20px;
}
.pt-03{/* 左側20pxに入れて下に1.5em */
	margin: 0 0 1.5em 20px;
}
.pt-04{/* 左側20pxに入れて下なし */
	margin: 0 0 0 20px;
}
.pt-05{/* 左側40px右10pxに入れて下に1.5em */
	margin: 0 10px 1.5em 40px;
}
.pt-06{/* 左側40px右10pxに入れて下なし */
	margin: 0 10px 0 40px;
}
.pt-07{/* 左側10px右10pxに入れて下に1.5em */
	margin: 0 10px 1.5em 10px;
}
.pt-08{/* 左側10px右10pxに入れて下なし */
	margin: 0 10px 0 10px;
}
.pt-09{/* 左側60px右10pxに入れて下に1.5em */
	margin: 0 10px 1.5em 60px;
}
.pt-10{/* 左側60px右10pxに入れて下なし */
	margin: 0 10px 0 60px;
}
.pt-11{/* 左右0で入れて下に1.5em */
	margin: 0 0 1.5em 0;
}
.pt-12{/* 左側30px右30pxに入れて下に1.5em */
	margin: 0 30px 1.5em 30px;
}
.pt-13{/* 左側50px右10pxに入れて下に1.5em */
	margin: 0 10px 1.5em 50px;
}
.pt-14{/* 左側50px右10pxに入れて下になし */
	margin: 0 10px 0 50px;
}
.pt-15{/* 金利情報で使用(特別)左側50px右10pxに入れて下になし */
	margin: 0 auto;
	width: 450px;
	padding: 0px;
}
.pt-16{/* すべて内側20pxに入れて下になし */
	padding: 20px;
}
.pt-17{/* 上に10px下に15px */
	padding:10px 0 15px;
}
.pt-18{/* 上に5px下に5px */
	padding:5px 0 5px;
}


/* dl 
--------------------------------------*/
div#content dl{
	margin-bottom: 1.5em;
}
div#content dl.bottom-clear{
	margin-bottom: 0;
}
div#content dl.nm dd{
	margin-bottom: 1em;
	padding-left: 1em;
}
div#content dl.nm-kakko-01 dd{
	padding-left: 2.5em;
}
div#content dl.nm-kakko-02 dt{
	width: 2.5em;
}
div#content dl.nm-kakko-02 dd{
	margin-top: -1.7em !important;/*モダンブラウザ用*/
	margin-top: -1.5em;/*IE6用*/
	padding-left: 2.5em;
}
*:first-child+html div#content dl.nm-kakko-02 dd{/*IE7用ハック*/
	margin-top: -1.5em;
}
div#content dl.nm dd dl.normal dd,
div#content dl.nm-kakko dd dl.normal dd,
div#content dl.normal dd{
	padding-left: 0;
}
div#content dl.inquire{
	margin-bottom: 20px;
}
div#content dl.inquire dt{
	color: #2d8806;
	font-size: 110%;
}
div#content dl.inquire dd{
	padding-left: 20px;
}
/* ul 
--------------------------------------*/
div#content ul.normal li{
	list-style-type: disc;
}
div#content ul.normal li ol.nm-maru li,
div#content ul.normal li ol.nm-kana li,
div#content ol.nm-maru li,
div#content ol.nm-kana li{
	padding-left: 1em;
	text-indent: -1em;
	list-style-type: none;
}

/* ol 
--------------------------------------*/
div#content ol.normal li{
	list-style-type: decimal;
}

/*#アンカー
--------------------------------------*/
div#anchor {
	margin: 0px;
	width: 680px;
	padding: 0px 0px 20px 20px;
}

div#content #anchor .box1 {
	width: 340px;
	float: left;
	display: block;
}

div#content #anchor .box2 {
	width: 340px;
	float: right;
	display: block;
}


/* table 
--------------------------------------*/
table.pt-01,table.pt-07,table.pt-08,table.pt-16,/* thを左したバージョン */
table.pt-02,/* thtdをセンタリングしたバージョン */
table.pt-03{/* thをセンタリングしたバージョン */
	margin: 0 auto 20px;
	width: 650px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
table.pt-04{/* thをセンタリング、サイズ小さめバージョン */
	margin: 0 auto 20px;
	width: 500px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
table.pt-05{/* thをセンタリング、サイズ小さめバージョン 本体のセンタリングなし */
	margin: 0 0 20px 30px;
	width: 500px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
table.pt-06{/* thをセンタリング、サイズ小さめバージョン 本体のセンタリングあり*/
	margin: 0 auto 20px;
	width: 450px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
table.pt-16{/* thをセンタリング、サイズ小さめバージョン 本体のセンタリングあり*/
	margin: 0 auto 5px 0;
	width: 645px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

table.pt-07 thead th,
table.pt-07 thead td,
table.pt-08 th,
table.pt-16 th,
table.pt-16 td,
table.pt-16 td{
	text-align: left;
}
table.pt-01 thead th,
table.pt-01 thead td,
table.pt-02 thead th,
table.pt-02 thead td,
table.pt-02 th,
table.pt-02 td,
table.pt-03 thead th,
table.pt-03 th,
table.pt-04 thead th,
table.pt-04 th,
table.pt-05 thead th,
table.pt-05 th
table.pt-06 thead th,
table.pt-06 thead td,
table.pt-06 th,
table.pt-06 td,
table.pt-08 thead th,
table.pt-08 thead td,
table.pt-08 td{
	text-align: center;
}
table.pt-01 th,
table.pt-01 td,
table.pt-02 th,
table.pt-02 td,
table.pt-03 th,
table.pt-03 td,
table.pt-04 th,
table.pt-04 td,
table.pt-05 th,
table.pt-05 td,
table.pt-06 th,
table.pt-06 td,
table.pt-08 th,
table.pt-08 td,
table.pt-16 th,
table.pt-16 td{
	padding: 5px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #FFF;
}
table.pt-07 th,
table.pt-07 td{
	padding: 8px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #FFF;
}
table.pt-01 th{
	background-color: #F5F5F5;
	text-align: left;
	vertical-align: middle;
}
table.pt-02 th,
table.pt-03 th,
table.pt-04 th,
table.pt-05 th,
table.pt-06 th,
table.pt-08 th,
table.pt-16 th{
	background-color: #F5F5F5;
	vertical-align: middle;
}
table.pt-01 td{
	vertical-align: top;
}
table.pt-01 td.middle,
table.pt-02 td.middle,
table.pt-03 td.middle,
table.pt-04 td.middle,
table.pt-06 td.middle{
	vertical-align: middle;
}
table.pt-01 th.center,
table.pt-01 td.center{/* thを左よせにしたバージョンで、部分的にセンタリングの場合 */
	text-align: center;
}
table.bottom-clear{
	margin-bottom: 0;
}
table .nowrap {
	white-space: nowrap;
}

/* table コケシスターズ照会ページ
--------------------------------------*/
table.pt-09{
	margin: 0px 0px 20px 20px;
	width: 700px;
	border-style: none;
}
.size-01{
	width: 20%;
}
.size-02{
	width: 40%;
}
.size-03{
	width: 10%;
}
.size-04{
	width: 19%;
}
.size-05{
	width: 17%;
}
.size-06{
	width: 28%;
}
.size-07{
	width: 16%;
}
.size-08{
	width: 30%;
}
.size-09{
	width: 70%;
}
.size-10{
	width: 15%;
}
.size-11{
	width: 85%;
}
.size-12{
	width: 5%;
}
.size-13{
	width: 25%;
}
.size-14{
	width: 35%;
}
.size-15{
	width: 50%;
}
.size-16{
	width: 12%;
}
.tate{
	vertical-align:middle;
	writing-mode: tb-rl;
}

/*カテゴリ別で使用*/
table.product{
	margin: 0 auto 20px;
	width: 680px;
	border-top: 1px solid #ECECEC;
}
table.product th{
	padding: 5px 5px 5px 1em;
	width: 30%;
	border-right: 1px dotted #ECECEC;
	border-bottom: 1px solid #ECECEC;
	vertical-align: top;
	text-align: left;
}
table.product td{
	padding: 5px;
	width: 70%;
	border-bottom: 1px solid #ECECEC;
}

/* ページの先頭に戻る用
--------------------------------------*/
div#content p.to-top{
	margin: 0 0 20px 4px;
	padding: 2px 5px;
	position: relative;
	width: 700px;
	background-color: #e3f4df;
	font-size: 80%;
	text-align: right;

}
div#content p.to-top a:hover{
	background-color: transparent;
}
div#content p.to-top a{
	margin-bottom: 0.5em !important;
	margin-bottom: 0;
	padding-left: 20px;
	color: #2d8606;
	background:transparent url(../img/arrow_02.gif) no-repeat left 4px !important;
	background:transparent url(../img/arrow_02.gif) no-repeat left 2px;	
	text-decoration:none;
}
*:first-child+html div#content p.to-top a{/*IE7用ハック*/
	background:transparent url(../img/arrow_02.gif) no-repeat left 2px !important;
}

/* フッター
--------------------------------------*/
div#footer{
	width: 100%;	
	background:#fff url(../img/bg_footer.gif) repeat-x bottom;
}
div#footer div#footer-menu{
	margin:20px auto;
	padding: 7px;
	border: 3px solid #84cf71;
	width: 800px;
	font-size: 90%;
	text-align: center;
}
div#footer div#footer-menu ul li{
	border-left:1px solid #058306;
	display:inline;
	padding-left:6px;
	padding-right:6px;
	white-space: nowrap;
}
div#footer div#footer-menu ul li.end{
	border-right:1px solid #058306;
	white-space: nowrap;
}
div#footer div#footer-bottom{
	margin:0 auto;
	width: 950px;
}
div#footer div#footer-bottom p#copyright{
	margin:120px auto 10px;
	float: left;
}
div#footer p.sisters{
	margin: 0;
	float: right;
}
div#footer a:link {
	color: #298900;
	text-decoration:underline;
}
div#footer a:visited {
	color: #666;
	text-decoration:underline;
}
div#footer a:hover {
	color: #298900;
	background-color: #E7F4D2;
	text-decoration:none;
}
div#footer a:active {
	color: #666;
	background-color: #F4FBFA;
}
/* サイド　コケシスターズ
--------------------------------------*/
div#MoveDiv{
	width: 436px !important;
	width: 440px;
}
div#MoveDiv div#fukidashi-01,
div#MoveDiv div#fukidashi-02,
div#MoveDiv div#fukidashi-03{
	float: left;
	width: 346px;
}
div#MoveDiv div#kokeshi{
	float: right;
	width: 82px;
	height: 193px;
}
div#MoveDiv a:link {
	text-decoration:none;
}
div#MoveDiv a:visited {
	text-decoration:none;
}
div#MoveDiv a:hover {
	background-color:transparent;
	text-decoration:none;
}
div#MoveDiv a:active {
	background-color:transparent;
}

br.nobr{
	clear:both;
	margin:50px 0;
	}