/***
 * Common cascade style sheet definition for the Bookmark Enterprise's pages
 *
 *   History: 2013.07.12 Recreationed by Shiori Sasabuchi
 ***/
@charset "UTF-8";

/*---- Common part ----*/
body {
  background-color:         #008080;
  font-size:                14px;
  margin:                   0px;
  padding:                  0px;
  -webkit-text-size-adjust: 100%;
}

/*---- Header section ----*/

#rtn-to-smart {
  background-color: #008080;
  margin:           0 auto;
  padding:          0 2px;
  text-align:       center;
  width:            100%;
}

#rtn-to-smart a {
  color:            #ff0;
  font-size:        xx-large;
}

#rtn-to-smart a:link {
  color:            #ff0;
}

#rtn-to-smart a:active {
  color:            #fa0;
}

#rtn-to-smart a:visited {
  color:            #ff0;
}

#rtn-to-smart a:hover {
  color:            #fa0;
  text-decoration:  none;
}

/* (1) Top of the header section: Banner area */
#header {
  background-color: #008080;
  margin:           0 auto;
  width:            100%;
}

#header .body {
  background-color: #ffffc8;
  margin:           0 auto;
  padding-top:      14px;
  text-align:       center;
  width:            800px;
}

#header .banner {
  border:           none;
  height:           auto;
  max-width:        80%;
}

/* (2) Navigation bar area */
#navi-line  {
  background:       url(http://www.bookmarkenterprise.net/images/navi.jpg) repeat-x;
  height:           28px;
  margin:           0 auto;
  padding-top:      7px;
  text-align:       center;
  width:            800px;
}

#navi-inside {
  margin:           0 auto;
  text-align:       center;
  width:            800px;
}

#navi-inside ul, li {
  margin:           0;
  padding:          0;
}

#navi {
  line-height:      1;
  margin-left:      auto;
  margin-right:     auto;
  position:         relative;
  text-align:       center;
  width:            800px;
}

#navi li {
  float:            left;
  list-style:       none;
  position:         relative;
}

#navi li img {
  border:           none;
}
 
#navi ul {
  display:          none;
  left:             0;
  position:         absolute;
  top:              29px;
}

* html #navi ul {
  line-height:      0;
}

#navi ul li {
  float:            none;
}
 
#navi ul {
  width:            120px;
}

#navi ul ul {
  left:             121px;
  top:              0;
}

#navi ul a { 
  background:       #008040;
  border-bottom:    1px solid #fff;
  color:            #ffffe0;
  display:          block;
  line-height:      1;
  padding:          6px;
  width:            108px;
  zoom:             1;
}

#navi ul a:link  {
  text-decoration:  none;
}

#navi ul a:visited {
  text-decoration:  none;
}

#navi ul a.hover {
  background:       #00a060;
  text-decoration:  underline;
}

#navi ul a:active {
  color:            #f0f000;
  text-decoration:  none;
}

/*---- Container section ----*/
#container {
  margin:           0 auto;
  width:            100%;
}

#container .body {
  background-color: #fff;
  margin:           0 auto;
  text-align:       left;
  width:            800px;
}

#container .body .left {
  float:            left;
  margin-left:      1px;
  width:            160px;
}

#container .body .right {
  float:            right;
  margin-right:     1px;
  width:            630px;
}

#container .body .end2col {
  clear:            both;
  visibility:       hidden;
}

#container .body .one-col {
  margin:           0 6px;
}

#incdex {
  margin-left:      0;
  text-align:       left;
}

#index ul {
  padding-left:     12px;
}

#index ul li {
  display:          inline;
  margin-right:     12px;
}

.page-title {
  color:            #0080f0;
  text-align:       center;
}

.gt-ptop {
  font-size:        12px;
  text-align:       right;
}

.gt-ptop a {
  color:            #808080;
  text-decoration:  none;
}

.gt-ptop a:link {
  color:            #808080;
}

.gt-ptop a:visited {
  color:            #808080;
}

.gt-ptop a:active {
  color:            #808080;
}

.gt-ptop a:hover {
  text-decoration:  none;
}

.accidental { /* For #, &#x266d(flat), &#x266e(natural) */
	font-size:      xx-small;
	vertical-align: super;
}

.indent div {
	text-indent:    12px;
}

.l-margin {
  margin-left:      12px;
}

.content-title {
  background-color: #faeab0;
  color:            #00d080;
  font-size:        14px;
  font-weight:      bold;
  padding:          6px;
}

.content-body {
  background-color: #fff;
  border-color:     #faeab0;
  border-style:     solid;
  border-width:     0px 1px 1px;
  font-size:        12px;
  padding:          6px;
}

