@charset "UTF-8";



/*---------- ページ全体の指定 ----------*/

html, body, header, section, article, nav, footer,
div, span, p, h1, h2, h3, h4,
ul, ol, li, dl, dt, dd,
table, tr, th, td, tbody, thead, tfoot {
  margin: 0;
  padding: 0;
  text-shadow:none;
}

header,
section{
	margin:0 auto;
	width:95%;
}

div.bread{
	margin-bottom: 15px;
}


.highlight_menu{
	margin:1em 0 2em 0;
	overflow: hidden;
}

.highlight_menu ul{
	text-align:center;
	margin:0;
	padding:0;
}

.highlight_menu ul li {  
	width: 45%;
	display:inline-block; 
	background: #CEDAE3;
}  

.highlight_menu ul li.current{
	background: #3B5FA6;
}

.highlight_menu ul li a {  
	display:block;  
	text-decoration: none;
	padding: 5px;
}  

.highlight_menu ul li.current a{
	color: #fff;
}

.ttl_link{
	font-size:12px;
	float: right;
	line-height: 2.4em;
}

.homenav{
	 margin-top:10px;
	 margin-bottom:0px;
	 font-size:12px;
	background:url(pc.gif) no-repeat;
	width:109px;
	min-height:36px;
	padding-top:8px;
	float:right;
	z-index:2;
	position:relative;
}

.homenav a{
	padding-left: 35px;
}

.homenav a:link{
	color: #fff;
	text-decoration: none;
}

.homenav a:visited{
	color: #fff;
	text-decoration: none;
}

.ir_ttl{
	background: #147A3D;
	color: #fff;
	margin-bottom: 10px;
	padding: 3px 0 3px 3px;
	font-weight: bold;
	margin-top: -20px;
	position:relative;
}

.ir_subttl{
	background: #A3E1C3;
	margin-bottom: 10px;
	padding: 2px 0 2px 10px;
	font-weight: bold;
	font-size: 13px;
	border-left: 3px solid #0C5852;
}


section{
	clear:both;
}

div.ui-grid-a{
	background: #EBF5FC;
	padding-top:10px;
	margin-bottom:15px;
	font-size:11px;
	line-height:120%;
}

div.ui-grid-b{
	background: #EBF5FC;
	padding-top:10px;
	margin-bottom:15px;
	font-size:11px;
	line-height:120%;
}



div.ui-block-a,
div.ui-block-b,
div.ui-block-c,
div.ui-block-d{
	text-align:center;
	margin-bottom:0.5em;
}

header h1{
/*	-background:#FFF url(index.gif) no-repeat;
	 background-size:cover;
	margin-top:5px;
	margin:5px;
	height:200px;
	height:140px;
	text-indent:-9999px;
	margin-bottom:10px;*/

}
header img{
	max-width:100%;
}


html.ui-mobile{
	background:#FFFFFF;
}

img {border: 0;}

body {


  font: 14px/1.231 'ヒラギノ角ゴ pro W3', "Hiragino KaKu Gothic Pro", Osaka, sans-serif;
  line-height: 1.7;
}

a:link {
  color: #192f60;
}

a:hover {
  color: #1e50a2;
}

a:visited {
  color: #192f60;
}


/*---------- ヘッダー ----------*/

header {

}

header h1 {
  padding: 5px 0 5px 0;
  text-align: center;
  color: #333333;
  font-size: 18px;
}

header h1 a {
  color: #333333 !important;
  text-decoration: none;
  font-size: 18px;
}

header h1 a:hover {
  color: #1e50a2 !important;
  text-decoration: underline;
  font-size: 18px;
}

#page_top {
  margin: 0;
  padding: 0;
}


/*---------- コンテンツ ----------*/

article {

/*  margin: 0 0 8px 0;*/
}

section {

/*  margin: 0 0 8px 0;*/
}

section h2 {
  margin: 0 0 8px 0;
  padding: 5px 0 3px 0;
  font-size: 17px;
  color: #0066cc;
  border-bottom: #0066cc 2px solid;
  

}

section h3 {
  margin: 0 0 10px 0;
  padding: 5px 0 3px 0;
  font-size: 13px;
  border-bottom: #0066cc 1px solid;
  

}

