/*

 etc

**/
#left {
  width: 660px;
}

.f_left {
  float: left;
}
.clear {
  clear: both;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.line {
  clear: left;
}
.img_middle {
  vertical-align: middle;
}
.bold {
  font-weight: bold;
}
/*

 layout

**/

#main {
  width: 993px;
  margin: auto;
  background: url(/csr/images/main_bg.gif) repeat-y;
}
#contents {
  padding: 0 0 20px 11px;
  background: url(/csr/images/contents_bg.gif) no-repeat;
  height: 100%;
}
#header {
  background: url(/csr/images/header_bg.gif) no-repeat;
}

#left {
  float: left;
  padding: 0 0 0 10px;
}

#page {
  text-align: left;
  padding: 0 0 0 10px;
}
#right {
  float: left;
  margin: 0 0 0 10px;
  width: 280px;
}
#footer {
  background: url(/csr/images/contents_footer.gif) no-repeat;
  width: 993px;
  margin: auto;
  padding: 35px 0 20px 0;
}

/*

 text

**/
.text_b {
  font-weight: bold;
  color: #884C4C;
}
.text_b_16 {
  color: #884C4C;
  font-weight: bold;
  font-size: 16px;
}
.text_g {
  color: #cccccc;
}
.text_w {
  font-weight: bold;
  color: white;
  font-size: 14px;
}
.text_b_red {
  font-weight: bold;
  color: #CC0000;
  font-size: 14px;
}
.text_blue {
  color: #3366FF;
}
.text_red {
  color: #CC0000;
}
.page_top {
  text-decoration: none;
  display: block;
  text-align: right;
}
.bold_14 {
  font-size: 14px;
  font-weight: bold;
  color: #666666;
}
/*

 box

**/

.box_contents {
  background: url(/csr/images/box_bg.gif) repeat-y;

}
.page_contents {
  background: url(/csr/images/page_box_bg.gif) repeat-y;
  padding: 0 164px 0 164px;
}

/*

 rogo ／ gloval navi

**/

.title {
  height: 76px;
  padding: 22px 544px 0 35px;
}
.page_title {
  height: 76px;
  padding: 22px 544px 50px 35px;
}
.gnavi {
  margin: 0 0 25px 0;
  height: 31px;
}
.gnavi_tab {
  margin: 0;
  padding: 0 0 0 10px;
  text-align: left;
}
.gnavi_tab li{
  float: left;
  list-style-type: none;
  margin: 0 0 0 5px;
}
.gnavi_tab img {
  visibility: hidden;
}
.gnavi a {
  display: block;
}

.gnavi_01:link,
.gnavi_01:visited {
  background: url(/csr/images/gnavi_01_a.gif) no-repeat;
}
.gnavi_01:focus,
.gnavi_01:hover,
.gnavi_01:active {
  background: url(/csr/images/gnavi_01_h.gif) no-repeat;
}
.gnavi_02:link,
.gnavi_02:visited {
  background: url(/csr/images/gnavi_02_a.gif) no-repeat;
}
.gnavi_02:focus,
.gnavi_02:hover,
.gnavi_02:active {
  background: url(/csr/images/gnavi_02_h.gif) no-repeat;
}
.gnavi_03:link,
.gnavi_03:visited {
  background: url(/csr/images/gnavi_03_a.gif) no-repeat;
}
.gnavi_03:focus,
.gnavi_03:hover,
.gnavi_03:active {
  background: url(/csr/images/gnavi_03_h.gif) no-repeat;
}
.gnavi_04:link,
.gnavi_04:visited {
  background: url(/csr/images/gnavi_04_a.gif) no-repeat;
}
.gnavi_04:focus,
.gnavi_04:hover,
.gnavi_04:active {
  background: url(/csr/images/gnavi_04_h.gif) no-repeat;
}
.gnavi_05:link,
.gnavi_05:visited {
  background: url(/csr/images/gnavi_05_a.gif) no-repeat;
}
.gnavi_05:focus,
.gnavi_05:hover,
.gnavi_05:active {
  background: url(/csr/images/gnavi_05_h.gif) no-repeat;
}
.gnavi_v img {
  visibility: visible;
}

/*

 dock box

**/

