﻿/*====================================================================
 header
====================================================================*/
#header {
	position: relative;
	width: 100%;
	min-width: 980px;
	zoom: 1;
	z-index: 100;
}

#headerDefault {
	box-shadow: 0 1px 6px rgba(0,0,0,0.2);
	zoom: 1;
}

#headerThin {
	position: fixed;
	left: 0;
	top: -100%;
	width: 100%;
	box-shadow: 0 1px 6px rgba(0,0,0,0.2);
}
* html #headerThin {
	position: absolute;
}

#headerDefault .headerInnerWrap01 {
	min-width: 1000px;
	background-color: #0c2c91;
}
#headerDefault .headerInnerWrap02 {
	min-width: 1000px;
	background-color: #ffffff;
}
#headerDefault .headerInner01 {
	position: relative;
	zoom: 1;
}
#headerDefault .headerInner01,
#headerDefault .headerInner02 {
	width: 980px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: left;
}

#headerDefault .headerInner01 .logoBlock {
	float: left;
	width: 630px;
}
#pageDescription {
	padding-top: 2px;
	font-size: 81%;
	color: #ffffff;
}
#headerDefault .headerInner01 .logoBlock #pageDescription {
	position: static;
	padding: 4px 0 56px;
}
#headerDefault .headerInner01 .logoBlock .logoBox {
	position: absolute;
	left: 10px;
	bottom: 0;
}
#headerDefault .headerInner01 .logoBlock h1,
#headerDefault .headerInner01 .logoBlock .logo {
	float: left;
	margin-bottom: -6px;
	margin-right: 13px;
}
#headerDefault .headerInner01 .logoBlock .areaBox {
	float: left;
	width: 76px;
	margin: 5px 13px 8px 0;
	text-align: center;
}
#headerDefault .headerInner01 .logoBlock .balloonBtn {
	cursor: pointer;
}
#headerDefault .headerInner01 .logoBlock .areaBox .btn {
	margin-top: 5px;
}

#headerDefault .headerInner02 .countBlock {
	padding: 3px 0;
	float: right;
}
#headerDefault .headerInner02 .countBlock ul {
	margin-left: 1px;
}
#headerDefault .headerInner02 .countBlock li {
	float: left;
	padding: 0 10px 0 11px;
	line-height: 20px;
}
#headerDefault .headerInner02 .countBlock li a {
	padding-left: 20px;
	color: #000000;
}
#headerDefault .headerInner02 .countBlock .count01 a {
	background: url(/kansai/common/img/header_ico_01.gif) no-repeat 0 50%;
}
#headerDefault .headerInner02 .countBlock .count02 a {
	background: url(/kansai/common/img/header_ico_02.gif) no-repeat 0 50%;
}
#headerDefault .headerInner02 .countBlock .count03 a {
	background: url(/kansai/common/img/header_ico_03.gif) no-repeat 0 50%;
}
#headerDefault .headerInner02 .countBlock li .num {
	display: inline-block;
	min-width: 20px;
	margin-left: 7px;
	font-weight: bold;
	text-align: center;
	color: #e60012;
	background-color: #f0f0f0;
	border-radius: 3px;
}

#headerThin .headerInnerWrap01 {
	min-width: 1000px;
	background-color: #0c2c91;
}
#headerThin .headerInner01 {
	margin: 0 auto;
	padding: 0 10px;
	width: 980px;
	text-align: left;
}
#headerThin .headerInner01 .logoBlock {
	float: left;
	width: 500px;
	padding: 6px 0 0 4px
}
#headerThin .headerInner01 .logoBlock h1,
#headerThin .headerInner01 .logoBlock .logo {
	float: left;
	margin-bottom: -7px;
	margin-right: 13px;
}
#headerThin .headerInner01 .logoBlock .areaBox {
	float: left;
	margin-top: 2px;
	text-align: center;
}
#headerThin .headerInner01 .logoBlock .areaBox .selectBtn {
	margin-top: 5px;
}
#headerThin .headerInner01 .countBlock {
	float: right;
	padding: 6px 0;
}
#headerThin .headerInner01 .countBlock ul {
	padding-right: 1px;
}
#headerThin .headerInner01 .countBlock li {
	float: left;
	padding: 0 10px 0 11px;
	line-height: 20px;
}
#headerThin .headerInner01 .countBlock li a {
	padding-left: 20px;
	color: #ffffff;
}
#headerThin .headerInner01 .countBlock .count01 a {
	background: url(/kansai/common/img/header_ico_04.gif) no-repeat 0 50%;
}
#headerThin .headerInner01 .countBlock .count02 a {
	background: url(/kansai/common/img/header_ico_05.gif) no-repeat 0 50%;
}
#headerThin .headerInner01 .countBlock .count03 a {
	background: url(/kansai/common/img/header_ico_06.gif) no-repeat 0 50%;
}
#headerThin .headerInner01 .countBlock li .num {
	display: inline-block;
	min-width: 20px;
	margin-left: 7px;
	font-weight: bold;
	text-align: center;
	color: #e60012;
	background-color: #ffffff;
	border-radius: 3px;
}

