@charset "utf-8";

/* -------------------------------------------------------
  Component Style Sheet
  Last Update 2007-10-01

  2-01. Accessibility
  2-02. float property
  2-03. text-align property
  2-04. margin property
  2-05. div.pagetopAnchor
  2-06. .uppercase
  2-07. .internalLink
  2-08. .externalLink
  2-09. .pageTargetAnchor
  2-10. .tobackLink
  2-11. .closeWindow
  2-12. .pdfLink
  2-13. .searchLink
  2-14. div.prefectureList
  2-15. div.linkList
  2-16. p.thumnailImg
  2-17. div.pluinLink
  2-18. div#locatedNow
  2-19. div.pagetransitionLink
  2-20. div#pageTargetLink
  2-21. .productsName
  2-22. p.noticeText
  2-23. h2.addHeader
  2-24. .printImg
  2-25. ul.relatedLink
  2-26. ul.characterList

------------------------------------------------------- */

/* -------------------------------------------------------
  2-01. Accessibility
------------------------------------------------------- */
.txthidden {display:none;}

.reader {
position:absolute;
z-index:100;
top:0px;
right:0px;
display:run-in;
width:1px;
height:1px;
margin:0;
padding:0;
border-style:none;
overflow:hidden;
}

/* -------------------------------------------------------
  2-02. float property
------------------------------------------------------- */
.left {
float:left;
}
.right {
float:right;
}
.clear {
margin-top:-1px;
/*height:1px;*/
clear:both;
}


/* -------------------------------------------------------
  2-03. text-align property
------------------------------------------------------- */
.txtleft {text-align:left;}
.txtright {text-align:right;}
.txtcenter {text-align:center;}


/* -------------------------------------------------------
  2-04. margin property
------------------------------------------------------- */

/*top*/
.mt01e {margin-top:1em;}
.mt02e {margin-top:2em;}
.mt03e {margin-top:3em;}
.mt04e {margin-top:4em;}
.mt05e {margin-top:5em;}

.mt005p {margin-top:5px}
.mt010p {margin-top:10px}
.mt015p {margin-top:15px}
.mt020p {margin-top:20px}
.mt025p {margin-top:25px}
.mt030p {margin-top:30px}
.mt035p {margin-top:35px}
.mt040p {margin-top:40px}
.mt045p {margin-top:45px}
.mt050p {margin-top:50px}

/*right*/
.mr01e {margin-right:1em;}
.mr02e {margin-right:2em;}
.mr03e {margin-right:3em;}
.mr04e {margin-right:4em;}
.mr05e {margin-right:5em;}

.mr005p {margin-right:5px}
.mr010p {margin-right:10px}
.mr015p {margin-right:15px}
.mr020p {margin-right:20px}
.mr025p {margin-right:25px}
.mr030p {margin-right:30px}
.mr035p {margin-right:35px}
.mr040p {margin-right:40px}
.mr045p {margin-right:45px}
.mr050p {margin-right:50px}

/*bottom*/
.mb01e {margin-bottom:1em;}
.mb02e {margin-bottom:2em;}
.mb03e {margin-bottom:3em;}
.mb04e {margin-bottom:4em;}
.mb05e {margin-bottom:5em;}

.mb005p {margin-bottom:5px}
.mb010p {margin-bottom:10px}
.mb015p {margin-bottom:15px}
.mb020p {margin-bottom:20px}
.mb025p {margin-bottom:25px}
.mb030p {margin-bottom:30px}
.mb035p {margin-bottom:35px}
.mb040p {margin-bottom:40px}
.mb045p {margin-bottom:45px}
.mb050p {margin-bottom:50px}

/*left*/
.ml01e {margin-left:1em;}
.ml02e {margin-left:2em;}
.ml03e {margin-left:3em;}
.ml04e {margin-left:4em;}
.ml05e {margin-left:5em;}

