@charset "utf-8";


/* ==========================================

  “Common” CSS

========================================== */


/* web-font
========================================== */
/*Noto Sans Japanese (IE9+ ~)*/
@font-face {
   font-family: 'kodawari';
   font-style: normal;
   font-weight: 500;
   src: url(../_fonts/NotoSansCJKjp_silver-Medium.woff2) format('woff2'),
        url(../_fonts/NotoSansCJKjp_silver-Medium.woff) format('woff'),
        url(../_fonts/NotoSansCJKjp_silver-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'kodawari';
   font-style: normal;
   font-weight: 700;
   src: url(../_fonts/NotoSansCJKjp_silver-Bold.woff2) format('woff2'),
        url(../_fonts/NotoSansCJKjp_silver-Bold.woff) format('woff'),
        url(../_fonts/NotoSansCJKjp_silver-Bold.otf) format('opentype');
 }
	
/* Default 
========================================== */
html	{	background:#bfed93; min-width:860px;} 


body	{	text-align:center; line-height:1.5; padding-top:6px;
			color:#000;}


	/* Text Module
	---------------------------------------- */
	p	{	margin:1em 0;}
	em 		{	font-style:italic;}
	strong	{	font-weight: bold;}


	/* Image Module
	---------------------------------------- */
	img 		{	vertical-align:top;}


	/* Hypertext Module
	---------------------------------------- */
	a:link			{	text-decoration:underline	}
	a:visited		{	text-decoration:underline;	}
	a:hover,
	a:active		{	text-decoration:underline;	}



/* Content　Base
========================================== */

	/* Header
	---------------------------------------- */
	#header		{	width:840px; text-align:left; margin:0 auto; overflow:hidden; height:20px;}
	#header li	{	float:right; min-width:119px; text-align:center; line-height:20px; vertical-align:middle;
					font-family: "kodawari"; font-weight:500;}
	#header li a{	text-decoration:none; display:block;}

	/* Container
	---------------------------------------- */
	.container		{	width:840px; text-align:left; margin:0 auto;}
	


	/* Footer
	---------------------------------------- */
	.footer		{	width:840px; text-align:left; margin:20px auto 0; overflow:hidden; padding:5px 0;}
	.footer img	{	float:left; margin:2px 0 0 5px;}
	.footer p	{	margin:0 5px 0 0; float:right; width:624px; text-align:right; vertical-align:middle; font-size:12px;}





/* 2nd,3rd　Base
========================================== */
h1#title	{	margin:6px 0 4px 0;}

	/* Navi
	---------------------------------------- */
	.navi			{	width:230px; float:left; line-height:1.2; font-family: "kodawari";}


	/* Right Content Base , Titles
	---------------------------------------- */
	.main			{	width:599px; border:1px solid #767676; background:#fff; float:right; padding-bottom:20px; padding-top:8px; position:relative;}
	.main h2		{	font-family: "kodawari"; font-weight:700;}
	.main h3		{	font-family: "kodawari"; font-weight:500;}
	.main .in		{	width:559px; margin:20px 0 0 20px;}
	.main .in h4	{	font-size:108%; font-weight:bold; border-bottom:1px solid #767676; margin:2em 0 1em 0;}


	/* Right Content Base , parts
	---------------------------------------- */
	.contactUsBottom		{	border-top:1px solid #000; padding:15px 0 0; text-align:center; margin:40px auto; font-weight:bold; clear:both;}

	/* pageTop
	---------------------------------------- */
	#pageTop	{	text-align:right; position:absolute; right:10px; bottom:0; }
	

	/* Float
	----------------------------------------*/
	.fPbox	{	width:100%; overflow:hidden;}
	.fL		{	float:left;}
	.fR		{	float:right;}
	.fLimg	{	float:left; margin:0 15px 10px 0;}
	.fRimg	{	float:right; margin:0 0 10px 15px;}
	
	.clearFix:after	{	content:url("../_common/spacer.gif");
							display:block;
							clear:both;
							height:0; }
	
	.clearFix		{	display: inline-block;} 
	
	/* Hides from IE-mac \*/
	* html .clearFix {height: 1%;}
	.clearFix {display: block;}
	 /* End hide from IE-mac */



	/* Text Module
	----------------------------------------*/
	.textR	{	text-align:right;}
	.textC	{	text-align:center;}
	.fs15	{	font-size:15px;}

	.tI p	{	text-indent:1em;}

	
	/* Tables Module
	---------------------------------------- */
	.tableDf		{	margin-top:0.5em;}
	.tableDf td,
	.tableDf th		{	padding:5px 10px; border:1px solid #ccc; vertical-align:top;}
	.tableDf th		{	font-weight:bold; background:#efefef; white-space:nowrap;}

	.tableDf thead th,
	.tableDf thead td	{	background:#efefef; font-weight:bold;}
	
	.tableType1			{	margin-top:0.5em;}
	.tableType1 td,
	.tableType1 th		{	padding:5px 10px; border-bottom:1px dotted #ccc; vertical-align:top;}
	.tableType1 th		{	font-weight:bold; border-bottom:1px solid #ccc; white-space:nowrap;}
	.tableType1 tr:first-child td	{	border-top:1px dotted #ccc;}
	.tableType1 tr:first-child th	{	border-top:1px solid #ccc;}
		.tbOpw100	{	width:100%;}


	/* List Module
	---------------------------------------- */
	.listDf			{	margin:0.5em 0;}
	.listDf > li	{	list-style:disc; margin:0 0 0 20px;}
	
	.listDeci		{	margin:0.5em 0;}
	.listDeci > li	{	list-style:decimal; margin:0 0 0 30px;}
	
	.listCom		{	padding-left:1em; margin:0.5em 0;}
	.listCom > li	{	text-indent:-1em;}
	
	.liOp1em > li	{	margin-top:0.5em;}
	.liOp05em > li	{	margin-top:0.5em;}

	/* Various
	----------------------------------------*/
	.bBox		{	border:1px solid #cccccc; padding:1em; margin-top:2em; background:#f7f5f5;}
	.pageTop	{	text-align:right; margin-right:20px;}
	
	.acrobat		{	width:100%; margin:0 auto; padding-top:10px; clear:both;  }
	.acrobat div	{	overflow:hidden; padding:10px 0; border:1px dotted #767676;}
	.acrobat p		{	float:left; width:400px; font-size:10px; margin:0 10px; line-height:1.2;}
	.acrobat img	{	float:left; margin:0 10px;}
	
	.links 		{	text-align:right;}
	.links a	{	padding-left:20px; position:relative;}
	.links a:before
				{	content:""; width:17px; height:17px; display:block; position:absolute; top:0; left:0;
					background:#000;} /*背景色はサイトにあわせて変更する*/
	.links a:after
				{	content:""; width:17px; height:17px; display:block; position:absolute; top:0; left:0;
					background:url(../_common/linkarrow_w.svg) no-repeat;
					background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto;}

	a.btn			{	border:1px solid #ccc; font-size:108%;
						border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
						box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
						display:inline-block; padding:10px 20px;
						background: rgb(255,255,255); 
						background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
						background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
						background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
						background:#efefef\9;
						position:relative;}
	a.btn:link		{	text-decoration:none; color:#000000;	}
	a.btn:visited	{	text-decoration:none; color:#000000;	}
	a.btn:hover,
	a.btn:active	{	text-decoration:none; color:#ca1717; background:#fff;	}
	
	a.btn.pdf:before{	content: ""; background: url("../_common/icon_pdf.gif"); background-size: 100% auto;
						width:16px; height:16px;display:inline-block; margin-right:5px; vertical-align:middle; margin-top:-2px;  }
	a.btn.word:before{	content: ""; background: url("../_common/icon_doc.gif"); background-size: 100% auto;
						width:16px; height:16px;display:inline-block; margin-right:5px; vertical-align:middle; margin-top:-2px;  }

	a.map			{	display:inline-block; text-decoration:none; font-size:9px; font-weight:bold; vertical-align:middle;
						border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;
						border:1px solid #000; background:#fff; padding:0 5px; }
	a.map:link		{	color:#000000;	}
	a.map:visited	{	color:#000000;	}
	a.map:hover,
	a.map:active	{	color:#ce0707;	}
	

/* subMenu(2nd)
========================================== */
.subMenu		{	padding:2px 20px 2px 2px; background:#e6e6e6; margin:0 auto; width:506px;}
.subMenu img	{	float:left; margin:0 20px 0 0;}
.subMenu h4		{	float:right; width:398px; margin:0 0 15px 0!important; padding-top:10px;
					border-bottom:1px solid #666!important; color:#000!important;
					font-family: "kodawari"; font-weight:700;}
.subMenu ul		{	float:left; width:398px; display: flex; flex-wrap:wrap;}
.subMenu li		{	list-style:square; margin:5px 0 0 20px; flex-basis: 178px;}

.subMenuImg		{	margin:20px auto 0; display:block;}


	.subMenu.noImg		{	padding:20px; width:auto;}
	.subMenu.noImg h4	{	float:none; width:auto; padding-top:0;}
	.subMenu.noImg ul	{	/* width:242px; */ width:398px;}


/* menu3rdList(3rd)
========================================== */
.menu3rdList	{	border-bottom:1px solid #000; padding-bottom:18px;}
.menu3rdList li	{	display:inline-block;　*display:inline; *zoom:1; white-space:nowrap;
					padding:0 7px 0 3px; *padding:0 7px; border-right:1px solid #000; line-height:1; *line-height:1.2; *margin-bottom:5px;}
.menu3rdList li.side,
.menu3rdList li:first-child	{	border-left:1px solid #000; padding-left:7px;}
.menu3rdList li.active a		{	font-weight:bold;}
.menu3rdList li.active a:link	{	color:#ce0707;	}
.menu3rdList li.active a:visited{	color:#ce0707;	}
.menu3rdList li.active a:hover,
.menu3rdList li.active a:active	{	color:#ce0707;	}

/* subMenuPage,page3rd
========================================== */
.main.subMenuPage h2	{	background-position:top left!important;}
.main.page3rd .in h4	{	border-bottom:0!important; color:#000!important; font-size:16px; margin-top:18px;}
.main.page3rd .in h5	{	border-left:5px solid #ccc; padding-left:10px; font-size:14px; font-weight:bold; margin-top:1.5em;}


/* imgBox(3rd)
========================================== */
.imgBox		{	width:200px; margin:18px 0 18px 20px; float:right; text-align:center; font-size:12px;}
.imgBox img	{	margin-top:10px; display:inline-block;}
.imgBox img:first-child	{	margin-top:0;}

.imgBox.cap img	{	margin-bottom:5px;}
.imgBox.cap p	{	margin:0;}



/* Oshirase
========================================== */
/*#oshirase table		{	font-family:"ＭＳ ゴシック", "Osaka－等幅", monospace;}*/
#oshirase img[src="_images/pdf.gif"],
#oshirase img[src="_images/jpg.gif"]	{	vertical-align:middle;}


/* Contact (contact.php, kak_mail.php, regist.php)
========================================== */
#contact .main			{	padding-bottom:50px;}
#contact .formBase		{	border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px 0; margin:1em 0; text-align:center;}
#contact .inputForm		{	width:500px; margin:0 auto; text-align:left; }
#contact .inputForm input	{	padding:2px; font-size:13px; *padding:5px 2px;}
#contact .privacyLink	{	text-align:right; padding-right:20px;}
#contact td		{	padding:1px 10px 1px 1px; font-size:93%;}
#contact .w300	{	width:300px;}
#contact .w200	{	width:200px;}

#contact #phone	{	font-size:24px; padding:14px 0 7px 0; line-height:1.2; text-align:center; font-family: "kodawari"; font-weight:500;}
#contact #phone strong	{	color:#e60000;}
#contact .note	{	font-size:18px; color:#e60000; text-align:center; font-family: "kodawari"; font-weight:500;}