#header .headerInner01 .utilityNav {
	margin-top: 3px;
	padding: 0 0 7px;
	float: right;
}
#header .headerInner01 .utilityNav ul {
	border-right: 1px solid #3550a4;
}
#header .headerInner01 .utilityNav li {
	float: left;
	border-left: 1px solid #3550a4;
}
#header .headerInner01 .utilityNav a {
	display: block;
	padding: 7px 0;
}
#header .headerInner01 .balloonBox {
	position: absolute;
	display: none;
	margin-top: 15px;
	text-align: left;
	background-color: #597ae2;
	border-radius: 5px;
	box-shadow: 1px 2px 0 rgba(0,0,0,0.2);
}
#header .headerInner01 .balloonBox:after {
	content: "";
	position: absolute;
	top: -15px;
	left: 50%;
	display: block;
	width: 0;
	height: 0;
	margin-left: -8px;
	border-style: solid;
	border-width: 0 10px 15px;
	border-color: transparent transparent #597ae2 transparent;
}
#header .headerInner01 .balloonBox .closeBtn {
	padding: 4px;
	text-align: center;
	color: #ffffff;
	background-color: #4467d5;
	border-radius: 0 0 5px 5px;
}
#header .headerInner01 .balloonBox .closeBtn span {
	padding-left: 17px;
	background: url(/kansai/common/img/header_ico_07.gif) no-repeat 0 50%;
	cursor: pointer;
}
#header .headerInner01 .utilityNav .balloonBox ul,
#header .headerInner01 .utilityNav .balloonBox ul li {
	border: none;
}
#header .headerInner01 .utilityNav .balloonBox ul li {
	border-radius: 3px;
	overflow: hidden;
}
#header .headerInner01 .balloonBox ul li a {
	display: block;
	font-size: 14px;
	color: #ffffff;
}
#header .headerInner01 .balloonBox ul li a:hover {
	color: #1a40bb;
}

#header .headerInner01 .areaBalloonBox {
	margin-left: -117px;
}
#header .headerInner01 .areaBalloonBox ul {
	width: 291px;
	padding: 7px 5px 7px 8px;
}
#header .headerInner01 .areaBalloonBox ul li {
	float: left;
	margin: 3px 3px 0 0;
}
#header .headerInner01 .areaBalloonBox ul li a {
	padding: 7px 14px 6px 24px;
	white-space: nowrap;
	background: #849cea url(/kansai/common/img/header_ico_08.gif) no-repeat 10px 50%;
	border-radius: 3px;
}
#header .headerInner01 .areaBalloonBox ul li a:hover {
	background: #ffffff url(/kansai/common/img/header_ico_09.gif) no-repeat 10px 50%;
}
#header .headerInner01 .areaBalloonBox .countrywideLink {
	padding: 0 5px 7px 8px;
}
#header .headerInner01 .areaBalloonBox .countrywideLink li {
	float: none;
	margin: 3px 3px 0 0;
}
#header .headerInner01 .areaBalloonBox .countrywideLink li a {
	display: inline;
	padding: 0 14px 0 24px;
	font-size: 13px;
	white-space: nowrap;
	background: transparent url(/kansai/common/img/header_ico_08.gif) no-repeat 10px 2px;
}
#header .headerInner01 .areaBalloonBox .countrywideLink li a:hover {
	color: #ffffff;
	text-decoration: underline;
	background: transparent url(/kansai/common/img/header_ico_08.gif) no-repeat 10px 2px;
}