.dock_head {
  padding: 18px;
}
.dock_head img {
  margin: 0 20px 16px 0;
}
.dock_head_ken {
  background: #FFFFCC;
  border: 2px solid #FFbcbc;
  padding: 8px 10px 8px 10px;
  font-size: 14px;
  font-weight: bold;
  color: #999999;
  margin: 0 10px 0 10px;
}
.dock_head_ken a:link {
  color: #993333;
  text-decoration: none;
}
.dock_head_ken a:hover {
  color: #FF9999;
  text-decoration: underline;
}
.dock {
  width: 660px;
}
.dock div,
.dock p {
  float: left;
  margin : 3px 0 5px 0;
  display: block;
  text-align: left;
}
.dock div {
  padding: 3px 20px 0 20px;

}

.doc_text {
  background: url(/csr/images/icon_text.gif) no-repeat;
  padding: 0 20px 0 16px;
  line-height: 16px;
}
.dock p {
  text-align: left;
  width: 350px;
}
.dock_title,
.cat_dock_title {
  font-size: 14px;
  line-height: 230%;
  font-weight: bold;
  text-decoration: none;
}
.cat_dock_title {
  line-height: 200%;
}
.dock_title:hover {
  text-decoration: underline;
}
.dock_price {
  font-weight: bold;
  color: #CC3333;
  line-height: 200%;
}
.dock_photo {
  border: 2px #dedede solid;
}
.dock_icon {
  display: block;
  margin: 1px 0 1px 0
}
.dock_adress,
.cat_adress,
.course_adress {
  background: #FFFAEB;
  display: block;
  padding: 8px;
  margin: 10px 0 0 0;
  color: #555555;
  border: 1px solid #FFECD9;
}

.dock_adress img {
  margin: 0 5px 5px 0;
}
.dock_dress01,
.dock_dress02,
.dock_dress03 {
  padding: 0 0 0 20px;
  display: block;
}
.dock_dress01 {
  background: url(/csr/images/dock_icon_01.gif) no-repeat;
}
.dock_dress02 {
  background: url(/csr/images/dock_icon_02.gif) no-repeat;
}
.dock_dress03 {
  background: url(/csr/images/dock_icon_03.gif) no-repeat;
}

/*

 right area

**/

.right_line {
  margin: 12px 0 12px 0;
}
#right div {
  text-align: left;
}
.list {
  background: url(/csr/images/icon_link.gif) no-repeat;
  padding : 0 0 0 12px;
  text-decoration: none;
}
.list:hover {
  text-decoration: underline;
}
#right p {
  margin: 0;
  padding: 5px 5px 0 5px;
}
.mushi_title {
  background: url(/csr/images/mushi_bg.gif) repeat-x;
  font-size: 12px;
  font-weight: bold;
  color: #666666;
  border: 1px solid #999999;
  height: 23px;
}
.mushi_title  img {
  vertical-align: middle;
}
.mushi_text {
  border: 1px solid #999999;
  border-top-color: #999999;
  padding: 5px 8px 5px 8px;
  background-color: #FCFCFC;
  border-top-width: 0px;
}
.flow img {
  visibility: hidden;
}
.flow01 img,
.flow02 img,
.flow03 img {
  margin: 0 10px 0 0;
  float: left;
}

.flow:link,
.flow:visited  {
  display: block;
  background: url(/csr/images/right_flow.gif) no-repeat;
}
.flow:focus,
.flow:hover,
.flow:active {
  display: block;
  background: url(/csr/images/right_flow_h.gif) no-repeat;
}

/*

 category

**/

.cat div,
.cat p {
  float: left;
  margin : 5px 0 5px 0;
  display: block;
  text-align: left;
}
.cat_photo {
  padding: 5px 20px 0 20px;
}
.cat_text div {
  padding: 0;
  margin: 0;
  float: left;
}
.cat_price {
  width: 360px;
}
.cat {
  width: 660px;
}

.cat_exp {
  padding: 0 0 20px 0;
  text-align: left;
  float: left;
  width: 625px;
}
.cat_exp p{
  padding: 0px 10px 0px 10px;
  margin: 0px;

}
.cat01_photo {
  border: 2px #CC9999 solid;
}
.cat02_photo {
  border: 2px #EFB4B4 solid;
}
.cat_head {
  padding: 0px 10px 10px 10px;
}
.cat_head img {
  margin: 0 0 15px 0;
}
.cat_name {
  color: #666666;
}

