@charset "utf-8";
/*
Theme Name: akita-chuoukotsu-toppage-theme
Theme URI: http://www.akita-chuoukotsu.co.jp/
Description: Official theme
*/

/*
------------------------------------
 base
------------------------------------
*/

html,body {
	height:100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,blockquote,th,td {
	margin:0;
	padding:0;
}
img {
	border:0;
	vertical-align: top;
}
body {
 font-size: 62.5%;
 font-family: " メイリオ",Meiryo,Osaka," ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"," ＭＳ Ｐゴシック","MS PGothic",sans-serif;
 background: #e5f7ff url(../images/bg-top.gif) repeat-x top;
}

* html div#container {height:100%;}

#container {
    width: 960px;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;	
    background: #FFFFFF;
    margin:0px auto;
}

body > # container {height: auto; min-height: 100%;}

#contents {
  width: 100%;
  text-align: center;
  padding-bottom:80px;
  margin:0;

}
a {
	color: #202020;
	outline: none;
}
a:hover {
	text-decoration: none;
	color: #c5004c;
}
ul,ol {
	list-style: none;
}
.fLeft {
	float: left;
}
.fRight {
	float: right;
}
.clearAll {
  clear: both;
}
ol {
list-style: decimal outside;
margin-left: 20px;
}
ol li {
margin-bottom: 16px;
}

table{
	width: 100%;
	margin-top: 12px;
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.5;
}
th{
	width: 20%;
	padding: 10px;
	border: 1px solid #ccc;
	background: #4da619;
	color: #fff;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}
td{
	width: 80%;
	padding: 10px;
	border: 1px solid #ccc;
	vertical-align: middle;
}

/*
------------------------------------
 header
------------------------------------
*/

#header { 
	width: 100%;
  background: url(../images/bg-head-top.gif) no-repeat top left;
	height: 130px;
	margin-bottom: 0;
}
#header-inner { 
	width: 100%;
	margin: 0;
}
#header-top {
	height: 90px;
}
#header-top h1 {
	width: 230px;
	height: 75px;
	float: left;
	margin-left: 0;
	margin-top: 5px;
}
#header-top h3 {
	float: right;
	width: 176px;
	height: 60px;
	margin-top: 12px;
	margin-right: 12px;
}
#header-top h4 {
	float: right;
	width: 110px;
	height: 30px;
	margin-top: 30px;
	margin-right: 10px;
}
/*nav*/
#header-nav { 
	clear: both;
	width: 100%;
	height: 40px;
	background: #0e6eb8;
	margin-bottom: 20px;
}


/* main image */
#header-img {
  clear: both;
  position: relative;
	width: 100%;
	border-bottom: solid #C0C0C0 1px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 15px;
}
#header-img img {
	border: 1px solid #999999;
}

/*
------------------------------------
 sid-1
------------------------------------
*/

#sid1 { 
	float: left;
	width: 610px;
  text-align: left;
	margin: 0px 20px 15px 10px;

}

/*
------------------------------------
 sub-menu
------------------------------------
*/
#sub-menu {
	width: 100%;
	margin-bottom: 25px;
}
#sub-menu a {
	float: left;
  display: block;
  width: 194px;
  height: 90px;
	color: #444;
	font-size: 1.4em;
	line-height: 1.4em;
	text-align: center;
  text-decoration: none;
  background-image: url(../images/submenu.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#sub-menu a.bt-red {
	margin-right: 10px;
  background-position: 0px 0px;
}
#sub-menu a.bt-red:hover {
	color: #000;
  background-position: 0px -90px;
}
#sub-menu a.bt-blu {
	margin-right: 5px;
  background-position: 0px -180px;
}
#sub-menu a.bt-blu:hover {
	color: #000;
  background-position: 0px -270px;
}
#sub-menu a.bt-yel {
  margin-right: 5px;
  background-position: 0px -360px;
}
#sub-menu a.bt-yel:hover {
	color: #000;
  background-position: 0px -450px;
}
#sub-menu a span {
  display: block;
	padding-top: 44px;
}

