@charset "Shift-JIS";

/*-- COMMON --*/
div#mainContents h1 {
margin-bottom:20px;
color:#0a41a2;
font-size:18px;
}

div#mainContents h2 {
margin-bottom:15px;
padding:8px 0;
color:#004886;
font-size:16px;
font-weight:bold;
}

div#mainContents h2 span {
display:block;
color:#968a72;
font-size:12px;
}

div#mainContents .mb5 {margin-bottom:5px;}
div#mainContents .mb10 {margin-bottom:10px;}
div#mainContents .mb20 {margin-bottom:20px;}
div#mainContents .mb40 {margin-bottom:40px;}

small {font-size:12px;color:#968a72;}


/*-- HEADER --*/
div#headerTop {
background:#ffffff url(../image/backgroundHeaderTop2.jpg) top center no-repeat;
}

div#header {
background:#f1ebdd url(../image/backgroundHeader2.gif) top center repeat-x;
min-height:52px;
}

div#headerTop div,
div#header div {
position:relative;
max-width:920px;
margin:0px auto;
z-index:10;
}

div#headerTop {
min-height:254px;
}

div#headerTop div h1 {
position:relative;
float:left;
z-index:10;
}

div#headerTop div h1 span,
div#headerTop div h1 a{
display:block;
background:#fBf6f2;
padding:6px 56px 14px;
border:1px solid #d4d0ca;
border-top:none;
text-align:center;
}

div#header div h1 {
float:left;
max-width:62%;
}

div#headerTop div h1 img,
div#header div h1 img{
max-width:158px;
width:100%;
height:auto;
}

div#header div h1 a{
display:block;
background:#fBf6f2;
padding:6px 24px 14px;
border:1px solid #d4d0ca;
border-top:none;
border-bottom:none;
text-align:center;
}

div#headerTop div.text {
clear:both;
background-color:#DFDBD7;
background-color:rgba(53,33,6, .16);
width:242px;
margin:0;
padding:20px 2px 20px 28px;
color:#ffffff;
font-size:18px;
font-weight:bold;
line-height:1.8;
}

div#headerTop ul#otherCountry,
div#header ul#otherCountry {
float:right;
width:245px;
}

div#headerTop ul#otherCountry li,
div#header ul#otherCountry li {
float:left;
}

div#headerTop ul#otherCountry li a,
div#header ul#otherCountry li a {
color:#ffffff;
text-decoration:none;
display:block;
border-left:1px solid #ffffff;
margin:10px 8px;
padding-left:8px;
}

div#headerTop ul#otherCountry li a:hover,
div#header ul#otherCountry li a:hover {
text-decoration:underline;
}

div#headerTop ul#language {
clear:both;
padding-top:190px;
margin-left:25px;
}

div#headerTop ul#language li {
float:left;
font-weight:bold;
}

div#headerTop ul#language li.on {
background:#ffffff;
}

div#headerTop ul#language li a {
border:1px solid #ffffff;
text-decoration:none;
display:block;
width:100px;
text-align:center;
padding:5px 0px;
}

div#headerTop ul#language li a:hover {
background:#ffffff;
border-right:1px solid #d2d2d0;
border-left:1px solid #d2d2d0;
}

div#header ul#language {
float:right;
margin-right:18px;
}

div#header ul#language li {
float:left;
margin:30px 0px 0px 10px;
padding-left:10px;
}

div#header ul#language li a {
color:#666680;
}

div#header ul#language li.on a{
font-weight:bold;
text-decoration:none;
}

div#header div#sideHeader {
float:right;
width:230px;
}

div#headerTop .menuBtn,
div#header .menuBtn {
display:none;
position:absolute;
top:50%;
right:15px;
margin-top:-15px;
}

div#headerTop .menuBtn a,
div#header .menuBtn a {
position:relative;
display:block;
background:#333333;
width:30px;
height:30px;
margin:0;
padding:0;
text-align:center;
text-decoration:none;
color:#333333;
font-size:1%;
}

div#headerTop .menuBtn a::before,
div#headerTop .menuBtn a::after,
div#header .menuBtn a::before,
div#header .menuBtn a::after {
content:'';
position:absolute;
top:6px;
left:0;
background:#fbf6f2;
height:6px;
width:100%;
}

div#headerTop .menuBtn a::after,
div#header .menuBtn a::after {
top:auto;
bottom:6px;
}