/*

 page

**/

.page_text {
  width: 624px;
}
/*

 page

**/

.flow_num {
  margin: 0 45px 0 0;
  vertical-align: middle;
}
.flow01,
.flow02,
.flow03 {
  background: url(/csr/images/flow_01.gif) no-repeat scroll;
  padding: 5px 0 20px 70px;
  margin: 20px 0 0 0;
}
.flow02 {
  background: url(/csr/images/flow_02.gif) no-repeat scroll;
}
.flow03 {
  background: url(/csr/images/flow_03.gif) no-repeat scroll;
}
/*

 footer

**/

#footer a:link,
#footer a:visited  {
  color : #666666;
  text-decoration: none;
}
#footer a:focus,
#footer a:hover,
#footer a:active {
  color: #FF9999;
}
#footer img {
  padding: 8px 0 0 0;
}

/*

 btn

**/

.btn_index img,
.btn_cat01 img,
.btn_cat02 img,
.btn_list img,
.btn_hp img {
  visibility: hidden;
}
.btn_index {
  display: block;
  background: url(/csr/images/btn_dock.gif) no-repeat;
  margin: 65px 0 0 0;
}
.btn_cat01 {
  display: block;
  background: url(/csr/images/btn_cat01.gif) no-repeat;
  margin: 10px 0 0 10px;
}
.btn_cat02 {
  display: block;
  background: url(/csr/images/btn_cat02.gif) no-repeat;
  margin: 10px 0 0 10px;
}
.btn_list {
  display: block;
  background: url(/csr/images/btn_cat02_h.gif) no-repeat;
  margin: 10px 0 0 10px;
}
.btn_hp {
  display: block;
  background: url(/csr/images/btn_hp_h.gif) no-repeat;
  margin: 10px 0 0 10px;
}
.btn_index:focus,
.btn_index:hover,
.btn_index:active {
  background: url(/csr/images/btn_dock_h.gif) no-repeat;
}
.btn_cat01:focus,
.btn_cat01:hover,
.btn_cat01:active {
  background: url(/csr/images/btn_cat01_h.gif) no-repeat;
}
.btn_cat02:focus,
.btn_cat02:hover,
.btn_cat02:active {
  background: url(/csr/images/btn_cat02_h.gif) no-repeat;
}
.btn_list:focus,
.btn_list:hover,
.btn_list:active {
  background: url(/csr/images/btn_cat02.gif) no-repeat;
}
.btn_hp:focus,
.btn_hp:hover,
.btn_hp:active {
  background: url(/csr/images/btn_hp.gif) no-repeat;
}

