@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*全体の設定
---------------------------------------------------------------------------*/
body {
	color:#111;
	font-family: "Noto Sans Japanese","メイリオ",sans-serif;
	font-size:100%;
	font-weight:200;
	background:url(../img/commonimg/bg01.png) repeat-x top left #FFF;
}

/*リンク
---------------------------------------------------------------------------*/
a {
	color:#1f4e91;
}
a:hover {
	color:#E02E81;
}

/*コンテナー
---------------------------------------------------------------------------*/
.wrapper {
	width: 1200px;
	margin: 0 auto 0;
}

/*ヘッダー
---------------------------------------------------------------------------*/
header {
	height:110px;
}

header h1 {
	font-size: 0.8em;
	color:#FFF;
}

#logo {
	width:300px;
	float:left;
}
#logo img {
	margin-top:10px;
}

#menu {
	width: 900px;
	float:right;
}

#menu ul {
	width:900px;
	margin-top:15px;
	border-left:1px solid #FFF;
}

#menu ul li a {
	letter-spacing: 0.1em;
	border-right: 1px solid #FFF;
	display: block;
	text-decoration: none;
	color:#FFF;
	line-height:1.5em;
	float:left;
	width:180px;
	text-align: center;
	font-weight: 300;
}

#menu ul li.first a { border-left: 1px solid #FFF; width:100px; }
#menu ul li.torikumi a { width:254px; }

#menu ul li a span {
	font-size:0.8em;
	font-weight: 100;
	color:#C5E4EB;
}

#menu ul li a:hover {
	color:#F88D06;
}
#menu ul li a:hover span {
	color:#D7BB94;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
#contents {
	clear: both;
}
#contents h2 {
	background: url(../img/commonimg/bg_h2.png) no-repeat top left #FFF;
	padding:15px 10px;
	color:#0559df;
	font-size:1.2em;
	margin-top:30px;
}

#contents h3 {
position: relative;
padding: 5px 5px 5px 42px;
background: #77c3df;
font-size: 1.15em;
color: white;
margin-left: -33px;
	margin-top:15px;
line-height: 1.3;
z-index:-1;
}

#contents h3:before {
position: absolute;
content: '';
left: -2px;
top: -2px;
border: none;
border-left: solid 40px white;
border-bottom: solid 79px transparent;
z-index:-2
}

#left {
	width:980px;
	float:left;
}

#right {
	width:210px;
	float:right;
}
/*フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	background-image:url(../img/commonimg/bg_footer.jpg) ;
	border-top:5px solid #CCC;
	margin-top:50px;
}

#flogo {
	float:left;
	width:420px;
	font-size:0.8em;
	color:#333;
	line-height: 1.6em;
}
#pagetop {
	text-align:right;
}
#flist {
	width:705px;
	float:right;
	margin-top:50px;
}
#flist ul {
	border-left:1px solid #AAAAAA;
}
#flist ul li {
	float:left;
	font-size:0.85em;
	padding:0 20px;
	border-right:1px solid #AAAAAA;
}
#flist ul li a {
	text-decoration: none;
}
.copy { 
	font-size:0.75em;
	color: #666;
	font-family: Verdana, Geneva, "sans-serif";
	padding-top:40px;
	text-align: right;
}

/*トップページ内「新着情報」
---------------------------------------------------------------------------*/
#new {
	margin-bottom:15px;
	border-top: 1px solid #ccc;
}

#new dt {
	float: left;
	clear: both;
	width:100px;
	text-align: center;
	padding:10px;
}

#new dt  span {
	color:#1E3263;
	font-size:0.8em;
	font-family: "メイリオ", "sans-serif";
	padding:15px 0 5px 0;
}
#new dd {
	padding: 10px 10px 10px 110px;
	border-bottom: 1px solid #ccc;
}


/* パンくずリスト
---------------------------------------------------------------------------*/
#breadcrumb {
	margin:5px 0 10px 0;
}
#breadcrumb ul li {
	float:left;
	font-size:0.85em;
	background:url(../img/commonimg/listmark06.gif) no-repeat 5px 6px;
	padding-left:20px;
}
#breadcrumb ul li.home {
	background:none;
	padding-left:0;
}
#breadcrumb ul li a {
	text-decoration: none;
}

/* お問い合わせ
---------------------------------------------------------------------------*/
.btn a {
	clear:both;
	display:block;
	width:480px;
	margin: 30px auto;
	padding:10px;
	font-size:1.3em;
	text-align: center;
	color: #FFFFFF;
	border:1px solid #25729a; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	background-color: #3093c7;
 	background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
	background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
 	background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
 	background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
 	background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
	background-image: linear-gradient(to bottom, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
	text-decoration:none;
}

#contact {
	margin:30px auto;
	width:1080px;
	border:5px solid #CCC;
	padding:30px;
	text-align:center;
	background-color: #FFF;
}
#contact p {
	margin:10px;
	text-align: center;
}
#contact div {
	font-size:2.0em;
	font-weight: 600;
	letter-spacing: 0.2em;
	color:#15265B;
}

.interviewbox {
	float:left;
	width:565px;
	padding:10px;
    margin:15px 5px;
    position: relative;
    background:#FFF;
    border:2px solid #0E699C;
    text-align:center;
}

.interviewbox p {
    background: url("../img/commonimg/listmark05.gif") no-repeat 0px 10px;
    padding:5px 0 5px 15px;
    text-align: left;
}

.interviewbox img {
   border:1px solid #CCC;
    padding:2px;
    background: #FFF;
    border-radius: 5px;
    margin:5px auto; 
}