/*
------------------------------------
 half-block
------------------------------------
*/
.box {
	width: 100%;
	background: #fff;
	padding: 0;
	padding-left: 10px;
	margin-top: 24px;
	margin-bottom: 20px;
}
.box:after {
	display: block;
	clear: both;
	height: 0;
	content:"";
}

.half-block {
	float: left;
	width: 275px;
  text-align: left;
	font-size: 1.4em;
	line-height: 1.6em;
	margin: 0px 30px 0px 0px;
}

.half-block h4 {
	background: url(../images/info-title.gif) no-repeat top left;
	color: #555555;
	line-height: 38px;
	font-size: 1.8em;
	border-bottom: solid #999999 1px;
	padding-left: 50px;
	padding-bottom: 4px;
}
.half-block p {
	padding: 10px;
}
.half-block ul {
	margin: 10px 10px 15px 20px;
	list-style: disc outside;
}
.half-block ul ul {
	font-size: 0.9em;
	margin: 5px 10px 5px 20px;
	list-style: circle outside;
}
.half-block li {

}
.half-block a {
	color: #555555;
}
.half-block a:hover {
	color: #C00000;
  text-decoration: none;
}

.half-block-pop {
	float: left;
	width: 275px;
  text-align: left;
	font-size: 1.4em;
	line-height: 1.6em;
	margin: 0px 30px 0px 0px;
}
.half-block-pop img {
	margin-left: 12px;
	margin-top: 12px;
}
hr.main-sepa {
  margin-top: 12px;
  margin-right: 30px;
  margin-bottom: 6px;
}
/*
------------------------------------
 sidebar
------------------------------------
*/

#sidebar {
	float: right;
	width: 300px;
  text-align: left;
	margin: 0px 8px 15px 0px;
}

#sid-news {
	width: 298px;
	background: #fff3f3;
	border: 1px solid #999999;
}
#sid-news h4 {
	background: url(../images/bg-title.gif) repeat-x top left;
	height: 24px;
	color: #FFFFFF;
	line-height: 1.4em;
	font-size: 1.4em;
	padding-left: 10px;
	padding-top: 4px;
}
#sid-news p {
	font-size: 1.4em;
	line-height: 1.6em;
	padding: 6px;
}

hr.side-sepa {
	width: 290px;
	margin-top: 12px;
  margin-bottom: 12px;
}

/*pick-up*/
.pick-up {
	float: left;
}
.pick-up p {
  text-align: left;
}
.pick-up:first-child {
	margin-right: 10px;
}

.pick-up img {
	margin-top: 12px;
	margin-left: 26px;
}
.pick-up .pick-inner {
	padding-left: 125px;
}
.pick-up .pick-inner h3 {
	text-align: left;
  margin-bottom: 10px;
}
.pick-up .pick-inner span {
	display: block;
	padding-bottom: 5px;
	color: #999;
	text-align: right;
}
.pick-up .txtbnner {
	width: 234px;text-align: center;
  font-size: 12px;
  border: 1px solid #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 12px;
	margin-left: 26px;
}

.pick-up img.pickUPtop {
	margin-top: 0px;
  margin-bottom: 12px;
	margin-left: 26px;
}
/*
------------------------------------
 footer
------------------------------------
*/
#footer {
	/* height: 80px; */
	width: 100%;
	background: #dbdbdb url(../images/footer-logo.gif) no-repeat top right;
	margin: 0;
	bottom: 0;
	position: absolute;
	_position: relative;
	text-align: center;
}
#footer-inner { 
	width: 100%;
	margin: 0;
}
#footer-inner p {
  color: #222;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.8em;
	margin-top: 10px;
}
#footer-inner p a {
	color: #444;
  text-decoration: none;
}
#footer-inner p a:hover {
	color: #0000E0;
  text-decoration: underline;
}
/*
------------------------------------
 Mega Menu
------------------------------------
*/
/* Mega Menu Styles */
.mega-menu ul, .mega-menu ul li {list-style: none;}
.mega-menu ul {position: relative; padding: 0; margin: 0;}
.mega-menu ul li ul {display: none;}
.mega-menu .sub {display: none;}
.mega-menu .sub ul {display: block;}