.ml002p {margin-left:2px}
.ml005p {margin-left:5px}
.ml010p {margin-left:10px}
.ml015p {margin-left:15px}
.ml020p {margin-left:20px}
.ml025p {margin-left:25px}
.ml030p {margin-left:30px}
.ml035p {margin-left:35px}
.ml040p {margin-left:40px}
.ml045p {margin-left:45px}
.ml050p {margin-left:50px}


/* -------------------------------------------------------
  2-05. div.pagetopAnchor
------------------------------------------------------- */
div.pagetopAnchor {
clear:both;
margin:10px 16px;
border:1px solid #e3e3e3;
font-size:92%;
text-align:right;
}
div.pagetopAnchor a {
display:block;
margin:1px;
}
div.pagetopAnchor a:link,
div.pagetopAnchor a:visited {background-color:#f6f6f6;}
div.pagetopAnchor a:hover,
div.pagetopAnchor a:active,
div.pagetopAnchor a:focus {
color:#f60;
background-color:#fff;
}

div.pagetopAnchor a span {
display:block;
margin-right:7px;
padding-right:12px;
background:url(/common/images/share_ico_08g.gif) no-repeat right center;
}


/* -------------------------------------------------------
  2-06. .uppercase
------------------------------------------------------- */
.uppercase {text-transform:uppercase;}


/* -------------------------------------------------------
  2-07. .internalLink
------------------------------------------------------- */
.internalLink {
padding-left:15px;
background:url(/common/images/share_ico_04o.gif) no-repeat 0 0.1em;
}


/* -------------------------------------------------------
  2-08. .externalLink
------------------------------------------------------- */
.externalLink {
padding-left:15px;
background:url(/common/images/share_ico_12o.gif) no-repeat 0 0.1em;
}


/* -------------------------------------------------------
  2-09. .pageTargetAnchor
------------------------------------------------------- */
.pageTargetAnchor {
padding-left:15px;
background:url(/common/images/share_ico_06o.gif) no-repeat left center;
}

.medical02 .pageTargetAnchor {
padding-left:15px;
background:url(/common/images/share_ico_06o.gif) no-repeat left center;
float: left;
display:block;
width: 85px;
}


/* -------------------------------------------------------
  2-10. .tobackLink
------------------------------------------------------- */
.tobackLink {
padding-left:15px;
background:url(/common/images/share_ico_05o.gif) no-repeat left center;
display:block;

}


/* -------------------------------------------------------
  2-11. .closeWindow
------------------------------------------------------- */
div.closeWindow {
position:absolute;
top:20px;
right:16px;
font-size:92%;
text-align:right;
}
div.closeWindow a {display:block;}
div.closeWindow span {
display:block;
padding-right:12px;
background:url(/common/images/share_ico_09.gif) no-repeat right center;
}
/* for thickbox */
.closeThickbox {
padding-right:12px;
background:url(/common/images/share_ico_09.gif) no-repeat right center;
}


/* -------------------------------------------------------
  2-12. .pdfLink
------------------------------------------------------- */
.pdfLink {
padding:0 0 2px 17px;
background:url(/common/images/share_ico_16.gif) no-repeat left top;
}


/* -------------------------------------------------------
  2-13. .searchLink
------------------------------------------------------- */
ul.searchLink {
list-style-type:none;
margin:0;
}
ul.searchLink li a {
padding:0 0 2px 15px;
background:url(/common/images/share_ico_20.gif) no-repeat left top;
}


/* -------------------------------------------------------
  2-14. div.prefectureList (for storesearch/event report)
------------------------------------------------------- */
div.prefectureList {margin:0 0 15px 0;}
div.prefectureList ul {
list-style-type:none;
margin-top:15px;
margin-left:0;
}
div.prefectureList ul li {
float:left;
width:6.5em;
margin-bottom:0.3em;
}


/* -------------------------------------------------------
  2-15. div.linkList
------------------------------------------------------- */
div.linkList {margin-bottom:15px;}
div.linkList ul {list-style-type:none;}


/* -------------------------------------------------------
  2-16. p.thumnailImg
------------------------------------------------------- */
p.thumnailImg a {display:block;}
p.thumnailImg a:link,
p.thumnailImg a:visited {border:1px solid #dedede;}
p.thumnailImg a:hover,
p.thumnailImg a:active,
p.thumnailImg a:focus {border:1px solid #f60;}

/* p.nolinkImg */
p.nolinkImg img {border:1px solid #dedede;}



/* -------------------------------------------------------
  2-17. div.pluginLink
------------------------------------------------------- */
div.pluginLink {
margin:15px 0;
font-size:85%;
}


/* -------------------------------------------------------
  2-18. div#locatedNow
------------------------------------------------------- */
div#locatedNow {margin:10px 0;}
div#locatedNow dt {
display:inline;
width:7em;
margin-right:0.2em;
}
div#locatedNow dd {display:inline;}

/* -------------------------------------------------------
  2-19. div.pagetransitionLink
------------------------------------------------------- */
div.pagetransitionLink {
position:relative;
margin-top:10px;
}


/* div.pagetransitionLink p.prevLink */
div.pagetransitionLink p.prevLink {
position:absolute;
top:0;
left:0;
}

/* div.pagetransitionLink p.nextLink */
div.pagetransitionLink p.nextLink {
position:absolute;
top:0;
right:20px;
text-align:right;
}

/* 2-19-03. div.pagetransitionLink ul.numberLink */
div.pagetransitionLink ul.numberLink {
position:relative;
top:0;
list-style-type:none;
width:180px;
margin:0;
text-align:center;
}
div.pagetransitionLink ul.numberLink li {
display:inline;
margin-left:1em;
padding-right:1em;
border-right:1px solid #999;
}
div.pagetransitionLink ul.numberLink li.lastNavi {
padding-right:0;
border-right:none;
}


/* -------------------------------------------------------
  2-20. div#pageTargetLink
------------------------------------------------------- */

div#pageTargetLink:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
div#pageTargetLink {display:inline-table;}
/* Hides from IE-mac \*/
* html div#pageTargetLink {height:1%;}
div#pageTargetLink {display:block;}
/* End hide from IE-mac */

div#pageTargetLink {
margin-top:10px;
padding-bottom:10px;
border-bottom:1px solid #d6d8da;
}
div#pageTargetLink ul {
list-style-type:none;
margin:0;
padding:0;
}
div#pageTargetLink ul li {
display:inline;
margin-left:10px;
}
.medical02 div#pageTargetLink ul li {
display:inline;
margin-left:10px;
}


