#footNavigetion div:after,
.block:after,
nav:after,
section:after,
.row:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#footNavigetion div,
.block,
nav,
section,
.row {
zoom: 1;
}

body {
background-color: #f5f5f5;
text-align: center;
}

/* CONTAINER */
#container {}

/* PAGETOP */
#pageTop {
position: relative;
background: url(../img/h_bg.png) repeat-x left top;
height: 83px;
z-index: 10;
}

/* HEADER */
header {
position: relative;
margin: 0 auto;
width: 940px;
text-align: left;
}
header .logo {
position: absolute;
left: 6px;
top: 15px;
}
#globalNavigetion {
background: url(../img/h_nav.png) no-repeat 0 0;
position: absolute;
left: 215px;
top: 0;
width: 725px;
height: 80px;
}
#globalNavigetion li {
position: relative;
padding-right: 1px;
float: left;
}
#globalNavigetion li.li6 {
padding-right: 0;
}
#globalNavigetion .level1 {
width: 120px;
height: 80px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
#globalNavigetion .level1.hover,
#globalNavigetion .level1:hover {
background-image: url(../img/h_nav.png);
}
#globalNavigetion .li1 .hover.level1,
#globalNavigetion .li1 .level1:hover {
background-position: 0 -80px;
}
#globalNavigetion .li2 .level1.hover,
#globalNavigetion .li2 .level1:hover {
background-position: -121px -80px;
}
#globalNavigetion .li3 .level1.hover,
#globalNavigetion .li3 .level1:hover {
background-position: -242px -80px;
}
#globalNavigetion .li4 .level1.hover,
#globalNavigetion .li4 .level1:hover {
background-position: -363px -80px;
}
#globalNavigetion .li5 .level1.hover,
#globalNavigetion .li5 .level1:hover {
background-position: -484px -80px;
}
#globalNavigetion .li6 .level1.hover,
#globalNavigetion .li6 .level1:hover {
background-position: -605px -80px;
}
#globalNavigetion .active .level1,
#globalNavigetion .level1.hover,
#globalNavigetion .level1:hover {
background-image: url(../img/h_nav.png);
}
#globalNavigetion .li1.active .level1 {
background-position: 0 -160px;
}
#globalNavigetion .li2.active .level1 {
background-position: -121px -160px;
}
#globalNavigetion .li3.active .level1 {
background-position: -242px -160px;
}
#globalNavigetion .li4.active .level1 {
background-position: -363px -160px;
}
#globalNavigetion .li5.active .level1 {
background-position: -484px -160px;
}
#globalNavigetion .li6.active .level1 {
background-position: -605px -160px;
}
#globalNavigetion .li1.active .level1.hover,
#globalNavigetion .li1.active .level1:hover {
background-position: 0 -240px;
}
#globalNavigetion .li2.active .level1.hover,
#globalNavigetion .li2.active .level1:hover {
background-position: -121px -240px;
}
#globalNavigetion .li3.active .level1.hover,
#globalNavigetion .li3.active .level1:hover {
background-position: -242px -240px;
}
#globalNavigetion .li4.active .level1.hover,
#globalNavigetion .li4.active .level1:hover {
background-position: -363px -240px;
}
#globalNavigetion .li5.active .level1.hover,
#globalNavigetion .li5.active .level1:hover {
background-position: -484px -240px;
}
#globalNavigetion .li6.active .level1.hover,
#globalNavigetion .li6.active .level1:hover {
background-position: -605px -240px;
}
#globalNavigetion li ul {
position: absolute;
left: -20px;
top: 80px;
box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
background: #fff url(../img/h_bg.png) repeat-x left -80px;
padding: 10px 0;
width: 160px;
display: none;
}
#globalNavigetion li li {
padding-right: 0;
float: none;
font-size: 14px;
line-height: 1.3;
}
#globalNavigetion li li a {
padding: 10px 19px 8px 19px;
text-decoration: none;
display: block;
}
#globalNavigetion li li a:hover {
background-color: #efedf5;
text-decoration: none;
}

