@charset "UTF-8";
/* 全てに適用するCSS */





/* ウィンドウ幅が376px以上の場合に適用するCSS */
@media print,screen and ( min-width:376px )
{

/* ナビ*/
.topicpath{
     text-align: left;
     border-top-width: 1px;
     border-top-style: dotted;
     border-top-color: #cccccc;
     border-left-color: #000000;
}

.topicpath ol li {
        /* liを横並び＆ブレットを消す */
        display: inline;
        list-style-type: none;
}

.topicpath ol li:before {
        /* liの前に記号追加 */
        content: " > ";
}

.topicpath ol li:first-child:before {
        /* 最初のliだけcontentを消す */
        content:"";
}

/*  見出し部分 */
.headline{
     border-width: 1px;
     border-style: solid;
     border-color: #4972b6;/* 枠線を引く */
     border-radius: 5px;/* 角丸の指定 */
     background-color: #4972b6;
     text-align: center;
     padding-left: 10px;
     font-weight: bold;
     color: #ffffff;
     font-size: 2em;
     margin-top: 0px;
     margin-bottom: 10px;
}

/* お知らせ */
	.headline_01{
	
     border-top-left-radius: 5px;/* 左上 */
	
     border-top-right-radius: 5px;/* 右上 */
	
     border-width: 1px;
	
     border-style: solid;
	
     border-color: #4972b6;/* 枠線の装飾 */
	
     background-color: #4972b6;/* 背景色 */
	
     text-align: left;
	
     padding-left: 10px;
	
     width: 200px;
	
     color: #ffffff;
	
     font-weight: bold;
	
     margin-top: 10px;
	
}

	.headline_02{
	
     padding-top: 5px;
	
     padding-left: 5px;
	
     padding-right: 5px;
	
     padding-bottom: 5px;
	
     border-width: 1px 0px 0px;
	
     border-style: solid;
	
     border-color: #cccccc;
	
     text-align: left;
	
     margin-bottom: 20px;
	
}

	.headline_03{
	
     border-bottom-width: 1px;
	
     border-bottom-style: dotted;
	
     border-bottom-color: #000000;
	
     border-top-color: #000000;
	
     padding-top: 5px;
	
     padding-bottom: 5px;
	
}


/*
.headline_10{
     text-align: left;
     margin-bottom: 30px;
     border-left-width: 5px;
     border-bottom-width: 2px;
     border-left-style: solid;
     border-bottom-style: solid;
     border-left-color: #4972b6;
     border-bottom-color: #cccccc;
     padding-left: 15px;
     border-top-color: #000000;
}
*/

.headline_10 h2 {
     font-size: 1em;
     padding-bottom: 5px;
     border-bottom-color: #4972b6;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-top-color: #000000;
     font-weight: bold;
}

.headline_10 p {
     margin-top: 0px;
}

.headline_10 article {
     text-align: left;
     margin-bottom: 30px;
     border-left-width: 5px;
     border-bottom-width: 2px;
     border-left-style: solid;
     border-bottom-style: solid;
     border-left-color: #4972b6;
     border-bottom-color: #cccccc;
     padding-left: 15px;
     border-top-color: #000000;
}

.headline_11{
     padding-bottom: 5px;
     border-bottom-color: #4972b6;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-top-color: #000000;
     font-weight: bold;
}

/*
.headline_20{
     display: inline-block;
     width: 310px;
     padding-left: 10px;
     border-left-width: 5px;
     border-bottom-width: 2px;
     border-left-style: solid;
     border-bottom-style: solid;
     border-color: #000000 #000000 #cccccc #ff8040;
     margin-right: 10px;
     margin-bottom: 30px;
     text-align: left;
     padding-bottom: 10px;
     padding-top: 10px;
}
*/

.headline_20{
     text-align: left;  
}

.headline_20 h2 {
     font-size: 1em;
}

.headline_20 article {
     display: inline-block;
     width: 310px;
     padding-left: 10px;
     border-left-width: 5px;
     border-bottom-width: 2px;
     border-left-style: solid;
     border-bottom-style: solid;
     border-color: #000000 #000000 #cccccc #ff8040;
     margin-right: 10px;
     margin-bottom: 30px;
     text-align: left;
     padding-bottom: 10px;
     padding-top: 10px;
}

.headline_21{
     display: inline-block;
     width: 310px;
     padding-left: 10px;
     border-left-width: 5px;
     border-bottom-width: 2px;
     border-left-style: solid;
     border-bottom-style: solid;
     border-color: #000000 #000000 #cccccc #4972b6;
     margin-right: 10px;
     margin-bottom: 30px;
     text-align: left;
     padding-bottom: 10px;
     padding-top: 10px;

}

.headline_22{
     padding-top: 5px;
     padding-left: 10px;
     padding-bottom: 5px;
     margin-bottom: 20px;
     border-left-width: 5px;
     border-left-style: solid;
     border-top-color: #000000;
     border-left-color: #ff8040;
     border-bottom-color: #cccccc;
     text-align: left;
     border-bottom-width: 2px;
     border-bottom-style: solid;
}

.headline_23{
     display: inline-block;
     width: 310px;
     padding-left: 10px;
     border-left-width: 5px;
     border-bottom-width: 2px;
     border-left-style: solid;
     border-bottom-style: solid;
     border-color: #000000 #000000 #cccccc #cccccc;
     margin-right: 10px;
     margin-bottom: 30px;
     text-align: left;
     padding-bottom: 10px;
     padding-top: 10px;
}

.headline_LV3 article {
     padding-left: 10px;
     border-left-width: 5px;
     border-bottom-width: 2px;
     border-left-style: solid;
     border-bottom-style: solid;
     border-color: #000000 #000000 #cccccc #ff8040;
     margin-right: 10px;
     margin-bottom: 30px;
     text-align: left;
     padding-bottom: 10px;
     padding-top: 10px;
}

.headline_LV3 time {
     display: none;
}

.headline_LV3 h2 {
     font-size: 1em;
}

.headline_30{
     text-align: right;
     margin-bottom: 10px;
     border-bottom-color: #000000;
}

.headline_31{
     text-align: left;
     margin-bottom: 30px;
     border-bottom-color: #000000;
     border-top-color: #000000;
}

.headline_32{
     text-align: right;
     margin-bottom: 30px;
     border-bottom-color: #000000;
}

.headline_40{
     text-align: center;
     padding-top: 5px;
     padding-left: 5px;
     padding-right: 5px;
     padding-bottom: 5px;
     border-width: 1px 1px 0px;
     border-style: solid;
     border-color: #4972b6 #4972b6 #cccccc;
     color: #ffffff;
     background-color: #4972b6;
}

.headline_41{
     text-align: center;
     padding-top: 5px;
     padding-left: 5px;
     padding-right: 5px;
     padding-bottom: 5px;
     border-width: 1px;
     border-style: solid;
     border-color: #cccccc;
     margin-bottom: 30px;
}


.headline_50{
     text-align: center;
     padding-top: 5px;
     padding-left: 5px;
     padding-right: 5px;
     padding-bottom: 5px;
     border-width: 1px;
     border-style: solid;
     border-color: #cccccc;
     background-color: #cccccc;
}

.headline_51{
     text-align: left;
     padding-top: 5px;
     padding-left: 5px;
     padding-right: 5px;
     padding-bottom: 5px;
     border-width: 1px;
     border-style: solid;
     border-color: #cccccc;
     margin-bottom: 30px;
}

.headline_52{
     text-align: center;
}

.headline_60 article {
     padding-left: 10px;
     border-left-width: 5px;
     border-bottom-width: 2px;
     border-left-style: solid;
     border-bottom-style: solid;
     border-color: #000000 #000000 #cccccc #ff8040;
     margin-right: 10px;
     margin-bottom: 10px;
     text-align: left;
     padding-bottom: 10px;
     padding-top: 10px;
}

.headline_60 h2 {
     font-size: 1em;
}

/* ライフイベント */
.headline_100{
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;

}

.headline_101{
     width: 300px;
     border-color: #000000 #000000 #cccccc #4972b6;
     margin-right: 10px;
     margin-bottom: 20px;
     text-align: left;
     padding-left: 10px;
     border-left-width: 5px;
     border-bottom-width: 2px;
     border-left-style: solid;
     border-bottom-style: solid;
     margin-top: 20px;
}

.headline_101a{
     width: 300px;
     border-color: #000000 #000000 #cccccc #ff8040;
     margin-right: 20px;
     margin-bottom: 20px;
     text-align: left;
     padding-left: 10px;
     border-left-width: 5px;
     border-bottom-width: 2px;
     border-left-style: solid;
     border-bottom-style: solid;
     margin-top: 20px;
}


.headline_102{
     border-top-width: 1px;
     border-top-style: dotted;
     border-top-color: #cccccc;
}

.headline_103{
     border-top-width: 1px;
     border-top-style: dotted;
     border-top-color: #cccccc;
}



/* 暮らし手続きサイドメニュー */



.menu_kurashi{
	width: 298px;
	margin: 0 auto;
	padding: 0;
}


dl.menu{
     color: #ffffff;
     text-align: center;background:#4972b6---;
}

dt.accordion{
     width: 290px;
     height: 30px;
     line-height: 30px;color:#FFF--;
     background-color: #4972b6;
     background-image: none;
     background-repeat: repeat;
     background-attachment: scroll;
     background-position: 0% 0%;
     background-size: auto auto;
     background-origin: padding-box;
     background-clip: border-box;
     -webkit-background-size: 100%;
     cursor: pointer;
     border-bottom-color: #ffffff;
     border-bottom-width: 3px;
     border-bottom-style: solid;
     border-top-color: #000000;
     border-right-color: #000000;
}

dt.accordion:nth-of-type(2){
	background:#4972b6;
}

dt.accordion:nth-of-type(3){
	background:#4972b6;
}
  
dd{
    width: 290px;
    background: url(  ) no-repeat;
}

dd ul li{
     list-style-type: none;
     list-style-position: outside;
     height: 30px;
     line-height: 30px;
     background-color: #ffffff;
     background-image: none;
     background-repeat: repeat;
     background-attachment: scroll;
     background-position: 0% 0%;
     text-align: left;
     padding-left: 0px;
     border-left-color: #000000;
     border-bottom-width: 1px;
     border-bottom-style: dotted;
     border-top-color: #000000;
     border-bottom-color: #cccccc;
     width: 290px;
}

dd .close{
	padding:10px;
	cursor: pointer;
}


#li_meu01{
     background-color: #cccccc;
     text-align: center;
     color: #000000;
}

