/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li { list-style:none; } caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{ content:''; }
abbr,acronym{ border:0;font-variant:normal; }
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
legend{ color:#000; }

/* -------------------------
全体
------------------------- */
body{
	text-align: center;
	letter-spacing:1px;
	background-color:#00589f;

}

#midashi{
    clear: both;
    height: 500px;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    background-image: url(../pic/midashi-bg.png);
}
@media screen and (max-width:640px) {
#midashi{background-size:auto 100% ;}
}
#midashi-kasou{
    clear: both;
    height: 300px;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
   background-image: url(../pic/main-bg.jpg);

	background-size: 100%;
}
/* -------------------------
ヘッダー
------------------------- */
#head{
    background-color: #0420A6;
}
#header{
    width: 90%;
    margin: 0 auto;
    max-width: 1100px;
    overflow: auto;
}
#logo{ width: 320px; margin: 0; padding: 0; float: left; text-align: left;}
/* -------------------------
ヘッダーメニュー
------------------------- */

.hmenu{
	vertical-align: middle;
    margin: 0 auto;
    padding: 0 0 0 0; text-align: right;}

.hmenu ul{padding: 50px 0 0 0 ; overflow: hidden;}

.hmenu li,.hmenu li a,.hmenu li a:visited{
display: inline;
	list-style:none;
	color: #fff;
	text-decoration: none;
	margin:0;
	padding: 10px 0 0  10px;
	white-space: nowrap;
}




/* ------------------------
フッター
------------------------- */
#footer{
    font-size: 14px;
    clear: both;
	background-color: #0420A6;
}
#footmenu{
    width: 1100px;
    margin: 0 auto;
    padding: 200px 0 20px 0 ;
    text-align: left;
	background-image: url("../pic/logo.png");
	background-repeat: no-repeat;
	color:#fff;}
#footmenu p{
    padding: 20px 0;
}

#footmenu ul{overflow: hidden;  padding: 10px 0;}

#footmenu li,#footmenu li a,#footmenu li a:visited{
display: inline;
	list-style:none;
	color: #fff;
	text-decoration: none;
	margin:0;
	padding:10px 5px ;
	white-space: nowrap;
}

#copyright{
    clear: both;
    padding: 10px 0;
    text-align: center;
    color: #fff;
	background-color:#0420A6;
}

/* ------------------------
画像リンク
------------------------- */
.link-image-midashi{padding: 10px 0; background-color:#F1D8D8;}
@media screen and (max-width:640px) {
.link-image-midashi img,.link-image-midashi{width:100%; height: auto;}
.link-image-midashi img{width: 100%;}
}


/* ------------------------
コンテンツ
------------------------- */
#main-conte { ;
    width: 100%;
    background-color: #FFFFFF;
    padding: 0 0 50px 0;
}
#main-conte h1{
    padding: 50px 0 60px 0;
    text-align: center;
    font-size: 200%;
    margin: 0 auto 20px auto;
	background-image: url(../pic/h1-bg.png);
	background-position: bottom; background-repeat: repeat-x;}
#main-conte h2{
    padding: 0 20px;
    font-size: 150%;
    border-left: solid 20px #F774A9;
    margin: 40px 20px 20px 20px;
    text-align: left;
    clear: both;
}

#main-conte h3{
    padding: 0.5em;/*アイコン分のスペース*/
    line-height: 1.4;/*行高*/
    color: #ff6a6a;/*文字色*/
    border-top: dotted 1px gray;
    border-bottom: dotted 1px gray;
    background: #fffff4;
    font-weight: bold;
    margin: 10px;
    text-align: left;
    clear: both;
    font-size: 18px;
text-shadow: 1px 1px 1px #bbb;
}

.content-box{
    width: 80%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 15px 15px 45px 15px;
    background-color: #fff;
    border-radius: 20px;
    overflow: auto;
}
@media screen and (max-width:640px) {
.content-box{
    width: 100%;
    margin: 0 auto;
    padding: 5px 5px 25px 5px;
    background-color: #fff;
    border-radius: 0;
    overflow: auto;
}
.content-box img{ width: 100%; height: auto;}
}
#main-conte p{padding: 10px 20px; text-align: left;}

/* ------------------------
テーブル
------------------------- */
#main-conte table{margin: 15px;text-align: left; table-layout: fixed; }
#main-conte th{
    border-bottom: solid 1px #ccc;
    color: #A01012;
    font-weight: bold;
    font-size: 115%;
    text-align: right;
    white-space: nowrap;
}
#main-conte td{border-bottom: solid 1px #ccc; padding: 15px;}

/* ------------------------
コンテンツ左右
------------------------- */
.content-left{ float: left; width: 45%; margin: 20px;}
.content-left img{ width: 100%; height: auto;}
.content-right{ float:left; width: 50%; margin: 20px 0;}

/* ------------------------
掲載中の求人
------------------------- */
.hirajob-box{
    margin: 10px;
    padding: 10px;
    background-image: url(url);
}

