@charset "utf-8";

/* -------------------------------------------------------
  Print Style Sheet
  Last Update 2007-11-01

  3-01. Fonts CSS
  3-02. Structure Module
  3-03. Hypertext Module
  3-04. Layout

------------------------------------------------------- */
* html .pageBreak {margin-top:3cm;}


/* -------------------------------------------------------
  3-01. Fonts CSS
------------------------------------------------------- */
body {
font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
font-size:12pt;
line-height:1.6;
}


/* -------------------------------------------------------
  3-02. Structure Module
------------------------------------------------------- */
body {
color:#000;
background:none;
}


/* -------------------------------------------------------
  3-03. Hypertext Module
------------------------------------------------------- */
a:link,
a:visited {
text-decoration:underline;
}
a:link:after,
a:visited:after {
font-size:10pt;
}

/*外部リンクサイトのURIを書き出す*/
a[href^="http://"]:after {
content:"("attr(href)")";
}

/*mailto:スキームの場合はURIを書き出さない*/
a[href^="mailto:"]:after {
content:"";
}


/* -------------------------------------------------------
  3-04. Layout
------------------------------------------------------- */
div.printImg {display:block;}


/* -------------------------------------------------------
  2-05. div.pagetopAnchor
------------------------------------------------------- */
div.pagetopAnchor {display:none;}


/* -------------------------------------------------------
  2-17. div.pluginLink
------------------------------------------------------- */
div.pluginLink p {float:none;}


/* -------------------------------------------------------
  2-18. div#locatedNow
------------------------------------------------------- */
div#locatedNow {display:none;}


/* -------------------------------------------------------
  2-19. div.pagetransitionLink
------------------------------------------------------- */
div.pagetransitionLink {display:none;}


/* -------------------------------------------------------
  2-20. div#pageTargetLink
------------------------------------------------------- */
div#pageTargetLink {display:none;}


/* -------------------------------------------------------
  5-02. div#container
------------------------------------------------------- */
div#container {width:100%;}


/* -------------------------------------------------------
  5-03. div#header
------------------------------------------------------- */
div#header {display:none;}


/* -------------------------------------------------------
  5-04. div#globalNavi
------------------------------------------------------- */
div#globalNavi {display:none;}


/* -------------------------------------------------------
  5-05. div#globalsubNavi
------------------------------------------------------- */
div#globalsubNavi {display:none;}


/* -------------------------------------------------------
  5-06. div#contentsWrap
------------------------------------------------------- */
div#contentsWrap {margin:30px 0;}


/*  5-06-01. div#topicPath
--------------------------------------------- */
div#topicPath {display:none;}


/*  5-06-02. div#contentsOneColumn,div#contentsTwoColumn
--------------------------------------------- */
div#contentsOneColumn,
div#contentsTwoColumn {
float:none;
width:100%;
}

div#contentsOneColumn h1,
div#contentsTwoColumn h1 {
margin-top:30px;
width:100%;
border-bottom:2px solid #f60;
}

div#contentsOneColumn h2,
div#contentsTwoColumn h2 {width:100%;}


/* 5-06-03. div#localNavi
------------------------------------------------------- */
div#localNavi {display:none;}


/* -------------------------------------------------------
  5-07. div#utility
------------------------------------------------------- */
div#utility {display:none;}


/* -------------------------------------------------------
  5-08. div#footerNavi
------------------------------------------------------- */
div#footerNavi {display:none;}


/* -------------------------------------------------------
  5-09. div#footer
------------------------------------------------------- */
div#footer {display:none;}


/* -------------------------------------------------------
  6-02. div#categoryIndex
------------------------------------------------------- */
/* div.sectionWrap */
div#contentsOneColumn div#categoryIndex div.sectionWrap {background:none;}

/* div#categoryIndex div.section */
div#categoryIndex div.section {
clear:both;
float:none;
width:100%;
}
div#contentsOneColumn div.section h2 {width:100%;}