#li_meu02{
     text-align: left;
     color: #000000;
}

/* サイドメニュー END */


p{
     text-align: left;
     /*margin-top: 20px;*/
     border-top-color: #000000;
}

/* パンくず */
.crumbs{
	background-color: #ffffff;
	text-align: left;
}

.separator:before {
    content: " ";
}

.separator:after {
    content: " ";
}

/* アンケート */

/* カテゴリー */
.categories {
    text-align: right;
}
.categories h2{
    display: none;
}

.nodes ul li{
    display: inline;
    margin-right: 1em;
    text-align: right;
}

.nodes ul li:first-child:before {
	content: "カテゴリー：";
}

/* アンケート */
#feedback h2 {
    display: none;
}

.columns dd {
    width: 100%;
    margin: none;
}

.columns fieldset {
    padding: 10px;
    border-width: 0px;
    border-style: none;
    border-color: none;
    border-image: none;
}
  
.send {
    text-align: center;
}

}


/* ウィンドウ幅が0〜375pxの場合に適用するCSS */
@media screen and ( max-width:375px )
{

#li_meu01{
     background-color: #cccccc;
     text-align: center;
     color: #000000;
}

#li_meu02{
     text-align: left;
     color: #000000;
}


/* ナビ*/
	.topicpath{
	
     text-align: left;
	
     border-top-width: 1px;
	
     border-top-style: dotted;
	
     border-top-color: #cccccc;
	
     border-left-color: #000000;
	
     padding-top: 10px;
	
     background-color: #ebebeb;
	
}

