/* mercy-en.or.jp format.css */





/*** default element ***/
* {
  margin:0;
  padding:0;
  text-decoration:none;
}

html {
  width:100%;
  height:100%;
}

body {
  position:relative;
  z-index:0;
  width:100%;
  height:100%;
  text-align:left;
  line-height:1.6em;
  font-size:13px;
  font-family:Osaka,'MS UI Gothic',sans-serif;
  color:#333;
  background:url(/img/format/bg_menu.gif) repeat-y right top;
}

hr {
  display:none;
}

a,
a:link,
a:visited,
a:active {
  color:#07e;
}
a:hover {
  color:#e30;
}

img {
  border:0;
}










/*** common class ***/
a.win {
  position:relative;
  height:1em;
  padding-right:12px;
}
a.win span {
  position:absolute;
  top:0.3em;
  right:0;
  width:9px;
  height:9px;
  line-height:5em;
  overflow:hidden;
}
a.win,
a.win:link,
a.win:visited,
a.win:active {
  background:url(/img/format/icon_win_off.gif) no-repeat right center;
}
a.win:hover {
  background:url(/img/format/icon_win_on.gif) no-repeat right center;
}








/* title */
h1 {
  position:absolute;
  z-index:4;
  top:20px;
  left:20px;
  float:left;
  width:240px;
  height:30px;
  line-height:100px;
  font-size:1em;
  background:url(/img/format/bg_title.png) no-repeat left top;
  overflow:hidden;
  cursor:pointer;
}
* html>body h1 {   /* for MacIE bug. */
  overflow:visible;
}










/* header */
#header {
  position:relative;
  z-index:3;
  width:100%;
  height:120px;
  margin-bottom:-120px;
  line-height:1.1em;
  background:#389ef1 url(/img/format/bg_header.jpg) no-repeat right bottom;
  white-space:nowrap;
}

#header h2 {   /* description */
  position:absolute;
  top:65px;
  left:20px;
  height:1.2em;
  text-align:left;
  line-height:1.2em;
  font-size:15px;
  color:#fff;
  white-space:nowrap;
}

#header ul {   /* top menu */
  position:absolute;
  bottom:0;
  width:100%;
  height:25px;
  line-height:25px;
  background:url(/img/format/bg_topmenu.png);
  border-bottom:solid 2px #9cf;
  list-style-type:none;
  overflow:hidden;
}
#header ul li {
  float:left;
  height:25px;
  padding-left:20px;
}
#header ul li a {
  float:left;
  display:block;
  height:16px;
  margin-top:6px;
  padding-left:18px;
  line-height:16px;
  font-weight:bold;
  font-size:15px;
  color:#389ef1;
  background:url(/img/format/icon_tulip.png) no-repeat left top;
}

#header  ul li#fontTool {   /* font-size tool */
  float:right;
  width:81px;
  height:25px;
  padding:0;
}
#header  ul li#fontTool span {
  float:left;
  line-height:5em;
  font-size:1em;
  overflow:hidden;
  cursor:pointer;
}
#header  ul li#fontTool span#small {
  width:15px;
  height:15px;
  margin-top:5px;
  margin-right:5px;
  background:url(/img/format/font_small.png) no-repeat left top;
}
#header  ul li#fontTool span#middle {
  width:17px;
  height:17px;
  margin-top:4px;
  margin-right:5px;
  background:url(/img/format/font_middle.png) no-repeat left top;
}
#header  ul li#fontTool span#large {
  width:19px;
  height:19px;
  margin-top:3px;
  background:url(/img/format/font_large.png) no-repeat left top;
}










/* container */
#container {
  position:relative;
  z-index:1;
  float:left;
  width:100%;
  height:100%;
  min-height:100%;
  margin-right:-380px;
  margin-bottom:-30px;
}
html>body #container {
  height:auto;
}



#container .article {   /* article */
  display:inline-block;
}
#container .article {
  display:block;
  margin:-30px 350px 60px 20px;
  padding:0 0 0 20px;
}
#container .article:after {
  clear:both;
  visibility:hidden;
  display:block;
  height:0;
  content:'.';
}
* html>body #container .article {
  display:inline-block;
}
#container .article * {   /* child */
  margin:20px 0 0 0;
}
#container .article * * {
  margin:auto;
}



/* article common style */
#container .article#topicPath {   /* topic path */
  margin-top:0;
  padding:140px 0 0 0;
  line-height:20px;
  font-size:13px;
  border-bottom:dashed 1px #389ef1;
}
#container .article#topicPath p {
  height:20px;
  margin:0;
  padding:0 0 0 25px;
  background:url(/img/format/icon_clip.gif) no-repeat left center;
}
#container .article#topicPath a {
  margin:0;
}



