@charset "utf-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em;
}

body,
table,
input, textarea, select, option {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#4c4c4c;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

a:link {
	color: #4c4c4c;
	text-decoration: underline;
}

a:visited {
	color: #4c4c4c;
	text-decoration: underline;
}

a:hover {
	color: #7fdbd9;
	text-decoration: none;
}

/*20160325 add*/
/*a img:hover {
	opacity: 0.7 !important;
}*/

a:active {
	color: #dadada;
	text-decoration: none;
}
.left{
float:left;
}

.right{
float:right;
}

.orange {color: #ffb980;}
h1{font-size:25px;margin-bottom:20px;margin-left:10px;padding-left:10px;float:left;border-left:5px solid #71dbd2;}
h2{font-size:20px;
margin:5px 0 0 50px;
position: relative;
padding: 0;
}
h2:before {
font-family: FontAwesome;
content: "\f040";
position: absolute;
padding: 0em;
color: #a0a0a0;
font-weight: normal;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
input[type="submit"] {
cursor: pointer;
}
.red{color:red;}
h3{font-size:18px;}
/*------------------------------------------------------------
	レイアウト・ヘッダー
------------------------------------------------------------*/co
body {
	color: #4c4c4c;
	line-height: 1.5;
	text-align: left;
}

#container {
	text-align: left;
	margin:0 auto;
	position: relative;
	min-width:1200px;

}
.header{
	position: relative;
	height:100px;
}

.logout{position:absolute;top:20px;right:50px;}
.logout img{margin-right:5px;}

#inpage .cont_area{
margin-top:100px;
}

h4.logo{background:none;position: absolute; height: auto;top:20px;left: 80px;}
h4.logo img{width:200px;}
.h_menu{position: absolute;left: 20px;top: 26px;}
.h_menu img{width:40px;}
span.menu_btn{margin:20px;height:67px;display:inline-block;}

body {
	position: relative;
	left: 0;
	overflow-x: hidden;
}
#slide_menu{
	position: fixed;
	top: 0;
	left: -240px;
	width: 240px;
	height: 100%;
background:rgba(0,0,0,0.9);
}

ul.menu::-webkit-scrollbar {
  display: none;
}
ul.menu img{display:inline-block;vertical-align: middle;width:20px;margin-right:20px;}

ul.menu li{display:block;font-weight: bold;font-size: 15px; opacity:0.8;}
ul.menu li:hover{opacity:1;background:#000;}
ul.menu li.gnavi_h{text-align:center;padding-top:10px;}
ul.menu li a{color:#fff;padding:10px 10px;display:block;font-size: 15px;}
ul.menu li.close img{margin:10px;}
.head_second{
display:block;
background:url(../../img/icon_gnavi.png) no-repeat right center;
background-size:40px;
width:100%;
padding:10px 0;
color:#fff;
font-weight:bold;
}
.head_second span{
padding-left:10px;
}
.close_second{
display:block;
background:url(../../img/icon_gnavi_close.png) no-repeat right center;
background-size:40px;
width:100%;
padding:10px 0;
}

.gnavi_h a{display:inline-block !important;}
.gnavi_h a:first-child {display: none !important;}
.gnavi_h a img{margin:5px 8px;display:inline;vertical-align: top;width: 80px;}
.gnavi_h a:nth-child(3) img {width: 95px;}
ul.menu li ul.second li{border:none;padding:0;}

#inpage #main .sitemap h4 {
    border-bottom: 2px solid #cecece;
}
#inpage #main .sitemap h4 {
    color: #505050;
    font-size: 24px;
    margin-bottom: 20px;
    position: relative;
    padding: .5em 1em .5em 1.5em;
}
#inpage #main .sitemap h4::after {
    position: absolute;
    top: .5em;
    left: .5em;
    content: '';
    width: 8px;
    height: -webkit-calc(100% - 1em);
    height: calc(100% - 1em);
    background-color: #abdfde;
}

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/


.moreInfo a {
    display: block;
    width: 300px;
    height: 20px;
    padding: 10px;
    background: #abdfde none repeat scroll 0% 0%;
    font-size: 14px;
    text-align: center;
    border: 1px solid #abdfde;
    text-decoration: none;
    margin: 10px auto;
    border-radius: 10px;
    color: #FFF !important;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
.footer{
background:#e8e8e8;
}
.footer .footer_in{
position: relative;
width:1200px;
padding:50px 0 50px 0;
margin:0px auto;
}
.footer .footer_in h4{padding-bottom: 40px;}

.footer .footer_in .f_list{float:left;margin-left:80px;}
.footer .footer_in .f_list h5 {margin-bottom: 10px;font-weight: bold;font-size: 18px;}
.footer .footer_in .clearfix{margin-left:80px;}
.footer .footer_in li{margin-left:50px;}
.footer .footer_in .other_menu {margin-top: 30px;}
.footer .f_list.center {margin-left: 50px;}
.copyright{background:#3a3a3a;padding:10px;}
.copyright p{font-size:10px;margin:5px;color:#fff;text-align:center;}
.copyright p a{color:#fff;font-size:12px;}