.topicpath ol li {
        /* liを横並び＆ブレットを消す */
        display: inline;
        list-style-type: none;
}

.topicpath ol li:before {
        /* liの前に記号追加 */
        content: " > ";
}

.topicpath ol li:first-child:before {
        /* 最初のliだけcontentを消す */
        content:"";
}

/*  見出し部分 */
.headline{
     border-width: 1px;
     border-style: solid;
     border-color: #4972b6;/* 枠線を引く */
     border-radius: 5px;/* 角丸の指定 */
     background-color: #4972b6;
     text-align: center;
     padding-left: 10px;
     font-weight: bold;
     color: #ffffff;
     font-size: 1.5em;
     margin-top: 20px;
     padding-top: 5px;
     padding-bottom: 5px;
     margin-bottom: 10px;
}

/* お知らせ */
.headline_01{
     border-top-left-radius: 5px;/* 左上 */
     border-top-right-radius: 5px;/* 右上 */
     border-width: 1px;
     border-style: solid;
     border-color: #4972b6;/* 枠線の装飾 */
     background-color: #4972b6;/* 背景色 */
     text-align: left;
     padding-left: 10px;
     width: 200px;
     color: #ffffff;
     font-weight: bold;
}

.headline_02{
     padding-top: 5px;
     padding-left: 5px;
     padding-right: 5px;
     padding-bottom: 5px;
     border-width: 1px 0px 0px;
     border-style: solid;
     border-color: #cccccc;
     text-align: left;
     margin-bottom: 20px;
}