/* PAGEBODY */
#pageBody {}
#contents {
position: relative;
margin: 0 auto;
padding: 17px 0 96px 0;
width: 940px;
text-align: left;
}
#pankuzu {
background: url(../img/icn_home.png) no-repeat left center;
margin: 0 0 18px 243px;
padding-left: 23px;
font-size: 14px;
}
#mainContents {
width: 700px;
float: right;
}
#mainContents h1.title {
border-bottom: solid 1px #bdbdbd;
padding-bottom: 12px;
color: #000;
}
#mainContents h2.title {
border-bottom: solid 1px #bdbdbd;
padding: 2px 0 17px 0;
font-size: 36px;
color: #000;
}
#activityNavigetion {
padding-top: 18px;
width: 200px;
}
#activityNavigetion h6 {
box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
background-color: #fff;
border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-bottom: solid 1px #d9d9d9;
font-size: 15px;
line-height: 64px;
overflow: hidden;
}
#activityNavigetion h6 a {
background: url(../img/b_hed_icn.png) no-repeat 5px center;
padding-left: 66px;
display: block;
}
#activityNavigetion .active a,
#activityNavigetion li a:hover,
#activityNavigetion h6 a:hover {
background-color: #e4e1ee;
text-decoration: none;
color: #333;
}
#activityNavigetion ul {
box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
background-color: #fff;
border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
margin-bottom: 40px;
padding: 8px 0;
}
#activityNavigetion li {
font-size: 15px;
font-weight: bold;
line-height: 1.2;
}
#activityNavigetion li a {
padding: 23px 0 23px 24px;
display: block;
}
#activityNavigetion div {
box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
background-color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin-bottom: 24px;
font-size: 0;
line-height: 0;
overflow: hidden;
}
#sideNavigetion {
padding-top: 18px;
width: 200px;
}
#sideNavigetion h6 {
background: url(../img/n_hed_icn.png) no-repeat 5px center;
border-bottom: solid 1px #d9d9d9;
margin-bottom: 8px;
padding-left: 66px;
font-size: 15px;
line-height: 64px;
color: #757575;
white-space: nowrap;
}
#sideNavigetion li .level1 {
padding-left: 73px;
font-size: 15px;
font-weight: bold;
line-height: 64px;
color: #212121;
display: block;
}
#sideNavigetion .syouyu .level1 {
background: url(../img/n_img1.png) no-repeat 8px center;
}
#sideNavigetion .bimisan .level1 {
background: url(../img/n_img2.png) no-repeat 8px center;
}
#sideNavigetion .sirodasi .level1 {
background: url(../img/n_img3.png) no-repeat 8px center;
letter-spacing: -1px;
}
#sideNavigetion .ponzu .level1 {
background: url(../img/n_img4.png) no-repeat 8px center;
}
#sideNavigetion .tare .level1 {
background: url(../img/n_img5.png) no-repeat 8px center;
}
#sideNavigetion .nametake .level1 {
background: url(../img/n_img6.png) no-repeat 8px center;
}
#sideNavigetion .su .level1 {
background: url(../img/n_img7.png) no-repeat 8px center;
}
#sideNavigetion .business {
margin-top: 8px;
}
#sideNavigetion .business .level1 {
background: #eee url(../img/n_img8.png) no-repeat 8px center;
border-top: solid 1px #d9d9d9;
line-height: 80px;
}
#sideNavigetion .level1.hover,
#sideNavigetion .level1:hover {
background-color: #dcd9e6;
text-decoration: none;
}
#sideNavigetion .active .level1 {
background-color: #796baa;
color: #fff;
}
#sideNavigetion .active .level1 span {
/*background: url(../img/n_arw.png) no-repeat right center;*/
display: block;
}
#sideNavigetion li ul {
border-bottom: solid 1px #d9d9d9;
}
#sideNavigetion li.BTOB ul {
border-bottom: none;
}
#sideNavigetion li li a {
padding: 10px 0 10px 17px;
font-size: 14px;
line-height: 1.2;
color: #333;
display: block;
}
#sideNavigetion li li a:hover {
background-color: #e6e4ec;
text-decoration: none;
}
#sideNavigetion li li.active a {
/*background: #796baa url(../img/n_arw.png) no-repeat right center;*/
background: #796baa;
color: #fff;
}
#sideNavigetion div {
margin-top: 24px;
font-size: 0;
line-height: 0;
}


/* PAGEBOTTOM */
#pageBottom {
background: url(../img/f_bg.png) repeat left top;
padding-bottom: 115px;
}

/* FOOTER */
footer {
position: relative;
margin: 0 auto;
width: 940px;
text-align: left;
}
#pageTopLink {
position: absolute;
right: -3px;
top: -25px;
}
#pageTopLink a {
background: url(../img/pagetop.png) no-repeat 0 0;
width: 54px;
height: 54px;
text-indent: -9999px;
overflow: hidden;
display: block;
}
#pageTopLink a:hover {
background-position: 0 -54px;
}
#footNavigetion {
border-bottom: solid 1px #d5d1e3;
margin-bottom: 24px;
padding-top: 50px;
}
#footNavigetion dl {
width: 160px;
float: left;
}
#footNavigetion dl.dl6 {
width: 140px;
}
#footNavigetion dt {
margin-bottom: 23px;
width: 140px;
height: 83px;
}
#footNavigetion dt a {
width: 140px;
height: 83px;
text-indent: -9999px;
overflow: hidden;
display: block;
}
#footNavigetion .dl1 dt {
background: url(../img/f_hed1.png) no-repeat left top;
}
#footNavigetion .dl2 dt {
background: url(../img/f_hed2.png) no-repeat left top;
}
#footNavigetion .dl3 dt {
background: url(../img/f_hed3.png) no-repeat left top;
}
#footNavigetion .dl4 dt {
background: url(../img/f_hed4.png) no-repeat left top;
}
#footNavigetion .dl5 dt {
background: url(../img/f_hed5.png) no-repeat left top;
}
#footNavigetion .dl6 dt {
background: url(../img/f_hed6.png) no-repeat left top;
}
#footNavigetion dd {
margin: 0 0 18px 10px;
font-size: 14px;
line-height: 1.3;
}
#footNavigetion .sns {
float: right;
}
#footNavigetion .sns li {
width: 48px;
height: 48px;
float: left;
text-align: right;
}
footer section {
padding-bottom: 55px;
}
footer .logo {
float: left;
}
footer .tel {
background: url(../img/icn_tel.png) no-repeat left 16px;
margin-top: 9px;
padding-left: 32px;
font-size: 14px;
font-weight: bold;
float: right;
}
footer .tel strong {
font-family: Helvetica, Arial, sans-serif;
font-size: 28px;
font-weight: normal;
}
footer .tel span {
font-weight: normal;
}
footer .link {
float: right;
}
footer .link li {
padding-left: 62px;
font-size: 12px;
float: left;
}
footer .copyright {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
}