/* -------------------------------------------------------
  2-21. .productsName
------------------------------------------------------- */
.productsName {font-weight:bold;}


/* -------------------------------------------------------
  2-22. p.noticeText
------------------------------------------------------- */
p.noticeText {font-size:92%;}


/* -------------------------------------------------------
  2-23. h2.addHeader
------------------------------------------------------- */
h2.addHeader {
color:#666;
border-bottom:1px solid #bbb;
}


/* -------------------------------------------------------
  2-24. .printImg
------------------------------------------------------- */
.printImg {display:none;}


/* -------------------------------------------------------
  2-25. ul.relatedLink
------------------------------------------------------- */
ul.relatedLink {
list-style-type:none;
margin:15px 0;
}


/* -------------------------------------------------------
  2-26. ul.characterList
------------------------------------------------------- */
ul.characterList {margin:10px 0 10px 1.2em;}


/* -------------------------------------------------------
 buisiness01
------------------------------------------------------- */

ul.yokonara li{
	display:inline-block;
	box-sizing:border-box;
}
ul.yokonara li span{
	display:block;
	padding:4px;
	background-color:#66bcd9;
}
ul.yokonara.addmenu li{
	width:24%;
	text-align:center;
	border:1px solid rgba(204,204,204,1);
	border-radius:5px 5px 0 0;
	color:#FFFFFF;
}
ul.yokonara.addmenu li img{
	margin:10px;
}