@charset "UTF-8";
/*
----------
content.css
2016.9.2
----------
*/


/**/

.content:after,
.breadcrumb:after,
main:after,
pageup:after,
.localnav:after
{
content:"";
height:0;
display:block;
clear:both;
}

.content,
.breadcrumb,
main,
pageup,
.localnav
{
_zoom:1;
}


/*
Content
*/
.content{
width:1000px;background-color:#fff; margin:0 auto;
  padding:  0;
  display:block;
  text-align:center;

}

/*
.content a[href^="http"] {
background:url(../images/icon_blank2.png) no-repeat center right;
  padding-right:16px;
  margin-right:0;
}
*/

/*
breadcrumb
*/

  .breadcrumb{
	clear:both;
	width: 100%;
	 max-width: 960px;
	 padding:4px 0;
  display:block;
  font-size:12px
}
.breadcrumb li{
	float:left;
	padding: 4px  0;
}
.breadcrumb li:after{
  display: inline-block;
  content: '>';
  margin: 0 .8em;
  color: #959fa5;
}
.breadcrumb li:last-child:after {
	content: '';
}


/*
----------
main
----------
*/

main { width: 680px;
padding:0 0 20px;
float:right;
clear:both;
border:2px solid #01a27a;
min-height:1110px
}

/*
Table
*/
main table{ margin-bottom:10px;border-top:1px solid #01a27a ;/*border-left:1px solid #01a27a ;*/}
main table th{padding:12px; border-bottom:1px solid #01a27a ;/*border-right:1px solid #01a27ab ;*/ background-color:#f4f4f4; /*text-align:center*/}
main table td{ padding:12px; border-bottom:1px solid #01a27a ;/*border-right:1px solid #01a27a ;*/}

/*type2は表に枠があるタイプ*/
main table.table-type2{ margin-bottom:10px;border-top:1px solid #01a27a ;border-left:1px solid #01a27a ;}
main table.table-type2 th{padding:12px; border-bottom:1px solid #01a27a ;border-right:1px solid #01a27a ; background-color: #FDFDDA;text-align:center}
main table.table-type2 td{ padding:12px; border-bottom:1px solid #01a27a ;border-right:1px solid #01a27a ;}



/*
Heading
*/

.hdg-1{
padding:16px;
font-size:22px;
font-weight:bold;
margin-bottom:20px;
box-shadow: #ddd 0 2px 2px 0;
background-color:#e5f5f1;
border-bottom:2px solid #01a27a;
color:#01a27a;
line-height:120%;
}

.hdg-2{padding:0 0 8px; border-bottom:4px solid #01a27a;font-size:18px; margin-bottom:8px; line-height:140%}
.hdg-3{padding:8px 12px;font-size:16px; font-weight:bold; background-color: #e5f5f1;margin-bottom:8px;

	/*padding: .5em .75em;
	background-color: #f6f6f6;*/
	border: 1px solid #eee;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset, -1px -1px 0 rgba(100, 100, 100, .1) inset;
}
/*padding: .5em .75em;
	background-color: #f6f6f6;
	border: 1px solid #eee;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset;*/
	/*
	padding: .5em .75em;
	background-color: #f6f6f6;
	border: 1px solid #eee;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset, -1px -1px 0 rgba(100, 100, 100, .1) inset;*/

.hdg-4{border-left:4px solid #01a27a;font-size:16px;margin-bottom:8px; padding:0 8px;}
.hdg-5{color:#01a27a;font-size:15px;margin-bottom:8px;}

.hdg-6 {
	position: relative;
	padding: .75em 1em .75em 1.5em;
	border: 1px solid #ccc;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}
.hdg-6::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #3498db;
	border-radius: 4px;
}
.hdg-7{
	background-color: #FFFCDE;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding:4px 8px;
}



.hdg-fukidashi {
	position: relative;
	/*display: inline-block;*/
	padding:8px 16px;
	width: auto;
	/*min-width: 115px;
	height: 40px;*/
	color: #F6F6F6;
	line-height:140%;
	/*text-align: center;*/
	background: #00B08F;
	z-index: 0;
	font-size:24px;
	/*font-weight:normalもう上書きしちゃう*/
}
.hdg-fukidashi:after {
	content: "";
	position: absolute;
	bottom: -10px; left:60px;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color:  #00B08F transparent transparent transparent;
}

.hdg-1 small,
.hdg-2 small,
.hdg-3 small{ /*color:#666;*/font-size:0.8em; margin-left:0.5em; font-weight:normal; letter-spacing:0}




/*
ボタン
*/
.btn a{ border-radius:4px; text-decoration:none; padding:16px 24px; display: inline-block/*のちほど詳しく*/; font-weight:bold}
.btn a:link,
.btn a:visited{background-color:#01a27a; color:#fff; border-bottom:4px solid #017F5F }
.btn a:hover,
.btn a:active{  background-color:#f4f4f4; color:#01a27a;border-bottom:4px solid #f4f4f4; }

.btn-type2 a{ border-radius:4px; text-decoration:none; padding:8px 12px; display: inline-block/*のちほど詳しく*/; font-weight:bold}
.btn-type2 a:link,
.btn-type2 a:visited{background-color:#01a27a; color:#fff; border-bottom:4px solid #017F5F }
.btn-type2 a:hover,
.btn-type2 a:active{  background-color:#777; color:#fff;border-top:4px solid #999;border-bottom:none }

.btn-box a{ border-radius:4px; text-decoration:none; padding:8px 24px; display: block;}
.btn-box a:link,
.btn-box a:visited{background-color:#01a27a; color:#fff; }
.btn-box a:hover,
.btn-box a:active{  background-color:#f4f4f4; color:#01a27a;}

.btn-download a{ border-radius:4px; text-decoration:none; padding:4px; display: inline-block/*のちほど詳しく*/; font-size:16px; margin:2px 0;}
.btn-download a:before{content:"Download"; margin:0 0.4em 0 8px; background-color:#3DB3ED; padding:4px 8px; color:#fff; font-weight:normal; font-size:12px}
.btn-download a:link,
.btn-download a:visited{background-color:#f4f4f4; color:#3DB3ED; border:1px solid #3DB3ED; padding-left:5.4em ; text-indent:-5.4em}
.btn-download a:hover,
.btn-download a:active{ background-color:#3DB3ED; color:#fff;}
.btn-download a small{ font-size:12px; color:#777}

.btn-index a{padding:8px; display: inline-block; font-weight:bold}
.btn-index a:link,
.btn-index a:visited{border: 1px solid #01a27a;background:#e5f5f1;color:#01a27a;}
.btn-index a:hover,
.btn-index a:active{  background-color:#01a27a; color:#fff; text-decoration:none}

.btn-kakudai a{padding:2px 8px; display: inline-block; font-size:12px;}
.btn-kakudai a:link,
.btn-kakudai a:visited{border: 1px solid #01a27a;background:#e5f5f1}
.btn-kakudai a:hover,
.btn-kakudai a:active{  background-color:#01a27a; color:#fff; text-decoration:none}


.btn-type2 .submit_button{
	border-radius:4px;
	text-decoration:none;
	padding:8px 12px;
	display: inline-block;
	font-weight:bold;
	background-color:#01a27a;
	color:#fff;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:4px solid #017F5F;
}
.btn-type2 .submit_button:hover,
.btn-type2 .submit_button:active{
	background-color:#777;
	color:#fff;border-top:4px solid #999;
	border-bottom:none;
}
/*
リンクの種類
*/
/*main a[href^="http"] {
background:url(../images/icon_blank2.png) no-repeat center right;
  padding-right:16px;
  margin-right:8px;
}*/
a.pdf{
background:url(../images/icon_pdf.gif) no-repeat center right;
padding:4px 18px 4px 0;
}
a.word{
background:url(../images/icon_word.gif) no-repeat center right;
padding:4px 18px 4px 0;
}

/*
リスト
*/
.list-nomal{ list-style-type:disc; margin-left:1em}
.list-nomal li{ margin-bottom:4px}
.list-number{ list-style:decimal;margin-left:1.6em}
.list-number li{margin-bottom:4px}
.list-circle li{ text-indent:-1em; padding-left:1em; margin-bottom:12px; line-height:140%}
.list-circle li:before{ content:"●"; color:#01a27a;font-size:10px; width:1em; margin-right:4px}/*ここもう一度*/
.list-circle li ul{ margin-top:12px}
.list-circle li li{ margin:0 0 4px}
.list-circle li li:before{content:"○"; color:#01a27a;font-size:10px; width:8px; margin:0 4px 0 0;}/*ここもう一度*/

/**/
body {
	counter-reset: titleNum;/*この設定必要*/
}
.list-number-maru {
	position: relative;
	padding: 0 0 .5em 2.5em;
	border-bottom: 1px dotted #999;
	 margin-bottom:8px
}
.list-number-maru::before {
	counter-increment: titleNum;
	position: absolute;
	top: -4px;
	left: 0;
	content: counter(titleNum);
	width: 28px;
	height: 28px;
	line-height: 28px;
	background-color: #999;
	border-radius: 100%;
	color: #fff;
	font-size: .9em;
	text-align: center;

}

/*
枠
*/
.box-type1{padding:32px; border:2px solid #01a27a;}
.box-type2{padding:24px; border:1px solid #01a27a;}
.box-type3{padding:24px; border:6px solid #FFD0CC;box-shadow:1px 0px 5px 0px #d1d1d1;
-moz-box-shadow:1px 0px 5px 0px #d1d1d1;
-webkit-box-shadow:1px 0px 5px 0px #d1d1d1;}
.box-type4{padding:24px; border:1px solid #01a27a; border-radius:8px}
/*.box-type4 a{
	color:#555;
}おでかけスポットで使用*/
.box-type5{padding:8px; background-color:#28AAE1; border:1px solid #EDF8FF; border-radius:8px; color:#fff;
text-indent:0/*リストのclassで干渉したために*/}
.box-type6{padding:16px; border-bottom: 1px dotted #01a27a;margin:20px}


.contact-box{ border:2px dotted #3eb3ed; padding:16px 16px 8px}/*使ってないかも*/
.section-box{padding:16px 16px 8px; margin:20px}
.voice-box{ background-color:#f4f4f4; padding:16px 16px 8px; border-radius:8px}
.staff-photo{ border:1px solid #01a27a;padding:4px}

.box-1column{border:1px solid #01a27a; border-radius:8px;padding:16px}
.box-1column a{color:#01a27a}
.box-2column{/*border:1px solid #01a27a;*/ margin:16px 14px 20px 0; width:46%; padding:4px}/*ボーダーはつけず*/
.box-3column{/*border:1px solid #01a27a;*/ margin:16px 10px 10px 0; width:30%; padding:4px}/*ボーダーはつけず*/
.photo-2column{margin:16px 14px 20px 0; width:46%; padding:4px}
.photo-3column{margin:16px 10px 10px 0; width:30%; padding:4px}
.photo-3column{margin:16px 10px 10px 0; width:30%; padding:4px}
.photo-33column{margin:16px 10px 10px 0; width:60%; padding:4px}


/*
pager
*/
.pager {
    margin: 24px 0;
    text-align: center;
}
.pager li {
    list-style: none;
    display: inline-block;
	margin:8px 4px
}
.pager li a {
    padding: .5em 1em;
    background: #f4f4f4;
    border: none;
    border-radius: 16px;
	text-decoration:none
}

/*
img
*/
.img-radi{ border-radius:8px}
.img-type1{ border:1px solid #ccc; padding:1px}



/*
----------
Side
----------
*/
.side {
  width: 240px;
  float:left;
  padding:0}


/*
globalnav
*/

.globalnav{	margin-bottom:30px}
.globalnav li{}
.globalnav li a{
text-decoration:none;
border: 1px solid #01a27a;
font-size: 15px;
line-stacking:0.06em;
font-weight:bold;
margin-bottom:8px;
background:#e5f5f1 url(../img/common/arrow.png) no-repeat right center;
padding:4px 4px 4px 8px;
}
.globalnav li a:link,
.globalnav li a:visited{display:block;color:#01a27a}
.globalnav li a:hover{background-color:#f4f4f4;}
.globalnav li a.news{background:#5ac3a9 url(../img/common/news_nav_bg.png) repeat-x right bottom; color:#ffff00;padding:8px 8px 8px 8px;margin-bottom:0;}
.globalnav li a.news:hover{background:#f4f4f4 url(../img/common/news_nav_bg.png) repeat-x right bottom;color:#006633}
.globalnav li a.parking{background:#e5f5f1 url(../img/common/icon-search.png) no-repeat right center; }
.globalnav li a.parking:hover{background-color:#f4f4f4}

.globalnav li a.staffblog{ background-color:#5ac3a9;color:#ffff00;padding:8px 8px 8px 8px; margin-bottom:0}

.staffblog-index{margin-bottom:8px; border:1px solid #5BC3A9}


.globalnav .staffblog-index li a{ text-decoration:none;
border: none;
font-size: 14px;
font-weight: normal;
margin:0 0 0 0;

}
 .staffblog-index li a:link,
 .staffblog-index li a:visited{color:#555;
background-image:none;/*上書き*/
background-color:#fff;
border-bottom:1px dotted #999}
 .staffblog-index li a:hover{
background-image:none;/*上書き*/
background-color:#EBF7F6;
border-bottom:1px dotted #999}

.globalnav-sub{margin-bottom:8px}
.globalnav-sub li a{ text-decoration:none;
border: none;
font-size: 14px;
font-weight: normal;
margin:0 0 0 2em;
padding-left:2em;
text-indent:-1em
}


.globalnav-sub{margin-bottom:8px}
.globalnav-sub li a{ text-decoration:none;
border: none;
font-size: 14px;
font-weight: normal;
margin:0 0 0 2em;
padding-left:2em;
text-indent:-1em
}
.globalnav-sub li a:before{ content:"▶︎"; color:#01a27a;}
.globalnav-sub li a:link,
.globalnav-sub li a:visited{background:none; display:block;padding:2px; color:#555}
.globalnav-sub li a:hover{background-color:#e5f5f1 ;}

.globalnav .globalnav-sub li a.parking-time,
.globalnav .globalnav-sub li a.parking-monthly{padding-left:64px;color:#01a27a; font-size:16px; font-weight:bold;position: relative;}
.globalnav .globalnav-sub li a.parking-time:before,
.globalnav .globalnav-sub li a.parking-monthly:before
{content:url(../img/common/icon-parking-search.png) ;
position: absolute;
  top: 50%;
 left: 0;
  margin-top:-16px;}

/* Mobile: show condensed company links in specified order */
@media screen and (max-width: 768px) {
	.mobile-company-nav{
		display:block !important;
		margin-bottom:16px;
		background:#fff;
		border:1px solid #e5e5e5;
		padding:8px 0;
	}
	.mobile-company-nav ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	.mobile-company-nav li{
		margin:0;
		padding:0;
	}
	.mobile-company-nav li a{
		display:block !important;
		padding:10px 16px;
		color:#01a27a;
		text-decoration:none;
		border-bottom:1px solid #f0f0f0;
		font-size:14px;
	}
	.mobile-company-nav li a:before{
		content:"▶︎";
		color:#01a27a;
		margin-right:8px;
	}
	.mobile-company-nav li a:hover{
		background:#f4f4f4;
	}
	/* hide the original company sublist to avoid duplication */
	.globalnav > li > a.company + .globalnav-sub{
		display:none !important;
	}
}

@media screen and (min-width: 769px) {
	.mobile-company-nav{
		display:none !important;
	}
}



/*
pageup
*/

.pageup {
	clear:both;
	text-align:right;
	 padding:16px 0
}

/*
.pageup a{
background-color:#f4f4f4;
padding:8px;
text-decoration:none;
border-radius: 4px;
font-size:12px
}
*/

.pageup a{ border-radius:4px; text-decoration:none; padding:4px 20px; display: inline-block/*のちほど詳しく*/;}
.pageup a:link,
.pageup a:visited{ background-color:#f4f4f4; color:#01a27a;}
.pageup a:hover,
.pageup a:active{  background-color:#01a27a; color:#fff;}