.headline_03{
     border-bottom-width: 1px;
     border-bottom-style: dotted;
     border-bottom-color: #000000;
     border-top-color: #000000;
     padding-top: 5px;
     padding-bottom: 5px;
}

.headline_10{
     text-align: left;
     margin-bottom: 30px;
     border-left-width: 5px;
     border-bottom-width: 2px;
     border-left-style: solid;
     border-bottom-style: solid;
     border-left-color: #4972b6;
     border-bottom-color: #cccccc;
     padding-left: 15px;
     border-top-color: #000000;
}

.headline_11{
     padding-bottom: 5px;
     border-bottom-color: #4972b6;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-top-color: #000000;
     font-weight: bold;
}


.headline_20{
     text-align: left;
     margin-bottom: 30px;
     border-left-width: 5px;
     border-bottom-width: 2px;
     border-left-style: solid;
     border-bottom-style: solid;
     border-left-color: #ff8040;
     border-bottom-color: #cccccc;
     padding-left: 15px;
     border-top-color: #000000;
}

.headline_21{
     text-align: left;
     margin-bottom: 30px;
     border-left-width: 5px;
     border-bottom-width: 2px;
     border-left-style: solid;
     border-bottom-style: solid;
     border-left-color: #4972b6;
     border-bottom-color: #cccccc;
     padding-left: 15px;
     border-top-color: #000000;
}

.headline_LV3 article {
     padding-left: 10px;
     border-left-width: 5px;
     border-bottom-width: 2px;
     border-left-style: solid;
     border-bottom-style: solid;
     border-color: #000000 #000000 #cccccc #ff8040;
     margin-right: 10px;
     margin-bottom: 30px;
     text-align: left;
     padding-bottom: 10px;
     padding-top: 10px;
}

.headline_LV3 time {
     display: none;
}

.headline_LV3 h2 {
     font-size: 1em;
}

.headline_30{
     text-align: right;
     margin-bottom: 10px;
     border-bottom-color: #000000;
}

.headline_31{
     text-align: left;
     margin-bottom: 30px;
     border-color: #000000;
     padding-left: 10px;
     padding-right: 10px;
}

.headline_32{
     text-align: right;
     margin-bottom: 30px;
     border-bottom-color: #000000;
}

.headline_40{
     text-align: center;
     padding-top: 5px;
     padding-left: 5px;
     padding-right: 5px;
     padding-bottom: 5px;
     border-width: 1px 1px 0px;
     border-style: solid;
     border-color: #4972b6 #4972b6 #cccccc;
     color: #ffffff;
     background-color: #4972b6;
}

