@charset "shift_jis";


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

  “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 
========================================== */

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

	/* 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;
					display:inline-block; *display:inline; *zoom:1; 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 auto; 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;}
	.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-top:40px; font-weight:bold; clear:both;}
	.contactUsBottom.w559	{	width:559px; margin:40px auto 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:557px; overflow:hidden; margin:1em 20px; padding:10px 0; border:1px dotted #767676;}
	.acrobat p	{	float:left; width:auto; font-size:10px; margin:0 10px; line-height:1.2;}
	.acrobat img{	float:left; margin:0 10px;}
	.links 		{	text-align:right;}
	.links a	{	background:url(../_common/linkarrow.gif) no-repeat 0 1px; padding-left:20px;}

	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: url("../_common/pdficon_small.gif"); display:inline-block; margin-right:5px; vertical-align:middle; }




/* 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:4px solid #000!important; color:#000!important;
					font-family: "kodawari"; font-weight:700;}
.subMenu ul		{	float:left; width:188px;}
.subMenu li		{	list-style:square; margin:5px 0 0 20px;}

.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;}


/* 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		{	min-width:200px; width:auto!important; width:200px; margin:18px 0 18px 20px; float:right;}
.imgBox img	{	margin-bottom:10px;}



/* Oshirase
========================================== */
#oshirase iframe	{	display:block; margin:0 auto;}
#oshirase table		{	font-family:"ＭＳ ゴシック", "Osaka−等幅", monospace;}


/* Contact (contact.php, kak_mail.php, regist.php)
========================================== */
#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;}