@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	border : 0px none;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size : 14px;
color : #333333;
font-style: inherit;
font-weight: inherit;
margin : 0px;
padding: 0;
/*
outline: 0;
vertical-align: baseline;
*/
}

body{
	background-image : url(../images/bg.png) ;
}


h2,h3,nav#mainNav ul li a strong{
     font-family: Noto Sans Japanese,"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
:focus{
	outline: 0;
}

ol, ul{
	list-style: none;
}
table{
	border-collapse: separate;border-spacing: 0;
}
caption, th, td{
	font-weight: normal;text-align: left;
}
blockquote:before, blockquote:after,q:before, q:after{
	content: "";
}
blockquote, q{
	quotes: "" "";
}
a img{
	border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display : block;
}


.space20{
	clear:both;
	height:20px;
}

.space{
	height:15px;
}


/* リンク設定
------------------------------------------------------------*/
a{
	margin:0;
	padding:0;
	text-decoration:none;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	font-size:100%;
	color:#777;
}

a:hover, a:active{
	-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
	outline: none;
}


/* ボタン
---------------------------------------------------------------------*/
a.button{
	/* This generators the gradient on top of the solid color */
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgba(255,255,255,.5)),
		color-stop(1, rgba(0,0,0,.1))
	);
	background-image: -moz-linear-gradient(
		center top,
		rgba(255,255,255,.5) 0%,
		rgba(0,0,0,.1) 100%
	);
	color: #f4f4f4; /* IE */
	color: rgba(255, 255, 255, 0.8);
/*	display: block; */
	font-size:25px;
	font-weight: bold;
	outline:none;
	padding: 5px 1em;
	margin:5px 30px;
	text-align:center;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
}
	a:active {
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0,rgba(255,255,255,.5)),
			color-stop(.1,rgba(255,255,255,.2)),
			color-stop(.85, rgba(0,0,0,.2)),
			color-stop(100, rgba(0,0,0,.4))
		);
		background-image: -moz-linear-gradient(
			center bottom,
			rgba(255,255,255,.5) 0%,
			rgba(255,255,255,.2) 10%,
			rgba(0,0,0,.2) 85%,
			rgba(0,0,0,.4) 100%
		);
	}

a.red{
	background: #B80202;
	border: #B80202 1px solid
;
}
	a:hover.red, a.red:focus{
		background-color:#e30606
	;
}
a.green{
	background: #46c431;
	border: #46c431 1px solid
;
}
	a:hover.green,a.green:focus{
		background-color:#44e329
	;
}
a.yellow{
	background: #D9CE1C;
	border: #D9CE1C 1px solid
;
}
	a:hover.yellow,a.yellow:focus{
		background-color:#eee117
	;
}
a.cyan{
	background: #23c6de;
	border: #23c6de 1px solid
;
}
	a:hover.cyan,a.cyan:focus{
		background-color:#18d8f4
	;
}
a.blue{
	background: #3271d9;
	border: #3271d9 1px solid
;
}
	a:hover.blue,a.blue:focus{
		background-color:#377ef2
	;
}




/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after{
	content:""; display: table;clear: both;
}
nav .panel,nav#mainNav,.newsTitle,.bg, .post{
	zoom: 1;
}

.clearfix{
	zoom: 1;
}

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

/* フォーム
------------------------------------------------------------*/
/* レイアウト
------------------------------------------------------------*/
.inner{
	margin:0 auto;
	width : 960px;
}
#wrapper{
	margin:0 auto;
	width : 960px;
	padding:0 50px;
	background:#FFF;
	overflow:hidden;
}


#header{
	overflow:hidden;
	background:#fff;
}

#mainbg{
	background:#fff;
	margin:0 auto;
	width : 960px;
}

#main{
	float:left;
   	width:710px;
	height:100%;
	padding : 0px 0px 30px;
}

#sidebar{
	float:right;
	width:215px;
	height:100%;
	padding-top:30px;
	background-color:#FFF;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}

#footer{
	clear:both;
padding-top:20px;
background : none 0% 0% / auto auto repeat scroll #efefef;
/*  -webkit-background-clip : border-box; */
    -webkit-background-clip: border;　/* Safari,Google Chrome用 */  
    -moz-background-clip: border;　/* Firefox用 */  