div#headerTop .menuBtn a:hover,
div#header .menuBtn a:hover {
background:#666666;
}

.mainVisual{
position:absolute;
top:0;
right:0;
display:none;
z-index:1;
}

/*-- GMENU --*/

#globalNavi {
width: 100%;
background: url(../image/gNaviBackground.gif) repeat-x;
clear: both;
min-height:39px;
border-bottom:1px solid #d4d0ca;
border-top:1px solid #d4d0ca;
}

#globalNavi ul {
max-width: 920px;
margin: 0 auto;
overflow: hidden;
padding: 0;
}

#globalNavi li {
float: left;
border-left:1px solid #d1c7b0;
border-right:1px solid #ffffff;
}

#globalNavi a {
display: block;
width: 150px;
height: 0;
padding:38px 0 0 0;
margin: 0;
overflow: hidden;
display: block;
}

#globalNaviHome a {
background: url(../image/gNaviHomeOff.gif) no-repeat;
}
#globalNaviHome a:hover {
background: url(../image/gNaviHomeOn.gif) no-repeat;
}
#globalNaviHomeOn {
background: url(../image/gNaviHomeOn.gif) no-repeat;
}

#globalNaviAboutus a {
background: url(../image/gNaviAboutusOff.gif) no-repeat;
}
#globalNaviAboutus a:hover {
background: url(../image/gNaviAboutusOn.gif) no-repeat;
}
#globalNaviAboutusOn {
background: url(../image/gNaviAboutusOn.gif) no-repeat;
}

#globalNaviHistory a {
background: url(../image/gNaviHistoryOff.gif) no-repeat;
}
#globalNaviHistory a:hover {
background: url(../image/gNaviHistoryOn.gif) no-repeat;
}
#globalNaviHistoryOn {
background: url(../image/gNaviHistoryOn.gif) no-repeat;
}

#globalNaviOurbusiness a {
background: url(../image/gNaviOurbusinessOff.gif) no-repeat;
}
#globalNaviOurbusiness a:hover {
background: url(../image/gNaviOurbusinessOn.gif) no-repeat;
}
#globalNaviOurbusinessOn {
background: url(../image/gNaviOurbusinessOn.gif) no-repeat;
}

#globalNaviCareer a {
background: url(../image/gNaviCareerOff.gif) no-repeat;
}
#globalNaviCareer a:hover {
background: url(../image/gNaviCareerOn.gif) no-repeat;
}
#globalNaviCareerOn {
background: url(../image/gNaviCareerOn.gif) no-repeat;
}

#globalNaviLocation a {
background: url(../image/gNaviLocationOff.gif) no-repeat;
}
#globalNaviLocation a:hover {
background: url(../image/gNaviLocationOn.gif) no-repeat;
}
#globalNaviLocationOn {
background: url(../image/gNaviLocationOn.gif) no-repeat;
}

/*--CONTENTS --*/

div#mainContainer {
position:relative;
z-index:10;
}

div#mainContainer.noColumn div#mainContents {
float:none;
width:auto;
}

.toTop{
display:none;
position:fixed;
bottom:10px;
right:20px;
}

.toTop a{
display:block;
background:#000000;
width:30px;
height:30px;
border:1px solid #ffffff;
opacity:.6;
}

.toTop a::before{
position: absolute;
top: 0;
right: auto;
bottom: 0;
left: 22px;
display: block;
width: 21.213px;
height: 21.213px;
margin: auto;
content: "";
border: 1px solid;
border-color: #ffffff #ffffff transparent transparent;
-webkit-transform: rotate(-45deg) translate(-17px, -8px);
-ms-transform: rotate(-45deg) translate(-17px, -8px);
transform: rotate(-45deg) translate(-17px, -8px);
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}

.toTop a:hover{
opacity:.4;
}

/*-- top --*/

div#contentsContainerTop {
max-width:910px;
margin:0px auto;
background:#ffffff;
padding:20px 10px 100px;
}

div#contentsContainer {
max-width:910px;
margin:0px auto;
padding:1px 10px 100px 1px;
background:#ffffff url(../image/backgroundSideTitle.gif) 1px 1px no-repeat;
}

div#contentsContainer h1 {
width:190px;
float:left;
padding:12px 2px 12px 18px;
color:#ffffff;
font-size:20px;
line-height:1.8;
}

div#contentsContainer h1 span {
display:block;
font-size:14px;
}

div#contentsContainer div#mainContents {
float:right;
width:670px;
margin:30px 10px 0px 20px;
}

