@charset "UTF-8";

/*==========初期化==========*/

h1,h2,h3,h4,body,ul,ol,li,p {
	padding:0;
	margin:0;
}


/*==========背景等==========*/

body {
	background-color:#fff;
	color: #333;
	font-family: 'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 1.8;
	border-top:10px solid #a4ccff;
}


#main {
/*	background-color:#ff0000;*/
	padding:0px 20px 20px 20px;
	font-size:100%;
}


.tit {
	padding:25px 0 0 0;
	text-align:center;
}



.news {
	padding: 0 0 10px 0;
	text-align:left;
}

.news td {
	font-size:100%;
	color:#339900;
}


#honbun {
	background-image:url("img/honbunbg.gif");
	background-repeat:no-repeat;				/*あるいはno-repeat　repeat-x　repeat-y*/
	background-attachment:scroll;			/*あるいはfixed*/
	background-position:left bottom;
	background-color:#ffffff;
	width: 775px;
	padding: 0 0 20px 0;
	text-align:left;
}

#honbun_kaicyou {

	background-color:#ffffff;
	width: 775px;
	padding: 0 0 20px 0;
	text-align:left;
}

#honbun_kaicyou_bottom {
	background-image:url("img/honbun_bottom.gif");
	background-repeat:no-repeat;				/*あるいはno-repeat　repeat-x　repeat-y*/
	
}


.honbun2 {
	float:left;
	width: 570px;
	margin:0 0 0 0 ;
	padding:0 0 0 0;
}

.pankuzu {
	width: 730px;
	margin:10px auto;
	text-align:left;
	font-size:80%;
	line-height:2;
}
#main a.kensyuu-top {
	margin:0;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	background:#ffaa00;
	padding:5px 10px 5px 18px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	font-size:90%;
	background-image:url("img/yajirushi.png");
	background-repeat:no-repeat;
	background-position:8px center;
}

.naiyou {
	clear:both;
	text-align:left;
	width:730px;
	margin:0 auto;
}

.naiyou02 {
	clear:both;
	width: 770px;
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
}
.banner {
	float:left;
	width: 150px;
	margin: 0 0 0 10px;
}

.osusume {
	background-image:url("img/banner/osusume_bg.gif");
	background-repeat:no-repeat;				/*あるいはno-repeat　repeat-x　repeat-y*/
	background-attachment:scroll;			/*あるいはfixed*/
	background-position:left bottom;
	padding:0 0 10px 0;
	text-align:center;
}

.back-btn {
	text-align:center;
	margin-top:30px;
	font-size:86%;
}
.back-btn a:link,
.back-btn a:visited {
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	background:#ffaa00;
	padding:10px 20px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

.hpback-btn {
	text-align:center;
	margin-top:30px;
	font-size:86%;
}
.hpback-btn a:link,
.hpback-btn a:visited {
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	background:#ff6600;
	padding:10px 20px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

#footer {
/*	background-color:#009900;*/
	text-align:center;
	color:#666666;
	border-width: 1px 0 0 0;
/*	border-style: solid;*/
/*	border-color: #cccccc;*/
	clear: both;
}


.footer_menu {
	text-align:right;
	padding:0 15px 0 0;
	font-size:80%;
}


.copyright {
	text-align:center;
	font-size:80%;
	padding:0 0 15px 0;
}


/*==========基本==========*/

p {
	
	margin:1em 0;
}

p.noindent {		/*インデントなしテキスト*/
	text-indent: 0em;
}


a img {
	border-style:none;
}


/*==========リンク色==========*/

a:link {
	color: #ff3300;					/*リンク色*/
	text-decoration: underline;			/*あるいはnone*/
}
a:visited {
	color: #ff6600;					/*訪問済リンク色*/
	text-decoration: underline;			/*あるいはnone*/
}
a:hover {
	color: #0000ff;					/*カーソルをのせる*/
	text-decoration: underline;
}
a:active {
	color: #ff0000;					/*クリックしたとき*/
	text-decoration: underline;
}



#sidebar a:link {
	color: #111111;					/*リンク色*/
	text-decoration: underline;			/*あるいはnone*/
}
#sidebar a:visited {
	color: #666666;					/*訪問済リンク色*/
	text-decoration: underline;			/*あるいはnone*/
}
#sidebar a:hover {
	color: #0000ff;					/*カーソルをのせる*/
	text-decoration: underline;
}
#sidebar a:active {
	color: #ff0000;					/*クリックしたとき*/
	text-decoration: underline;
}

/*==========強調==========*/

em {
	font-style:normal;
	font-weight:bold;
}

strong {
	font-weight:bold;
	color:#ff0000;
}


/*==========見出し==========*/
h1 {
	font-size:186%;
	color:#333;
	font-weight:bold;
	margin:0 0 30px 0;
}

