@charset "utf-8";

/*---------wrapper---------*/

#wrapper {
width: 100%;
margin: 0 auto;
}


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

#header {
width: 100%;
min-width: 1100px;
margin-bottom: 20px;
}

#header .headerbox {
width: 1100px;
margin: 0 auto;
}

#header .headerbox ul.headertop {
	margin: 15px 0 5px 0;
}

#header .headerbox ul.headertop li.leftbox {
float: left;
}

#header .headerbox ul.headertop li.leftbox h1 {
font-size: 11px;
letter-spacing: 1px;
}

#header .headerbox ul.headertop li.rightbox {
float: right;
}

#header .headerbox ul.headertop li.rightbox ul li.bt01 {
background: #016b83;
border-radius: 3px;
margin-right: 10px;
float: left;
width: 150px;
}

#header .headerbox ul.headertop li.rightbox ul li.bt01 a {
opacity: 1.0;
display: block;
text-align: center;
letter-spacing: 0.07px;
color: #ffffff;
font-size: 13px;
text-decoration: none;
padding: 3px;
font-weight:500;
font-family: 'Montserrat', sans-serif;
}

#header .headerbox ul.headertop li.rightbox ul li.bt01 a:hover {
background: #2293aa;
border-radius: 3px;
}

#header .headerbox ul.headertop li.rightbox ul li.bt02 {
background: #cc1821;
border-radius: 3px;
margin-right: 10px;
float: left;
width: 150px;
}

#header .headerbox ul.headertop li.rightbox ul li.bt02 a {
opacity: 1.0;
display: block;
text-align: center;
letter-spacing: 0.07px;
color: #ffffff;
font-size: 13px;
text-decoration: none;
padding: 3px;
font-weight:500;
font-family: 'Montserrat', sans-serif;
}

#header .headerbox ul.headertop li.rightbox ul li.bt02 a:hover {
background: #e3394a;
border-radius: 3px;
}

#header .headerbox ul.leftbox {
float: left;
padding: 25px 0 0 0;
}

#header .headerbox ul.rightbox {
float: right;
width: 870px;
}

#header .headerbox ul.rightbox #nav {
float: left;
}

#header .headerbox ul.rightbox #nav #dropmenu {
list-style-type: none;
width: 870px;
margin: 10px auto 15px;
padding: 0;
}

#header .headerbox ul.rightbox #nav #dropmenu li {
position: relative;
width: 20%;
float: left;
margin: 0;
padding: 0;
text-align: center;
} 

#header .headerbox ul.rightbox #nav #dropmenu li a {
display: block;
margin: 0;
padding: 40px 0 30px 0;
letter-spacing: 0.08em;
font-size: 14px;
font-weight: bold;
line-height: 1;
text-decoration: none;
}

#header .headerbox ul.rightbox #nav #dropmenu li ul {
list-style: none;
position: absolute;
z-index: 100;
top: 100%;
left: 0;
width: 100%;
margin: 0;
padding: 0;
}

#header .headerbox ul.rightbox #nav #dropmenu li ul li {
overflow: hidden;
width: 100%;
height: 0;
background: #444444;
opacity: 0.9;
transition: .2s;
}

#header .headerbox ul.rightbox #nav #dropmenu li ul li a {
padding: 22px 8px;
color: #ffffff;
opacity: 1.0;
text-align: left;
line-height: 140%;
font-size: 11px;
font-weight: normal;
}

#header .headerbox ul.rightbox #nav #dropmenu > li:hover > a {
opacity: 0.5;
}

#header .headerbox ul.rightbox #nav #dropmenu > li:hover li:hover > a {
background: #666666;
opacity: 0.8;
}

#header .headerbox ul.rightbox #nav #dropmenu li:hover > ul > li {
overflow: visible;
height: 60px;
}

#header .headerbox ul.rightbox #nav #dropmenu li ul li ul {
top: 0;
left: 100%;
}

#header .headerbox ul.rightbox #nav #dropmenu li:last-child ul li ul {
left: -100%;
width: 100%;
}

