@charset "utf-8";

/* @group baseColor

BODY #e1dd9d;

GNAVI #e1dd9d;
*/
/* @group Common */
html{ height: 100%; }
body { margin: 0; padding: 0; color: #000000; background-color: #000000;}
#js_wrap1{ height: 100%; background: #e1dd9d url(images/bg.png) repeat-x left top; }

div { position: relative; }
hr { clear: both; border-width: 0; border: none; display: none; visibility: hidden; }
table { border-collapse: collapse; table-layout: fixed; }
.c_indent { text-indent: -9999px; overflow: hidden; font-size: x-small; }
.c_none { display: none; visibility: hidden; }
.c_headfix { margin-left: 1em; text-indent: -1em; }
.c_clear:after { content: " "; clear: both; display: block; height: 0; visibility: hidden; }
.c_clear { display: inline-block; }
.c_clear { display: block; }
/* @end */

/* @group Container */
#container { width: 984px; margin: 0 auto; background-color: #fbf7ec;}
#container:after { content: " "; clear: both; display: block; height: 0; visibility: hidden; }
/* @end */


/* @group Header */
#header {  min-height: 80px;  width: 950px; margin: 0 auto;}
#header > a,
#header h1 { position: absolute; top: 10px; left: 10px; z-index: 100;}
.js_ie6_css_a{ position: absolute; top: 10px; left: 10px; z-index: 100;}
#header div.ca_copy { position: absolute; top: 20px; right: 10px;font-weight: bold; font-size: 0.85em; color: #FFFFFF; z-index: 110;}
#header > img{z-index: 1;}
.js_ie6_css_b{z-index: 1;}
/* @end */


/* @group Contents multicolumn LnavMainWrap version*/
#wrap_lnavmain { width: 950px; margin:0 auto; }
#lnav,
#maincontents{ float: left; }
#lnav{ width: 200px; margin: 0 15px 0 15px; }
#maincontents { width: 690px; }
#banner li{ margin: 0; font-size: 0; line-height: 0;}
#wrap_lnavmain:after{ content: " "; clear: both; display: block; height: 0; visibility: hidden; }
/* @end */

/* @group Global navigation */
#js_wrap2{ width: 948px; margin: 0 0 16px 17px;background-color: #fffad1; border: 1px solid #ebebeb;}
#gnavi { background: transparent url(images/gnavi_bg.png) repeat-x left top;}
#gnavi > li {  float: left; border-left: 1px solid #ebebeb; text-align: center;}
.js_ie6_css_c{  float: left; border-left: 1px solid #ebebeb; text-align: center;}
#gnavi > li > a {color: #000000; line-height: 30px; }
.js_ie6_css_d {color: #000000; line-height: 30px; }
#gnavi > li > strong > a{ display:block; font-weight: bold; line-height: 30px; color: #000000;}
.js_ie6_css_e {color: #000000; line-height: 30px; }
#js_wrap2:after,
#gnavi:after{ content: " "; clear: both; display: block; height: 0; visibility: hidden; }
/* @end */

/* @group Footer */
#footer  { margin: 20px 0 0; font-size: 0.85em; text-align: center; color: #999999; font-weight: bold; }
#footer p{ padding-bottom: 15px; }
#footer a { display: inline; padding:0 10px; border-right: 1px solid #000000; color: #555555;}
#footer p a:last-child{ border: none;  }

/* @end */


/* @group Contents Common */



#maincontents table.cobit_form { width: 690px; margin: 0 0 20px; background-color: #FFFFFF;}
#maincontents table.cobit_form tr th { width:30%;padding: 15px 15px 14px; border: 1px solid #DBDBDB; background-color: #EEEEEE; text-align: left;}
#maincontents table.cobit_form .necessary{ color: #FF0000; }
#maincontents table.cobit_form tr td { padding: 15px 15px 14px; border: 1px solid #DBDBDB; }
#maincontents table.cobit_form tr.radio_box td label {margin: 0 60px 0 0;}
#maincontents table.cobit_form tr.radio_box td li.radio{ margin-bottom: 4px; }
#maincontents table.cobit_form tr.radio_box td li.radio label {margin: 0 0 0 0;}
#maincontents table.cobit_form tr.check_box td label { display: block; float: left;margin: 0 10px 10px 0; }
#maincontents table.cobit_form tr.birthday td label {margin: 0 20px 0 0;}
#maincontents table.cobit_form input { position: relative; height: 1.335em; font-size: 100%; line-height: 1.335; vertical-align: middle; }
#maincontents table.cobit_form textarea,
#maincontents table.cobit_form input.textarea_a{ width: 420px; }
#maincontents table.cobit_form input.textarea_b{ width: 200px; }
#maincontents table.cobit_form td p{ margin-bottom: 5px; }
#maincontents table.cobit_form label.checkbox input{ margin: -2px 5px 0 0; width: 16px; height: 16px; } 
#maincontents table.cobit_form input.radio { margin: -2px 5px 0 0;}
#maincontents table.cobit_form input.radio[type="text"]{ margin: -2px 5px 0 10px;}
#maincontents table.cobit_form .media label.radio{ display: block; margin-bottom:4px; }
#maincontents table.cobit_form select { position: relative; margin: -1px 5px 10px 0;  line-height: 1.335; vertical-align: middle; }

#maincontents .btnarea { width: 270px; margin: 0 auto; }
#maincontents .btnarea input { margin-left: 10px; }
.price_knowledge p,
.price_event p,
.price_consulting p,
.article p{ margin-bottom: 1em;  }
.article .tel_s em{ margin:0 30px;font-size: 1.8em; font-weight: bold; color: #24add5;}
.article .tel_s span { font-size:1.2em; }
.price_event dl{ margin-bottom: 30px; }
.price_knowledge dt,.price_consulting dt,.price_event dt,.article dt{ padding:5px;font-weight: bold;padding:1px 0 1px 10px;
 border-bottom: 1px solid #9b978e; border-left: 4px solid #9b978e;}
.price_knowledge dd,.price_consulting dd,.price_event  dd,.article dl dd{ padding:10px;}


#localnavi li { margin:10px 20px 0 0;float: left; padding: 0 0 0 14px;background: url(images/ico_arrow_orange.gif) no-repeat 0 50%;}
#localnavi li a{ font-weight: bold; font-size: 1.2em; color: #555555; }
#localnavi:after{ content: " "; clear: both; display: block; height: 0; visibility: hidden; }
.section{ margin-bottom: 30px; background-color: #FFFFFF; border: 1px solid #ebebeb;  }
.section > div,
.section > ul{ margin: 10px; }
.js_ie6_css_f{ margin: 10px; }
.section:after { content: " "; clear: both; display: block; height: 0; visibility: hidden; }
/*  Midasi */
#maincontents h1{ color: #000000; font-weight: bold; }
#maincontents h2{ margin-bottom: 20px; border: 1px solid #ebebeb; font-size: 1.2em; line-height: 28px; background-color: #fffce4;text-indent: 10px; }
#maincontents h2 span{ font-weight: bold; color: #333333; }
#maincontents .section > h3{ padding: 5px;background-color: #fffce4; color: #333333; border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;font-size: 1em; text-indent: 10px;}
#mono_page_ #maincontents .section > h3 { font-size: 1.2em; }
#maincontents h3 span{ font-weight: bold; }

/* PageUP */
#to_top { clear: both;width: 10em; margin: 0 0 0 auto; color: #FFFFFF; background-color: #403a2d; text-align: center; }
#to_top a { color: #FFFFFF; font-weight: bold; line-height: 23px; }

#maincontents .section_a { padding: 5px 15px;background-color: #FFFFFF;margin-bottom: 20px; }
#maincontents .section_a > dl { margin: 14px 0; }
.js_ie6_css_g { margin: 14px 0; }
#maincontents .section_a > dl dt{ margin-bottom: 7px; border-bottom: 2px solid #001654; font-weight: bold; }
#maincontents .section_a > dl dd{ margin-bottom: 20px; }
.js_ie6_css_i{ margin-bottom: 20px; }
body.qa #maincontents > dl dt,
body.news #maincontents > dl dt{ clear: both; padding-top: 10px; font-weight: bold; border-top: 1px dotted #ccc; }
body #maincontents > dl dt:first-of-type,
body #maincontents > dl dd:first-of-type{ border-top: none;}
.js_ie6_css_k{ border-top: none;}

body.qa #maincontents > dl dd,
body.news #maincontents > dl dd{ margin: 0 0 30px 0; padding: 10px 0 0 10px; background-color: #FFFFFF;}
.js_ie6_css_l{ margin: 0 0 30px 0; padding: 10px 0 0 10px; background-color: #FFFFFF;}
body.qa #maincontents > dl dd div,
body.news #maincontents > dl dd div{ float: right; }
.js_ie6_css_m{ float: right; }

#maincontents .freeimgbox img{ float: left; }




/* Clear */
#maincontents .freeimgbox:after,
body.item #maincontents > ul:after,
body.qa #maincontents > dl dd:after{ content: " "; clear: both; display: block; height: 0; visibility: hidden; }
.js_ie6_css_n{ float: right; }
/* @end */



/* @group Company  */
body.company #maincontents > dl{ border-bottom: 1px dotted #ccc; }
.js_ie6_css_o{ border-bottom: 1px dotted #ccc; }
body.company #maincontents > dl dt{ clear: left; float: left; margin: 0 0 0.8em; width: 100px; padding: 10px 0 10px 5px; color: #000; border-top: 1px dotted #CCC; }
.js_ie6_css_p{ clear: left; float: left; margin: 0 0 0.8em; width: 100px; padding: 10px 0 10px 5px; color: #000; border-top: 1px dotted #CCC; }
body.company #maincontents > dl dd{ margin: 0 0 0.8em 100px; padding: 10px 0 10px 5px; border-top: 1px dotted #CCC; background-color: #FFFFFF;}
.js_ie6_css_q{ margin: 0 0 0.8em 100px; padding: 10px 0 10px 5px; border-top: 1px dotted #CCC; background-color: #FFFFFF;}
body.company #map{ width: 500px; height: 320px; }
body.company #maincontents > img { display: block; margin:1em auto; }
.js_ie6_css_r { display: block; margin:1em auto; }
/* @end */


/* @group Item  */
body.item #maincontents > ul{ width: 100%; }
.js_ie6_css_s{ width: 100%; }
body.item #maincontents > ul li{ float: left; width: 200px; margin: 0 10px 10px 0; padding: 5px; text-align: center; font-weight: bold;}
.js_ie6_css_t{ float: left; width: 200px; margin: 0 10px 10px 0; padding: 5px; text-align: center; font-weight: bold;}
body.item #maincontents > ul li img { display: block; margin: 0 auto; }
.js_ie6_css_u { display: block; margin: 0 auto; }
body.item_detail #maincontents > dl dt,
body.item_detail #maincontents > dl dd{ float: left; margin-right: 1em; }
.js_ie6_css_v{ float: left; margin-right: 1em; }
#buy_btn { width: 12em; margin: 0; padding: .8em; color: #A02828; background-color: #FFD21E; background-image: -webkit-gradient(linear, left top, left bottom, from(#af7979), to(#623031),color-stop(0.4, #301818)); border: 3px solid #DDDDDD; -webkit-border-radius: .8em; -moz-border-radius: .8em; border-radius: .8em; font-weight: bold; text-align: center; }

/* @self Clear */
body.item_detail #maincontents > dl:after { content: " "; clear: both; display: block; height: 0; visibility: hidden; }
/* @end */

/* @group Map  */
body.map .wrap { position: relative; margin: 20px 0;}
body.map #map{ position: absolute; top: 0; left: 0; width: 520px; height: 500px;}
body.map #list { height: 490px; margin-left: 520px; width: 160px; padding: 0 5px 5px; background-color: #FFFFFF; overflow: auto;}
body.map #list ul a{ color: #000000; text-decoration: underline; }
body.map #list ul li{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #111111; }
body.map #list p { font-weight: bold; }
body.map #g_infowindow { width: 400px;  }
body.map #g_infowindow table{ height: 160px;margin-bottom: 10px; font-size: 10px; }
/* @end */

/* @group Pager  */

ul.pager li {
      float: left;
      margin-right: 5px;
      border: 1px #001654 solid;
      font-weight: bold;
}
ul.pager li:first-child,
ul.pager li:last-child {
      border: none;
}
ul.pager li span,
ul.pager li a {
      position: relative;
      display: block;
      padding: 3px 8px;
      color: #001654;
}
ul.pager li a:link,
ul.pager li a:visited {
      text-decoration: none;
}
ul.pager li a:hover,
ul.pager li a:active {
      background-color: #001654;
      text-decoration: none;
      color: #FFFFFF;
}
ul.pager li em {
      display: block;
      padding: 3px 8px;
      background: #001654;
      color: #FFFFFF;
      font-weight: bold;
}

ul.pager:after { content: " "; clear: both; display: block; height: 0; visibility: hidden; }

/* @end */
/* @group Blog */
.blog_data dt { text-align: right; }
.blog_data dt strong {float: left;}
#trackback div.tbunit h4,
#trackback h3{ font-size: 1em;}
#trackback div.tbunit .tbstate,
#trackback div.tbunit .tbdescription,
#trackback dl#commentbox dt,
#trackback dl#trackbackurl dt,
.blog_txt_page{ font-size: 0.85em;}
#trackback h3{ color: #333; font-weight: bold; border: none; border-bottom: 1px solid#777;}
#trackback dl#commentbox,
#trackback dl#trackbackurl { padding:15px; }
#trackback div.tbunit:hover { background:#f7ffec; }
#trackback dl#commentbox dt,
#trackback dl#trackbackurl dt { margin:0 0 5px;  font-weight:bold; }
#trackback dl#trackbackurl input{ padding:5px; width:400px; border:1px solid #8ca0ad; font-family:arial; color:#999; }
#trackback dl#trackbackurl input:hover{ background:#f7ffec; color:#333; }
#trackback div.tbunit { padding:10px 15px; border-bottom:1px dotted #ccc; }
#trackback div.tbunit h4 { margin:0 0 3px; font-weight:bold; color: #555;}
#trackback div.tbunit .tbdescription { margin:0 0 5px; }
#trackback div.tbunit .tbstate { text-align:right; }
#trackback div.tbunit .tbstate li { display:inline; }
#trackback dl#commentbox dl dt { clear: left;  float: left; width: 8em; margin-bottom: 0.5em; padding-top: 0.5em; font-weight: lighter;border-top: 1px dotted #EEEEEE; }
#trackback dl#commentbox dl dd { margin:0 0 0.5em 0; padding: 0.5em 0 0 0; border-top: 1px dotted #EEEEEE; }
#trackback dl#commentbox textarea,
#trackback dl#commentbox input {width:460px;ime-mode:inactive;margin-bottom: 2px; padding: 1px; border: solid 1px #999999; }
#trackback #commentsubmit input{ display: block; width:10em !important; margin: 0 auto; font-weight:normal; }
.blog_txt_page { padding: 5px 0px 5px 0px; text-align:right; }
.blog_txt_page li { padding: 0px 0px 5px 0px; display:inline; }
.blog_txt_page a:link, .blog_txt_pagee a:visited { text-decoration: underline; }
.blog_data dt:after { content: " "; clear: both; display: block; height: 0; visibility: hidden; }

/* @end */

/* @group Tarim version */
#maincontents{ font-size: 0.85em; }

a:hover { color:#6F68FA; text-decoration:underline; outline:none; }
#a_z a { text-decoration:underline; }
#a_z a:hover { text-decoration:none; }



/* @group Index */
.go_schedule{ margin: -24px 0 20px; padding-right: 10px; text-align: right; font-weight: bold; }
.performer li{ float: left; width: 100px; min-height: 190px; margin: 0 7px 0 0; text-align: center; font-size: 0.9em;}
#whatnew { width: 660px;  line-height:1.4; margin-bottom: 30px; }
#whatnew > li > p,
#whatnew > li dl{ float: left; text-align: left; color: #333;}
#whatnew > li > p{ width: 120px;  letter-spacing: 1px; color: #000;}
#whatnew > li dl{ width: 540px; margin-bottom: 1.5em; }
#whatnew > li dl dt{ font-weight: bold;}
.performer:after,#whatnew:after {
  content:'';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
  }


#staff_all{ padding: 10px;border-top: 1px solid #ebebeb; }
#staff_all li { float: left; width: 100px; min-height: 190px; margin: 0 10px 0 0; text-align: center; font-size: 0.9em;}
/* @end */

#calendar h3{ font-weight: bold; }
#calendar li {width: 2em;
	text-align: center;
    margin:0 4px 4px 0px;
     float: left;}
	
	
#calendar li a{ font-weight: bold; }
#calendar li.saturday a{ color: #000aff; }
#calendar li.sunday a{
color: #ff0d0d;
	}	
#nextmoon { position: absolute; top: 0; right: 0;  font-weight: bold;}
  


body.schedule_staff .section p{ margin: 10px; }
body.schedule_staff .section h3 span.kana { font-size: 0.8em; font-weight: lighter; }
body.schedule_staff .profile .profiletxt h2{ font-size: 1.2em; font-weight: bold;}
body.schedule_staff .profile .profiletxt dl { margin: 10px 0 0; }
body.schedule_staff .profile .profiletxt dl dd{ color: #333333; margin-bottom: 10px;}
body.schedule_staff .profile .profiletxt dl dt{ font-weight: bold;color: #444444; }

table.hour_schedule{ width: 660px;margin: 0 auto 30px;  border:1px solid #000000; border-collapse:collapse; border-spacing:0; background-color:#ffffff; }
body.schedule_staff .hour_schedule th{ width:54px; padding: 1px;border-right:1px solid #000000;border-bottom:1px solid #000000; font-weight: lighter; text-align: left; }
body.schedule_staff td{ font-size: 0; line-height: 0;border-left:1px solid #000000; border-bottom:1px solid #000000; }
body.schedule_staff td.attendance{ background-color: #a8d6ff; }
body.schedule_staff td.reserve{ background-color: #ffa900; }
body.schedule_staff .listdetail { margin-bottom: 30px; }
body.schedule_staff .listdetail li{  display: inline; }
body.schedule_staff .listdetail li img { margin: 0 10px 0 0; vertical-align: middle; }

body.schedule_staff .profile { width: 690px; margin-bottom: 20px; }
body.schedule_staff .profile .profiletxt,
body.schedule_staff .profile .photo{  float: left;text-align: center; }
body.schedule_staff .profile .profiletxt{ width: 500px; margin-left: 10px; text-align: left;}
body.schedule_staff .profile .photo { width: 100px; }
body.schedule_staff .profile:after {
  content:'';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
  } 

#contents .search_list,
#contents .search_photolist { width: 804px; margin: 25px auto;}
#contents .search_photolist li,
#contents .search_list li{ float: left; margin: 0 20px 20px 0; }
#contents .search_photolist li{ width: 94px; text-align: center; }
#contents .search_photolist img { display: block; margin-bottom: 5px; border: 1px solid #bababa; }
#contents .search_photolist :after,
#contents .search_list:after,
.profile:after { content: " "; clear: both; display: block; height: 0; visibility: hidden; }





/* @end */

div.time-picker {
  position: absolute;
  width:100px;  
  height: 200px;
  overflow: auto;
  background: #fff;
  border: 1px solid #000;
  z-index: 99;
  margin-top: 1.1em;  
}

div.time-picker-12hours {  
  width:100px; 
}
div.time-picker ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.time-picker li {
  padding: 1px;
  cursor: pointer;
}
div.time-picker li.selected {
  background: #316AC5;
  color: #fff;
}



/*__________________________________________________________________*/

/* @group Hack Section */

/* IE6 only*/

* html { overflow-x: auto; }
* html body { width: 100%; overflow-x: hidden; }
* html li { display: inline-block; }
* html #contents > div { display: inline; }
* html div { position: static; }
* html #header{ position: relative; }

/* All IE */

*+html body img { vertical-align:middle; }

/* @end */