.headline_41{
     text-align: center;
     padding-top: 5px;
     padding-left: 5px;
     padding-right: 5px;
     padding-bottom: 5px;
     border-width: 1px;
     border-style: solid;
     border-color: #cccccc;
     margin-bottom: 30px;
}


.headline_50{
     text-align: center;
     padding-top: 5px;
     padding-left: 5px;
     padding-right: 5px;
     padding-bottom: 5px;
     border-width: 1px;
     border-style: solid;
     border-color: #cccccc;
     background-color: #cccccc;
}

.headline_51{
     text-align: left;
     padding-top: 5px;
     padding-left: 5px;
     padding-right: 5px;
     padding-bottom: 5px;
     border-width: 1px;
     border-style: solid;
     border-color: #cccccc;
     margin-bottom: 30px;
}

.headline_52{
     text-align: center;
}
  
.headline_60 article {
     padding-left: 10px;
     border-left-width: 5px;
     border-bottom-width: 2px;
     border-left-style: solid;
     border-bottom-style: solid;
     border-color: #000000 #000000 #cccccc #ff8040;
     margin-right: 10px;
     margin-bottom: 10px;
     text-align: left;
     padding-bottom: 10px;
     padding-top: 10px;
}

.headline_60 h2 {
     font-size: 1em;
}
  
.headline_101{
     width: 100%;
     border-color: #000000 #000000 #cccccc #4972b6;
     margin-right: 10px;
     margin-bottom: 20px;
     text-align: left;
     padding-left: 10px;
     border-left-width: 5px;
     border-bottom-width: 2px;
     border-left-style: solid;
     border-bottom-style: solid;
     margin-top: 20px;
}


.headline_101a{
     border-color: #000000 #000000 #cccccc #ff8040;
     margin-right: 20px;
     margin-bottom: 20px;
     text-align: left;
     padding-left: 10px;
     border-left-width: 5px;
     border-bottom-width: 2px;
     border-left-style: solid;
     border-bottom-style: solid;
     margin-top: 20px;
}

.headline_102{
     border-top-width: 1px;
     border-top-style: dotted;
     border-top-color: #cccccc;
}

.headline_103{
     border-top-width: 1px;
     border-top-style: dotted;
     border-top-color: #cccccc;
}


/* 暮らし手続きサイドメニュー */


.menu_kurashi{
	width: 100%;
	margin: 0 auto;
	padding: 0;
}


dl.menu{
     color: #ffffff;
     text-align: center;background:#4972b6---;
}

dt.accordion{
     width: 100%;
     height: 30px;
     line-height: 30px;color:#FFF--;
     background-color: #4972b6;
     background-image: none;
     background-repeat: repeat;
     background-attachment: scroll;
     background-position: 0% 0%;
     background-size: auto auto;
     background-origin: padding-box;
     background-clip: border-box;
     -webkit-background-size: 100%;
     cursor: pointer;
     border-bottom-color: #ffffff;
     border-bottom-width: 3px;
     border-bottom-style: solid;
     border-top-color: #000000;
     border-right-color: #000000;
}

dt.accordion:nth-of-type(2){
	background:#4972b6;
}

dt.accordion:nth-of-type(3){
	background:#4972b6;
}
  
dd{
    width: 100%;
    background: url(  ) no-repeat;
}

dd ul li{
     list-style-type: none;
     list-style-position: outside;
     height: 30px;
     line-height: 30px;
     background-color: #ffffff;
     background-image: none;
     background-repeat: repeat;
     background-attachment: scroll;
     background-position: 0% 0%;
     text-align: left;
     padding-left: 0px;
     border-left-color: #000000;
     border-bottom-width: 1px;
     border-bottom-style: dotted;
     border-top-color: #000000;
     border-bottom-color: #cccccc;
     width: 100%;
}

dd .close{
	padding:10px;
	cursor: pointer;
}
/* サイドメニュー END */

}