/* ---- header StyleSheets ---- */
html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
overflow-y: scroll;
}
body {
text-align: center;
background-image: url("../public/background_image.jpg");
background-position: top left;
background-repeat: repeat-x;
}
.preload {
display: none;
}
div#wrapper {
margin: 0 auto;
padding: 0;
width: 840px;
height: 100%;
background-color: #ffffff;
border-top: 1px # solid;
}
div#headBlock {
margin: 0 auto;
padding: 0;
width: 840px;
text-align: left;
background-color: #ffffff;
}
/* ヘッダー 背景カラー↑--------------------------------------------------------------------------------- */
div#headImage {
margin: 0;
padding: 0;
width: 840px;
height: 100px;
background-image: url("../public/background_header.jpg");
background-position: bottom left;
background-repeat: no-repeat;
background-color: transparent;
}
div#headCorpName {
margin: 0;
padding-top: 8px;
padding-left: 95px;
text-align: left;
vertical-align: top;
}
/* ヘッダー サブメニュー---------------------------------------------------------------------------------------- */
#headSubNavi {
margin: 0;
padding: 0;
background-color: transparent;
}
div#headSubNavi ul {
margin: 0;
padding: 0;
list-style-type: none;
}
div#headSubNavi ul li {
float: right;
display: block;
margin: 0;
padding: 0;
width: 100px;
text-align: left;
vertical-align: middle;
color: #333333;
font-size: 15px;
text-align: left;
line-height: 36px;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
background-image: url("../public/icon_subnavi.jpg");
background-position: center left;
background-repeat: no-repeat;
}
div#headSubNavi ul li#subNavi1st {
width: 80px;
}
div#headSubNavi ul li#subNavi2nd {
width: 80px;
}
div#headSubNavi ul li#subNavi3rd {
width: 80px;
}
div#headSubNavi ul li#subNavi4th {
width: 80px;
}
div#headSubNavi ul li#subNaviHome {
display: none;
}
div#headSubNavi ul a {
display: block;
color: #666666;
font-size: 14px;
text-align: left;
line-height: 28px;
}
a#menuSubLink1st:link, a#menuSubLink1st:visited, a#menuSubLink1st:active {
color: #666666;
text-decoration: none;
}
a#menuSubLink2nd:link, a#menuSubLink2nd:visited, a#menuSubLink2nd:active {
color: #666666;
text-decoration: none;
}
a#menuSubLink3rd:link, a#menuSubLink3rd:visited, a#menuSubLink3rd:active {
color: #666666;
text-decoration: none;
}
a#menuSubLink4th:link, a#menuSubLink4th:visited, a#menuSubLink4th:active {
color: #666666;
text-decoration: none;
}
div#headSubNavi ul a#menuSubLink1st:hover,
div#headSubNavi ul a#menuSubLink2nd:hover,
div#headSubNavi ul a#menuSubLink3rd:hover,
div#headSubNavi ul a#menuSubLink4th:hover {
color: #626262;
text-decoration: none;
}
div#headSubNavi ul a div {
padding-left: 15px;
overflow: hidden;
}
/* ヘッダー メインメニュー---------------------------------------------------------------------------------------- */
#headBotton {
margin: 0;
padding: 5px 0;
background-color: transparent;
}
div#headBotton ul {
margin: 0;
padding: 0;
list-style-type: none;
border-right: #626262 1px solid;
}
div#headBotton ul li {
float: left;
display: block;
margin: 0;
padding: 0;
width: 168px;
text-align: left;
vertical-align: middle;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
background-image: url("../public/head_menuh.jpg");
background-position: center left;
background-repeat: repeat-x;
}
div#headBotton ul li#navi1st {
width: 167px;
}
div#headBotton ul li#navi2nd {
}
div#headBotton ul li#navi3rd {
}
div#headBotton ul li#navi4th {
}
div#headBotton ul li#navi5th {
}
div#headBotton ul a {
display: block;
color: #666666;
font-size: 15px;
font-weight: bold;
text-align: center;
text-decoration: none;
line-height: 38px;
background-image: url("../public/head_menu.jpg");
background-position: top left;
background-repeat: repeat-x;
border-left: #626262 1px solid;
}
a#menuLink1st:link, a#menuLink1st:visited, a#menuLink1st:active {
}
a#menuLink2nd:link, a#menuLink2nd:visited, a#menuLink2nd:active {
}
a#menuLink3rd:link, a#menuLink3rd:visited, a#menuLink3rd:active {
}
a#menuLink4th:link, a#menuLink4th:visited, a#menuLink4th:active {
}
a#menuLink5th:link, a#menuLink5th:visited, a#menuLink5th:active {
border-right: #626262 1px solid;
}
a#menuLink6th:link, a#menuLink6th:visited, a#menuLink6th:active {
}
a#menuLinkThis:link, a#menuLinkThis:visited, a#menuLinkThis:hover, a#menuLinkThis:active {
color: #626262;
background-image: none;
cursor: default;
}
div#headBotton ul a#menuLink1st:hover,
div#headBotton ul a#menuLink2nd:hover,
div#headBotton ul a#menuLink3rd:hover,
div#headBotton ul a#menuLink4th:hover,
div#headBotton ul a#menuLink5th:hover,
div#headBotton ul a#menuLink6th:hover,
div#headBotton ul a#menuLink7th:hover {
color: #ff0000;
background-image: none;
}
div#headBotton ul a div {
overflow: hidden;
}
#imageSubArea {
margin: 0;
padding: 0;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
}
div#outer {
margin: 0;
padding: 0;
text-align: center;
}
div#inner {
margin: 0 auto !important;
padding: 0;
width: 800px;
text-align: left;
background-color: #ffffff;
}
img {
vertical-align:middle;
}
/* フッターナビ --------------------------------- */
#footerNaviBlock {
margin: 0;
padding: 0;
text-align: center;
font-size: 14px;
}
#footerNavi {
margin: 0 auto;
padding-top: 50px;
padding-bottom: 80px;
width: 840px;
text-align: center;
font-size: 12px;
background-color: #ffffff;
}
#footerNavi span {
padding-left: 5px;
padding-right: 5px;
}
/* フッターメニュー --------------------------------- */
#footerMenuBlock {
margin: 0;
padding: 0;
text-align: center;
font-size: 14px;
background-color: #cccccc;
border-top: 1px #ffffff solid;
}
#footerMenu {
margin: 0 auto;
padding: 20px 0;
width: 840px;
text-align: left;
background-color: transparent;
}
.footerMenuArea {
margin: 0;
padding: 0 20px;
}
.footerMenuArea1st {
float: left;
margin: 0;
padding: 0;
width: 190px;
}
.footerMenuArea2nd {
float: left;
margin: 0;
padding: 0;
width: 190px;
}
.footerMenuArea3rd {
float: left;
margin: 0;
padding: 0;
width: 190px;
}
.footerMenuArea4th {
float: left;
margin: 0;
padding: 0;
width: 190px;
}
#footerMenu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#footerMenu li {
display: block;
margin: 0;
padding: 3px 0;
text-align: left;
vertical-align: middle;
color: #666666;
text-align: left;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
}
#footerMenu li a {
display: block;
font-size: 15px;
font-weight: bold;
text-align: left;
}
#footerMenu li a:link,
#footerMenu li a:visited,
#footerMenu li a:active {
color: #333333;
text-decoration: none;
}
/* フッター文字色 --------------------------------- */
#footerMenu li a:hover {
color: #ff0000;
text-decoration: underline;
}
#footerMenu ul a div {
overflow: hidden;
}
#footerMenu ul a div span {
font-size: 12px;
text-align: left;
}
#footerMenu .footerMenuArea1st li {
padding-left: 10px;
}
#footerMenu .footerMenuArea1st li.footerList1st {
padding-left: 0;
}
#footerMenu .footerMenuArea2nd ul {
padding-left: 20px;
border-left: 1px #333333 solid;
}
#footerMenu .footerMenuArea3rd ul {
padding-left: 20px;
border-left: 1px #333333 solid;
}
#footerMenu .footerMenuArea4th ul {
padding-left: 20px;
border-left: 1px #333333 solid;
}
/* フッター社名 --------------------------------- */
#footerCorpBlock {
margin: 0;
padding: 0;
text-align: center;
font-size: 16px;
background-color: #cccccc;
}
#footerCorp {
margin: 0 auto;
padding: 40px 0;
width: 840px;
background-color: transparent;
}
#footerCorp span {
padding-right: 10px;
}
#footerCorpArea {
padding: 0 20px;
text-align: left;
color: #666666;
font-size: 12px;
line-height: 20px;
background-image: none;
background-position: top center;
background-repeat: no-repeat;
}
.footerCorpName {
color: #666666;
font-size: 14px;
font-weight: normal;
line-height: 30px;
letter-spacing: 0;
}
.footerCorpName span {
color: #666666;
font-size: 14px;
font-weight: normal;
line-height: 30px;
letter-spacing: 0;
}
.footerCorpList {
margin: 0;
padding: 0;
text-align: left;
}
.footerCorpList {
margin: 0;
padding: 0;
text-align: left;
}
.footerCorpList ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.footerCorpList li {
display: block;
float: left;
margin: 0;
padding: 10px 15px;
text-align: left;
vertical-align: middle;
color: #0000ff;
text-align: left;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
border: #0000ff 1px solid;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.footerCorpList li#corp1st {
margin-right: 15px;
}
.footerCorpList li#corp2nd {
margin-right: 15px;
}
.footerCorpList li#corp3rd {
margin-right: 15;
}
.footerCorpList li#corp1st div {
width: 230px;
}
.footerCorpList li#corp2nd div {
width: 200px;
}
.footerCorpList li#corp3rd div {
width: 210px;
}
.pageCount {
padding: 0 10px;
color: #cccccc;
font-size: 12px;
line-height: 12px;
}
#footerCopyright {
margin: 0 auto;
padding-top: 20px;
padding-bottom: 50px;
width: 840px;
text-align: center;
color: #666666;
font-size: 12px;
line-height: 24px;
}
#footerCopyright span {
padding-left: 3px;
padding-right: 3px;
}
.clear {
clear: both;
width: 1px;
height: 1px;
font-size: 1px;
line-height: 1px;
}
/* PAGE TOP button ------------------------- */
#page-top {
position: fixed;
bottom: 20px;
right: 20px;
}
#page-top a {
font-size: 14px;
line-height: 18px;
text-decoration: none;
color: #fff;
width: 48px;
padding: 30px 0;
text-align: center;
display: block;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
#page-top a:hover {
text-decoration: none;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}