/* -------------------------------------------------------
  6-03. div#assistContents
------------------------------------------------------- */
/*  6-03-01. accessibility
------------------------------------------------------- */
/*  6-03-01-01. .accessibility01
-------------------------------------------- */
div.osBlockLeft {
float:none;
width:100%;
margin-bottom:20px;
}
div.osBlockRight {
float:none;
width:100%;
border-left:1px solid #ccc;
margin-bottom:20px;
}
div#osBlockWrap dl dd p {text-align:center;}


/*  6-03-02. mobilephone
------------------------------------------------------- */
#mobilephone div#contentsOneColumn {width:100%;}
#mobilephone div#contentsOneColumn div.lead .right {width:70%;}
div.careerBlock {
float:none;
width:450px;
}
div.careerBlock ol {
width:300px;
margin-left:10px;
list-style-type:decimal;
}


/* -------------------------------------------------------
  6-05. employment
------------------------------------------------------- */
/*  6-05-01. #parttime
------------------------------------------------------- */
/* div#branchList */
div#branchList div.section {
float:none;
width:auto;
}

/*  6-05-02. #career
------------------------------------------------------- */
div#employmentDetail div.section {
float:none;
width:auto;
margin-top:15px;
}

/* .career04,05 */
.career04 div#employmentDetail div.section ul.relatedLink,
.career05 div#employmentDetail div.section ul.relatedLink {
margin-top:0;
}

/*  6-05-03. #newgraduate
------------------------------------------------------- */
.newgraduate03 #employmentDetail table dl dt {float:none;}

/* -------------------------------------------------------
  6-06. english
------------------------------------------------------- */
/*  6-06-01. #en
------------------------------------------------------- */


/* -------------------------------------------------------
  6-07. faq
------------------------------------------------------- */
/*  6-07-04. .faq04
------------------------------------------------------- */
/* div#audioguidanceBlock */
.faq04 div#audioguidanceBlock div.left,
.faq04 div#audioguidanceBlock div.right {float:none;}
.faq04 div.audioguidanceBox {width:98%;}
.faq04 div.audioguidanceBox h5 {
border:none;
background-color:none;
}
.faq04 div.audioguidanceBox table {
width:98%;
border:1px solid #ccc;
}
.faq04 div.audioguidanceBox table th {width:80%;}
.faq04 div.audioguidanceBox table td {width:20%;}


/* -------------------------------------------------------
  6-08. sitemap
------------------------------------------------------- */
/* h3 */
#sitemap div#contentsOneColumn h3 {
font-size:114%;
margin-left:0;
background:none;
}

/* h4 */
#sitemap div#contentsOneColumn h4 {
clear:both;
margin-left:0;
padding-left:0;
background:none;
}

/* ul */
#sitemap div#contentsOneColumn ul {margin-left:0;}
#sitemap div#contentsOneColumn ul li {
float:none;
display:inline;
background:none;
}
#sitemap div#contentsOneColumn ul li a {
padding-left:0;
background:none;
}


/* -------------------------------------------------------
  7-01. div#contentsTwoColumn
------------------------------------------------------- */
div#contentsTwoColumn {width:100%;}

/* div.sectionWrap */
div#contentsTwoColumn div.sectionWrap {
margin-top:0;
padding-bottom:0;
background:none;
}

/* div.sectionWrapLast */
div#contentsTwoColumn div.sectionWrapLast {
margin-top:0;
padding-bottom:0;
}


/* -------------------------------------------------------
  7-02. div#middleCategoryIndex
------------------------------------------------------- */
/*  7-02-01. div#middleCategoryIndexA
------------------------------------------------------- */
/* section */
div#middleCategoryIndexA div.section {
float:none;
width:100%;
margin-top:15px;
}
div#middleCategoryIndexA div.section .right {
width:85%;
margin-bottom:15px;
}