#container .article h3 {   /* article subject */
  height:1.6em;
  min-height:1.6em;
  margin:0 0 0 -20px;
  padding-left:25px;
  line-height:1.6em;
  font-size:1.2em;
  color:#389ef1;
  background:url(/img/format/icon_tulip.gif) no-repeat 0 0.3em;
  border-bottom:double 3px #389ef1;
}
html>body #container .article h3 {
  height:auto;
}



#container .article h4 {   /* article child subject */
  height:1.4em;
  min-height:1.4em;
  margin:0;
  padding-left:20px;
  line-height:1.4em;
  font-size:1.1em;
  color:#666;
  background:url(/img/format/icon_flower.gif) no-repeat 0 0.3em;
  border-bottom:dotted 2px #ccc;
}
html>body #container .article h4 {
  height:auto;
}



#container .article .field {   /* field */
  display:inline-block;
}
#container .article .field {
  display:block;
}
#container .article .field:after {
  clear:both;
  visibility:hidden;
  display:block;
  height:0;
  content:'.';
}
* html>body #container .article .field {
  display:inline-block;
}



#container .article p {   /* paragraph */
}
#container .article p.indent {
  text-indent:1em;
}
#container .article p.center {
  text-align:center;
}



#container .article ol,
#container .article ul {   /* list (ol,ul) */
  margin-top:10px;
  padding:5px 0 0 25px;
  line-height:1.4em;
}
#container .article ol li,
#container .article ul li {
  margin-top:10px;
}



#container .article dl {   /* dl */
  position:relative;
  width:95%;
  border-bottom:dashed 1px #389ef1;
}
#container .article dl dt {
  position:absolute;
  left:0;
  width:10em;
  padding-top:2px;
  text-align:right;
}
#container .article dl dd {
  margin:0;
  padding-top:2px;
  padding-left:11em;
  padding-bottom:2px;
  background:#f3ffff;   /* for WinIE bug. (missing border) */
  border-top:dashed 1px #389ef1;
}
#container .article dl.type-5em {
}
#container .article dl.type-5em dt {
  width:5em;
}
#container .article dl.type-5em dd {
  padding-left:6em;
}
#container .article dl.type-7em {
}
#container .article dl.type-7em dt {
  width:7em;
}
#container .article dl.type-7em dd {
  padding-left:8em;
}
#container .article dl.type-15em {
}
#container .article dl.type-15em dt {
  width:15em;
}
#container .article dl.type-15em dd {
  padding-left:16em;
}

#container .article dl dd .abs-right {
  position:absolute;
  right:10px;
}


#container .article dl.schedule {   /* schedule (dl) */
  position:relative;
  padding-top:35px;
  line-height:1.6em;
  border-bottom:solid 1px #ccc;
}
#container .article dl.schedule dt {
  height:1.6em;
  padding:0;
}
html>body #container .article dl.schedule dt {
  height:auto;
}
#container .article dl.schedule dd {
  height:1.6em;
  padding-top:0;
  padding-bottom:0;
  background:#ffd;
  border-top:solid 1px #ccc;
  border-left:solid 1px #ccc;
  border-right:solid 1px #ccc;
}
html>body #container .article dl.schedule dd {
  height:auto;
}
#container .article dl.schedule dt.top {
  top:0;
  left:0;
  width:auto;
  height:30px;
  padding-left:35px;
  line-height:35px;
  text-align:left;
  font-size:1.1em;
  color:#666;
  background:url(/img/format/schedule_top.gif) no-repeat left top;
}
#container .article dl.schedule dt.head {
  background:url(/img/format/schedule_head.gif) no-repeat 5px 0.2em;
}
#container .article dl.schedule dt.foot {
  background:url(/img/format/schedule_foot.gif) no-repeat 5px 0.2em;
}



#container .article .album {   /* album (ol,ul) */
  display:inline-block;
}
#container .article .album {
  position:relative;
  display:block;
  margin:0;
  padding:0;
  list-style-type:none;
  line-height:1.2em;
}
#container .article .album:after {
  clear:both;
  visibility:hidden;
  display:block;
  height:0;
  content:'.';
}
* html>body #container .article .album {
  display:inline-block;
}
#container .article .album li {
  float:left;
  margin:0 20px 0 0;
  padding:20px 0 0 0;   /* for WinIE (funny 'border-bottom' of <IMG>) */
}
#container .article .album p {
  margin:0;
  line-height:1.2em;
}
#container .article .album li em {
  display:block;
  margin-bottom:5px;
  padding-left:14px;
  background:url(/img/format/icon_box.gif) no-repeat left center;
}
#container .article .album li img {
  margin:0 0 5px 0;
  vertical-align:middle;   /* for WinIE (funny 'margin-bottom' of <IMG>) */
  border:solid 1px #666;
}



