@charset "euc-jp";

/* ------------------------------ *
	mybox
 * ------------------------------ */
div.mybox {
color: #002c92;
background-color: #e5eaf4;
margin-bottom: 15px;
border-radius: 5px;
}

div.mybox div.section h3 { font-size: 100%; height: 22px; line-height: 22px; padding: 5px 10px; margin-bottom: 15px; }

div.mybox > h3:first-child { font-size: 114.4%; padding: 10px 10px 5px; }
div.mybox > div.buttons a.button { border-color: #a3b3d8; }
div.mybox > div.buttons a.button:hover { border-color: #7f95c8; }
div.mybox > div.buttons a.button:active { border-color: #002c92; }

div.mybox div.buttons { height: auto; padding: 5px 10px; }
div.mybox a.button { margin-right: 5px; }
div.mybox a.button.last { margin-right: 0; }

div.mybox div.section { clear: both; border-top: 2px solid #bfcae4; padding: 10px 15px 0; margin-bottom: 10px; }
div.mybox div.section a.button span { background-position: 0 -21px; }
div.mybox div.section:last-child { padding-bottom: 10px; border-radius: 0 0 5px 5px; }

div.mybox div.section:first-child,
div.mybox div.section:first-child h3 { border-radius: 5px 5px 0 0; }
div.mybox p { color: #002c92; font-size: 93%; line-height: 1.4; }
div.mybox p strong { font-size: 1.15em; }
div.mybox p a { color: #002c92; font-size: 1.15em; font-weight: bold; text-decoration: underline; margin: 0 0.5em; }
div.mybox p a:hover { text-decoration: none; }
div.mybox ul.bullet li { font-size: 93%; line-height: 1.3; margin-bottom: 10px; }
div.mybox ul.bullet li a { color: #002c92; }
div.mybox div.section span.badge { margin-right: 4px; }

div.mybox div.section.list { border-top: none; background-color: #e5eaf4; padding: 0 0 15px; margin-bottom: 0; }
div.mybox div.section.list:last-child {padding-bottom: 20px; }
div.mybox div.section.list a.button { margin-top: 4px; margin-right: 4px; }
div.mybox div.section.list h3 { color: #fff; background-color: #99abd3; }
div.mybox div.section.list ul.bullet { padding: 0 15px; }
div.mybox div.section.list ul.bullet li { border-bottom: 1px solid #bfcae4; padding-bottom: 7px; margin-bottom: 10px; }
div.mybox div.section.list ul.bullet li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
div.mybox div.section.list ul.bullet li a { color: #002c92; }
div.mybox div.section.list ul.bullet li a strong { color: #cc006c; }

div.mybox div.section.tile { border-top: none; background-color: #e5eaf4; padding: 0 0 15px; margin-bottom: 0; }
div.mybox div.section.tile h3 { color: #fff; background-color: #99abd3; }
div.mybox div.section.tile dl { padding: 0 15px; }
div.mybox div.section.tile dl dd { font-size: 93%; line-height: 1.3; border-top: 1px solid #bfcae4; padding-top: 10px; margin-top: 10px; }
div.mybox div.section.tile dl dd:first-child { border-top: none; padding-top: 0; margin-top: 0; }
div.mybox div.section.tile dl dd a:after { clear: both; display: block; content: url(/images/nm1411/bg/spacer.gif); height: 0; }
/* ie */ div.mybox div.section.tile dl dd a { display: inline-block; }
div.mybox div.section.tile dl dd a { clear: both; display: block; position: relative; color: #002c92; }
div.mybox div.section.tile dl dd a img { width: 50px; float: right; }
div.mybox div.section.tile dl dd a span.text { display: block; width: 270px; }
div.mybox div.section.tile dl dd.noimage a span.text { width: 330px; }
div.mybox div.section.tile dl dd a span.text strong { color: #cc006c; }
div.mybox div.section.tile dl dd a span.heading { font-weight: bold; }
div.mybox div.section.tile dl dd a span.note { margin-left: 0.5em; }

div.mybox div.section.list span.badge,
div.mybox div.section.tile span.badge.right,
div.mybox div.section.list.featured span.badge { background-color: #6680be; }
div.mybox div.section.tile dl dd a span.badge { background-color: #cc006c; }

/* badge */
div.mybox span.badge { font-weight: bold; }
div.mybox div.section.list span.badge,
div.mybox div.section.tile span.badge { margin-top: 4px; }
div.mybox div.section.tile span.badge.right { margin-right: 4px; }
div.mybox div.section.tile dl dd a span.badge {
min-height: 16px;
height: 16px;
line-height: 1;
margin-top: 5px;
border-radius: 3px;
}
div.mybox div.section.tile dl dd a span.badge span { height: 16px; font-size: 1.1em; font-weight: normal; }

/* mybox for doctor */
div.mybox.doctor { background-color: #99b6ff; }
div.mybox.doctor a.button { color: #fff; border-color: #b2c8ff; background-color: #99b6ff; }
div.mybox.doctor a.button:hover { border-color: #6691ff; background-color: #6691ff; }
div.mybox.doctor a.button:active { border-color: #336dff; background-color: #336dff; }
div.mybox.doctor div.section { border-top-color: #b2c8ff; }
div.mybox.doctor div.section.list { background-color: #f2f6ff; }
div.mybox.doctor div.section.list h3 { color: #fff; background-color: #99b6ff; }
div.mybox.doctor div.section.list ul.bullet li a strong { color: #cc006c; }
div.mybox.doctor div.section.list.featured h3 { background-color: #ff99cf; }
div.mybox.doctor div.section.list.featured a.button { border-color: #ffb2db; background-color: #ff99cf; }
div.mybox.doctor div.section.list.featured a.button:hover { border-color: #ff66b8; background-color: #ff66b8; }
div.mybox.doctor div.section.tile { background-color: #f2f6ff; }
div.mybox.doctor div.section.tile h3 { color: #fff; background-color: #99b6ff; }
div.mybox.doctor div.section.tile dl dd { border-top-color: #b2c8ff; }
div.mybox.doctor div.section.tile dl dd a span.text strong { color: #cc006c; }
div.mybox.doctor div.section.list span.badge,
div.mybox.doctor div.section.tile span.badge.right { background-color: #6691ff; }
div.mybox.doctor div.section.list.featured span.badge { background-color: #ff66b8; }
div.mybox.doctor div.section.tile dl dd a span.badge { background-color: #cc006c; }

/* mybox for nurse */
div.mybox.nurse { background-color: #b8a88d; }
div.mybox.nurse a.button { color: #fff; border-color: #c6b9a4; background-color: #b8a88d; }
div.mybox.nurse a.button:hover { border-color: #99825c; background-color: #99825c; }
div.mybox.nurse div.section { border-top-color: #d9d0c2; }
div.mybox.nurse div.section p,
div.mybox.nurse div.section p a { color: #595143; }
div.mybox.nurse div.section.list { background-color: #f6f3ed; }
div.mybox.nurse div.section.list h3 { color: #fff; background-color: #b8a88d; }
div.mybox.nurse div.section.list ul.bullet li { border-bottom-color: #d9d0c2; background-image: url(/images/nm1411/nurse/icon/bullet.png); }
div.mybox.nurse div.section.list ul.bullet li a { color: #595143; }
div.mybox.nurse div.section.list ul.bullet li a strong { color: #cc0011; }
div.mybox.nurse div.section.tile { background-color: #f6f3ed; }
div.mybox.nurse div.section.tile h3 { color: #fff; background-color: #b8a88d; }
div.mybox.nurse div.section.tile dl dd { border-top-color: #d9d0c2; }
div.mybox.nurse div.section.tile dl dd a { color: #595143; }
div.mybox.nurse div.section.tile dl dd a span.text strong { color: #cc0011; }
div.mybox.nurse div.section.list span.badge,
div.mybox.nurse div.section.tile span.badge.right { background-color: #99825c; }
div.mybox.nurse div.section.tile dl dd a span.badge { background-color: #cc0011; }

/* mybox for pharmacist */
div.mybox.pharmacist { background-color: #73c4c5; }
div.mybox.pharmacist a.button { color: #fff; border-color: #8fd0d1; background-color: #73c4c5; }
div.mybox.pharmacist a.button:hover { border-color: #159c9f; background-color: #159c9f; }
div.mybox.pharmacist div.section { border-top-color: #a8dadb; }
div.mybox.pharmacist div.section p,
div.mybox.pharmacist div.section p a { color: #004c4c; }
div.mybox.pharmacist div.section.list { background-color: #e8f5f6; }
div.mybox.pharmacist div.section.list h3 { color: #fff; background-color: #73c4c5; }
div.mybox.pharmacist div.section.list ul.bullet li { border-bottom-color: #a8dadb; background-image: url(/images/nm1411/pharmacist/icon/bullet.png); }
div.mybox.pharmacist div.section.list ul.bullet li a { color: #004c4c; }
div.mybox.pharmacist div.section.list ul.bullet li a strong { color: #ff7f00; }
div.mybox.pharmacist div.section.tile { background-color: #e8f5f6; }
div.mybox.pharmacist div.section.tile h3 { color: #fff; background-color: #73c4c5; }
div.mybox.pharmacist div.section.tile dl dd { border-top-color: #a8dadb; }
div.mybox.pharmacist div.section.tile dl dd a { color: #004c4c; }
div.mybox.pharmacist div.section.tile dl dd a span.text strong { color: #ff7f00; }
div.mybox.pharmacist div.section.list span.badge,
div.mybox.pharmacist div.section.tile span.badge.right { background-color: #159c9f; }
div.mybox.pharmacist div.section.tile dl dd a span.badge { background-color: #ff7f00; }



/* ------------------------------ *
	mybox (point)
 * ------------------------------ */
div.mybox.point {
width: 226px;
border: 2px solid #bfcae4;
background-color: #fff;
border-radius: 0;
padding: 0;
margin-bottom: 15px;
}

div.mybox.point strong { margin: 0 0.5em; }

div.mybox.point h3 { font-size: 114.4%; padding: 10px 10px 5px; }
div.mybox.point h3 span.sub { font-size: 0.9em; margin-left: 0.5em; }
div.mybox.point div.section { border: none; padding: 0; margin: 0; }

div.mybox.point div.section p { padding: 5px 10px 10px; }
div.mybox.point div.section p.current,
div.mybox.point div.section p.total { font-size: 107.3%; background-color: #e5eaf4; }
div.mybox.point div.section p.current { padding: 7px 10px 0; }
div.mybox.point div.section p.total { padding: 0 10px 7px; }
div.mybox.point div.section p.current strong,
div.mybox.point div.section p.total strong { font-size: 18px; }
div.mybox.point div.section p.sub { font-size: 86%; padding: 5px 10px 0; }
div.mybox.point div.section p.sub strong { font-size: 13px; margin: 0 0.25em; }

div.mybox.point div.buttons a.button {
color: #4061ad;
background-color: transparent;
border-color: #ccd5e9;
}
div.mybox.point div.buttons a.button:hover { color: #fff; border-color: #7f95c8; background-color: #7f95c8; }
div.mybox.point div.buttons a.button:active { color: #fff; border-color: #002c92; background-color: #002c92; }

div.mybox.point div.section div.buttons { font-size: 0; letter-spacing: normal; text-align: right; padding: 10px; }
div.mybox.point div.section div.buttons a.button { font-size: 12px; margin-right: 0; }
div.mybox.point div.section div.buttons a.button.last { margin-top: 5px; }

/* mybox for doctor (point) */
div.mybox.point.doctor { border-color: #6691ff;}
div.mybox.point.doctor div.section p.current,
div.mybox.point.doctor div.section p.total { color: #fff; background-color: #6691ff; }
div.mybox.point.doctor div.buttons a.button { border-color: #b2c8ff; }
div.mybox.point.doctor div.buttons a.button:hover { color: #fff; border-color: #99b6ff; background-color: #99b6ff; }
div.mybox.point.doctor div.buttons a.button:active { color: #fff; border-color: #6691ff; background-color: #6691ff; }

/* mybox for nurse (point) */
div.mybox.point.nurse { border-color: #99825c;}
div.mybox.point.nurse h3 { color: #595143; }
div.mybox.point.nurse div.section p { color: #595143; }
div.mybox.point.nurse div.section p.current,
div.mybox.point.nurse div.section p.total { color: #fff; background-color: #99825c; }
div.mybox.point.nurse div.buttons a.button { color: #595143; border-color: #c6b9a4; }
div.mybox.point.nurse div.buttons a.button:hover { color: #fff; border-color: #b8a88d; background-color: #b8a88d; }
div.mybox.point.nurse div.buttons a.button:active { color: #fff; border-color: #99825c; background-color: #99825c; }

/* mybox for pharmacist (point) */
div.mybox.point.pharmacist { border-color: #159c9f;}
div.mybox.point.pharmacist h3 { color: #004c4c; }
div.mybox.point.pharmacist div.section p { color: #004c4c; }
div.mybox.point.pharmacist div.section p.current,
div.mybox.point.pharmacist div.section p.total { color: #fff; background-color: #159c9f; }
div.mybox.point.pharmacist div.buttons a.button { color: #004c4c; border-color: #8fd0d1; }
div.mybox.point.pharmacist div.buttons a.button:hover { color: #fff; border-color: #73c4c5; background-color: #73c4c5; }
div.mybox.point.pharmacist div.buttons a.button:active { color: #fff; border-color: #159c9f; background-color: #159c9f; }



/* ------------------------------ *
	mybox (mreach)
 * ------------------------------ */

/* basic */
div.mybox.mreach { background-color: transparent; padding: 0; }

div.extras div.mybox.mreach div.section.buttons { height: 24px; border-top: none; text-align: right; padding: 4px 0; border-radius: 0; }

div.mybox.mreach div.section span.icon.right { margin: 4px 4px 0 0; }

div.mybox.mreach div.section.tile dl dt:after { clear: both; display: block; content: url(/images/nm1411/bg/spacer.gif); height: 0; }
/* ie */ div.mybox.mreach div.section.tile dl dt { display: inline-block; }
div.mybox.mreach div.section.tile dl dt { clear: both; display: block; position: relative; margin-bottom: 12px; }
div.mybox.mreach div.section.tile dl dt span.heading { display: block; color: #fff; font-size: 86%; font-weight: normal; line-height: 1; padding: 3px 5px; border-radius: 3px; }
div.mybox.mreach div.section.tile dl dt span.pinbadge { display: inline-block; float: right; color: #fff; font-size: 86%; font-weight: normal; line-height: 1; padding: 3px 5px; border-radius: 0 3px 3px 0; }

div.mybox.mreach div.section.tile dl dd { border-top: none; padding-top: 0; margin-top: 0; margin-bottom: 12px; }
div.mybox.mreach div.section.tile dl dd:last-child { margin-bottom: 0; }
div.mybox.mreach div.section.tile dl dd span.badge { vertical-align: bottom; margin-top: 0; }

div.mybox.mreach div.section.tile.featured { padding: 0; margin-bottom: 15px; }
div.mybox.mreach div.section.tile.featured h3 { margin-bottom: 0; border-radius: 0; }
div.mybox.mreach div.section.tile.featured dl { border: 2px solid; border-top: none; padding: 0; }

div.mybox.mreach div.section.tile.featured dl dt { margin-bottom: 0; }
div.mybox.mreach div.section.tile.featured dl dt span.heading { display: block; color: #fff; font-size: 93%; font-weight: normal; line-height: 1; padding: 7px 10px; border-radius: 0; }

div.mybox.mreach div.section.tile.featured dl dd { font-size: 100%; padding: 13px 13px 0; margin-bottom: 13px; }
div.mybox.mreach div.section.tile.featured dl dd:first-child { border-top: none; padding-top: 0; margin-top: 0; }
div.mybox.mreach div.section.tile.featured dl dd:last-child { margin-bottom: 13px; }
div.mybox.mreach div.section.tile.featured dl dd a span.text { width: 265px; }
div.mybox.mreach div.section.tile.featured dl dd.noimage a span.text { width: 330px; float: none; }
div.mybox.mreach div.section.tile.featured dl dd a span.text span.heading { display: block; font-size: 107.3%; font-weight: bold; margin-bottom: 5px; }
div.mybox.mreach div.section.tile.featured dl dd a:hover span.text span.heading { text-decoration: underline; }
div.mybox.mreach div.section.tile.featured dl dd a span.text span.badge {
display: inline-block;
color: #fff;
font-size: 93%;
line-height: 1;
vertical-align: middle;
padding: 5px 7px 3px 7px;
border-radius: 3px;
}
div.mybox.mreach div.section.tile.featured dl dd a span.text span.badge span { font-weight: bold; }
div.mybox.mreach div.section.tile.featured dl dd a span.text span.sub { display: inline-block; font-size: 93%; }

/* mybox for mreach (doctor) */
div.mybox.mreach.doctor div.section.buttons { background-color: #99b6ff; }
div.mybox.mreach.doctor div.section.buttons a.button { border-color: #b2c8ff; }
div.mybox.mreach.doctor div.section.buttons a.button:hover { border-color: #6691ff; }
div.mybox.mreach.doctor div.section.buttons a.button:active { border-color: #336dff; }

div.mybox.mreach.doctor div.section.tile dl dt span.heading { background-color: #6691ff; }
div.mybox.mreach.doctor div.section.tile dl dt span.pinbadge { background-color: #ff66b8; }

div.mybox.mreach.doctor div.section.tile.featured { background-color: #f2f6ff; }
div.mybox.mreach.doctor div.section.tile.featured h3 { background-color: #336dff; }
div.mybox.mreach.doctor div.section.tile.featured dl { border-color: #336dff; background-color: #f2f6ff; }
div.mybox.mreach.doctor div.section.tile.featured dl dt span.heading { background-color: #6691ff; }
div.mybox.mreach.doctor div.section.tile.featured dl dd a span.text span.badge { background-color: #cc006c; }

/* mybox for mreach (nurse) */
div.mybox.mreach.nurse div.section.buttons { background-color: #b8a88d; }
div.mybox.mreach.nurse div.section.buttons a.button { border-color: #c6b9a4; }
div.mybox.mreach.nurse div.section.buttons a.button:hover { background-color: #ab9878; border-color: #ab9878; }
div.mybox.mreach.nurse div.section.buttons a.button:active { background-color: #99825c; border-color: #99825c; }

div.mybox.mreach.nurse div.section.tile dl dt span.heading { background-color: #a8916c; }
div.mybox.mreach.nurse div.section.tile dl dt span.pinbadge { background-color: #c01; }

div.mybox.mreach.nurse div.section.tile.featured { background-color: #f6f3ed; }
div.mybox.mreach.nurse div.section.tile.featured h3 { background-color: #99825c; }
div.mybox.mreach.nurse div.section.tile.featured dl { border-color: #99825c; background-color: #f6f3ed; }
div.mybox.mreach.nurse div.section.tile.featured dl dt span.heading { background-color: #a8916c; }
div.mybox.mreach.nurse div.section.tile.featured dl dd a span.text span.badge { background-color: #c01; }

/* mybox for mreach (pharmacist) */
div.mybox.mreach.pharmacist div.section.buttons { background-color: #73c4c5; }
div.mybox.mreach.pharmacist div.section.buttons a.button { border-color: #8fd0d1; }
div.mybox.mreach.pharmacist div.section.buttons a.button:hover { border-color: #36b0b3; background-color: #36b0b3; }
div.mybox.mreach.pharmacist div.section.buttons a.button:active { background-color: #159c9f; border-color: #159c9f; }

div.mybox.mreach.pharmacist div.section.tile dl dt span.heading { background-color: #36b0b3; }
div.mybox.mreach.pharmacist div.section.tile dl dt span.pinbadge { background-color: #ff7f00; }

div.mybox.mreach.pharmacist div.section.tile.featured { background-color: #e8f5f6; }
div.mybox.mreach.pharmacist div.section.tile.featured h3 { background-color: #159c9f; }
div.mybox.mreach.pharmacist div.section.tile.featured dl { border-color: #159c9f; background-color: #e8f5f6; }
div.mybox.mreach.pharmacist div.section.tile.featured dl dt span.heading { background-color: #36b0b3; }
div.mybox.mreach.pharmacist div.section.tile.featured dl dd a span.text span.badge { background-color: #ff7f00; }

/* for mymreach page */
div.contents > div.section-header { margin-bottom: 15px; }

div.contents > div.section-body div.mybox.mreach div.section { margin-bottom: 15px; }
div.contents > div.section-body div.mybox.mreach div.section.buttons { display: none; }

div.contents > div.section-body div.mybox div.section.tile dl dd a img { width: 50px; float: right; }
div.contents > div.section-body div.mybox div.section.tile dl dd a span.text { width: auto; }
div.contents > div.section-body div.mybox div.section.tile dl dd.noimage a span.text { width: auto; }



/* ------------------------------ *
	mybox (unlogin)
 * ------------------------------ */
div.mybox.unlogin { padding-bottom: 10px; }
div.mybox.unlogin div.buttons a.button,
div.mybox.point.unlogin div.buttons a.button {
display: block;
box-sizing: border-box;
width: 100%;
padding: 10px 15px;
cursor: pointer;
color: #fff;
font-size: 128.6%;
font-weight: bold;
line-height: 1;
text-align: center;
text-decoration: none;
word-wrap: break-word;
background-color: #7f95c8;
background-image: url(/images/nm1411/icon/arrow_next_w.png);
background-repeat: no-repeat;
background-position: calc(100% - 10px) center;
background-size: 6px 11px;
border: 2px solid #d9dfef;
border-radius: 8px;
transition: all .25s ease 0s;
-webkit-appearance: none;
appearance: none;
}
div.mybox.unlogin div.buttons a.button span { display: block; }
div.mybox.unlogin div.buttons a.button:hover,
div.mybox.point.unlogin div.buttons a.button:hover { color: #fff; border-color: #7f95c8; background-color: rgba(0, 45, 145, .75); }
div.mybox.unlogin div.buttons a.button:active,
div.mybox.point.unlogin div.buttons a.button:active { color: #fff; border-color: #002c92; background-color: #002c92; }