@charset "shift_jis";
/* CSS Document */

html{
	/*background:*#9dc5ab/;*/
	overflow-y:scroll;
	
}

body{
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	margin: 0; 
	padding: 0;
	color:#333333;
	text-align: center;
	overflow: auto;
	height:100%;
	font-size:95%;
	background:url(../images/global/back.png) repeat-x top left #82aa73;
}

h1{
	margin:0;
	padding:0;
}

h1 img{
}

h2{
	border:none;
	background:#167C41;
	font-size:130%;
	color:#FFFFFF;
	padding:0 0 0 5px;
	margin:0 0 20px 0;
   -moz-border-radius:2px;    /* Firefox */
   -webkit-border-radius: 2px; /* Safari,Chrome */
   	clear:both;

}

h3{
	background:#488BDE;
	font-size:110%;
	color:#FFFFFF;
	padding:0 0 0 5px;
	margin:0 0 20px 0;
	border:2px solid #488BDE;
	border-radius:2px;         /* CSS3 */
   -moz-border-radius:2px;    /* Firefox */
   -webkit-border-radius: 2px; /* Safari,Chrome */
	clear:both;
}

h4{
	color:#167C41;
	font-size:100%;
	margin-left:10px;
	border-bottom:1px solid #D1E5D8;
	clear:both;
}

h4 a{
	color:#167C41;
}

h5{
	clear:both;
	margin:15px 15px;
	font-size:100%;
	color:#488BDE;
	padding:0;
	}

h6{
	clear:both;
	margin:0px 20px;
	color:#488BDE;
	font-size:98%;
}

ul{
	margin:0;
	padding: 0;
}

p{
	margin:10px 10px;
	line-height:1.5;
}

img {
	margin-bottom:0;
	border:none;
}

/*p img{
	margin:0 0 20px -10px;
	padding:0;
}*/
a {
	color:#039;
}


a:link{}
a:visited{}
a:hover{
}



table{
	border-collapse:collapse;
	border:1px solid #488BDE;
	margin:0 auto 2em;
}

caption{
	background:#1962bc;
	color:#fff;
	padding:3px;
}

thead th{
	background:#488bde;
	color:#ffffff;
	border-right:1px solid #fff;
	padding:3px;
}

th:last-child{
	border-right:none;
}

td{
	padding:5px;
	border:1px solid #488BDE;
}


/*
th{
	background:#488BDE;
	color:#ffffff;
	border-right:1px solid #fff;
	padding:3px;
	
}

*/
th{
	/*background:#488BDE;
	color:#ffffff;
	border-right:1px solid #fff;
	padding:3px;*/
	font-weight:normal;
	border:1px solid #488BDE;
	background:#D9EBFF;
	white-space:nowrap;
	padding:0 5px;
	color:#1962bc;
	font-size:105%;
	text-align:left;
	
}

ul{
}

li{
	line-height:1.5;
}
dt{
	border-left:15px solid #488BDE;
	color:#488BDE;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:5px;
	padding-left:5px;
}
dd{
	margin-left:1em;
	margin-bottom:1em;
	line-height:1.5;
}

.index{
	background:#D9EBFF;/*#D1E5D8;*/
}
hr{
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style:dotted; /* 線種 */
   border-color: #167C41;; /* 線色 */
   height: 1px;
   clear:both;
}

strong{
	font-size:120%;
	color:#167C41;
}

em{
	color:#167C41;
	font-weight:bold;
	font-style:normal;
}

#header,#navi,#content{
	margin: 0 auto;
	width: 960px;
	text-align:left;
	background:#fff;
}

/*ヘッダー*/
#header {
	position:relative;
}

 

#header ul {
	margin:0;
	position:absolute;
	top:10px;
	right:10px;
	list-style-type:none;
	font-size:80%;
	text-align:right;
}

#header li {
	margin:0;
	padding:0 3px;
	display:inline;
	border-left:2px solid #488BDE;
}

#header li a{
	text-decoration:none;
}
#header li a:link{}
#header li a:visited{
	}
#header li a:hover{
	text-decoration:underline;
}

/*ナビゲーション*/


#navi {
	color:#fff;
	width:960px;
}

#navi h1 {
	padding:8px 0 10px 12px;
}

#navi ul {
    background:#167C41;
    list-style: none;
	height:25px;
	margin:0 15px;
}


#navi ul li {
	margin:0;
    float:left;
	width:131px;
	border-left:none;
	border-right:1px dotted #fff;
	font-size:95%;
	vertical-align:bottom;
	/*padding-top:5px;*/

}
#navi ul li a {
    display: block;
    text-align: center;
    text-decoration: none;
	color:#fff;
	line-height:2;

}

