@charset "utf-8";

/* ========================================================================== */
/* ) トップページ専用 CSS */
/* ========================================================================== */


/* 　各コンテンツ 説明文　 */
.sub_midashi {margin: 0px 10px 10px 16px; font-size:100%; line-height:125%; width:600px;}

/* 　アイコン画像表示位置関係　 */
.sub_midashi_img { margin: 0px 10px 10px 10px;}
.sub_midashi_img01 { float:left; margin: 0px 10px 10px 10px;}


/* ========================================================================== */
/* 08-03) サブメイン フォルダーページ専用CSS */
/* ========================================================================== */

/* ----- フォルダページ 基本表示(リスト)設定 ------------------------------ */

/* 　基本設定　 */
ul.list {
	margin-top:6px;

}

.list li {
	padding: 0px 0px 0px 7px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
 font-size: 1.05em; line-height: 1.25em;
}

.list p {
	padding:0px;
	margin: 0px;
	font-weight: normal;
	color: #333333;
}

/* 　フォルダページ 各コンテンツ 説明文　 */
.list_com { _width:605px;
	margin:0px 0px 10px 28px;
	padding: 0px 0px 0px 0px;
   font-size: 93%;
  line-height: 120%;
	font-weight: normal;
}



.list A:link { color:#003964;
	text-decoration: underline;

}
.list A:visited { color:#2B04B0;
	text-decoration: underline;

}
.list A:active {
	text-decoration: none;

}
.list A:hover {
	text-decoration: none;

}


.folder_comment{ margin:12px 12px 16px 24px; font-size:120%; text-align:left;}