body#home div#mainContents {
width:610px;
float:left;
}

body#home div#mainContents div.menuBoxSmall {
width:280px;
min-height:100px;
float:left;
margin-right:20px;
margin-bottom:40px;
}

body#home .noColumn div#mainContents div.menuBoxSmall {
width:47.999%;
min-height:130px;
margin:0 1% 10px;
}

body#home div#mainContents div.menuBoxSmallE {
width:280px;
float:left;
margin-right:20px;
margin-bottom:40px;
}

body#home div#mainContents h2 {
margin-bottom:15px;
}

body#home div.menuBoxSmall h2 a{
display:block;
background:url(/image/bg-link.png) left center no-repeat;
padding:5px 5px 5px 10px;
border-bottom:1px solid #d0cab8;
color:#0054af;
font-size:14px;
font-weight:bold;
text-decoration:none;
line-height:1;
}

body#home div.menuBoxSmall h2 a span{
display:inline;
color:#968a72;
font-size:12px;
font-weight:normal;
}

body#home div.menuBoxSmall h2 a:hover{
background-color:#0255b5;
background-image:none;
color:#ffffff;
}

body#home div.menuBoxSmall h2 a:hover span{
color:#ffffff;
}

body#home div.menuBoxSmallE {
margin-top:20px;
margin-bottom:25px !important;
}

body#home div.menuBoxSmallE h2 a{
padding:20px 10px;
border:1px solid #d0cab8;
background:#fbf6f2;
}

body#home div.menuBoxSmallE h2 a:hover{
padding:20px 10px;
border:1px solid #52be44;
}

div#subContents {
max-width:200px;
float:right;
}

body#home div#subContents {
width:300px;
float:right;
}

body#home div#subContents iframe {
margin-top:20px;
}

dl#branch {
background:#fcfaf4;
clear:both;
padding:20px;
font-size:12px;
border-top:3px solid #dfdbd4;
color:#84775e;
}

dl#branch dd {
margin-bottom:15px;
}

/*--aboutus --*/

body#aboutus h2 {
clear:both;
font-size:16px;
margin-bottom:20px;
color:#3a53ad;
border-bottom:1px solid #52be44;
padding-bottom:10px;
}

dl#chairmanBackground {
background:#f9f9f9;
margin-top:10px;
padding:10px;
font-size:12px;
}

dl#chairmanBackground dt {
font-weight:bold;
border-bottom:1px solid #dddddd;
margin-bottom:10px;
}

dl#chairmanBackground dd img {
border:1px solid #ffffff;
}

dl#chairmanBackground dd.detail {
float:left;
margin-right:20px;
}

dl#groupCompanies {
font-size:12px;
}

dl#groupCompanies dt {
font-weight:bold;
}

dl#groupCompanies dd {
margin-bottom:15px;
}

/*--ourbusiness --*/
body#ourbusiness h2 {
border-bottom:1px solid #52be44;
padding-bottom:10px;
margin-bottom:10px;
}
body#ourbusiness p {
margin-bottom:40px
}

/*--history --*/

body#history h2 {
clear:both;
font-size:16px;
margin-bottom:20px;
color:#3a53ad;
border-bottom:1px solid #52be44;
padding-bottom:10px;
}

body#history dl {
margin-bottom:40px;
}

body#history dl dt {
clear:both;
float:left;
width:18%;
margin-bottom:20px;
padding-top:10px;
font-weight:bold;
color:#aaaaaa;
font-size:12px;
}

body#history dl dd {
float:left;
width:81.999%;
margin-bottom:20px;
padding-top:10px;
}

/*--location --*/
table td p.locationDetail {
margin:10px 0px;
font-size:12px;
color:#a1a1a1;
line-height:130%;
}

table td iframe {
border:1px solid #cccccc;
padding:2px;
}

/*--FOOTER --*/
div#footer {
background: url(../image/backgroundFooter.gif) repeat-x;
}

div#footer ul {
max-width:920px;
margin:0px auto;
padding-bottom:40px;
}

div#footer ul li {
float:left;
margin:10px 5px 0px 0px; 
}

div#footer ul li.right {
float:right;
}

div#footer ul li a {
color:#ffffff;
display:block;
padding:0px 5px;
border-right:1px solid #ffffff;
}

div#footer ul li.right a {
border-right:none;
}

/*--CLEAR FIX --*/
div:after,
ul:after,
dl:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