/*  7-02-02. div#middleCategoryIndexB
------------------------------------------------------- */
/* section */
div#middleCategoryIndexB div.section {
float:none;
width:100%;
margin-top:15px;
}
div#middleCategoryIndexB div.section .right {width:85%;}


/* -------------------------------------------------------
  7-03. div#serviceIndex
------------------------------------------------------- */
/* div.lead */
div#serviceIndex div.lead .right {width:500px;}

/* div.section */
div#serviceIndex div.section {
float:none;
width:100%;
margin-top:15px;
}


/* -------------------------------------------------------
  7-04. div#serviceDetail
------------------------------------------------------- */
/* div.leadArea */
div#serviceDetail div.leadArea {width:100%;}
div#serviceDetail div.leadArea p.right {width:500px;}

/* div.section */
div#serviceDetail div.section {
float:none;
width:100%;
margin-top:15px;
}


/* -------------------------------------------------------
  8-01. Top Page Default Style Sheet Reset
------------------------------------------------------- */
#home div#flashside01 {display:none;}
#home div#flashside02 {display:none;}


#home div#globalNavi {
display:block;
margin-top:20px;
}
#home div#flashcontent {display:block;}
#home div#textSize {display:none;}
#home table {width:100%;}


/* -------------------------------------------------------
  8-03. div#contentBg
------------------------------------------------------- */
#home div#contentBg {background:none;}


/* -------------------------------------------------------
  8-04. div#topNavi
------------------------------------------------------- */
div#topNavi {background:none;}

/* div#topcategoryNavi */
div#topcategoryNavi {background:none;}

/* div#topcategoryNaviBtm */
div#topcategoryNaviBtm {background:none;}

/* div.topnaviBox */
div.topnaviBox {
float:none;
width:100%;
}
div.topnaviBox div {background:none;}
div.topnaviBox div ul.toList {display:none;}
div.topnaviBox ul li {float:left;}

/* div#topsubNavi */
div#topsubNavi ul li {float:none;}


/* -------------------------------------------------------
  8-05. div#contentsTwoColumn
------------------------------------------------------- */
#home div#contentsTwoColumn {
float:none;
width:100%;
}

/* div#topicPath */
#home div#topicPath {display:none;}

/* div#importantInformation */
#home div#importantInformation {margin-top:30px;}
#home div#importantInformation h1 {
margin-top:0;
border:none;
}

/* div.section */
#home div#contentsTwoColumn div.section {width:100%;}

/* div.linkList*/
#home div.linkList {display:none;}


/* -------------------------------------------------------
  8-06. div#visualInfo
------------------------------------------------------- */
div#visualInfo {
float:none;
width:100%;
}

/* div#bannerLink */
div#visualInfo div#bannerLink {
margin-top:10px;
background:none;
}

div#visualInfo div#bannerLink h2{
clear:both;
margin-top:10px;
text-align:left;
}
div#visualInfo div#bannerLink p {
float:left;
width:183px;
margin-right:10px;
}

/* div#relatedLink */
div#visualInfo div#relatedLink {
clear:both;
margin-top:10px;
}
div#visualInfo div#relatedLink h2 {width:183px;}
div#visualInfo div#relatedLink ul li img {
display:block;
border:1px solid #dedede;
}
div#visualInfo div#relatedLink ul li a:link,
div#visualInfo div#relatedLink ul li a:visited {
display:inline;
border:none;
}
div#visualInfo div#relatedLink ul li a:hover,
div#visualInfo div#relatedLink ul li a:active,
div#visualInfo div#relatedLink ul li a:focus {border:none;}


/* -------------------------------------------------------
  9-01. amusement
------------------------------------------------------- */
#amusement div#contentsTwoColumn div.sectionWrap div.section {
float:none;
width:100%;
margin-top:15px;
}
#amusement div#contentsTwoColumn div.sectionWrap div.section .right {width:85%;}