#navi ul li a:link,
#navi ul li a:visited {
}
#navi ul li a:hover {
    color:#055124;
	background:#D9EBFF;
	height:25px;
}

#navi ul li.last {
	width:137px;
	border-right:none;
}

#navi ul li.last a:hover {
	width:138px;
}


#navi ul li.last a:hover {
	width:138px;
}

#navi ul li.last.active a{
	width:138px;
}

#navi ul li.active a {
	background:#D9EBFF;
	height:25px;
   color:#167C41;
}


/*コンテンツレイアウト*/
#content {
    zoom: 100%;
	padding-bottom:0;
	padding-top:20px;
}

#content:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/*サイドメニュー*/
#sidebar {
	width:200px;
	float: left;
	margin:0px 0 0 15px; 
	padding: 0px;
	border:none;
	background:none;
}
/*IE 6用*/
* html #sidebar {
	margin-left:3px; 
}

#sidebar ul{
	list-style-type:none;
	margin-left:0;
	margin-bottom:5px;
	background:none;
}


#sidebar li{
	margin-bottom:0px;
	font-size:90%;
	margin:0;
	padding:0;
}


#sidebar .menu li{
	background:#D9EBFF;
	color:#055124;
	border:none;
	border-left:4px solid #055124;
	padding-left:5px;
	margin-bottom:2px;
	height:50px;
	vertical-align:bottom;
	line-height:50px;
	font-size:110%;
}

#sidebar .compliance li{
	line-height:25px;
	font-size:100%;
}

#sidebar .menu li a{
	text-decoration:none;
	color:#167C41;
}

#sidebar .menu li a:hover{
	text-decoration:underline;
}


ul.submenu {

}

#sidebar .submenu li{
	background:url(../images/global/list.gif) left center no-repeat;
	color:#055124;
	border:none;
	padding:0 0 0 10px;
	text-indent:0.5em;
	line-height:normal;
	
}


#sidebar .submenu li.active a{
	/*display:block;*/
	background:#D9EBFF;
}

#sidebar .submenu li.active a:hover{
	background:#D9EBFF;
}

#sidebar .submenu li a {
	text-decoration:none;
	color:#167C41;
	display:inline;
	/*display:block;*/
}
#sidebar .submenu li a:link{}
#sidebar .submenu li a:visited{
	color:#055124;
}
#sidebar .submenu li a:hover{
	text-decoration:underline;
	background:none;
	/*background-color:#CCFFCC;*/
}



#sidebar .othermenu{
	margin-left:15px;
	list-style-type:disc;
	margin-bottom:20px;
}

#sidebar .othermenu li{
	/*line-height:100%;*/
}

#sidebar .othermenu li a {
}
#sidebar .othermenuli a:link{}
#sidebar .othermenu li a:visited{
	}
#sidebar .othermenu a:hover{
	text-decoration:underline;
}
#sidebar h2{
	margin:10px 0;
	font-size:100%;
	padding:2px;
}

#sidebar h3{
	font-size:100%;
	margin:5px 0;
	padding:0 5px;
}

#sidebar p{
	line-height:120%;
	margin:10px 5px;
	padding:0;
	font-size:100%;
}


/*内容*/
#content-inner { 
	width:710px;
	float:left;
	margin:0 0 40px 20px;/*25px;*/
	padding:0;
} 

/*IE6用*/
*html #content-inner {
	width:705px;
	margin-left:3px;
} 

#content-inner ul{
	margin-left:1em;
	margin-bottom:1em;
	
} 

#content-inner ul li{
	margin-left:2em;
} 

#content-inner td ul{
	margin:0;
}

#content-inner td ol{
	margin:0;
}

#pankuzu{
	background-color:#D9EBFF;
	font-size:x-small;
	color:#333333;
}

#green{
	position:fixed;

	right:0;

	bottom:0;

	width:200px;

	height:253px;

	background:url(../images/global/green.png) bottom right;
	z-index:-1;
}

*html #green{
	background:none;
}

/*フッター*/
#footer {
	clear:both;
	padding:10px;
	background:#377752;
} 
#footer p.policy{
	font-size:85%!important;
	margin-top:10px;
	margin-bottom:25px;
}
#footer p.policy a{
	color:#fff;
	text-decoration:none;
	margin-right:5px;
	border-right:1px dotted #fff;
	padding-right:5px;
}

#footer p.policy a.last{
	border-right:none;
}