h2 {
	color:#fff;
	font-size:143%;
	background-color:#81bb0c;
	border-left:10px solid #669900;
	margin:30px 0;
	font-weight:bold;
     position: relative;
     padding:10px 15px;
}
h2.sangyoui_tit {
	font-size:1.2em;
	font-weight:bold;
	color:#669900;
	padding:2px 18px 4px 18px;
	margin:0;
	background:url("img/h2_sangyoui.gif") ;
	background-repeat:no-repeat;
	background-position:0;
}

h3 {
	font-size:1em;
	background:#ffffff;
	color:#339900;
	margin: 10px 0;
	padding: 3px 7px;

	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:5px solid #cccccc;
	border-right:1px solid #cccccc;
}

h4 {

	color:#663300;
	font-size: 1em;
	margin: 10px 0;
	padding: 3px 7px;
}

/*==========文字サイズ==========*/

.text_ll{
	font-size:120%;
}

.text_l {
	font-size:110%;
}

.text_m {
	font-size:100%;
}

.text_s {
	font-size:90%;
}

.text_ss {
	font-size:80%;
}


/*==========文字色==========*/

.aka {
	color:#ff0000;
}

.shiro {
	color: #ffffff;
}


/*==========リスト==========*/

#sidebar ul {		/*左メニュー*/
	list-style-type: none;
	list-style-image:url("img/icon.gif") ;	
	margin: 10px 0 20px 20px;
	padding: 0 0 0 0;
	line-height: 1.8em;
	font-size:120%;
}

#sidebar li {		/*左メニュー*/
	padding: -2px 0 0 0;

}


#main ul {
	list-style-type: none;
	list-style-image:url("img/list_icon01.gif");
	margin:20px 10px;	
	margin-left:1em;
	padding-left:2em;	
}


#main ol {
	margin:20px 10px;	
	margin-left:1em;
	padding-left:2em;	
}


#main ul.syorui {
	list-style-type: none;
	list-style-image:url("img/list_syorui.gif");
	margin:20px 10px;	
	margin-left:1em;
	padding-left:2em;	
}


#main ul.naka {
	list-style-type: none;
	list-style-image:url("img/list_icon02.gif");
	margin:10px 0;	
	margin-left:1em;
	padding-left:2em;	
}
#main ul.circle {
	list-style-type: disc;
	list-style-image:none;
	margin:20px 10px;	
	margin-left:1em;
	padding-left:2em;	
}


/*==========テキスト（クラス）==========*/

.kaisetu {

	font-size:80%;
	color:#666666;
	padding:0;
}


.catch {
	font-size:120%;
	color:#660000;
}

.cyuusyaku {						/*注釈（※）*/
	font-size:90%;
	text-indent:-1em;
	margin-left :2em;
}


.taisyou {						/*研修会*/
	background-image:url("img/taisyou.gif");
	background-repeat:repeat-x ;				/*あるいはno-repeat　repeat-x　repeat-y*/
	background-attachment:scroll;			/*あるいはfixed*/
	padding:8px 0 8px 37px;
	font-weight:bold;
	color:#ff0000;
	border-width:0 0 1px 0;
	border-style:solid;
	border-color:#cccccc;
}


.kakomi {						/*囲み（標準）*/
	font-size:100%;
	background-color:#f2fcff;
	padding:0 5px;
	border-width:1px;
	border-style:solid;
	border-color:#cccccc;
}

.kakomi02 {						/*囲み（挨拶）*/
	font-size:100%;
	padding:15px 25px;
	border-width:1px;
	border-style:solid;
	border-color:#cccccc;
	line-height:1.8;
}


.kensyuu_kakomi {						/*囲み（各種研修会）*/
	font-size:100%;
	background-color:#f9ffe9;
	padding:10px 20px;
	border-width:0px;
	border-style:solid;
	border-color:#cccccc;
}



.kensyuu_kakomi h3 {
	background:none;
	border:0 solid;
	font-size:1.2em;
	color:#339900;
	margin: 10px 0;
	padding: 3px 0px;
}

/*==========テーブル（表）==========*/

table.hyou {
	line-height:1.6;
	border-style:none;
	background-color:#cccccc;			/*枠線の色*/
	font-size:100%;					/*文字*/
	color:#000000;
}

table.hyou th {
	background-color:#E5FFB4;			/*テーブルヘッダ*/
	text-align:center;
	font-weight:normal;
	color:#000000;
}

table.hyou td.midashi {					/*見出し*/
	background-color:#FDFCE5;
}

table.hyou td {
	background-color:#ffffff;
}

table.sangyoui {
	margin:0 0 20px 0;
}

table.sangyoui td.midashiline {
	width:50px;
	text-align:center;
}

/*==========テーブル（線）==========*/


table.line {
	line-height:1.6;
	border-style:none;
}

table.line th {
	
	background:#E5FFB4 url("img/lineyoko.gif");
	background-repeat:repeat-x;
	background-position:left bottom;	
	font-weight:normal;
}

table.line td.midashiline {			
	background:#FDFCE5 url("img/lineyoko.gif");
	background-repeat:repeat-x;
	background-position:left bottom;
	white-space:nowrap;
}