/*  -webkit-background-origin : padding; */
    -webkit-background-clip: padding;　/* Safari,Google Chrome用 */  
    -moz-background-clip: padding;　/* Firefox用 */  


  padding-bottom : 15px;
} 


/* ヘッダー
*****************************************************/
#header .bg{
	background:#0069b3;
}


/* h1 サイト説明文 
----------------------------------*/
#header h1{
	float:left;
	padding:3px 0;
	color: #fff;
	font-size : 75%;
	font-weight:normal;
}

/* h2 ロゴ 
----------------------------------*/
#header h2{
	clear:both;
	float:left;
	padding : 20px 0 10px 10px;
}

/* h2 連絡先
----------------------------------*/
#header ul{
	padding-top : 20px;
	float:right;
}

#header ul li{
	display:inline;
margin-left:10px;
font-size:90%;
}

#header ul li a{
	padding-left:10px;
color:#252525;
background : url(../images/arrowSub.png) 0px 50% / auto auto no-repeat scroll padding-box border-box transparent;
}

#header ul li a:hover{
	background-position:3px 50%;
}


/* トップページ　メイン画像
----------------------------------*/
#mainImg_box{
	clear:both;
margin-top : 0px;
width:960px;
height : 350px;
margin-right : auto;margin-bottom : 0px;margin-left : auto;
line-height:0;
z-index:0;
}
.mainImg1{
	margin-top:25px;
line-height:0;
z-index:0;
float:left;
/*
	clear:both;
 text-align:center; */
}


#mainImg2{
	clear:both;
margin-top:25px;
line-height:0;
text-align:center;
z-index:0;
}

/* メイン
***********************************************************************************************************/
#main h2{
	clear:both;
  position: relative;

	margin-top:30px;
	margin-bottom:10px;
	height:2.3em;
	padding-top:1em;
	padding-left:2em;
	font-size:150%;
	font-weight:500;
	border-left : 10px solid #0069b3;
   background-color : white;
}
#main h2:after{
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width:100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}

#main .box3 h3{
	margin : 15px 0px 0px;
	padding: 5px 0px 3px 3px;
	font-size : 16px;
	font-weight : 500;
	display:block;
	background-color:#fff;
}

#main .box3 .box{
	float:left;
	width:220px;
	margin:7px;
}
#main .box3 .box img{
	margin:0;
	border:1px solid #ddd;
}

#main p{
	font-size:16px;
	margin-left:20px;
}

/* 方針
*****************************************************/
.companypolicy{
	display:block;
	margin-left:20px;
	paddin:20px;
	background:#fff;
       font-family: Noto Sans Japanese,"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:23px;
	font-weight:800;
}
.comrubi{
	margin-bottom:-50px;
	margin-left:30px;
	font-size:0.7em;
}


/* TOPICS
*****************************************************/
#main p.topics{
	padding:0.5em 20px;
}
#main .topics time{
	padding:0 20px;
}

/* 画像
*****************************************************/
#main img{
	margin-left:20px;
}

/* 表
*****************************************************/

#main table{
	border: 1px #004166 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin:20px 0 10px 20px;
}

#main table th{
	width:150px;
	padding:20px 10px 7px 5px;
	border: #004166 solid;
	border-width: 0 0 1px 1px;
	font-weight:bold;
	color:#fff;
	vertical-align:top;
	background:#0994dd
;
}

#main table td{
	padding:20px 5px;
	border-top-width : 0px;border-right-width : 0px;border-bottom-width : 1px;border-left-width : 1px;border-top-style : solid;border-right-style : solid;border-bottom-style : solid;border-left-style : solid;border-top-color : #004166;border-right-color : #004166;border-bottom-color : #004166;border-left-color : #004166;
	background : none 0% 0% / auto auto repeat scroll padding-box border-box #ffffff;
}
/* 地図
*****************************************************/
#main iframe{
	margin:20px 0 10px 20px;
}
/* アルバイト募集
*****************************************************/
#main dl.faq dt{
	margin-left:0;
	float:none;
	width:auto;
	font-size:20px;
}
#main dl.faq dd{
	width:auto;
	margin-left:20px;
	font-size:16px;	

}


/* お問い合わせ
*****************************************************/