.hirajob-box img{
	margin-bottom: 5px; vertical-align: top;
}
/* ------------------------
トップ
------------------------- */
#special{
    background-color:#F4EAF3;
    text-align: center;
    padding: 15px 0;
background-size: auto auto;
background-color: rgba(255, 255, 255, 1);
background-image: repeating-linear-gradient(135deg, transparent, transparent 13px, rgba(225, 237, 255, 1) 13px, rgba(225, 237, 255, 1) 28px );
}

#special h3{
width: 600px;
padding: 15px 0 10px 0;
margin: 10px auto;
background-color:#1752A2;
color: #fff;
font-weight: bold;
border-radius: 100px;
font-size: 120%;}
@media screen and (max-width:640px) {
#special h3{border-radius: 0;
width: 100%;}
}

#special img{ margin: 1px;}
/* -------------------------
スマホ向け上書き（地図）
------------------------- */
@media screen and (max-width:640px) {
.map{
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
margin:10px;
}
.map iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/* -------------------------
スマホ向け上書きヘッダー
------------------------- */
#head{
	background-color:#0420A6; 
}
#header{
	margin:0 auto;
	height: auto;
	text-align: center;
}
#logo{
    margin: 0 auto;
    padding: 0;
	width: 100%;
	text-align: center;}
/* -------------------------
スマホ向け上書きヘッダーメニュー
------------------------- */
#head{ overflow: visible; margin: 0; padding: 0; width:100%;}
#header{width:100%;}
.hmenu{ 
    clear: both;
    margin: 0;
    padding: 10px 0;
    float: none;
    width: 100%;
    background-color: #0420A6;
	font-size: 80%;text-align: center;
}
.hmenu ul{padding: 0 ; overflow:visible;}

.hmenu li,.hmenu li a,.hmenu li a:visited{
	list-style:none;
	text-decoration: none;
	padding:0 2px;
	white-space: nowrap;
}
/* ------------------------
コンテンツ
------------------------- */
#main-conte { ;width:100%; background-color:fff; padding: 0 0 50px 0; overflow: hidden;}
.content-box{margin: 5px auto; overflow: hidden;}
.content-left{ clear: both; width: 100%; text-align: left;}
.content-left img{ width: 90%;}
.content-right{ clear: both;  width: 100%; }
#main-conte h2{
    border-left: solid 10px #F774A9;
    margin: 20px 0 20px 10px;
    text-align: left;
    clear: both;
}
.content-right p{padding: 10px 0;}

#footmenu{
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
    text-align: left;
	background:none;
	color:#fff;}
#footmenu ul{text-align: center; font-size: 80%;}
#footmenu li{padding: 2px;}
#footmenu p{
    padding: 10px;
}
#copyright{font-size: 50%;}
.hirajob-box img{width:95%; height: auto;}
#midashi,#midashi-kasou img{height: auto; }
#midashi img,#midashi-kasou img{width: 100%; height: auto;
}
#special img{
width: 45%; height: auto;}
}

#genkou{text-align:left;}
#genkou img{border:solid 1px #ccc;}
@media screen and (max-width:640px) {
#genkou img{ max-width: 95%; height: auto;}
#kokuchi img{width: 100%; height: auto;}
}

#kokuchi{background-color: #fff;}

.max100 img{width: 95%; height: auto; margin: 15px;}

/* ------------------------
メールフォーム
------------------------- */
@media (max-width: 640px) {
    table {width: 100%; margin: 0; padding: 0; display: block;}
    table th {display: block; background-color: #ffffff; padding: 0; margin:15px 0 0 0!important; line-height:100%; width:auto; border: solid 1px #fff!important; color: #A01012;font-weight:bold; font-size: 125%; text-align: left!important;}

    table td {display: block; background-color: #ffffff; padding: 0!important; margin:15px 0; line-height:100%; text-align: left;width:auto;border: solid 1px #fff!important; line-height: 120%;}
    }

textarea,input {
box-sizing:border-box;
border:none;
background-color:#eee;
border: solid 1px #ccc;
padding:10px;
margin:10px;
}

/* ------------------------
小物
------------------------- */
.aka{font-weight: bold; color: firebrick; font-size: 120%;}
.aka-left{ clear: both;font-weight: bold; color: firebrick; font-size: 120%;}
.migi{float: right; margin: 0 0 10px 10px;}

/* ------------------------
幅せまめコンテンツ
------------------------- */
.conte-mini{width: 700px!important; margin: 50px auto;}
.conte-mini h3{padding: 20px!important; border: solid 3px #cccccc!important; margin: 0!import; text-align: center!important;}
.conte-mini p{ text-align: left; width: 640px; margin: 0 auto 15px auto;}
@media screen and (max-width:640px) {.conte-mini{width: auto!important;}
@media screen and (max-width:640px){.conte-mini p{ width: auto; margin: 10px;}