#amusement div#contentsTwoColumn div.sectionWrapLast div.section {
float:none;
width:100%;
margin-top:15px;
}
#amusement div#contentsTwoColumn div.sectionWrapLast div.section .right {width:85%;}


/* -------------------------------------------------------
  9-02. amusement01
------------------------------------------------------- */
/* table#type01 */
.amusement01 table.type01 {width:85%}

/* table#type02 */
.amusement01 table.type02 {width:100%;}


/* -------------------------------------------------------
  9-03. report01
------------------------------------------------------- */
/* div#contentsTwoColumn div.section */
.report01 div#contentsTwoColumn div.section {width:100%;}


/* -------------------------------------------------------
  9-04. report02
------------------------------------------------------- */
.report02 div#contentsTwoColumn div.section {width:100%;}
.report02 div#contentsTwoColumn div.section .right {width:68%;}


/* -------------------------------------------------------
  9-06. downloads02
------------------------------------------------------- */
/* div#contentsTwoColumn div.section */
.downloads02 div#contentsTwoColumn div.section {width:100%;}


/* -------------------------------------------------------
  9-08. downloads04
------------------------------------------------------- */
.downloads04 div#contentsTwoColumn div.section p.thumnailImg a {width:259px;}

/* div.downloadArea */
div.downloadArea {width:100%;}


/* -------------------------------------------------------
  9-10. feature01
------------------------------------------------------- */
/* div#contentsTwoColumn div.section */
.feature01 div#contentsTwoColumn div.section {width:100%;}


/* -------------------------------------------------------
  9-13. dm02
------------------------------------------------------- */
/* div#tosArea */
div#tosArea {
overflow:visible;
width:100%;
height:100%;
margin:15px 0;
border:none;
}

/* div#tosArea div.section */
div#tosArea div.section {width:100%;}

/* form */
.dm02 form {margin-left:0;}
.dm02 form div.agree {
float:none;
text-align:left;
}
.dm02 form div.disagree {
float:none;
margin-top:5px;
}


/* -------------------------------------------------------
  10-02. .search01
------------------------------------------------------- */
/*    10-02-04. div.upperArea
------------------------------------------------------- */
.search01 div.upperArea {
width:100%;
background:none;
}

/* div.upperArea */
.search01 div.upperAreaBtm {background:none;}

/* div.serviceBox, div.addressBox */
div.serviceBox,
div.addressBox {
float:none;
width:100%;
margin-top:15px;
}
div.serviceBox div.h2Area,
div.addressBox div.h2Area {background:none;}
div.serviceBox div.textArea,
div.addressBox div.textArea {background:none;}

/* div.serviceBox */
.search01 #contentsOneColumn div.serviceBox h2 {
padding-left:0;
background:none;
}

/* div.addressBox */
.search01 #contentsOneColumn div.addressBox h2 {
padding-left:0;
background:none;
}

/* div.lowerArea */
.search01 div.lowerArea {
width:100%;
margin-top:0;
background:none;
}

/* div.lowerAreaBtm */
.search01 div.lowerAreaBtm {background:none;}

/* div.zipcodeBox, div.nameBox, div.landmarkBox */
div.zipcodeBox,
div.nameBox,
div.landmarkBox {
float:none;
width:100%;
margin-top:15px;
}
div.zipcodeBox,
div.nameBox {
margin-right:0;
}
div.zipcodeBox div.h2Area,
div.nameBox div.h2Area,
div.landmarkBox div.h2Area {
background:none;
}
div.zipcodeBox div.textArea,
div.nameBox div.textArea,
div.landmarkBox div.textArea {
background:none;
}

/* div.zipcodeBox */
.search01 #contentsOneColumn div.zipcodeBox h2 {
padding-left:0;
background:none;
}
/* div.nameBox */
.search01 #contentsOneColumn div.nameBox h2 {
padding-left:0;
background:none;
}
/* div.landmarkBox */
.search01 #contentsOneColumn div.landmarkBox h2 {
padding-left:0;
background:none;
}

