
/*-------------------------------
         セレクタdefault
--------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
 font-family:"MS PGothic", sans-serif;
	font-style: normal;
}

img {
	border: none;
	vertical-align:bottom;
}


ul, ul li,
ol, ol li {
	list-style: none;
}

address, em {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
	outline: none;
}

a:link,
a:visited {
	color: #143DA7;
}

a:hover, a:focus,
a:active {
	color: bule;
	text-decoration: none;
}	


/*------------------------------
          ページ全体
--------------------------------*/
body {
	text-align: center;
	color: #333;
	font-size: 80%;
}

html {
	overflow-y: scroll;
}


/*------------------------------
　　　共通classスタイル
--------------------------------*/

/*非表示設定--------------------*/

.hidden {
	display: none;
}


/*フロートクリア----------------*/

.clear {
	clear: both;
}

/*音声スキップナビゲーション----*/
.skip {
	border-style:none;
	height: 1px;
	width: 1px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 100;
}
.center {
	text-align: center;
}
.red {
	color: red;
}
div#wrapper a.under {
	text-decoration: underline;
}

/*パンくずリスト----------------*/

#path li {
	display: inline;
}
#pankuzu
{
	width:95%;
	margin:5px 10px;
	clear: both;
}

/*-------------------------------
       ページ全体レイアウト
--------------------------------*/
div#wrapper {	
	position: relative;
	width: 960px;
	margin: 5px auto 0;
	text-align: left;
	color:#000;
}
div#header {
	position: relative;
	width: 100%;
	margin: 0;
	color: #1B317E;
}
div#contents {
	float: right;
	width: 760px;
	padding: 10px 0 20px;
}
div#leftnavi {
	position: relative;
	float: left;
	width: 186px;
}


/*ISC用*/
div#content {
	position: relative;
	clear: both;
	width: 960px;
	padding: 15px 0 0;
}

div.notice{
	position:absolute;
	padding:5px;
	border: solid 1px #f88;
	top:150px;
	left:280px;
	font-size:12px;
	line-height:14px;
	color:#f00;
}

/*幅750px用囲み*/
.contents750 {
	width: 750px;
	padding:10px 0 25px 10px;
	line-height:1.5em;
}
/* パンくずリスト指定開始 */

#topicPath {  
	margin:2px 0 5px 0;
	padding:0 0 5px 10px;
}

#topicPath a{ 
	text-decoration: underline;
	outline: none;
} 
#topicPath li {
	display: inline;
	width: auto;  
	line-height:130%;  
	list-style-type:none;  
	margin-right:5px;  
	padding-right:10px;
	background:url(../../img/topicpath.gif) no-repeat right center;
}

#topicPath li.active {  
	background:none;
} 
#topicPath li.active strong{  
	font-weight:normal;
} 

#topicPath2 {  
	font-size:85%;
	margin:0;
	padding:0 0 5px 10px;
}
#topicPath2 li {
	display: inline;
	width: auto;  
	line-height:110%;  
	list-style-type:none;  
	margin-right:5px;  
	padding-right:10px;
	background:url(../../img/topicpath.gif) no-repeat right center;
}

#topicPath2 li.active {  
	background:none;
} 

#topicPath2 a { 
	text-decoration: underline;
	outline: none;
}

/* フッター指定 */



/*-------------------------------
       フッターカテゴリ部分
--------------------------------*/
div#footer div#footer_categori{
	width:960px;
	height:60px;
	margin-bottom:10px;
}
div#footer div#footer_categori ul li{
	float:left;
	width:120px;
	height:25px;
}
div#footer div#footer_categori ul li.first-cate{
	clear:both;
}
div#footer ul#footer_navi li{
	width:480px;
	float:left;
	margin-bottom:5px;
}
div#footer ul#footer_navi li#fn_left{
	text-align:left;
}
div#footer ul#footer_navi li#fn_right{
	text-align:right;
}

div#footer div#footer_link_box{ width:880px; margin:0 auto; overflow:hidden}
div#footer div#footer_link_box ul#link1{float:left; width:248px}
div#footer div#footer_link_box ul#link2{float:right; width:620px;}
div#footer div#footer_link_box ul#link1 li,
div#footer div#footer_link_box ul#link2 li{float:left; width:124px; text-align:center}
div#footer div#footer_link_box ul#link1 li img,
div#footer div#footer_link_box ul#link2 li img{ margin-bottom:4px}
div#footer div#footer_link_box ul#link2 li#dot_title{float:none; width:616px; margin:0 2px; text-align:left}
div#footer div#footer_link_box ul#link2 li#dot_title p{ border:1px solid #CCC; font-size:10px; padding:2px; margin-bottom:3px}
/*廃棄*/
div#footer ul#link {
	float: left;
	width: 900px;
	padding: 15px 30px;
	border-top: 1px solid #aaa;
	border-bottom: 3px solid #F96067;
}
div#footer ul#link li {
	float: left;
	padding: 0 5px 5px 0;
}
div#footer ul#link li.right-m {
	margin-right: 220px;
}
div#footer ul#link li.netmile {
	padding: 18px 0 0;
} 
div#footer p#copy {
	clear: both;
	padding: 5px 0 20px 500px;
	border-top: 5px solid #525252;
	text-align: right;
}
div#footer p#info {
	position: relative;
	top: -35px;
	padding: 0 500px 0 0;
	text-align: left;
}  
div#footer p#footer_link {
	position: relative;
	top: -35px;
	text-align: right;
	font-size:80%;
}
div#footer2 {
	clear: both;
	margin: 50px 0 0;
	padding: 10px 30px 20px;
	border-top: 1px dashed #aaaaaa;
	text-align: right;
}


