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

/* ================================================== *
 *
 *    add style
 *
 * ================================================== */
 

div#headerArea {
	position: fixed !important;
	position: absolute;
	/*position:relative;*/
	top: 0;
	left: 0;
	width: 100%;
	height: 128px;
	/*background-color: #4E9ABE;*/
	color: #fff;
	z-index:9;
}


div#contentsArea{
	margin-top:128px;
	/*margin-top:110px;*/
	/*margin-top:30px;*/
}

* html div#contentsArea{
	height: 100%;
	overflow: auto;
}


/* footer memu リンク */


#footer_inner ul a:link,
#footer_inner ul a:visited {
	color: #ffffff;
	text-decoration: none;
	outline: none;
}
 
#footer #footer_inner ul a:hover,
#footer #footer_inner ul a:focus,
#footer #footer_inner ul a:active {
	color: #A8EEAD;
	text-decoration: none;
	outline: none;
}


/* header memu リンク */

#header #header_inner .header_nav {
	background-color: #f8f8f8;
	float: right;
	margin-top:0px;
	
	
}

/*ホバーした時のデザインを指定*/
#headerArea #header #header_inner .header_nav .h_navi li a:hover    {   
padding: 13px 13px; 
/*padding: 15px 15px;  */
text-decoration: none;  
 color: #50A758;  
}  


#headerArea #header #header_inner .header_nav .h_navi .active {
	background-color: #e7e7e7;
}




#headerArea #header #header_inner .header_nav ul a:link {
	color: #000000;
	/*text-decoration: none;*/
	outline: none;
}

#headerArea #header #header_inner .header_nav ul a:visited  {
	color: #000000;
	/*text-decoration: none;*/
	outline: none;
}

#header_inner .header_nav ul a:hover {
	color: #50A758; 
	/*text-decoration: none;*/
	outline: none;
}

#headerArea #header #header_inner .header_nav ul a:focus {
	color: #50A758; 
	/*text-decoration: none;*/
	outline: none;
}

#headerArea #header #header_inner .header_nav ul a:active {
	color: #50A758; 
	/*text-decoration: none;*/
	outline: none;
}


.h_navi li {  
float: left;
font-size:1.25em;
/*font-size:14px;*/
text-align: center;   
}  


.h_navi li a  {  
display: block;  
width: 105px;  
padding: 13px 13px;  
/*padding: 15px 15px;  */
text-decoration: none;  
 

}  





/* page memu リンク */

#page_menu ul a:link{
	color: #666666;
	text-decoration: none;
	outline: none;
}

#contentsArea #page_menu ul a:visited{
	color: #666666;
	text-decoration: none;
	outline: none;
}

#page_menu ul a:hover {
	color: #50A758; 
	text-decoration: none;
	outline: none;
}

#page_menu ul a:focus {
	color: #50A758; 
	text-decoration: none;
	outline: none;
}

#page_menu ul a:active {
	color: #50A758;
	text-decoration: none;
	outline: none;
}


#top {
	display:block;
	margin-top:-110px;
	padding-top:110px;
}


#one {
	display:block;
	margin-top:-110px;
	padding-top:110px;
}

#two {
	display:block;
	margin-top:-110px;
	padding-top:110px;
}

#three {
	display:block;
	margin-top:-110px;
	padding-top:110px;
}

#four {
	display:block;
	margin-top:-110px;
	padding-top:110px
}

#five {
	display:block;
	margin-top:-110px;
	padding-top:110px
}




/* ------------------------------------------------- *
 *        テキストリスト表示　まるリスト
 * ------------------------------------------------- */
 
#contents #contents_inner01 .topic .maru_list_area_all{
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-left:150px;
	line-height: 1.8em;
	font-size:1em;
	margin-right: 0em;
}

#contents #contents_inner01 .topic .maru_list_area_all .maru_list_area {
	margin-left:15px;
}

#contents #contents_inner01 .topic .maru_list_area_all .maru_list_area .maru_list_one {
	margin-left: 0px;
	text-indent: -15px;
	

}

/* ------------------------------------------------- *
 *        インデックス
 * ------------------------------------------------- */

#indexpage{
	width: 942px;
	margin: 0 auto 0px auto;
	padding: 0 20px 0 20px;
}


.page_title {
	color:#000;
	font-size:1.8em;
	background-image: url(../img/page_title_under.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom:20px;
}
#contentsArea #contents #contents_inner01 .page_menu {
	margin-left: 400px;
	font-size: 1.1em;
	line-height: 1.8em;
}


.category_title {
	font-size: 1.6em;
	margin-left: 230px;
	padding-left:20px;

}


.category_title_on {
	font-size: 1.6em;
	margin-left: 230px;
	padding-left:10px;
}


.category_title_menu a {
	display: block;
	background-image:url(../img/index_arrow_white.png);
	background-repeat: no-repeat;
	background-position: right center;
		border: 1px solid #ffffff;
		padding-left:10px;
}

/*リスト詳細*/
 

.page_menu_list li    {
	/*float: left;  */
    /*text-align: center;  */
   /* font-weight: bold;  */
   /* border-left: solid 1px #FFF;  */
	color: #000;
	
}  