#main dl{
	background-color:#fff;
}
#main dt{
	margin-left:20px;
	font-weight:bold;
	width : 150px;
	float : left;
	padding-left : 10px;
	padding-top : 20px;
	color : #1a71ac;
}

#main dd{
	margin-left : 150px;
	width : 450px;
	line-height : 1.5;
	padding-top : 20px;
}


#main .form{
	width:650px;
}
#main .form th{
	width:150px;
	padding:5px;
}

#main .form td{
	padding:5px;
}


input[type="text"], textarea{
	width:400px;
	vertical-align:middle;
	max-width:90%;
	line-height:30px;
	height:30px;
	padding:1px 5px;
	border:1px solid #d4d4d7;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-size:100%;
	color:#555;
	background:#fcfcfc;
}

textarea{
	height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
	margin-left:250px;
	padding:7px 30px;
	background: #0994dd;
	background: -moz-linear-gradient(top, #0994dd 0%, #004166 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0994dd), color-stop(100%,#004166));
	background: -webkit-linear-gradient(top, #0994dd 0%,#004166 100%);
	background: -o-linear-gradient(top, #0994dd 0%,#004166 100%);
	background: -ms-linear-gradient(top, #0994dd 0%,#004166 100%);
	background: linear-gradient(to bottom, #0994dd 0%,#004166 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0994dd', endColorstr='#004166',GradientType=0 );
	border:0;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	line-height:1.5;
	font-size:100%;
	color:#fff;
}

input:hover[type="submit"],input:hover[type="reset"],input:hover[type="button"]{
	background: #0994ddy;
	background: -moz-linear-gradient(top, #004166 0%, #0994dd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004166), color-stop(100%,#0994dd));
	background: -webkit-linear-gradient(top, #004166 0%,#0994dd 100%);
	background: -o-linear-gradient(top, #004166 0%,#0994dd 100%);
	background: -ms-linear-gradient(top, #004166 0%,#0994dd 100%);
	background: linear-gradient(to bottom, #004166 0%,#0994dd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004166', endColorstr='#0994ddy',GradientType=0 );
}

*:first-child +html input[type="submit"]{
	padding:3px;
}




/* サイドバー
***********************************************************************************************************/

#sidebar div.index{
	border:1px solid #ccc;
	border-top:4px solid #0069b3;
        background-color:#dee5ff;
}

#sidebar div.index p{
	margin:0;
	margin-top:10px;
	font-size:16px;
	font-family: Noto Sans Japanese,"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight : 400;
	text-align: center;
}
#sidebar div.index span{
	margin:0;
	font-size:10px;
	font-weight : 200;
	text-align: center;
}
#sidebar ul.index{
	width:215px;
}
#sidebar ul.index li{
	width:213px;
	height:22px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#fff;
	padding:20px 0;
	
}
#sidebar ul.index li:hover{
	background-color:#f7f9ff;
	
}
#sidebar ul.index li{
	width:213px;
	height:22px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:20px 0;
	
}

#sidebar ul.index li a{
	display: block;
	padding-left:20px;
	line-height:20px;

}

#sidebar ul.index li a:hover{
	background-color:#f7f9ff;
	color:

}



/* フッター
**********************************************************************************************************/
#footer .inner{
	font-
	padding-bottom:20px;
}

#footer .inner .left{
	display: inline-block;/display: inline;/* IE用ハック *//zoom: 1;/* IE用ハック */
	width: 630px;
	height: 90px;
	margin-bottom: 3px;
	vertical-align: top;
}

#footer .inner .right{
      display: inline-block;
      /display: inline;  /* IE用ハック */
      /zoom: 1;  /* IE用ハック */
	width:320px;
       height : 120px;
       margin-bottom: 3px;
	vertical-align: top;
}

#footer .inner .right p{
	color:#666666;
font-size:90%;
line-height:150%;
}

#footer .inner .right p span{
	font-size:140%;
line-height:170%;
}


#footer ul{
	padding-bottom:30px;
font-size:85%;
}

#footer ul li{
	display:inline-block;
vertical-align:text-top;
text-align:left;
padding:5px 0;
margin-right : 40px;
background : url(../images/arrow.png) 0px 12px / auto auto no-repeat scroll padding-box border-box transparent;
}