table.line td.kugiri {			
	background: url("img/kugiri.gif");
	background-repeat:no-repeat;
	background-position:right bottom;
}



table.line td {				
	background:url("img/lineyoko.gif") ;
	background-repeat:repeat-x;
	background-position:left bottom;
}

table.line td.lineyoko02 {				
	background:url("img/lineyoko.gif") #ffffdd;
	background-repeat:repeat-x;
	background-position:left bottom;
}
/*==========テーブル（線）==========*/


table.line02 {
	border-style:none;
}

table.line02 td.yokoline {							
	background:url("img/lineyoko02.gif");
	background-repeat:repeat-x;
	background-position:center;
	height:12px;
}
table.line02 td.kugiri {			
	border-right:3px solid #2daeff;
}
table.line02 td.setumei {			
	padding-left:10px;
}

/*==========テーブル（線なし）==========*/


table.noline td {
	background:#ffffff;
}


/*==========フォーム==========*/

dl.kensyuu_form {  
	width:730px;  
	margin:0 0 20px 0;
	padding:0 0 0 0 ;
	overflow:hidden;
	background: #FDFCE5;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}  

#main ul.syokusyu {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-image:none;
}
#main ul.syokusyu li {
	margin:0 10px 0 0;
	float:left;
}

dl.kensyuu_form dt {  
	padding: 10px;
	border-top: 1px solid #ccc;
	clear: left;
	float: left;
	width: 210px;
	margin:0;
	background:#FDFCE5;
}  
dl.kensyuu_form dd {  
	overflow:hidden;
	margin:0 0 0 210px;  
	padding:10px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background:#fff;
}  
dl.kensyuu_form dd a {  
	text-decoration:none;
}  


input,textarea {
	border:1px solid #ccc;
	padding:3px;
-webkit-box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

input.size-s {
	width:100px;
	margin-right:3px;
}
input.size-m {
	width:240px;
}
input.size-l {
	width:400px;
}

.br-clear {
	display:none;
}

label, input[type='checkbox'],
label, input[type='radio'] {
	cursor:pointer;
}
.kensyuu-submit {
	margin: 0;
}
.kensyuu-submit .btn {
	clear:both;
	margin:0 0 20px 0;
	overflow:hidden;
	padding:10px 30px;
	text-decoration:none;
	background:#cc0000;
	font-size:120%;
	color:#fff;
	font-weight:bold;
	text-align:center;
	border:0 solid;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}
.kensyuu-submit .btn:hover {
	cursor:pointer;
}

/*==========ページの先頭へ==========*/

.pagetop {
	display: none;
	position: fixed;
	bottom: 25px;
	right: 25px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
	line-height: 50px;
	text-indent:-9999px;
	background-image:url("img/pagetop.png");
	background-repeat:no-repeat;
	background-size:50px;
}

/*==========スマートフォン用==========*/


@media only screen and (max-width:729px){

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

table{
width: 100%;
}

.naiyou,
.pankuzu {
	width:100%;
}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size:1.1em;
}

h3 {
	font-size:1em;
	background:#ffffff;
	color:#339900;
	margin: 10px 0;
	padding: 3px 7px;

	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:5px solid #cccccc;
	border-right:1px solid #cccccc;
}

dl.kensyuu_form {  
	width:100%;  
	margin:0 0 20px 0;
	padding:0 0 0 0 ;
	overflow:hidden;
	background: #f8f8f8;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}  

#main ul.syokusyu {
	margin:10px;
	padding:0;
	list-style-type:none;
	list-style-image:none;
}
#main ul.syokusyu li {
	margin:0 10px 5px 0;
	float:none;	
}
dl.kensyuu_form dt {  
	padding: 10px;
	border-top: 1px solid #ccc;
	border-right: 0px solid #ccc;
	width: 100%;
	margin:0;
	background:#FDFCE5;
}  
dl.kensyuu_form dd {  
	margin:0 0 0 0;  
	padding:10px;
	border-top: 1px solid #ccc;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
	background:#fff;
}  

input.size-s {
	width:100px;
	margin-right:3px;
}
input.size-m {
	width:70%;
}
input.size-l {
	width:70%;
}

.kensyuu-submit .btn {
	width:90%;
}

.br-clear {
	display:inline;
}
input[type="button"],input[type="submit"] {
    -webkit-appearance: none;
  }

}

input[type="button"] {
	clear:both;
	margin:0 0 20px 0;
	overflow:hidden;
	padding:10px 30px;
	text-decoration:none;
	background:#1e90ff;
	font-size:120%;
	color:#fff;
	font-weight:bold;
	text-align:center;
	border:0 solid;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

input[type="submit"] {
	clear:both;
	margin:0 0 20px 0;
	overflow:hidden;
	padding:10px 30px;
	text-decoration:none;
	background:#cc0000;
	font-size:120%;
	color:#fff;
	font-weight:bold;
	text-align:center;
	border:0 solid;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

.flex-center {
	display:flex;
	justify-content:center;
}

.mx-20 {
	margin-right:20px !important;
	margin-left:20px !important;
}