#container .article table {   /* table */
  width:100%;
  border-spacing:1px;
  background:#333;
  border:solid 1px #333;
}
#container .article th,
#container .article td {
  padding:0 0.2em;
  line-height:1.6em;
  background:#fff;
  border:0;
}
#container .article th {
  text-align:center;
}
#container .article td {
  text-align:left;
}



#container .article em {   /* em */
  font-style:normal;
  font-weight:bold;
}



#container .article img.border {   /* img */
  border:solid 1px #666;
}



#container .article .left {   /* float */
  float:left;
  margin-right:20px;
}
#container .article .right {
  float:right;
  margin-left:20px;
}










/* side menu */
#sideMenu {
  position:relative;
  z-index:2;
  float:right;
  width:340px;
  margin-bottom:-30px;
  padding-bottom:100px;
  background:url(/img/format/bg_tulip.gif) no-repeat right bottom;
}



#sideMenu ol {
  float:left;   /* for WinIE (funny rolling, when click menu)*/
  margin-bottom:20px;
  padding:170px 0 0 50px;
  list-style-type:none;
  text-indent:25px;
}
#sideMenu ol li {
  position:relative;
  width:270px;
  margin-bottom:10px;
  line-height:0;
  vertical-align:middle;   /* for WinIE bug (funny margin) */
}

#sideMenu * {
  padding-left:50px;
}
#sideMenu * * {
  padding-left:0;
}


#sideMenu ol li#contentsMenu {   /* contents menu list */
  background:url(/img/format/bg_contents_menu.gif) no-repeat left bottom;
}
#sideMenu ol li#contentsMenu strong {
  position:absolute;
  left:0;
  display:block;
  width:270px;
  height:35px;
  top:-35px;
  line-height:150px;
  text-indent:55px;
  background:url(/img/format/bg_contents_menu.gif) no-repeat left top;
  overflow:hidden;
}
#sideMenu ol li#contentsMenu ul {
  padding:0 0 10px 0;
  list-style-type:none;
}
#sideMenu ol li#contentsMenu ul li {
  width:268px;
  margin:0 0 0 1px;
  padding-bottom:1px;   /* for Firefox (<a> funny outline) */
  border:0;
}
#sideMenu ol li#contentsMenu ul li em {
  display:block;
  height:1em;   /* for WinIE bug (funny margin) */
  line-height:1.6em;
  font-style:normal;
  font-weight:bold;
  background:url(/img/format/icon_plus.gif) no-repeat 10px 0.5em;
  cursor:pointer;
}
html>body #sideMenu ol li#contentsMenu ul li em {
  height:auto;
}
#sideMenu ol li#contentsMenu ul li small {
  display:block;
  margin-top:-3px;
  margin-bottom:3px;
  line-height:1.1em;
  font-weight:normal;
  font-size:1em;
}
#sideMenu ol li#contentsMenu ul li a {
  position:relative;
  display:block;
  width:100%;
  margin:0 -20px 0 0;
  padding:3px 0;   /* for WinIE (funny outline) */
  line-height:1.6em;
  font-weight:bold;
}
html>body #sideMenu ol li#contentsMenu ul li a {
  height:auto;
}
#sideMenu ol li#contentsMenu ul li a,
#sideMenu ol li#contentsMenu ul li a:link,
#sideMenu ol li#contentsMenu ul li a:visited,
#sideMenu ol li#contentsMenu ul li a:active {
  color:#07e;
  background:transparent url(/img/format/icon_go_off.gif) no-repeat 10px 0.65em;
}
#sideMenu ol li#contentsMenu ul li a:hover {
  color:#e30;
  background:#ffc url(/img/format/icon_go_on.gif) no-repeat 10px 0.65em;
}
#sideMenu ol li#contentsMenu ul li a.here,
#sideMenu ol li#contentsMenu ul li a.here:link,
#sideMenu ol li#contentsMenu ul li a.here:visited,
#sideMenu ol li#contentsMenu ul li a.here:active,
#sideMenu ol li#contentsMenu ul li a.here:hover {
  color:#090;
  background:#e0ffe0 url(/img/format/icon_go_here.gif) no-repeat 10px 0.65em;
}
#sideMenu ol li#contentsMenu ul li ul {
  display:none;
  width:230px;
  margin:0 0 0 20px;
  padding:0 0 5px 0;
  border-top:dashed 1px #999;
}
#sideMenu ol li#contentsMenu ul li ul li {
  width:230px;
  margin:0;
  padding-bottom:0;
  border-bottom:dashed 1px #999;
}
#sideMenu ol li#contentsMenu ul li ul li em {
}
#sideMenu ol li#contentsMenu ul li ul li a {
  height:auto;
  padding:3px 0;   /* for WinIE (funny outline) */
  line-height:1em;
  text-indent:20px;
  font-weight:normal;
}
html>body #sideMenu ol li#contentsMenu ul li ul li a {
  height:auto;
}
#sideMenu ol li#contentsMenu ul li ul li a,
#sideMenu ol li#contentsMenu ul li ul li a:link,
#sideMenu ol li#contentsMenu ul li ul li a:visited,
#sideMenu ol li#contentsMenu ul li ul li a:active {
  color:#07e;
  background:transparent url(/img/format/icon_go_off.gif) no-repeat 5px 0.4em;
}
#sideMenu ol li#contentsMenu ul li ul li a:hover {
  color:#e30;
  background:#ffc url(/img/format/icon_go_on.gif) no-repeat 5px 0.4em;
}
#sideMenu ol li#contentsMenu ul li ul li a.here,
#sideMenu ol li#contentsMenu ul li ul li a.here:link,
#sideMenu ol li#contentsMenu ul li ul li a.here:visited,
#sideMenu ol li#contentsMenu ul li ul li a.here:active,
#sideMenu ol li#contentsMenu ul li ul li a.here:hover {
  color:#090;
  background:#e0ffe0 url(/img/format/icon_go_here.gif) no-repeat 5px 0.4em;
}