.page_menu_list li a  {
	display: block;
	text-decoration: none;
	/*border-bottom: solid 1px #000;  */
    color: #000;
	background-image:url(../img/index_arrow_white_l.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 30px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
}  

.category_title_menu a  {
	display: block;
	text-decoration: none;
	/*border-bottom: solid 1px #000;  */
    color: #000;
	background-image:url(../img/index_arrow_white_l.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 30px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
}  


/*ここでホバーした時のデザインを指定。*/
.page_menu_list li a:hover    {
	/*background: #a7d3ab;*/
	padding: 5px 10px;
	text-decoration: none;
	border: 1px solid #50A758;

	padding-right: 20px;
	padding-left: 30px;
}

.category_title_menu a:hover {
	border: 1px solid #50A758;
	color:#000;
	text-decoration: none;
	padding-left:10px;
	
}

/* iocn */
.red {
	color:#C00;
}

.blue {
	color:#039;
}

.green {
	color:#090;
}

.icon_space_l {
	margin-left:1em;
}

.icon_space_left05 {
	margin-left:0.5em;
}

/**/
.text_title {
	color:f00;
	font-weight:bold;
	margin-bottom:20px;
	font-size:1.1em;
}

/*実態調査　用バナー*/

.top_bnr_cont{
	width:882px;
	margin-right: auto;
	margin-left: auto;
	padding-top:40px;
}
.top_bnr {
	/*background-color:#FFFF00;*/
	margin-bottom:30px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #ff6347;
	border-bottom-color: #ff6347;
	border-left-color: #ff6347;
}

.top_bnr_title {
	font-weight: bold;
	font-size: 1.5em;
	background-color:#FF6347;
	color:#FFFFFF;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom:0px;
}

.top_bnr .bt {
		width:680px;
		margin-right: auto;
	    margin-left: auto;
		
}
	
.top_bnr .bt a{
	background-color: #FFF2F0;
	border: 1px solid #FFA797;
	color: #333;
	display: block;
	font-size: 16px;
	margin: 10px 0;
	padding: 10px;
	text-align: left;
	text-decoration: none;
	border-radius: 5px;
	box-shadow: 1px 1px 1px #ccc;
}
.top_bnr .bt a:hover{
	border: 1px solid #FF6347;
	background-color: #FFD7D0;
	color: #333;
}

.top_bnr p {
	line-height: 2em;
}


/*トップページ用　バナー　ピンク*/

.toptop_bnr {
	width:850px;
	margin-right: auto;
	margin-left: auto;
		
	
}
.topop_bnr .bt {
		width:680px;
		margin-right: auto;
	    margin-left: auto;
		
}
	
.toptop_bnr .bt a{
	background-color: #FFF2F0;
	border: 1px solid #FF6347;
	color: #333;
	display: block;
	font-size: 16px;
	margin: 30px 0;
	padding: 30px 30px 30px 30px ;
	text-align: left;
	text-decoration: none;
	border-radius: 5px;
	box-shadow: 3px 3px 3px #ccc;
}
.toptop_bnr .bt a:hover{
	border: 1px solid #FF3333;
	background-color: #FFD7D0;
	color: #333;
}
 
.toptop_bnr_bt_ttl {
	font-size: 1.2em;
	margin-left: 1em;
	margin-right: 3em;
	font-weight: bold;
	width: 550px;
	display: inline-block;/*inline-blockにします*/
	
}

.toptop_bnr .date_right{
	display: inline-block;/*inline-blockにします*/
	vertical-align: top;
}




/*トップページ用　バナー　ピンク　pink02*　*/

.top_bnr_pink02 {
	margin-bottom:50px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #F97575;
	border-bottom-color: #F97575;
	border-left-color: #F97575;
}

.top_bnr_pink02_title {
	font-weight: bold;
	font-size: 1.5em;
	background-color:#F97575;
	color:#FFFFFF;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom:0px;
}

.top_bnr_pink02 .date {
	font-size:1.2em;
	font-weight:bold;
}


.top_bnr_pink02 .bt {
		width:680px;
		margin-right: auto;
	    margin-left: auto;
		
}




.top_bnr_pink02 .bt_before {
width:680px;
    background-color: #f7f7f7;
    border: 1px solid #666666;
    color: #333;
    display: block;
    font-size: 16px;
    margin: 10px auto;;
    padding: 10px;
    text-align: left;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #ccc;
	/*background-image:url(../img/arrow_pink.png);*/
	background-repeat: no-repeat;
	background-position: right center;
}
.top_bnr_pink02 .bt a{
    background-color: #f7f7f7;
    border: 1px solid #F38080;
    color: #333;
    display: block;
    font-size: 16px;
    margin: 10px 0;
    padding: 10px;
    text-align: left;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #ccc;
	background-image:url(../img/arrow_pink.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.top_bnr_pink02 .bt a:hover{
		border: 1px solid #F38080;
	background-color: #FFD7D0;
	background-image:url(../img/arrow_pink.png);
	background-repeat: no-repeat;
	background-position: right center;
	
}

.top_bnr_pink02 p {
	line-height: 2em;
}

.top_bnr_pink02 .bt_close {
		width:680px;
		margin-right: auto;
	    margin-left: auto;
		
}