#header .headerInner01 .searchBalloonBox {
	margin-left: -76px;
}
#header .headerInner01 .searchBalloonBox ul {
	width: 246px;
	padding: 7px 5px 10px 8px;
}
#header .headerInner01 .searchBalloonBox ul li {
	float: left;
	margin: 3px 3px 0 0;
}
#header .headerInner01 .searchBalloonBox ul li a {
	width: 120px;
	padding: 4px 0 30px;
	text-align: center;
}
#header .headerInner01 .searchBalloonBox ul .searchLink01 a {
	background: transparent url(/kansai/common/img/header_ico_10.gif) no-repeat 50% 23px;
}
#header .headerInner01 .searchBalloonBox ul .searchLink01 a:hover {
	background: #ffffff url(/kansai/common/img/header_ico_11.gif) no-repeat 50% 23px;
}
#header .headerInner01 .searchBalloonBox ul .searchLink02 a {
	background: transparent url(/kansai/common/img/header_ico_12.gif) no-repeat 50% 26px;
}
#header .headerInner01 .searchBalloonBox ul .searchLink02 a:hover {
	background: #ffffff url(/kansai/common/img/header_ico_13.gif) no-repeat 50% 26px;
}
#header .headerInner01 .searchBalloonBox ul .searchLink03 a {
	background: transparent url(/kansai/common/img/header_ico_14.gif) no-repeat 50% 26px;
}
#header .headerInner01 .searchBalloonBox ul .searchLink03 a:hover {
	background: #ffffff url(/kansai/common/img/header_ico_15.gif) no-repeat 50% 26px;
}
#header .headerInner01 .searchBalloonBox ul .searchLink04 a {
	background: transparent url(/kansai/common/img/header_ico_16.gif) no-repeat 50% 23px;
}
#header .headerInner01 .searchBalloonBox ul .searchLink04 a:hover {
	background: #ffffff url(/kansai/common/img/header_ico_17.gif) no-repeat 50% 23px;
}

#header .headerInner01 .serviceBalloonBox {
	margin-left: -250px;
}
#header .headerInner01 .serviceBalloonBox:after {
	left: 81%;
}
#header .headerInner01 .serviceBalloonBox ul {
	width: 354px;
	padding: 7px 5px 10px 8px;
}
#header .headerInner01 .serviceBalloonBox ul li {
	float: left;
	margin: 3px 3px 0 0;
}
#header .headerInner01 .serviceBalloonBox ul li a {
	width: 174px;
	padding: 4px 0 30px;
	text-align: center;
}
#header .headerInner01 .serviceBalloonBox ul .serviceLink01 a {
	background: transparent url(/kansai/common/img/header_ico_24.gif) no-repeat 50% 25px;
}
#header .headerInner01 .serviceBalloonBox ul .serviceLink01 a:hover {
	background: #ffffff url(/kansai/common/img/header_ico_25.gif) no-repeat 50% 25px;
}
#header .headerInner01 .serviceBalloonBox ul .serviceLink02 a {
	background: transparent url(/kansai/common/img/header_ico_18.gif) no-repeat 50% 25px;
}
#header .headerInner01 .serviceBalloonBox ul .serviceLink02 a:hover {
	background: #ffffff url(/kansai/common/img/header_ico_19.gif) no-repeat 50% 25px;
}
#header .headerInner01 .serviceBalloonBox ul .serviceLink03 a {
	background: transparent url(/kansai/common/img/header_ico_20.gif) no-repeat 50% 24px;
}
#header .headerInner01 .serviceBalloonBox ul .serviceLink03 a:hover {
	background: #ffffff url(/kansai/common/img/header_ico_21.gif) no-repeat 50% 24px;
}
#header .headerInner01 .serviceBalloonBox ul .serviceLink04 a {
	background: transparent url(/kansai/common/img/header_ico_22.gif) no-repeat 50% 26px;
}
#header .headerInner01 .serviceBalloonBox ul .serviceLink04 a:hover {
	background: #ffffff url(/kansai/common/img/header_ico_23.gif) no-repeat 50% 26px;
}


/*====================================================================
 header_blank
====================================================================*/
.blankHeader #headerThin {
	position: static;
}


/*====================================================================
 header_oem
====================================================================*/
.oemHeader #headerThin {
	top: 0;
}


/*====================================================================
 header_map
====================================================================*/
.mapHeader #headerThin,
.mapHeader02 #headerThin {
	position: static;
}
.mapHeader#header .headerInner01 .utilityNav {
	margin-top: 0;
	padding: 10px 0;
}
.mapHeader02 #headerThin .headerInner01 .utilityNav {
	padding: 5px 0;
}
.mapHeader #headerDefault .headerInner01 .utilityNav a,
.mapHeader02 #headerThin .headerInner01 .utilityNav a {
	padding: 0;
}
.mapHeader #headerDefault .headerInner01 .utilityNav .balloonBox ul li a,
.mapHeader02 #headerThin .headerInner01 .utilityNav .balloonBox ul li a {
	padding: 4px 0 30px;
}