.body-title {
  background-color: #faeab0;
  color:            #00d080;
  font-size:        18px;
  font-weight:      bold;
  padding:          6px;
}

.about-body {
  background-color: #fff;
  border-color:     #faeab0;
  border-style:     solid;
  border-width:     0px 1px 1px;
  padding:          6px;
}

.parts {
  float:            left;
  margin-left:      12px;
}

.clearfix {
  min-height:       1px;
}

.clearfix:after {
  content:          ".";    /* Generate new element */
  display:          block;  /* Set block level */
  clear:            both;
  height:           0;
  visibility:       hidden;
}

* html .clearfix { /* For IE6 or earlier */
  height:           1px;
  /* For Mac IE4,5 */
  /*\*//*/
  height:           auto;
  overflow:         hidden;
  /**/
}

/*---- Footer section ----*/
#footer {
  background-color: #008080;
  margin:           0 auto;
  width:            100%;
}

#footer .link-line {
  background-color: #008040;
  margin:           0 auto;
  padding:          6px 0px;
  width:            800px;
}

#footer .link-line .link {
  color:            #fff;
  font-size:        12px;
  font-weight:      bold;
  padding-right:    6px;
  text-align:       right;
}

#footer .link-line .link a:link {
  color:            #fff;
}

#footer .link-line .link a:active {
  color:            #ff0;
}

#footer .link-line .link a:visited {
  color:            #fff;
}

#footer .link-line .link a:hover {
  color:            #ff0;
  text-decoration:  none;
}

#footer .body {
  background-color: #ffffc8;
  margin:           0 auto;
  padding:          6px 0;
  text-align:       left;
  width:            800px;
}

#footer .body .copyright {
  color:            #0080f0;
  font-size:        12px;
  margin:           0 auto;
  padding-left:     6px;
}

/*--- Breadcrumb List ---*/
#breadcrumb {
  font-size:        12px;
}

#breadcrumb ul {
  padding-left:     6px;
}

#breadcrumb ul li {
  display:          inline;
}

/*--- What's New ---*/
#news-archives {
  display:          none;
}

#news-toggle {
  font-size:        10px;
  text-align:       right;
}

#news-toggle a {
  text-decoration:  none;
}

/*--- Contact ---*/
#cont_form_sect {
  margin:           0 auto;
  text-align:       center;
}

.cont_tab_form {
  border:           1px solid #808020;
  border-collapse:  collapse;
  border-spacing:   0;
  margin:           0 auto;
  text-align:       left;
}

.cont_tab_form td, th {
  border:           1px solid #808020;
}

.indisp_mark {
  background-color: #fff;
  border:           2px solid #f00;
  color:            #f00;
  margin-left:      10px;
  font-size:        10px;
}

/*--- Privacy Policy ---*/
.privacy-title {
  background-color: #faeab0;
  border-color:     #fff4b0 #e0d0a0 #e0d0a0 #ffffb0;
  border-style:     solid;
  border-width:     4px;
  color:            #008040;
  font-size:        18px;
  font-weight:      bold;
  margin-bottom:    6px;
  padding:          6px;
}

.privacy-body {
  color:            #606060;
  line-height:      1.4em;
  margin-left:      24px;
}

.privacy-body ol {
  margin:           0 0 0 24px;
  padding:          0;
}

/*--- Others ---*/

.stuffing {
  height:           1px;
}

ruby.body {
  ruby-align:       distribute-letter;
}

rt {
  font-size:        xx-small;
}

a {
  text-decoration:  none;
}

a:link {
  color:            #00f;
}

a:active {
  color:            #f00;
}

a:visited {
  color:            #00f;
}

a:hover {
  color          :  #f0f;
  text-decoration:  underline;
}

.bold {
  font-weight:      bold;
}

.txt12px {
  font-size:        12px;
}

.ww-title {
  color:            #800000;
  font-weight:      bold;
}

.brass-title {
  color:            #EA9A00;
  font-weight:      bold;
}

.strperc-title {
  color:            #606060;
  font-weight:      bold;
}

.rhythm-title {
  color:            #00602A;
  font-weight:      bold;
}

.fl-title {
  color:            #4080F0;
  font-weight:      bold;
}

.cl-title {
  color:            #000020;
  font-weight:      bold;
}

.sax-title {
  color:            #DAA520;
  font-weight:      bold;
}

.b5-title {
  color:            #D2691E;
  font-weight:      bold;
}

.wo-title {
  color:            #A000F0;
  font-weight:      bold;
}

.pf-title {
  color:            #206080;
  font-weight:      bold;
}

.cho-title {
  color:            #4080F0;
  font-weight:      bold;
}

.solo-title {
  color:            #00A060;
  font-weight:      bold;
}

.bb-title {
  color:            #daa520;
  font-weight:      bold;
}