#header .headerbox ul.rightbox #nav #dropmenu li ul li ul li a {
background: #444444;
opacity: 0.8;
}

#header .headerbox ul.rightbox #nav #dropmenu li:hover ul li ul li:hover > a {
background: #666666;
opacity: 0.8;
}


/*---------mainimg---------*/

#mainimg {
width: 100%;
}

#mainimg .mainimgtxt {
position: absolute;
margin-top: 250px;
margin-left: 250px;
}

/*---------underimg---------*/
	
#undermainimg-about {
height: 300px;
width: 100%;
background: url(../about/atajapan/images/titleimg.jpg) no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 20px;
}

#undermainimg-about ul.title {
width: 1100px;
margin: 0 auto;
}

#undermainimg-about ul.title h2 {
font-size: 35px;
letter-spacing: 0.08em;
font-weight: 300;
text-shadow: 0 0 3px #444444;
color: #ffffff;
border-bottom: 1px solid #ffffff;
display: inline-block;
padding: 140px 0 4px 0;
}

#undermainimg-translation {
height: 300px;
width: 100%;
background: url(../about/translation/images/titleimg.jpg) no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 20px;
}

#undermainimg-translation ul.title {
width: 1100px;
margin: 0 auto;
}

#undermainimg-translation ul.title h2 {
font-size: 35px;
letter-spacing: 0.08em;
font-weight: 300;
text-shadow: 0 0 3px #444444;
color: #ffffff;
border-bottom: 1px solid #ffffff;
display: inline-block;
padding: 140px 0 4px 0;
}

#undermainimg-eng {
height: 300px;
width: 100%;
background: url(../about/eng/images/titleimg.jpg) no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 20px;
}

#undermainimg-eng ul.title {
width: 1100px;
margin: 0 auto;
}

#undermainimg-eng ul.title h2 {
font-size: 35px;
letter-spacing: 0.08em;
font-weight: 300;
text-shadow: 0 0 3px #444444;
color: #ffffff;
border-bottom: 1px solid #ffffff;
display: inline-block;
padding: 140px 0 4px 0;
}

#undermainimg-contact {
height: 300px;
width: 100%;
background: url(../contact/images/titleimg.jpg) no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 20px;
}

#undermainimg-contact ul.title {
width: 1100px;
margin: 0 auto;
}

#undermainimg-contact ul.title h2 {
font-size: 35px;
letter-spacing: 0.08em;
font-weight: 300;
text-shadow: 0 0 3px #444444;
color: #ffffff;
border-bottom: 1px solid #ffffff;
display: inline-block;
padding: 140px 0 4px 0;
}

#undermainimg-news {
height: 300px;
width: 100%;
background: url(../news/images/titleimg.jpg) no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 20px;
}

#undermainimg-news ul.title {
width: 1100px;
margin: 0 auto;
}

#undermainimg-news ul.title h2 {
font-size: 35px;
letter-spacing: 0.08em;
font-weight: 300;
text-shadow: 0 0 3px #444444;
color: #ffffff;
border-bottom: 1px solid #ffffff;
display: inline-block;
padding: 140px 0 4px 0;
}


#undermainimg-event {
height: 300px;
width: 100%;
background: url(../event/images/titleimg.jpg) no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 20px;
}

#undermainimg-event ul.title {
width: 1100px;
margin: 0 auto;
}

#undermainimg-event ul.title h2 {
font-size: 35px;
letter-spacing: 0.08em;
font-weight: 300;
text-shadow: 0 0 3px #444444;
color: #ffffff;
border-bottom: 1px solid #ffffff;
display: inline-block;
padding: 140px 0 4px 0;
}

#undermainimg-memberlist {
height: 300px;
width: 100%;
background: url(../memberlist/images/titleimg.jpg) no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 20px;
}

#undermainimg-memberlist ul.title {
width: 1100px;
margin: 0 auto;
}