/* div.noticeArea */
.search01 div.noticeArea  {text-align:left;}


/* -------------------------------------------------------
  10-03. .searchservice01
------------------------------------------------------- */
/* div.section */
.searchservice01 #contentsOneColumn .section {
float:none;
width:100%;
}
.search .searchservice01 #contentsOneColumn .section .left {margin-bottom:15px;}
.search .searchservice01 #contentsOneColumn .section .right {width:85%;}

/* div.sectionWrap */
.searchservice01 #contentsOneColumn div.sectionWrap {background:none;}


/* -------------------------------------------------------
  10-05. .storedetail01
------------------------------------------------------- */
/* table */
.storedetail01 #contentsOneColumn table dl dt {float:none;}
.storedetail01 #contentsOneColumn table dl dt.weekday {width:auto;}
.storedetail01 #contentsOneColumn table dl dt.saturday {width:auto;}
.storedetail01 #contentsOneColumn table dl dt.holiday {width:auto;}
.storedetail01 #contentsOneColumn table dl dt.telno,
.storedetail01 #contentsOneColumn table dl dt.openinghour {width:auto;}

.storedetail01 #contentsOneColumn table dl.cardloss dt {float:none;}
.storedetail01 #contentsOneColumn table dl.cardloss dd ul li dl dt {
float:none;
width:auto;
}


/* -------------------------------------------------------
  11-01. #post
------------------------------------------------------- */
/*  11-01-02. postcard
------------------------------------------------------- */
/* postcard09 */
.postcard09 div#serviceDetail div.left {
float:none;
width:100%;
}
.postcard09 div#serviceDetail p.right {
float:none;
}


/*  11-01-03. letter
------------------------------------------------------- */
/* letter02 */
.letter02 div#serviceDetail div.left,
.letter02 div#serviceDetail div.right {
float:none;
width:100%;
}

/* letter03 */
.letter03 div#serviceDetail div.left,
.letter03 div#serviceDetail div.right {
float:none;
width:100%;
}

/* letter04 */
.letter04 div#serviceDetail div.left,
.letter04 div#serviceDetail div.right {
float:none;
width:100%;
}


/*  11-01-04. package
------------------------------------------------------- */
/*  package08 */
.package08 div#serviceDetail .right {
width:70%;
}

/*  package10 */
.package10 div#serviceDetail .left {float:none;}
.package10 div#serviceDetail div.right {
float:none;
width:100%;
}


/*  11-01-11. express
------------------------------------------------------- */
/* express01 */
.express01 div#serviceDetail div.leadArea {width:100%;}
.express01 div#serviceDetail div.leadArea div.right {width:70%;}


/* -------------------------------------------------------
  11-02. #bank
------------------------------------------------------- */
/*  11-02-12. postaltransfer
------------------------------------------------------- */
dl.flowList dd ol {
list-style-type:decimal;
margin-left:1.8em;
}
dl.flowList dd ol.flowpattern01 li {
float:none;
width:254px;
background:none;
}
dl.flowList dd ol.flowpattern02 li {
float:none;
width:159px;
background:none;
}


/*  11-02-17. debitcard
------------------------------------------------------- */
/* debitcard01 */
.debitcard01 div#serviceDetail div.leadArea {width:100%;}
.debitcard01 div#serviceDetail div.leadArea p.right {width:70%;}


/* -------------------------------------------------------
  11-07. #efficiency
------------------------------------------------------- */
/*  11-07-10. payeasy
------------------------------------------------------- */
/* payeasy02 */
.payeasy02 div#serviceDetail div.leadArea {width:100%;}
.payeasy02 div#serviceDetail div.leadArea p.right {width:70%;}


/* -------------------------------------------------------
  12-01. notification
------------------------------------------------------- */
/* div.notificationTable */
div.notificationTable table {width:100%;}