/*====================================================================
 header_corp
====================================================================*/
.corpHeader {
	min-height: 32px;
}
.corpHeader #headerThin {
	top: 0;
}
.corpHeader #headerThin .headerInner01 .logoBlock {
	width: 560px;
}
.corpHeader #headerThin .headerInner01 .logoBlock .areaBox {
	width: auto;
	color: #ffffff;
}
.corpHeader #headerThin .headerInner01 .logoBlock .areaBox p {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
}
.corpHeader #headerThin .headerInner01 .logoBlock .areaBox p span {
	font-size: 16px;
}


/*====================================================================
 header_hokkaido
====================================================================*/
.hokkaidoHeader #pageDescription {
	margin-bottom: 2px;
}
.hokkaidoHeader #headerDefault .headerInner01 .logoBlock .logoBox {
	position: static;
}


/*====================================================================
 header_tohoku
====================================================================*/
.tohokuHeader #headerDefault .headerInner01 .logoBlock .logo {
	margin: 11px 9px 0 5px;
}
.tohokuHeader#header .headerInner01 .searchBalloonBox {
	margin-left: -27px;
}
.tohokuHeader#header .headerInner01 .searchBalloonBox ul {
	width: 140px;
	padding: 7px 10px 10px;
}
.tohokuHeader#header .headerInner01 .searchBalloonBox ul li {
	float: none;
	margin: 3px 0 0 0;
}
.tohokuHeader#header .headerInner01 .searchBalloonBox ul li a {
	width: 140px;
}
.tohokuHeader#header .headerInner01 .searchBalloonBox ul .searchLink03 a {
	background: transparent url(/kansai/common/img/header_ico_26.gif) no-repeat 50% 26px;
}
.tohokuHeader#header .headerInner01 .searchBalloonBox ul .searchLink03 a:hover {
	background: #ffffff url(/kansai/common/img/header_ico_27.gif) no-repeat 50% 26px;
}


/*====================================================================
 header_chugoku
====================================================================*/
.chugokuHeader#header .headerInner01 .areaBalloonBox ul {
	width: 278px;
}
.chugokuHeader#header .headerInner01 .searchBalloonBox {
	margin-left: -27px;
}
.chugokuHeader#header .headerInner01 .searchBalloonBox ul {
	width: 140px;
	padding: 7px 10px 10px;
}
.chugokuHeader#header .headerInner01 .searchBalloonBox ul li {
	float: none;
	margin: 3px 0 0 0;
}
.chugokuHeader#header .headerInner01 .searchBalloonBox ul li a {
	width: 140px;
}
.chugokuHeader#header .headerInner01 .searchBalloonBox ul .searchLink03 a {
	background: transparent url(/kansai/common/img/header_ico_26.gif) no-repeat 50% 26px;
}
.chugokuHeader#header .headerInner01 .searchBalloonBox ul .searchLink03 a:hover {
	background: #ffffff url(/kansai/common/img/header_ico_27.gif) no-repeat 50% 26px;
}


/*====================================================================
 footer
====================================================================*/
#footer {
	margin-top: 10px;
	min-width: 1000px;
	color: #ffffff;
	background-color: #29459e;
}

#footer a:link, #footer a:visited {
	color: #ffffff;
	text-decoration: underline;
}
#footer a:hover, #footer a:active {
	color: #ffffff;
	text-decoration: none;
}

#footer #footerSitemap {
	margin: 0 auto;
	padding: 30px 10px 25px;
	width: 980px;
	text-align: left;
}
#footer #footerSitemap .searchLinkArea {
	padding: 20px 30px;
	background-color: #3c59b5;
	border-radius: 3px;
}
#footer #footerSitemap .searchLinkArea dl dt {
	font-weight: bold;
}

#footer #footerSitemap .searchLinkArea .areaInner01 dd {
	overflow: hidden;
	zoom: 1;
}
#footer #footerSitemap .searchLinkArea .areaInner01 dd ul {
	margin-left: -11px;
}
#footer #footerSitemap .searchLinkArea .areaInner01 dd ul li {
	margin-top: 5px;
	padding: 0 10px;
	float: left;
	line-height: 1.2;
	white-space: nowrap;
	border-left: 1px dotted #8a9bd3;
}
#footer #footerSitemap .searchLinkArea .areaInner01 .areaBox {
	float: left;
	margin-right: 45px;
	width: 276px;
}
#footer #footerSitemap .searchLinkArea .areaInner01 .featureBox {
	float: left;
	margin-right: 45px;
	width: 328px;
}
#footer #footerSitemap .searchLinkArea .areaInner01 .numBox {
	float: left;
	width: 223px;
}
#footer #footerSitemap .searchLinkArea .areaInner01 .numBox .inputText {
	width: 139px;
	padding: 5px;
	border: 1px solid #b4b4b4;
	border-radius: 3px;
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.4);
	ime-mode: inactive;
}