#undermainimg-memberlist ul.title h2 {
font-size: 32px;
font-weight: 300;
letter-spacing: 0.08em;
text-shadow: 0 0 3px #444444;
color: #ffffff;
border-bottom: 1px solid #ffffff;
display: inline-block;
padding: 120px 0 4px 0;
font-weight: 500;
font-family: 'Montserrat', sans-serif;
}

#undermainimg-member {
height: 300px;
width: 100%;
background: url(../about/member/images/titleimg.jpg) no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 20px;
}

#undermainimg-member ul.title {
width: 1100px;
margin: 0 auto;
}

#undermainimg-member ul.title h2 {
font-size: 32px;
font-weight: 300;
letter-spacing: 0.08em;
text-shadow: 0 0 3px #444444;
color: #ffffff;
border-bottom: 1px solid #ffffff;
display: inline-block;
padding: 140px 0 4px 0;
font-weight: 500;
font-family: 'Montserrat', sans-serif;
}

#undermainimg-membersonly {
height: 300px;
width: 100%;
background: url(../membersonly/images/titleimg.jpg) no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 20px;
}

#undermainimg-membersonly ul.title {
width: 1100px;
margin: 0 auto;
}

#undermainimg-membersonly ul.title h2 {
font-size: 32px;
font-weight: 300;
letter-spacing: 0.08em;
text-shadow: 0 0 3px #444444;
color: #ffffff;
border-bottom: 1px solid #ffffff;
display: inline-block;
padding: 140px 0 4px 0;
font-weight: 500;
font-family: 'Montserrat', sans-serif;
}

#undermainimg-review {
height: 300px;
width: 100%;
background: url(../books/review/images/titleimg.jpg) no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 20px;
}

#undermainimg-review ul.title {
width: 1100px;
margin: 0 auto;
}

#undermainimg-review ul.title h2 {
font-size: 32px;
font-weight: 300;
letter-spacing: 0.08em;
text-shadow: 0 0 3px #444444;
color: #ffffff;
border-bottom: 1px solid #ffffff;
display: inline-block;
padding: 120px 0 4px 0;
font-weight: 500;
font-family: 'Montserrat', sans-serif;
}

#undermainimg-geosynthetics {
height: 300px;
width: 100%;
background: url(../books/geosynthetics/images/titleimg.jpg) no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 20px;
}

#undermainimg-geosynthetics ul.title {
width: 1100px;
margin: 0 auto;
}

#undermainimg-geosynthetics ul.title h2 {
font-size: 32px;
font-weight: 300;
letter-spacing: 0.08em;
text-shadow: 0 0 3px #444444;
color: #ffffff;
border-bottom: 1px solid #ffffff;
display: inline-block;
padding: 120px 0 4px 0;
font-weight: 500;
font-family: 'Montserrat', sans-serif;
}

#undermainimg-advance {
height: 300px;
width: 100%;
background: url(../books/advancedtextilessource/images/titleimg.jpg) no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 20px;
}

#undermainimg-advance ul.title {
width: 1100px;
margin: 0 auto;
}

#undermainimg-advance ul.title h2 {
font-size: 32px;
font-weight: 300;
letter-spacing: 0.08em;
text-shadow: 0 0 3px #444444;
color: #ffffff;
border-bottom: 1px solid #ffffff;
display: inline-block;
padding: 120px 0 4px 0;
font-weight: 500;
font-family: 'Montserrat', sans-serif;
}

#undermainimg-fabricarchitecture {
height: 300px;
width: 100%;
background: url(../books/fabricarchitecture/images/titleimg.jpg) no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 20px;
}

#undermainimg-fabricarchitecture ul.title {
width: 1100px;
margin: 0 auto;
}

#undermainimg-fabricarchitecture ul.title h2 {
font-size: 32px;
font-weight: 300;
letter-spacing: 0.08em;
text-shadow: 0 0 3px #444444;
color: #ffffff;
border-bottom: 1px solid #ffffff;
display: inline-block;
padding: 120px 0 4px 0;
font-weight: 500;
font-family: 'Montserrat', sans-serif;
}

