@charset "utf-8";
/* -----------------------------------------------------------------
LAYOUT CSS
LAST UPDATE:
--------------------------------------------------------------------*/
body{
color: #373737;
background:#fff;
font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Osaka, sans-serif;
font-size: 13px;
line-height: 1.333;
word-wrap: break-word;
-webkit-text-size-adjust: 100%;
}
body a{ color:#085799; text-decoration:none;}
body a:hover{ color:#085799; text-decoration:underline;}
/*---------------------------------
header
-----------------------------------*/
#header{ border-top:5px solid #143068; width:100%; margin:0 0 10px;min-width:1150px; }
#header .hInner{ min-width:1150px; width:1150px; margin:0 auto; overflow:hidden;}
#header .hInner .subNav{ position:relative; width:100%; overflow:hidden; margin: 0 0 15px; min-height:30px;}
#header .hInner .subNav .textLink{ float:right; margin:0 200px 0 0;}
#header .hInner .subNav .textLink li{ display:inline-block; padding:10px 30px 0 0; font-size:95%;}
#header .hInner .subNav .textLink li a{ background:url(/common/img/arrow_01.gif) no-repeat left 0.4em; padding:0 0 0 10px; color:#373737;}
#header .hInner .subNav .textLink li a:hover{ color:#085799;}
#header .hInner .subNav .contactBtn{ position:absolute; top:0; right:50px; height:30px;}
#header .hInner .subNav .contactBtn a{ display:block;}
#header .hInner .subNav .contactBtn a img { vertical-align:bottom;}
#header .hInner .logo{ padding:0 0 0 45px; float:left;}
#header .hInner #gNav{ float:right; width:592px; padding:0 38px 0 0; margin:15px 0 0 0;background:url(/common/img/gnav_pad.gif) no-repeat left top; position:absolute; margin-left:520px; z-index: 10;}
#header .hInner #gNav li{ width:145px; height:40px; text-align:center; float:left; background:url(/common/img/gnav_pad.gif) no-repeat right top; position:relative;}
#header .hInner #gNav li a{ color:#373737; font-size:133%;}
#header .hInner #gNav li a:hover{ text-decoration:none; color:#085799;}
#header .hInner #gNav li a span{ display:block; margin:0 5px; padding:10px 0; line-height:1;border-bottom:3px solid #fff;}
#header .hInner #gNav li.cur a span,
#header .hInner #gNav li a:hover span{ border-bottom:3px solid #143068; }
#header .hInner #gNav li.hover a span{ color:#085799;}
#header .hInner #gNav ul{ width:135px; height:auto; position:absolute; top:36px; left:4px; border:solid 3px #085799; display:none;}
#header .hInner #gNav ul li{width:135px; height:auto; background:url(/common/img/dNav_pad.gif) no-repeat bottom #fff;}
#header .hInner #gNav ul li a{ display:inline-block; text-align:left; width:130px; height:auto; color:#373737; font-size:14px; padding:10px 0 10px; background:url(/common/img/arrow_02.gif) no-repeat 10px 14px; padding-left:1.5em; }
#header .hInner #gNav ul li a:hover,
#header .hInner #gNav ul li.cur a{ color:#085799; background:url(/common/img/arrow_02_on.gif) no-repeat 10px 14px;}
#header .hInner #gNav ul li.cur a{ cursor:default;}
#header .hInner #gNav ul.corpNav li.corpNav08,
#header .hInner #gNav ul.origNav li.origNav08{ background-image:none;}
/*---------------------------------
contents
-----------------------------------*/
#contents{ width:1050px; margin:20px auto 100px; overflow:hidden;}
#top_index #contents{margin:30px auto 100px;}
/*topicPath-------------------------*/
.topicPath{ margin:0 0 10px 0;}
.topicPath li{ display:inline; padding:0 3px 0 0;}
.topicPath li a{ padding:0 5px 0 0;}
/*main------------------------------*/
#main{ float:left; width:760px;}
.section{ margin:0 0 25px 0;}
.section p,
.section ul,
.section ol{ margin:0 0 10px 0;
font-size:15px !important;}
.section p{ padding:0 20px;
line-height:2;}
/*side------------------------------*/
#side{ float:right; width:250px;}
/*localNav*/
#side dl.localNav{ margin:0 0 20px;}
#side dl.localNav dt{ padding:1px 0; border-top:4px solid #666666; border-bottom:1px solid #666666;}
#side dl.localNav dt a{ display:block; background: url(/common/img/arrow_dt_01.gif) no-repeat left 1em #f0f0f0; font-size:133%; padding:17px 10px 17px 26px; color:#333; line-height:1;}
#side dl.localNav dt a:hover{ text-decoration:none;}
#side dl.localNav dd ul li{ border-bottom:1px dotted #7f7f7f;}
#side dl.localNav dd ul li a{ display:block; background:url(/common/img/arrow_02.gif) no-repeat 12px 17px; line-height:1; padding: 15px 15px 15px 26px; color:#333; font-size:116%;}
#side dl.localNav dd ul li a:hover,#side dl.localNav dd ul li.cur a{ text-decoration:none; color:#005296; background:url(/common/img/arrow_02_on.gif) no-repeat 12px 17px;}
#side dl.localNav dd ul li.cur a{ cursor:default;}
/*singleNav*/
#side p.singleNav{ margin:0 0 20px; padding:1px 0; border-top:4px solid #666666; border-bottom:1px solid #666666;}
#side p.singleNav a{ display:block; background: url(/common/img/arrow_dt_01.gif) no-repeat left 1em #f0f0f0; font-size:133%; padding:17px 10px 17px 26px; color:#333; line-height:1;}
#side p.singleNav a:hover{ text-decoration:none;}
/*contact*/
#side .contact{ margin:0 0 10px;}
/*bnrList*/
#side .bnrList li{ margin:0 0 10px 0;}
/*---------------------------------
footer
-----------------------------------*/
.pageTop{ position: fixed; bottom: 0; right: 0; left: 0; text-align: right; max-width: 1100px; width: 100%; margin: 0 auto; padding: 0 50px 0 0;}
#footer{ background:url(/common/img/bg_foot.gif) repeat-x 0 0 #0c162c;width:100%;min-width:1150px; min-height:118px;}
#footer .fInner{ padding:30px 0;width:1150px; margin:0 auto;}
#footer .footLinks{ margin:0 0 25px;text-align: center;}
#footer .footLinks li{ display:inline-block; padding:0 5px 0 7px; line-height:1; border-left:1px solid #fff;}
#footer .footLinks li:first-child{ border-left:none;}
#footer .footLinks li a{ color:#fff; font-size:116%;}
#footer .fInner p small{ color:#fff; text-align:center;}
/*---------------------------------
見出しつきカラム
-----------------------------------*/
.colBox01{ clear:both;}
.colBox01 .ctrDetail{ font-size:14px;}
.colBox01 .ctrDetail dd:nth-child(2){ margin-bottom:10px;}
.colBox01 .contentsTtl01{ clear:both; font-size:16px; font-weight:bold; color:#085799; border-bottom:solid 2px #005296; margin-bottom:10px;}
.colBox01 p.imgCol{ float:left; margin:10px 12px 60px 28px;}
.colBox01 p.imgColr{ float:left; margin:10px 28px 60px 12px;}
.colBox01 p.img1Col{ margin:10px 230px 20px 230px;}
/*.colBox01 p.imgCol:nth-child(even){ float:left; margin:10px 28px 60px 52px;}*/
.colBox01:nth-last-child(1) p.imgCol{ margin-bottom:0 !important;}
.colBox01 p.imgCol.slimImg{ float:left; margin:10px 0 60px 91px;}
/*---------------------------------
module
-----------------------------------*/
.blankLink{ background:url(/common/img/blank_01.gif)no-repeat right; padding:0 17px 0 0;}
.contentsTtl01{ font-size:16px; font-weight:bold; color:#085799; border-bottom:solid 2px #005296; margin-bottom:10px;}
/*---------------------------------
top
-----------------------------------*/
#top_index #mainVisual{ position:relative;}
#top_index #mainVisual h1 img { width: 1050px; float: left; display: block;}/*スライダーのズレ修正*/
#top_index #main .mainInner .companyLink li,#top_index .solutionLink,.orig_index .section .categoryListcol1 li{ margin-bottom:15px;}
#top_index #main .mainInner h2{ margin-bottom:20px;}
#top_index #contents{ margin-top:0; width:1050px;}
/*---------------------------------
会社概要
-----------------------------------*/
.message h3{font-size:20px; text-align:center; margin-bottom:30px;}
.message .mainMessage{font-size:14px; margin-bottom:50px; line-height:1.8;}
.message .name{font-size:14px; float:right;}
/*---------------------------------
会社概要
-----------------------------------*/
.table01 tr{ border:solid 1px #aeaeae;}
.table01 th{ padding:10px; width:143px; border:solid 1px #aeaeae; background:#ebf2db; font-weight:bold; font-size:13px;}
.table01 td{ padding:5px 10px; width:595px; border:solid 1px #aeaeae; line-height:23px; font-size:13px;}
/*---------------------------------
会社沿革
-----------------------------------*/
.history #contents {margin-bottom:0;}
.history .table01 th{ vertical-align:middle;}
.history .table01 td{ vertical-align:middle;}
/*---------------------------------
会社案内
-----------------------------------*/
.categoryListcol2 li{ float: left; width: 364px; margin-bottom:19px;}
.categoryListcol2 > *:first-child,
.categoryListcol2 > *:first-child + * + *,
.categoryListcol2 > *:first-child + * + * + * + *,
.categoryListcol2 > *:first-child + * + * + * + * + * + *
{margin-right:32px;}
/*---------------------------------
物流センター案内
-----------------------------------*/
.logistics .colBox01 .ctrDetail p a img{ margin:0 0 10px 10px;}
.logistics .colBox01 .contentsTtl02{ margin-bottom:20px;}
.logistics .colBox01 p.imgCol{ float:left; margin:10px 0 60px 40px;}
.logistics .colBox01 p.imgColr{ float:left; margin:10px 40px 60px 0;}
/*---------------------------------
エコロジーへの取り組み
-----------------------------------*/
.ecology .colBox01 p.imgCol{ float:left; margin:10px 0 60px 40px;}
.ecology .colBox01 p.imgColr{ float:left; margin:10px 40px 60px 0;}
/*---------------------------------
採用情報
-----------------------------------*/
.recruit .detailTxt{ text-align:center; font-size:14px;}
/*---------------------------------
よくあるご質問
-----------------------------------*/
.orig_faq .question{ padding-left:37px; margin-bottom:10px; background: url(/originality/img/originality_faq_q.png) #f0f0f0 no-repeat 14px 7px; line-height:30px; font-size:14px;}
.orig_faq .answer{ margin: 0 0 25px 14px; padding-left:23px; line-height:24px; background: url(/originality/img/originality_faq_a.png) no-repeat left 5px; font-size:14px;}
/*---------------------------------
昭和図書の特徴
-----------------------------------*/
.orig_index .section p{ font-size:13px; margin-bottom:23px;}
.orig_index .section .categoryListcol1 li.last{margin-top:75px;}
/*---------------------------------
skill
-----------------------------------*/
.skill{font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;}
.skill .skillLead{ margin-bottom:60px;}
.skill .pageTtl01{ margin-bottom:20px;}
.skill .colBox01 .ctrDetail p.skillMv{ margin-bottom:60px; padding:0;}
.skill .colBox01 .ctrDetail p a.img_lb img{ margin:0;}
.skill .colBox01 p.imgCol{ float:left; margin:0 0 20px 0; padding:0 0 0 20px;}
.skill .colBox01 p.imgColr{ float:left; margin:0 0 20px 0; padding:0 0 0 20px;}
/*.skill .colBox01 p.imgCol:nth-child(even){ float:left; margin:0 54px 0 0;}*/
.skill .colBox01 .moviePlay{ clear:both; width:180px; height:39px; margin:0 auto 60px;}
.skill .colBox01 .colMovie{ width:180px; height:39px; margin:84px 75px !important;}
.skill .colBox01 .contentsTtl01 .glossary{ float:right; margin-right:6px;}
.skill .colBox01 .contentsTtl01 .glossary img{ padding-bottom:4px;}
.skill .colBox01 p.img1Col{ margin:10px 203px 20px 204px; padding:0;}
.skill .colBox01.boxBd{ border-bottom:solid 2px #005296; margin-bottom:60px;}
.skill .colBox01.boxBd .moviePlay{ margin-bottom:30px;}
.mvBox01{ padding:35px 60px; background:#dedede;}
.mvBox01 .ctrDetail .contentsTtl01{ color:#373737; font-size:16px;}
.mvBox01 .ctrDetail p{ margin-bottom:20px !important;}
/*---------------------------------
History
----------------------------------*/
.section .img1Col{margin:20px 203px 0 203px; padding:0;}
.historyMv{ text-align:center; margin-top:75px;}
.corporate{ text-align:center; margin:50px 0 120px 0;}
/*---------------------------------
want
----------------------------------*/
.karute{ margin-top:20px;}
.want .section .wantColL{ width:520px; float:left; margin-bottom: 20px;}
.want .section .wantColR{ width:200px; float:right; margin-right: 20px;}
.want .section .wantColR p{ padding:0;}
.want .section .img1Col{width:200px; margin:70px auto 0; padding:0;}
.want .section .wantCap{ font-size:10px; float:right;}
.want .section .suuri{clear:both;}
.want .section .margin2{margin-top:10px; background:none;}
.want .section .sbook{margin-top:20px;}
/*---------------------------------
Attractive
----------------------------------*/
.attractive .section p.imgCol{ float:left; margin:0 0 20px 0; padding:0 0 0 20px;}
.attractive .section p.imgColr{ float:left; margin:0 0 20px 0; padding:0 0 0 10px;}
/*---------------------------------
object
----------------------------------*/
.object .section .img1Col{margin:20px 203px 0 203px; padding:0;}
/*---------------------------------
関連リンク
-----------------------------------*/
.colBox01 .ctrDetail.linkList p{ margin: 20px 0 ;}
.colBox01 p.imgCol.bnr{ margin:0 0 60px!important;}
/*---------------------------------
個人情報保護方針
-----------------------------------*/
#main.privacy{ font-size:14px;}
.privacyList { list-style-type:decimal; padding-left:2.4em; margin-top:20px !important;}
.privacyList li{ line-height:2em; margin-bottom:20px;}
.privacyTxt{ line-height:2em;}
.privacyDate{ text-align:right; line-height:2em;}
/*---------------------------------
サイトマップ
-----------------------------------*/
.sitemap a{ text-decoration:underline; margin-left:0px;}
.sitemap ul .sitemap_child{ padding-left:45px; line-height:1.5em; color:#0c4e8b;}
.sitemap ul .sitemap_child li{ background: url(/common/img/disc_01.gif) no-repeat scroll left 0.2em rgba(0, 0, 0, 0); margin:2px 2px; padding: 0 0 0 2em; background-position: 8px 7px;}
.sitemap ul .catInner li:last-child{margin-bottom:60px;}
.sitemap .sitemap_midashi{ margin-bottom:60px;}
.sitemap .sitemap_midashi2{ color:#0c4e8b; font-size:13px; margin-top:40px;}
.sitemap .sitemap_link{ line-height: 2.5em; font-size:13px;}
/*---------------------------------
出版物流専門用語集
-----------------------------------*/
.dictTable{margin-top:10px;}
.dictTable tr{ border:solid 1px #aeaeae;}
.dictTable th{ padding:10px; width:10px; border:solid 1px #aeaeae; background:#ebf2db; font-weight:bold; font-size:13px;}
.dictTable .td1{ padding:10px 5px; min-width:120px; border:solid 1px #aeaeae; background:#e8f2ff; line-height:15px; font-size:13px; text-align:center; vertical-align: middle;}
.dictTable .td2{ padding:10px 5px; min-width:150px; border:solid 1px #aeaeae; line-height:15px; font-size:13px; text-align:center; vertical-align: middle;}
.dictTable .td3{ padding:10px 10px; width:508px; border:solid 1px #aeaeae; line-height:15px; font-size:13px; vertical-align: middle;}
.dictTable .td3 a{text-decoration:underline;}