#sideMenu ol li.btn-shop {
  height:30px;   /* for WinIE (funny 'margin-bottom') */
  overflow:hidden;   /* for WinIE (funny 'margin-bottom') */
}
#sideMenu ol li.btn-shop a {
  display:block;
  height:30px;
  line-height:150px;
  font-size:1em;
  overflow:hidden;
}
#sideMenu ol li.btn-shop a,
#sideMenu ol li.btn-shop a:link,
#sideMenu ol li.btn-shop a:visited,
#sideMenu ol li.btn-shop a:active {
  background:url(/img/format/btn_shop.gif) no-repeat left top;
}
#sideMenu ol li.btn-shop a:hover {
  background:url(/img/format/btn_shop.gif) no-repeat right top;
}



#sideMenu ol li.btn-blog {
  height:30px;   /* for WinIE (funny 'margin-bottom') */
  overflow:hidden;   /* for WinIE (funny 'margin-bottom') */
}
#sideMenu ol li.btn-blog a {
  display:block;
  height:30px;
  line-height:150px;
  font-size:1em;
  overflow:hidden;
}
#sideMenu ol li.btn-blog a,
#sideMenu ol li.btn-blog a:link,
#sideMenu ol li.btn-blog a:visited,
#sideMenu ol li.btn-blog a:active {
  background:url(/img/format/btn_blog.gif) no-repeat left top;
}
#sideMenu ol li.btn-blog a:hover {
  background:url(/img/format/btn_blog.gif) no-repeat right top;
}



#sideMenu p.status {
}









/* footer */
#footer {
  position:relative;
  z-index:4;
  clear:both;
  width:100%;
  padding-top:2px;
  text-align:center;
  font-size:13px;
  color:#fff;
  background:#9cf;
}
html>body #footer {
  height:auto;
}
#footer p {
  position:relative;
  height:28px;
  min-height:28px;
  margin-left:auto;
  margin-right:auto;
  line-height:28px;
  background:#389ef1;
  overflow:hidden;
}

#footer code#counter {
  position:absolute;
  right:10px;
  bottom:0;
  line-height:28px;
  font-size:12px;
  font-family:monospace;
  color:#fff;
}








/* print */
@media print {
  body {
    background:#fff url(dummy.gif)!important;
  }
  h1,
  #header,
  #footer,
  #sideMenu {
    display:none!important;
  }
  * {
    color:#000!important;
    border-color:#000!important;
  }
  a {
    color:#00f!important;
  }
  h3,
  h4 {
    padding:0!important;
    background:#fff url(dummy.gif)!important;
  }
  #container {
    background:#fff url(dummy.gif)!important;
  }
  #container .article#topicPath {
    padding:0!important;
    background:#fff url(dummy.gif)!important;
  }
  #container .article {
    margin:0 0 30px 20px!important;
  }
  #container .article dl.schedule dd {
    background-color:#fff!important;
  }
}