#footer #footerSitemap .groupLinkArea {
	display: table;
	margin-top: 30px;
}
#footer #footerSitemap .groupLinkArea .groupLogo {
	display: table-cell;
	padding: 12px 17px 0 0;
	vertical-align: middle;
}
#footer #footerSitemap .groupLinkArea .title {
	margin: 5px 0 16px;
	font-weight: bold;
}
#footer #footerSitemap .groupLinkArea .linkBlock {
	display: table-cell;
	overflow: hidden;
	zoom: 1;
}
#footer #footerSitemap .groupLinkArea .linkBlock .linkBox .boxInner {
	float: left;
	margin-right: 10px;
	width: 390px;
}
#footer #footerSitemap .groupLinkArea .linkBlock .linkBox dl {
	margin-top: 12px;
}
#footer #footerSitemap .groupLinkArea .linkBlock .linkBox dl dt {
	float: left;
	width: 85px;
	font-weight: bold;
}
#footer #footerSitemap .groupLinkArea .linkBlock .linkBox .box01 dl dt {
	width: 61px;
}
#footer #footerSitemap .groupLinkArea .linkBlock .linkBox dl dd {
	overflow: hidden;
	zoom: 1;
}
#footer #footerSitemap .groupLinkArea .linkBlock .linkBox dl dd ul {
	margin: -10px 0 0 -11px;
}
#footer #footerSitemap .groupLinkArea .linkBlock .linkBox dl dd ul li {
	margin-top: 10px;
	padding: 0 10px;
	float: left;
	line-height: 1.2;
	white-space: nowrap;
	border-left: 1px dotted #8a9bd3;
}

#footer #copyright {
	padding: 12px 0 25px;
}

#footer #footerBottom {
	border-top: 1px solid #425daf;
}
#footer #footerBottom .footerBottomInner {
	margin: 0 auto;
	padding: 12px 0 25px;
	width: 980px;
	text-align: left;
}
#footer #footerBottom .utilityNav {
	float: left;
	width: 430px;
	overflow: hidden;
	zoom: 1;
}
#footer #footerBottom .utilityNav ul {
	margin-left: -11px;
}
#footer #footerBottom .utilityNav li {
	float: left;
	margin-bottom: 6px;
	padding: 0 10px;
	font-size: 88%;
	white-space: nowrap;
	border-left: 1px dotted #8b9acb;
}
#footer #footerBottom .utilityNav li a:link,
#footer #footerBottom .utilityNav li a:visited {
	text-decoration: none;
}
#footer #footerBottom .utilityNav li a:hover,
#footer #footerBottom .utilityNav li a:active {
	text-decoration: underline;
}

#footer #footerBottom small {
	display: block;
	float: right;
}

#footerTop {
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding: 80px 10px 0;
	text-align: left;
	zoom: 1;
}

#footerTop .siteAbout .imageBox {
	float: right;
	margin: -7px 0 0 90px;
}
#footerTop .siteAbout .textBox {
	color: #333333;
	overflow: hidden;
	zoom: 1;
}
#footerTop .pagetop {
	position: absolute;
	right: 10px;
	bottom: 0;
	background-color: #29459e;
	border-radius: 3px;
	overflow: hidden;
}

/* logo */
.companyLogo#footerTop .pagetop {
	top: 23px;
	bottom: auto;
}
.companyLogo#footerTop .siteAbout {
	display: table;
	width: 100%;
}
.companyLogo#footerTop .siteAbout .textBox {
	display: table-cell;
	vertical-align: middle;
}
.companyLogo#footerTop .siteAbout .imageBox {
	display: table-cell;
	float: none;
}
.footerMap#footer {
	margin-top: 80px;
}
.footerBlank#footerTop .pagetop {
	bottom: 10px;
}

/* logo個別 */
#footerTop .siteAbout .imageBox.mastweb {
	width: 110px;
	margin: 0;
	text-align: right;
}
#footerTop .siteAbout .imageBox.chugokuweb {
	width: 270px;
	margin: 0;
	text-align: right;
}