section p {
  padding: 3px 8px 3px 8px;
  line-height: 1.7;
}

section .gray_bg {
  margin: 8px 0 8px 0;
  padding: 2px 8px 2px 8px;
  line-height: 1.7;
  letter-spacing: 1px;
  border-top: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  background-color: #eeeeee;
}

section .gray_bg p {
  padding: 3px;
  line-height: 1.7;
  letter-spacing: 1px;
}

section img.picture {
  margin: 0 10px 10px 0;
  float: left;
}

section img.picture_r {
  margin: 0 0 10px 10px;
  float: right;
}

section span.red {
  color: #e60033;
}

section span.red_b {
  color: #e60033;
  font-weight: bold;
}

section span.blue {
  color: #007bbb;
}

section span.pink {
  color: #c53d43;
}

section span.brown {
  color: #993300;
}

section span.brown_b {
  color: #993300;
  font-weight: bold;
}

section span.green {
  color: #00ae4f;
}

section table.table_line {
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #bbbbbb;
  margin : 8px  0 8px 0;
}

section td.table_line {
  border-collapse: collapse;
  border: solid 1px #bbbbbb;
  padding : 8px 10px 8px 10px;
}


/*---------- ナビ ----------*/

nav {

	text-decoration: none;
	background:#EFEFEF;
	padding-bottom:15px;
}

nav h2 {
  padding: 5px 0 3px 14px;
  font-size: 14px;
  color: #ffffff;
  border-bottom: solid 1px;
  border-bottom-color: #cccccc;
  background: url(h_bg_gray.gif) center repeat-x;
}

/*---------- トップに戻る ----------*/

#page_back {
  margin: 0 0 8px 0;
  padding: 0 6px 0 0;
  text-align: right;
}


/*---------- フッター ----------*/

footer {
  padding: 10px 0 10px 0;
  text-align: center;
  border-top: 1px solid #0066CC;
  background: #fff;
}


footer p.copy {
  font-size: 10px;
  color: #0066CC;
}




/* アコーディオン */
.list6 dl.acordion{
 margin: 0 10px 0 10px;
 }
 .list6 dt.trigger {
 background: #EFEFEF -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#EFEFEF));
 background: #EFEFEF linear-gradient(#fff, #EFEFEF);
 border-radius: 10px;
 text-align: left;
 border: 1px solid #ccc;
 color: #333; /* メニューの色　*/
 margin-bottom: 0;
 padding: 10px;
 cursor: pointer;

 }

 .list6 dt.trigger img{
 vertical-align:middle;
 }
 
 .list6 dt.trigger a{
	  color: #333; /* メニューの色　*/
	  text-decoration:none;
	   display:block;
 }
 
 
 
 .list6 dt.active{
 border-radius: 10px 10px 0 0;
 }
 .list6 dt.trigger span.open-close {
 background: url(point_plus.png) no-repeat right top;
 float: right;
 width: 20px;
 height: 20px;
 text-indent: -9999em;
 }
 .list6 dt.active span.open-close {
 background: url(point_none.png) no-repeat right top;
 float: right;
 width: 20px;
 height: 20px;
 }   
 .list6 dd.acordion_tree{
 padding: 10px;
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
 background: #EFEFEF linear-gradient(#fff, #f0f0f0);
 border: 1px solid #ccc;
 border-top: none;
 font-size:12px;
 }

/* 矢印つきリスト */
.list1 ul{
	border-bottom: 1px solid #ccc;
	}
	.list1 ul li{
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
		background: linear-gradient(#fff, #f0f0f0);
		border-bottom: 1px solid white;
		border-top: 1px solid #ccc;
		margin: 0;
	}
	.list1 ul li a{
		color: #333;
		display: block;
		height: 44px;
		margin: 0;
		padding: 0 0 0 10px;
		overflow: hidden;
		text-overflow: ellipsis;
		text-decoration: none;
		white-space: nowrap;
		line-height: 44px;
	}

	.list1 ul li.narrow a{
		line-height: 2px;
	}
	.list1 ul li a::after{
		content: url(list_mark1.png);
		float: right;
	}
	.list1 ul li.narrow a::after{
		content: url(list_mark1.png);
		float: right;
		margin-top: -23px;
	}