.list .folder_line{font-size:1px; line-height:1px; margin:0px; padding:0px;}
body.bgcolor_black .list .folder_line,body.bgcolor_blue .list .folder_line{border-bottom: 1px #fff dotted;font-size:1px; line-height:1px; margin:0px; padding:0px;}



/* ----- フォルダ表示設定 ------------------------------------------------- */
.list li.list_folder div.T01{ font-weight:bold;
	padding: 5px 12px 7px 60px; 
	margin: 1px 0px 3px 0px;
	font-size: 105%;
	line-height: 135%;
	BACKGROUND: url(../img/bg_folder01.gif);
	background-repeat:no-repeat;
	border-bottom: 1px #99CCFF dotted;
}



/* ----- コンテンツ表示設定 ----------------------------------------------- */
.list li.list_con div.T01{ font-weight:bold;
	padding: 5px 12px 7px 60px; 
	margin: 1px 0px 3px 0px;
	font-size: 105%;
	line-height: 135%;
	BACKGROUND: url(../img/bg_contents01.gif);
	background-repeat:no-repeat;
	border-bottom: 1px #99CCFF dotted;
}


/* ----- リンク表示設定 --------------------------------------------------- */
.list li.list_link div.T01{ font-weight:bold;
	padding: 5px 12px 7px 60px; 
	margin: 1px 0px 3px 0px;
	font-size: 105%;
	line-height: 135%;
	BACKGROUND: url(../img/bg_link01.gif);
	background-repeat:no-repeat;
	border-bottom: 1px #99CCFF dotted;
	}


/* ----- カレンダー表示設定 .calendar ------------------------------------- */
.list li.list_calendar div.T01{ font-weight:bold;
	padding: 5px 12px 7px 60px; 
	margin: 1px 0px 3px 0px;
	font-size: 105%;
	line-height: 135%;
	BACKGROUND: url(../img/bg_calendar01.gif);
	background-repeat:no-repeat;
	border-bottom: 1px #99CCFF dotted;
	}

/*-------------------------*/
/* 更新日付 */
/*-------------------------*/
.koushin{ font-weight:normal; font-size:70%; float:right; margin:8px 6px 0px 6px;}

.list_folder .koushin{ display:none; visibility:hidden;}

.list_link .koushin{ display:none; visibility:hidden;}


/* ========================================================================== */
/* 10) Q and Aページ専用設定 */
/* ========================================================================== */

/* ----- 各背景色等 基本設定 ------------------------------------------------ */

.q_and_a .list li { border-bottom:2px #C4D1F0 dashed;
    margin: 0 16px 16px 22px;
    padding: 0px 0px 6px 0px;
	font-size: 110%;
	line-height:125%;
}


.q_and_a .list A:link {	COLOR: #4D769F; text-decoration:none;}
.q_and_a .list A:visited {COLOR: #4D769F; text-decoration:none;}
.q_and_a .list A:active {COLOR: #CC3300;}
.q_and_a .list A:hover {COLOR: #CC3300;}


.q_and_a .list_com {
    font-weight: normal;
    margin:0px 0px 6px 32px;
    padding: 0; font-size:90%;
}
.q_and_a .list p {
    padding:0px;
}

.qanda_icon{ visibility: hidden; font-size:0px; line-height:1px; padding:1px; margin:0px; height:1px;}
.q_and_a .qanda_icon{visibility: visible;
 margin:8px 0px 12px 26px; padding:0px; height:28px;}

/* ----- コンテンツ表示設定 ----------------------------------------------- */
.q_and_a .list li.list_con div.T01{background: url("../img/q01.gif") no-repeat scroll 0 0 transparent;
	border-bottom:4px #E8EDF9 solid;
    list-style: none outside none;
    margin: 6px 0px 6px 0px;
    padding:3px 0 0px 66px; min-height:28px;
    text-indent: -32px;

	
}



/* ----- フォルダ表示設定 ------------------------------------------------- */
.q_and_a .list li.list_folder div.T01{    background: url("../img/q01.gif") no-repeat scroll 0 0 transparent;

    font-weight: bold;
    line-height: 20px;
    list-style: none outside none;
    margin: 6px 0 10px 0px;
    padding: 6px 0 14px 66px;
    text-indent: -32px;
}




/* ----- リンク表示設定 --------------------------------------------------- */
.q_and_a .list li.list_link div.T01{ 
 background: url("../img/q01.gif") no-repeat scroll 0 0 transparent;
    border-bottom: 2px dashed #DFDFDF;
    color: #549ADA;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    list-style: none outside none;
    margin: 6px 0 10px 20px;
    padding: 6px 0 14px 66px;
    text-indent: -32px;
}


/* ----- カレンダー表示設定 .calendar ------------------------------------- */
.q_and_a .list li.list_calendar div.T01{
    background: url("../img/q01.gif") no-repeat scroll 0 0 transparent;
    border-bottom: 2px dashed #DFDFDF;
    color: #549ADA;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    list-style: none outside none;
    margin: 6px 0 10px 20px;
    padding: 6px 0 14px 66px;
    text-indent: -32px;
}












/* -- 各種アイコンメニュー -- */

ul.top_kurashi_icon{ text-align:right!important;
	list-style:none!important;
	margin:0px; 
	padding:0px 0px 0px 5px;

}
.top_kurashi_icon li{border:0px;
float:left;margin: auto; padding:3px 16px 3px 0px; height:90px; width:90px; text-align:center;}
.top_kurashi_icon a{border:0px;	margin:0px; padding:0px;}



A.k_navi{ border:0px solid; margin:0 auto;
	background-image:url(../img/top_kurashi_icon01.gif);
	background-repeat:no-repeat;
	height:90px; width:90px;
	display:block;
} 
A.k_navi:link  {}
A.k_navi:visited {}
A.k_navi:active  {}
A.k_navi:hover {
 filter:alpha(opacity=50);
 -moz-opacity:0.5;
 -khtml-opacity: 0.5;
 opacity:0.5;
}
A.k_navi span{ border:0px solid; display:none; font-size:12px; line-height:16px;}


/* 妊娠・出産 記述  */
.k_menu01{ background-position:0px 0px;}
/* 子育て 記述  */
.k_menu02{ background-position:-90px 0px;}
/* 結婚・離婚 記述  */
.k_menu03{ background-position:-180px 0px;}
/* 入園・入学 記述  */
.k_menu04{ background-position:0 -90px;}
/* 就職・退職 記述  */
.k_menu05{ background-position:-90px -90px;}
/* 引越し 記述  */
.k_menu06{ background-position:-180px -90px;}
/* 住まい 記述  */
.k_menu07{ background-position:0 -180px;}
/* 高齢・介護 記述  */
.k_menu08{ background-position:-90px -180px;}
/* 死亡 記述  */
.k_menu09{ background-position:-180px -180px;}







/* ========================================================================== */
/* 05) 各種画面幅設定 */
/* ========================================================================== */


/* --緑-- */
@media only screen and (max-width:1200px) and (min-width:1141px){

}

/* --青-- */
@media only screen and (max-width:1140px) and (min-width:951px){

}



/* --紫-- */
@media only screen and (max-width:950px) and (min-width:751px){
.top_kurashi_icon li{ padding:3px 6px 3px 0px;}
.sub_midashi { width:97%;}
}






/* --赤-- */
@media only screen and (max-width:755px) and (min-width:576px){
.top_kurashi_icon li{ padding:3px 3px 3px 0px;}
.sub_midashi { width:97%;}
}


@media screen and (max-width: 573px) {
.sub_midashi { width:97%; margin: 0 0px 10px 6px; }

.list_com { font-size:90%;}
}

@media screen and (max-width:378px) {
.koushin{ display:none; visibility:hidden;}
.top_kurashi_icon li{padding:3px 3px 3px 0px;}

.sub_midashi { width:97%; margin: 0 0px 10px 6px}

.list li {
    padding: 0 0 0 0px;
}
}






@media print { 
}