#footer p {
	text-align:center;
	font-size:80%;
	line-height:140%;
	color:#fff;
}

#footer p.copyright{
	font-size:70%;
}

.float-right{
	float:right;
}

.float-right img{
	margin-right:-10px;
	padding-left:10px;
}

.float-left {
	float:left;
}
.center{
	text-align:center;
}

.tel, .fax{
	font-weight:bold;
	color:#0E63C1;
	padding:20px 0;
}

.box{
	border:1px solid #488BDE;
	margin:0 0 10px 0;
	
}



#sidebar h3{
	border-radius:0px;         /* CSS3 */
   -moz-border-radius:0px;    /* Firefox */
   -webkit-border-radius: 0px; /* Safari,Chrome */
	background:#488BDE;	color:#fff;
	margin:0;
	padding:3px;
}

.no-member{
	border:1px solid #666;
	margin:0 0 10px 0;
	
}

#sidebar .no-member h3{
	border:none;
	background:#666;
	color:#fff;
	margin:0;
	padding:3px;
}

/*ダウンロードファイル pdf*/
.download ul{
	margin-top:30px;
	margin-left:50px;
}

.download li{
	list-style-image:url(../images/global/pdf.gif) ;
	margin-bottom:1.2em;
}

/*ダウンロードファイル excel*/
.download li.excel{
	list-style-image:url(../images/global/excel.gif) ;
	margin-bottom:1.2em;
}

/*右寄せ*/
.text-right{
	text-align:right;
}

/*メモ*/
.note{
	font-size:70%;
}

/*注意*/
p.notice{
	font-size:90%;
	color:#167C41;
	text-indent:-1em;
	margin-left:25px;
	line-height:1.1;
}


.clear{
    clear: both;
}

.margin-left-20{
	margin-left:20px;
}
.margin-bottom-20{
	margin-bottom:20px;
}
.margin-top-20{
	margin-top:20px!important;
}


/*別サイトへリンク*/
a.other-link{
	background:url(../images/global/other-link.gif) no-repeat left center;
	padding-left:20px;
	text-decoration:none;
}

a.other-link:hover{
	text-decoration:underline;
}


/*加入とご契約　共済事業の利用方法*/
.service01{
	border:1px solid #ccc;
	border-radius:3px;
	width:310px;
	padding:5px 10px 10px 5px;
	float:left;
	margin:0 10px 10px 10px;
	overflow:auto;
	
}
.service01 h5{
	margin:0;
	padding:2px;
	font-size:1.4em;
}

.service01 h5 .note{
	font-size:0.6em;
}

.service01 p{
	line-height:1;
	margin:5px;
	
}

.service01 .sub{
	font-size:0.9em;
}

.service01 .max{
	background:#FF7A06;
	color:#fff;
	border-radius:3px;
	padding:0 2px;
	margin-right:5px;
}

.service02{
	border:1px solid #167C41;
	border-radius:5px;
	width:155px;
	padding:5px;
	float:left;
	margin:0 5px 10px 5px;
	overflow:hidden;
	background:#fff;
	box-shadow:rgba(207, 207, 207, 0.65098) 0px 0px 4px 1px;
	min-height:200px;
	position:relative;
}

.service02 a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


.service02 h4{
	margin-top:0;
	border:none;
	text-align:center;
	margin-left:0;
	font-size:105%;
	
}

.service02 img{
	padding-left:2px;
}
.service02 p{
	font-size:0.9em;
	color:#039;
}

.service02:hover{
	background:#ecffea;;
}

.service03{
	border:1px solid #ccc;
	border-radius:3px;
	width:320px;
	padding:5px;
	float:left;
	margin:0 10px 10px 10px;
	overflow:auto;
	height:215px;
	
}

.service03-short{
	height:150px;
	
}

.service03 h5{
	margin:0;
	padding:2px;
	font-size:1.2em;
}

.service03 img{
	padding-left:10px;
	padding-bottom:10px;
}

.font170{
	font-size:1.7em;
	font-weight:bold;
	padding-top:5px;
}
#content-inner .fa	{
	color:#488BDE;
}

.area{
	background:#f6f6f6;
	padding:2px 5px;
	font-size:95%;
	margin-bottom:10px;
}
.area em{
}

/*ページトップ*/
#top .page-top {
    position: fixed;
    bottom:20px;
    right: 20px;
	border-radius: 10px;
    background-color: #488BDE;
    padding: 10px 5px;
    background: #488BDE;
    font-size: 12px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
	text-decoration:none!important;
	color:#fff;
}
#top .page-top i{
	font-size:150%;
}