#footer ul li a{
	display:block;
padding:0 0 0 12px;
overflow:hidden;
}

#footer ul li a:hover{
/*	text-decoration:underline;  */

}

#footer ul li li{
	display:block;
padding:0;
margin:0 0 0 10px;
background-position:0 5px;
}


*:first-child +html #footer ul li{
	display:inline;
}
*:first-child +html #footer ul ul,*:first-child +html #footer ul li li a,*:first-child +html #footer ul li li{
	display:none;
}

#copyright{
	clear:both;
padding:10px;
text-align:center;
font-size:75%;
zoom:1;
color:#fff;
background:#2b2b2b;
}



/* メインメニュー
------------------------------------------------------------*/

nav#mainNav{
	clear:both;
position:relative;
z-index:200;
background:#0994dd;
}

nav#mainNav ul li{
	float: left;
position: relative;
border-right:1px solid #fcfcfc;
min-width:190px;
}

nav#mainNav ul li:first-child{
	border-left:1px solid #fcfcfc;
}

nav#mainNav ul li a{
	display: block;
       text-align: center;
       _float:left;
      height : 40px;
      padding:15px 25px 5px;
  }

nav#mainNav ul li a strong{
	display:block;
       font-size : 110%;
       line-height:1.4;
       color:#fff;
       font-weight : 500;
       letter-spacing : 0.3em;
}

nav#mainNav ul li a span{
	font-size:70%;
       color : #dce5f2;
}

nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li a:active, nav#mainNav ul li.current-menu-parent a{
	background:#004166;
}

nav#mainNav ul ul{
	width : 100%;
}

nav#mainNav ul li ul{
	display: none;
}

nav#mainNav ul li:hover ul{
	display: block;
	position: absolute;
	top:60px;
	left:0px;
	z-index:500;
}

nav#mainNav ul li li{
	padding:0 0 0 0;
	margin:0;
	float: none;
	background:#0994dd;
	border-top:0px;
	border-right:0px;
	border-bottom:1px solid #fff;
	border-reft:0px;
}

nav#mainNav ul li li:first-child{
	border-top:1px solid #fff;
}

nav#mainNav ul li li a{
	padding : 15px 0px 18px 15px;
	width:175px;
	font-size:95%;
	text-align:left;
}

nav#mainNav ul li li a span{
	padding:0 10px;
}

nav#mainNav ul li li a:hover,nav#mainNav ul li li.current-menu-item a{
	color:#fff;
}

nav#mainNav ul li:hover ul li:last-child{
	border:0;
}

nav div.panel{
	display:block !important;
	float:left;
  }
  
a#menu{
	display:none;
}


/* 印刷
------------------------------------------------------------*/
@media print {

nav#mainNav{
	clear:both;
position:relative;
z-index:200;
background:#0994dd;
}

nav#mainNav ul li{
	float: left;
position: relative;
border-right:1px solid #fcfcfc;
min-width:190px;
}

nav#mainNav ul li:first-child{
	border-left:1px solid #fcfcfc;
}

nav#mainNav ul li a{
	display: block;
text-align: center;
_float:left;
color:#fff;
height : 40px;
      padding:15px 25px 5px;
  }

nav#mainNav ul li a span,nav#mainNav ul li a strong{
	display:block;
       font-size : 110%;
       line-height:1.4;
       color:#fff;
       font-weight : 500;
       letter-spacing : 0.3em;
}

nav#mainNav ul li a span{
	font-size:70%;
color : #dce5f2;
}

nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li a:active, nav#mainNav ul li.current-menu-parent a{
	background:#004166;
}

nav#mainNav #menu{
	display:none;
}

nav div.panel{
	display:block !important;
	float:left;
  }

nav#mainNav ul ul{
	display:none;
}

  pre code{
     page-break-after: always;
}
  @page {
margin-top:0.4cm;
margin: 0.5cm;
}
p a, code, pre{
     word-wrap: break-word;
}

pre a:after[href]{
    content: "";
}
 
 
pre abbr:after[title]{
    content: "";
}
 
pre .ir a:after,
  pre a:after[href^="javascript:"],
  pre a:after[href^="#"]{
    content: "";
}
 
}


}