#mega-menu-1 {
font: normal 13px Arial, sans-serif; 
list-style: none; 
position: relative; 
padding: 0; 
margin: 0;
}
#mega-menu-1 .sub ul {
display: block;
}
#mega-menu-1 {
background: #196eb6; 
width: 100%; 
height: 40px;
position: relative;
}
#mega-menu-1 li {
float: left; 
font-weight: bold;
	padding: 0px 0px 4px 0px;
	margin: 0;
}
#mega-menu-1 li a.mega-fast {
  display: block;
  width: 160px;
  height: 40px;
	line-height: 36px;
	color: #fff;
	font-size: 1em;
	text-align: center;
  text-decoration: none;
  background-image: url(../images/bg-menu.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#mega-menu-1 li a {
  display: block;
  width: 160px;
	line-height: 1.2em;
	color: #fff;
	font-size: 1em;
	text-align: left;
  text-decoration: none;
}
#mega-menu-1 li.mega-hover a, #mega-menu-1 li.mega-hover a:hover {
  color: #fff;
  background-image: url(../images/bg-menu.gif);
  background-repeat: no-repeat;
  background-position: 0px -40px;
}
#mega-menu-1 li a:hover {
	color: #fff;
  text-decoration: none;
  background-image: url(../images/bg-menu.gif);
  background-repeat: no-repeat;
  background-position: 0px -40px;
}
#mega-menu-1 li .sub-container {
position: absolute;
}
#mega-menu-1 li .sub {
background: #FAFAFA; 
padding: 15px; 
border: 1px solid #ccc;
}
#mega-menu-1 li .sub .row {
width: 100%; 
overflow: hidden;
clear: both;
}
#mega-menu-1 li .sub li {
list-style: none; 
float: none; 
width: 170px; 
font-size: 1em; 
font-weight: normal;
}
#mega-menu-1 li .sub li.mega-hdr {
margin: 0 10px 10px 0; 
float: left;
}
#mega-menu-1 li .sub li.mega-hdr.last {
margin-right: 0;
}
#mega-menu-1 li .sub a {
background: none; 
color: #111; 
padding: 7px 10px;
display: block; 
float: none; 
font-size: 0.9em;
}
#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a {
padding: 5px 5px; 
margin-bottom: 5px; 
background: #128ffe;
text-transform: uppercase;
font-size: 1em;
font-weight: bold;
color: #fff;
line-height: 1.2em;
}
#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a:hover {
color: #000;
}
#mega-menu-1 .sub li.mega-hdr li a { 
font-weight: normal;
background: #FFFFFF;
	padding: 4px 5px 4px 5px;

}
#mega-menu-1 .sub li.mega-hdr li a:hover {
color: #a32403; 
background: #efefef;
}
#mega-menu-1 .sub ul li {
padding-right: 0;
}
#mega-menu-1 li .sub-container.non-mega .sub {
padding: 10px;
}
#mega-menu-1 li .sub-container.non-mega li {
padding: 0; 
width: 190px; 
margin: 0;
}
#mega-menu-1 li .sub-container.non-mega li a {
padding: 7px 5px 7px 22px;
}
#mega-menu-1 li .sub-container.non-mega li a:hover {
color: #a32403; 
background: #efefef;
}

#mega-menu-1 li.thispage {
	display: block;
	float: left;
	width: 160px; 
	height: 40px;
	line-height: 36px;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
  background-image: url(../images/bg-menu.gif);
  background-repeat: no-repeat;
  background-position: 0px -80px;
}

/*
------------------------------------
 image link  add 2019.08.20
------------------------------------
*/
.imgLink:hover {
	opacity:0.7;
}