#undermainimg-intents {
height: 300px;
width: 100%;
background: url(../books/intents/images/titleimg.jpg) no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 20px;
}

#undermainimg-intents ul.title {
width: 1100px;
margin: 0 auto;
}

#undermainimg-intents ul.title h2 {
font-size: 32px;
font-weight: 300;
letter-spacing: 0.08em;
text-shadow: 0 0 3px #444444;
color: #ffffff;
border-bottom: 1px solid #ffffff;
display: inline-block;
padding: 120px 0 4px 0;
font-weight: 500;
font-family: 'Montserrat', sans-serif;
}

#undermainimg-marinefabricator {
height: 300px;
width: 100%;
background: url(../books/marinefabricator/images/titleimg.jpg) no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 20px;
}

#undermainimg-marinefabricator ul.title {
width: 1100px;
margin: 0 auto;
}

#undermainimg-marinefabricator ul.title h2 {
font-size: 32px;
font-weight: 300;
letter-spacing: 0.08em;
text-shadow: 0 0 3px #444444;
color: #ffffff;
border-bottom: 1px solid #ffffff;
display: inline-block;
padding: 120px 0 4px 0;
font-weight: 500;
font-family: 'Montserrat', sans-serif;
}


/*---------contents---------*/

#contents {
width: 1100px;
margin: 30px auto 40px auto;
}


/*---------sidenavi---------*/

#sidenavi {
width: 200px;
float: right;
}

#sidenavi .sidetitlebg01 {
background: #626262;
}

#sidenavi .sidetitlebg01 p {
padding: 17% 2%;
text-align: center;
margin-bottom: 15px;
letter-spacing: 0.08em;
font-size: 16px;
color: #ffffff;
}

#sidenavi .sidesubtitlebg01 {
background: #ffffff;
border-bottom: 1px solid #d5d5d5;
}

#sidenavi .sidesubtitlebg01 .p01 a {
padding: 20px 0 22px 17px;
font-size: 13px;
background: url(../images/arrowicon.png) no-repeat 5px 24px;
line-height: 120%;
text-decoration: none;
display: block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

#sidenavi ul.bnr {
margin-top: 25px;
}

#sidenavi ul.bnr li {
margin-bottom: 8px;
}

#sidenavi ul.bnr li.booksbt {
background: #cc1821;
border-radius: 3px;
}

#sidenavi ul.bnr li.booksbt a {
color: #fff;
background:url(../books/images/booksbk_arrow.png) 10px 25px no-repeat;
padding: 20px 0 15px 25px;
display:  block;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}

#sidenavi ul.bnr li.overseasbt {
background: url(../books/images/sidelogo.png) no-repeat  90% 50%;, #fafafa;
border: 1px solid #ccc;
border-radius: 4px;
padding: 8% 0 8% 4%;
}

#sidenavi ul.bnr li.overseasbt a {
display:  block;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}

#sidenavi ul.bnr li ul.otherbook {
margin: 25px 0;
}

#sidenavi ul.bnr li ul.otherbook li.tit {
background: #F88607
}

#sidenavi ul.bnr li ul.otherbook li.tit p {
padding: 8% 2%;
text-align: center;
margin-bottom: 15px;
letter-spacing: 0.08em;
font-size: 16px;
color: #fff;
}

#sidenavi ul.bnr li ul.otherbook li.btit {
background: #fff;
border-bottom: 1px solid #d5d5d5;
}

#sidenavi ul.bnr li ul.otherbook li.btit p a {
padding: 10px 0 11px 3px;
font-size: 11.5px;
letter-spacing: 0.01em;
line-height: 120%;
text-decoration: none;
display: block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}


/*---------title---------*/

h3 {
font-size: 28px;
font-weight: normal;
border-bottom: 1px solid #999999;
letter-spacing: 0.1px;
margin-bottom: 20px;
padding: 3px 0 3px 7px;
}