/* div#importantInformation */
div#importantInformation {
margin-top:15px;
width:98%;
}
div#importantInformation h1 {
margin-top:0;
border:0;
}
div#importantInformation table {width:100%;}


/* -------------------------------------------------------
  12-02. rss
------------------------------------------------------- */
/*  12-02-01. rss01
------------------------------------------------------- */
/* .section */
.rss01 div#contentsTwoColumn .section {width:100%;}


/* -------------------------------------------------------
  12-03. corporate
------------------------------------------------------- */
/* div#middleCategoryIndexB */
#corporateabout div#contentsTwoColumn div#middleCategoryIndexB h2 {width:85%;}
#corporateabout div#middleCategoryIndexB div.section {
width:100%;
margin-bottom:15px;
}
#corporateabout div#middleCategoryIndexB div.section .right {width:85%;}

/* div#corporateSection */
#corporateabout div#contentsTwoColumn div#corporateSection div.section {width:100%;}


/*  12-03-03. about02
------------------------------------------------------- */
#corporateabout .about02 div#contentsTwoColumn .right {width:65%;}


/*  12-03-10. about09
------------------------------------------------------- */
/* table.corporateDevelopment */
table.corporateDevelopment {width:100%;}


/*  12-03-14. officers01
------------------------------------------------------- */
.officers01 div#corporateSection .right {width:85%;}


/*  12-03-15. officers02
------------------------------------------------------- */
.officers02 div#corporateSection h3 {
border:none;
background:none;
}
.officers02 div#corporateSection table {
width:95%;
border:1px solid #aaa;
}
.officers02 div#corporateSection table th,
.officers02 div#corporateSection table td {
border:1px solid #aaa;
}


/* -------------------------------------------------------
  12-04. csr
------------------------------------------------------- */
/* div.sectionWrap */
.csr01 div#contentsOneColumn div.sectionWrap {background:none;}

/* div.section */
.csr01 div#contentsOneColumn div.section {
float:none;
width:100%;
margin-bottom:15px;
}


/* -------------------------------------------------------
    13. campaign(/campaign/)
------------------------------------------------------- */

body#campaign div#contentsOneColumn ul,
body#campaign div#contentsOneColumn div.anchorLink_bottom,
body#campaign div#contentsOneColumn div.Wrapper div.WrapperBorder,
body#campaign div#contentsOneColumn div.Wrapper p.campaignDate,
body#campaign div#contentsOneColumn div.WrapperEnd,
body#campaign div#contentsOneColumn div.Wrapper div.section div.empT {
display:none;
background:none;
background-image: none;}
body#campaign div#contentsOneColumn div.Wrapper {
width:100%;
margin-bottom:20px;
}
body#campaign div#contentsOneColumn div.Wrapper {
background:none;
background-image: none;
}
body#campaign div#contentsOneColumn div.Wrapper h2 {margin:0 0 10px 0;}
body#campaign div#contentsOneColumn div.Wrapper div.section {
margin:0 0 2em 0;
padding:0;
}
body#campaign div#contentsOneColumn div.Wrapper div.section div {
float:none;
padding:0;
margin:0 0 2em 0;
width:100%;
background:none;
}
body#campaign div#contentsOneColumn div.Wrapper div.date {
display:none;
background:none;
background-image: none;
margin:0 ;
}
body#campaign div#contentsOneColumn div.Wrapper div.section div h3 a {
border:none;
float:left;
margin-right:1.5em;
}
body#campaign div#contentsOneColumn div.Wrapper h4 {
margin-left:0px;
background-image:none;
}
/*リダイレクトリンクのURIを書き出さない*/
body#campaign div#contentsOneColumn div.Wrapper div.section div h3 a[href^="http://www.jp-network"]:after,
body#campaign div#contentsOneColumn div.Wrapper div.section div a[href^="http://www.jp-network"]:after {
content:"";
}