@charset "UTF-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2 , h3 , h4 , h5 , h6 , p, pre, form, fieldset, input, textarea, blockquote, th, td { 
	margin: 0;
	padding: 0;
}

body {
	/* color: #333; */
	font-size:13px;/*基本文字サイズ*/
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',osaka,sans-serif;
	line-height: 1.5em;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img { 
	border: 0;
	vertical-align: bottom;
}

address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;}
ul {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 1em;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}

textarea {
	font-size: 100%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',osaka,sans-serif;
}

sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}


/*========== base.css ==========*/

body	{
	margin:0 auto;
	text-align:center;
	background:url(img/bg_body.jpg) repeat-x top left;
	color:#44505f;
	}
a:link,a:visited {color:#3265aa;}
a:hover {color:#44505f;}
em	{color:#000;}
.mt1	{ margin-top:1em; }
.mt2em	{margin-top:2em;}	
.mb2em	{margin-bottom:2em;}
.ml1	{ margin-left:1em; }
.ml2em	{ margin-left: 2em; }
.mb1	{ margin-bottom:1em; }
.tright	{text-align:right;}
.tcenter	{text-align:center;}
.lh_w	{line-height:1.8em;}
.clear	{clear:both;}
.red	{ color: #C14543; }
.txtSm	{ font-size: 11px;}

p	{ margin-bottom: 1em; }
h5	{ 
	margin-bottom: 0;
	padding-bottom: 0;
	}


/*コンテンツ全体*/


div#header,div#container,div#footer	{margin:0 auto;}
div#container,div.content	{text-align:left;}
div#container,div#header,div#footer	{width:950px;}	
div#container	{background:#fff;}	
div#content	{
	margin:30px;
	width:890px;
	text-align:left;
	overflow:hidden;
	}
div#main	{
	float:right;
	width:640px;
	min-height:400px;
	}
div#sidenav	{
	margin:0 30px 0 0;
	float:left;
	width:220px;
	}
	
#main h3	{
	margin-bottom:1em;
	padding:2px 0 0 5px;
	font-size:15px;
	border-left: solid 5px #849E91;
}
#main h3 span	{
	font-size:13px;
	font-weight:normal;
	color:#5c5c5c;
	}
#main h4	{
	margin-bottom:1em;
	font-size:13px;
}
#main h4 span	{color:#849E91;}
.txtSm	{ font-size:11px; }
.ls_01	{letter-spacing: -0.06em;}

/*ヘッダ*/

div#header	{
	width:950px; height:105px;
	background:url(img/bg_header.jpg) no-repeat;
	background-size: cover;
	}
	
/* list */
ol	{
	margin:1em 2em;
	line-height:1.8em;}	
li.maru	{
		padding-left:1em;
		padding-bottom:0.5em;
		text-indent:-1em;
		}
ul.nbr	{margin:20px 1em;}
ul.nbr li	{
		padding-left:2em;
		padding-bottom:0.5em;
		text-indent:-2em;
	}			
	
/* top */	
div#topimg {
	float:left; 
	width:320px; 
	height:500px;
	}
div#topmain	{
	float:left; 
	margin-left:30px;
	width:540px;
	}	
div#topmain h2	{
	margin-bottom:20px;
	padding:17px 20px 12px;
	width:500px;
	font-size:17px;
	letter-spacing:0.1em;
	background:url(img/bg_h2_01.jpg) no-repeat;
	}	
div#topmain dl	{width:540px;}
div#topmain dt	{
	padding-top:1em;	
	width:10em;
	float:left;
	font-weight: bold;
}
div#topmain dd	{
	padding:1em 0 1em 10em;
	border-bottom: 1px dotted #CCC;
}	
	
/*contents*/

div#main h2	{
	margin-bottom:20px;
	padding:17px 20px 12px;
	width:600px;
	font-size:17px;
	letter-spacing:0.1em;
	background:url(img/bg_h2_02.jpg) no-repeat;
	}
div.infobox	{
	margin-bottom:30px;
	padding-bottom:1em;
	border-bottom: dotted 1px #ccc;
	}
div.infobox dt	{
	color:#537eb9;
	font-size:12px;
	}	
div.infobox dd	{
	margin:0.5em 0 1em;
	font-weight:bold;
	}	
div.phbox	{
	margin-right:18px;
	width:270px;
	float:left;
	}
ul.ph_area	{
  overflow: hidden;
  _zoom: 1;
	width:270px;
  }
ul.ph_area li {
	margin-bottom:10px;
	width:270px;
	text-align:center;
	vertical-align:middle;
  }
	
dl.lst01	{
	margin:1em;
	width:640px;
	}
dl.lst01 dt	{
	padding-top:0;	
	width:8em;
	float:left;
	font-weight: bold;
	}
dl.lst01 dd	{padding:0 0 0.5em 8em;}
ol li dt	{
	padding-top:0;	
	width:12em;
	float:left;
	font-weight: bold;
	}
ol li dd	{padding:0 0 0.5em 12em;}
.phRight	{
	float:right;
	padding-left:20px;
	padding-bottom:20px;
	}
	
.imgCenter	{
	margin:2em auto;
	text-align:center;
	}	
.attention	{
	margin:1em;
	padding:1em;
	color:#C14543;
	font-size:18px;
	font-weight:bold;
	border:solid 5px #C14543;
	}
.img_box	{
	display: flex;
	align-items: flex-start; 
}
.img_box img	{
	width: 100%;
	height: 100%;
}

/* add class 20241122 */

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #000000;
  font-size: 13px;
  border-radius: 4px;
  width: 170px;
  height: 25px;
  border: 1px solid #bbbbbb;
  background-color: [object object];
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 1) 50%, rgba(237, 236, 236, 1));
}
.btn a { 
	text-decoration: none;
	color:#000 !important; }



/* table */	
table.t01 {
	margin:0 0 1em;
	border: 1px solid #ccc;
	background-color:#fff;
	width:99%;
	}
table.t01 th,table.t01 td	{
	padding:10px 5px;
	vertical-align: top;
	border: 1px solid #ccc;
	}
table.t01 td > ol	{ margin: 0 0 0 1.5em; line-height:1.6em; }	
th {background: #F4F9F1;}
.w5em	{width:5em;}
.t01 td	{line-height:1.6em;}


div.gotop	{
	clear:both;
	margin:10px 0;
	padding-right:22px;
	text-align:right;
	font-size:11px;
	background:url(img/lst_gotop.gif) no-repeat right;
	}
	
/* footer */
div#footer	{
	padding:20px 30px;
	width:890px;
	height:20px;
	text-align:right;
	background:#999 url(img/bg_footer.jpg) no-repeat top center;
	}

div#footer p	{
	font-size:85%;
	letter-spacing:0.1em;
	color:#fff;
	}

/*cleafix*/
.clearfix:after	{
content:"";
display:block;
height:0;
clear:both;
visibility:hidden; 
}