/*

  corse list

**/
.course_title {
  padding: 20px 0 15px 0;
  margin: 0 20px 0 20px;
  text-align: left;
  border: #cccccc solid;
  border-width: 0 0 1px 0;
}
.course_name {
  font-size: 16px;
  font-weight: bold;
  color: #663333;
}
.course_a {
  float: right;
}
.course_a a {
  font-size: 10px;
  font-weight: normal;
  background: url(/csr/images/dock_icon_info.gif) no-repeat;
  line-height: 12px;
  padding: 0 0 0 15px;
}
.course_left {
  float: left;
  margin: 10px 0 0 10px;
}
.course_right {
  float: left;
  margin: 10px 0 0 0;
}
.course_right img {
  border: 1px solid #999999;
}
.course_adress {
  width: 395px;
  text-align: left;
  margin: 0;
}
.course_text {
  background: url(/csr/images/icon_text.gif) no-repeat;
  padding: 0 20px 0 16px;
  line-height: 18px;
  width: 395px;
  margin: 20px 0 10px 0;
}
.course_right img {
  display: block;
  margin: 0 0 1px 0;
  padding: 0;
}
.course_comment {
  background: #FFFFdd;
  border: 2px solid #FFbcbc;
  padding: 8px 10px 8px 10px;
  font-size: 14px;
  font-weight: bold;
  margin: 0 10px 0 10px;
  color: #666666;
  text-align: center;
}
.corse_h div {
  float: right;
}
div.corse_h {
  padding: 8px 20px 10px 20px;
  margin: 0;
}
div.corse_price {
  width: 600px;
  background: url(/csr/images/course_h_bg.gif) no-repeat;
  line-height: 33px;
  padding: 0 10px 0 10px;
}
.corse_price div {
  margin: 0;
  padding: 0;
}
.info {
  display: block;
  text-align: left;
  margin: 0 20px 15px 0;
  font-size: 16px;
  font-weight: bold;
  color: #CC6666;
  background: url(/csr/images/dock_icon_info_b.gif) no-repeat;
  line-height: 17px;
  padding: 0 0 0 20px;
}
.info_option {
  display: block;
  text-align: left;
  margin: 0 20px 15px 0;
  font-size: 16px;
  font-weight: bold;
  color: #009999;
  background: url(../images/dock_icon_info_option.gif) no-repeat;
  line-height: 17px;
  padding: 0 0 0 20px;
  clear: both;
}
.table_list {
  width: 620px;
  border: solid #FFC4C4;
  border-width: 1px 1px 0 1px;
}
.table_list td,
.table_list th {
  padding: 8px 3px 8px 8px;
}
.table_list th {
  border: solid #FFC4C4;
  border-width: 0 1px 1px 0;
  background-color: #FFF0F0;
  font-weight: normal;
  width: 150px;
}
.table_list td {
  border: solid #FFC4C4;
  border-width: 0 0 1px 0;
}
.option_list {
  width: 620px;
  border: solid #43A0BE;
  border-width: 1px 0 0 1px;
}
.option_list td,
.option_list th {
  padding: 8px;
}
.option_list th {
  border: solid #43A0BE;
  border-width: 0 1px 1px 0;
  background-color: #D9F0F0;
  font-weight: normal;
  width: 20px;
}
.option_list td {
  border: solid #43A0BE;
  border-width: 0 1px 1px 0;
  text-align: left;
}
.option_list_tr td {
  background-color: #C3E6F1;
  white-space: nowrap;
  text-align: center;
}

table.option_list input{
  width: 20px;
}
.nowrap {
  white-space: nowrap;
}
.course_select {
  width: 620px;
  border: solid #43A0BE;
  border-width: 1px 1px 0 1px;
}
.course_select td,
.course_select th {
  padding: 8px;
}
.course_select th {
  border: solid #43A0BE;
  border-width: 0 1px 1px 0;
  background-color: #C3E6F1;
  font-weight: normal;
  width: 150px;
}
.course_select td {
  border: solid #43A0BE;
  border-width: 0 0 1px 0;
}
.sankaku {
  background: url(/csr/images/icon_sankaku.jpg) no-repeat;
  padding: 0 0 0 15px;
}
div.calender_title {
  background: #339999;
  margin: 0;
  padding: 0;
}
.calender_title img {
  margin: 0;
  padding: 0;
}
div.calender_box {
  margin: 0;
  padding: 10px 0 10px 0;
}
.calender_mon {
  font-size: 16px;
  color: #666666;
  width: 312px;
  margin: 10px 0 10px 0;
  font-weight: bold;
}
.calender {
  border: solid #cccccc;
  border-width: 1px 1px 0 0;
}
.calender th,
.calender td {
  border: solid #cccccc;
  border-width: 0 0 1px 1px;
  width: 88px;
  padding: 5px 0 5px 0;
  text-align: center;
  font-size: 14px;
  background-color: #fefefe;
}
.calender th {
  background-color: #D9F0F0;
}
.calender img {
  display: block;
  margin: 5px auto 0 auto;
}
td.sun,
td.sat {
  background-color: #f9f9f9;
}
.sun {
  color: #FF6666;
}
.sat {
  color: #3399FF;
}
td input {
  width: 425px;
  margin: 0;
  padding: 0;
}
td img {
  vertical-align: middle;
  margin: 0;
  padding: 0;
}
.radio {
  width: 30px;
  text-align: right;
}
.submit {
  line-height: 150%;
  height: 30px;
}
.form_select {
  text-align: center;
  background: #FFFCFC;
  padding: 10px;
  border: 1px solid #FFC4C4;
}
.btn_red {
  padding: 3px;
  background: #ff0000;
  float: left;
}
.btn_back {
  padding: 3px 50px 3px 3px;
  float: left;
}
.form_btn {
  margin: auto;
  text-align: center;
  width: 200px;
}








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

/*

 right area

**/


.cur_station {
    color: #000000;
    text-decoration: none;
}
.nor_station {
    color: #3366ff;
    text-decoration: underline;
    cursor: pointer;
}