/***************/
/* FOOTER 2012 */
/***************/
#footer{
	padding-top:20px;
	}

#footer li{
	float:left;
	text-align:left;
	}

#footer .footer_categori,
#footer .footer_navi,
#footer .footer_link{
	width:960px;
	padding:6px 0;
	overflow:hidden
	}
#footer .footer_categori li{
	width:120px; 
	overflow:hidden
	}
#footer .footer_navi li.fn_right{
	float:right
	}
#footer .footer_navi li.fn_left{
	padding-left:10px;
	}

#footer .footer_link{
	border-top:dashed 1px #666;
	}
#footer .footer_link_l{
	float:left;
	width:250px;
	overflow:hidden
	}
#footer .footer_link_l li{
	width:125px;
	padding-bottom:3px;
	}
#footer .footer_link_r{
	float:right;
	width:690px;
	overflow:hidden
	}
#footer .footer_link_r li{
	width:138px;
	text-align:right;
	padding-bottom:8px;
	}


#footer .footer_link_sns{
	float:right;
}

#footer .footer_link_sns li{
	margin-left:20px;
}

#footer .copy{
	margin-top:5px;
	padding:8px 0 25px 0;
	border-top:1px solid #999;
	color: #aaa;
	}

#footer .copy span.copyright{
	display:block;
	float:right;
	font-size: 11px;
	color: #aaa;
	}

#footer .copy span.umenu{
	display:block;
	float:left;
	}

#footer .copy a{
	font-size: 11px;
	color: #333;
	}

#footer .copy a:hover{
	color: #b33;
	text-decoration : underline ;
	}


/*-------------------------------
       ol
--------------------------------*/    
#topicPath.shosai-pankuzu {
    min-height: calc( 2 * 1.714em);
    margin-bottom: 0;
}


#topicPath {
    margin: 1em 0;
    padding: 1em 0 0 0;
}


body *, body {
    font-size: 14px;
    letter-spacing: 0.06em;
    line-height: 1.714em;
}


/*-------------------------------
       当サイトについて〜関サイト
--------------------------------*/ 
div#sitemap ul.inde li {
    float: left;
    margin: 0;
    padding: 0 0 15px;
    width: 192px;
    padding: 0 0 15px;
}


/*-------------------------------
       当サイトについて
--------------------------------*/ 
div#sitemap h2 {
    clear: both;
    font-size: 130%;
    font-weight: bolder;
    /* border: 1px solid #CCCCCC;
    border-top: 3px solid #C72410; */
    /* border-bottom: none; */
    border-bottom: 2px solid #333;
    /* background: url(../../img/sitemap_bk.jpg) repeat-x left bottom; */
    padding: 4px 15px 5px;
    
}


#sitemap h3:before {
    content: " - ";
}


#kiyaku .guide h2:before, .guide h2:before {
    content: " ■ ";
}


#sitemap ul, ul li, ol, ol li {
    list-style: none;
}


#sitemap .inde {
    gap: 10px;
    display: flex;
    margin: 30px 0;
    margin-bottom: 25px;
}


div#sitemap ul.inde li {
    float: left;
    margin: 0;
    width: calc(100%/5);
    padding: 0.3rem 0;
}


#sitemap ul.inde > li {
    padding: 10px 30px;
    border: solid 1px #222;
    border-radius: 5px;
    /* transition: 0.2s;
    color: #222; */
    width: calc(100%/5);
    text-align: center;
}


#sitemap ul.inde > li a{
    color: #222 !important;
}


#sitemap .inde > li:hover {
    background: #222;
}


#sitemap .inde > li:hover a {
    color: #FFF !important;
}


div#sitemap h3 {
    padding: 10px;
    font-size: 120%;
    font-weight: bolder;
    color: #333;
}


div#sitemap ul.sitemap_in {
    float: left;
    /* width: 958px; */
    padding: 0 0 15px;
    margin-bottom: 20px;
    /* border: 1px solid #CCCCCC; */
    border-top: none;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}


#sitemap .sitemap_in > li {
    width: calc(100%/3);
}


div#sitemap ul.sitemap_inn {
    float: left;
    /* width: 958px; */
    padding: 0 0 15px;
    margin-bottom: 20px;
    /* border: 1px solid #CCCCCC; */
    border-top: none;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}


.sitemap_inn > li {
    width: calc(100%/2);
}


div#wrapper {
    position: relative;
    width: 960px;
    margin: 5px auto 0;
    text-align: left;
    color: #000;
}


#sitemap a, 
#sitemap a:visited, 
#sitemap a:link {
    padding: 0 1.1rem;
    text-decoration: none;
    transition: 0.2s;
}

#sitemap h2::before{
    content: "■";
    padding: 5px;
}


#sitemap h3 {
    display: block;
    font-size: 1.17em;
    font-weight: bold;
}

#sitemap li {
    display: list-item;
    text-align: -webkit-match-parent;
}


#sitemap .sitemap_sonota {
    /* border: solid 1px #222;
    border-radius: 5px; */
    padding: 10px 30px;
    width: calc(100%/1);
	gap: 10px;
    display: flex;
    margin: 10px 0;
}


#sitemap.sitemap_sonota > li {
	color: #222 !important;
}


#sitemap ul.sitemap_sonota > li {
    padding: 10px 30px;
    border: solid 1px #222;
    border-radius: 5px;
    /* transition: 0.2s;
    color: #222; */
    text-align: center;
}


#sitemap ul.sitemap_sonota > li a{
    color: #222 !important;
}


#sitemap .sitemap_sonota > li:hover {
    background: #222;
}


#sitemap .sitemap_sonota > li:hover a {
    color: #FFF !important;
}