h3.toptitle {
font-size: 28px;
font-weight: normal;
color: #ffffff;
background:#016B83;
letter-spacing: 0.1px;
text-align: center;
margin-bottom: 60px;
padding: 3px 0 3px 7px;
}


h4 {
font-size: 18px;
font-weight: normal;
background: #4e4b49;
border-bottom: 2px solid #cc1821;
border-radius: 3px;
color: #ffffff;
letter-spacing: 0.1px;
margin-bottom: 20px;
padding: 9px 0 8px 7px;
}


/*---------pagetop---------*/

#pagetopbt {
display: none;
position: fixed;
bottom: 100px;
right: 50px;
opacity: 0.9;
}

#pagetopbt .bt {
width: 50px;
height: 50px;
border-radius: 50px;
background-color: #cc1821;
box-shadow: 2px 4px 6px rgba(0,0,0,0.30);
cursor: pointer;
}

#pagetopbt .bt a {
border-radius: 50px;
text-align: center;
padding-top: 15px;
text-decoration: none;
display: block;
font-weight: 500;
font-size: 15px;
color: #ffffff;
letter-spacing: 0.08em;
}


/*---------underbookorder---------*/

ul#booksorder {
width: 100%;
background: #016b83;
background-position: center;
height: 350px;
margin-bottom: 85px;
}

ul#booksorder li.cntblock {
width: 1000px;
margin: 0 auto;
}

ul#booksorder li.cntblock ul li.leftbox {
width: 300px;
float: left;
padding: 2% 0 2% 2%;
}

ul#booksorder li.cntblock ul li.rightbox {
width: 650px;
float: right;
}

ul#booksorder li.cntblock ul li.rightbox p.title {
font-size: 30px;
padding-top: 30px;
font-weight: bold;
font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Verdana, Arial, Helvetica,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding-bottom: 10px;
color:#ffffff;
}

ul#booksorder li.cntblock ul li.rightbox p.nor {
font-weight: bold;
color:#ffffff;
line-height: 180%;
}

ul#booksorder li.cntblock ul li.rightbox p.bt {
background: #ffffff;
border-radius: 4px;
margin-top: 15px;
width: 60%;
}

ul#booksorder li.cntblock ul li.rightbox p.bt a {
font-size: 16px;
text-align: center;
display: block;
padding: 10px 0 10px 0;
letter-spacing: 1px;
color: #016b83;
font-weight: bold;
text-decoration: none;
}

ul#booksorder li.cntblock ul li.rightbox p.bt a:hover {
background: #589df1;
}


/*---------footer---------*/

#footer {
width: 100%;
height: 360px;
background: url(../images/footerbg.jpg);
background-size: cover;
background-position: center center;
}

#footer .footerbox {
width: 1050px;
margin: 0 auto;
}

#footer .footerbox ul.ftsitemap {
padding: 65px 0 20px 0;
}

#footer .footerbox ul.ftsitemap li {
float: left;
width: 175px;
padding-bottom: 7px;
}

#footer .footerbox ul.ftsitemap li dl {
padding-left: 60px;
}

#footer .footerbox ul.ftsitemap li dt {
padding-bottom: 8px;
font-weight: bold;
font-size: 13px;
color:#ffffff;
}

#footer .footerbox ul.ftsitemap li dt a {
font-weight: bold;
color:#ffffff;
font-size: 13px;
text-decoration:none;
}

#footer .footerbox ul.ftsitemap li dt a:hover {
color:#ffffff;
opacity: 1.0;
text-decoration: underline;
}

#footer .footerbox ul.ftsitemap li dd a {
color:#ffffff;
font-size: 12px;
text-decoration: none;
}

#footer .footerbox ul.ftsitemap li dd a:hover {
color:#fff;
opacity: 1.0;
text-decoration: underline;
}

#copy {
background: #20463E;
padding: 20px 0;
}

#copy p {
text-align: center;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
color: #fff;
letter-spacing: 0.08em;
font-size: 13px;
}