@charset "utf-8";

/*-- GENERAL SETTING --*/

*,body,h1,h2,h3,h4,ul,li,dl,dd,dt,p,form,table {
  margin: 0px;
  padding: 0px;
}

/*-- SCROLL BAR --*/

html {
  overflow-y:scroll;
}

/*-- FONT --*/

body {
  font-size: 75%; /* IE */
  color:#666666;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

html>/**/body {
  font-size: 12px; /* Except IE */
}

.small {
  font-size: 91%;
}
.green {
  color: #009900;
}
body p,dt,dd {
  line-height: 150%;
}

/*-- LINK COLOR --*/

a {
  color: #FF3366;
  text-decoration: none;
}

a:hover {
  color: #FF6699;
  text-decoration: underline;
}
/*-- IMG --*/

img {
  border-width: 0px;
  border-style: none;
}
/*-- BASIC LAYOUT --*/

body {
  background-color: #262626;
  background-image: url(https://ondanada.com/images/main_back.gif);
  background-repeat: repeat;
}

#header, #main, #footer {
  width: 100%;
}

#header {
  background-image: url(https://ondanada.com/images/header_back.jpg);
  background-repeat: repeat-x;
  height:415px;
}

#footer {
  height:680px;
  background-color: #000000;
  background-image: url(https://ondanada.com/images/footer_back.jpg);
  background-repeat: repeat-x;
}

#header_container, #main_container, #footer_container {
  width: 960px;
  margin:0px auto;
}

#main_container {
  zoom: 1;
}

#main_container:after {
  font-size: 1px;
  height: 0px;
  display:block;
  clear:both;
  content: ".";
}

#header_inner {
  width: 980px;
  float: left;
}

#main_inner, #footer_inner {
  width: 970px;
  float: left;
  display: inline;
  margin:0px 5px;
}
/*-- HEADER --*/

#header_top {
  width: 980px;
  float: left;
}

#header_nav {
  float: left;
  width: 970px;
  height: 45px;
  padding:0px 5px;
  background-image: url(https://ondanada.com/images/hnav_back.jpg);
  background-repeat: no-repeat;
}

#header_bottom {
  float: left;
  width: 970px;
  padding:0px 5px;
  background-image: url(https://ondanada.com/images/hb_back.gif);
  background-repeat: no-repeat;
}

/*-- LOGO --*/

#logo {
  float: left;
  height: 120px;
  width: 400px;
  background-image: url(https://ondanada.com/images/logo.jpg);
  background-repeat: no-repeat;
  padding-left: 5px;
  position: relative;
}

#ht_box {
  height: auto;
  width: 340px;
  position: absolute;
  left: 60px;
  top: 9px;
}

#hst_box {
  height: auto;
  width: 270px;
  position: absolute;
  left: 85px;
  top: 88px;
}

/*-- HEADER FLASH --*/

#header_flash {
  float: left;
  height: 120px;
  width: 575px;
  background-image: url(https://ondanada.com/images/hflash_back.jpg);
  background-repeat: no-repeat;
}

/*-- HEADER NAVIGATION --*/

ul#hnav {
  list-style-type: none;
}

ul#hnav li {
  float: left;
  text-align: center;
}

ul#hnav li a,
ul#drop1_level2 li a,
ul#drop2_level2 li a {
  display: block;
  height: 42px;
  width: 194px;
  line-height: 42px;
}

ul#hnav ul {
  list-style-type: none;
}

ul#hnav li a:hover,
ul#drop1_level2,
ul#drop2_level2 {
  background-color: #333;
  filter: alpha(opacity=80);
  -moz-opacity: .8;
  KhtmlOpacity: .8;
  opacity: .8;
}

ul#hnav li {
  position: relative;
}

ul#drop1_level2,
ul#drop2_level2 {
  position: absolute;
  top: 100%;
  left: 0;
  visibility: hidden;
}

ul#hnav li#drop1:hover ul,
ul#hnav li#drop2:hover ul {
  visibility: visible;
}

ul#drop1_level2 li,
ul#drop2_level2 li {
  float: none;
}

ul#drop1_level2 li a:hover,
ul#drop2_level2 li a:hover {
  background-color: #FF3366;
  visibility: visible;/*-- IE --*/
}

ul#hnav li a,
ul#hnav li a:hover,
ul#drop1_level2 li a,
ul#drop1_level2 li a:hover,
ul#drop2_level2 li a,
ul#drop2_level2 li a:hover {
  text-decoration: none;
  font-weight: bold;
}

ul#hnav li a {color:#FFFFFF;}
ul#hnav li a:hover {color:#FF6699;}

ul#drop1_level2 li a,
ul#drop2_level2 li a {color:#FFFFFF;}
ul#drop1_level2 li a:hover,
ul#drop2_level2 li a:hover {color:#FFFFFF;}

/*-- HEADER IMG --*/

#header_img {
  height: 250px;
  width: 970px;
  background-color: #222222;
}

#header_img img {
  display:block;
}
/*-- MAIN --*/

#main_header {
  width: 935px;
  height:60px;
  line-height:46px;
  background-image: url(https://ondanada.com/images/main_header.gif);
  background-repeat: no-repeat;
  padding-left: 35px;
  background-color: #FFFFFF;
}

#contents {
  width: 940px;
  padding:0px 15px;
  background-color: #FFFFFF;
  zoom: 1;
}

#contents:after {
  font-size: 1px;
  height: 0px;
  clear:both;
  display:block;
  content: ".";
}

/*-- CONTENTS --*/

#left_contents {
  float: left;
  width: 300px;
  display: inline;
  margin-right: 20px;
}

#right_contents {
  float: right;
  height:auto;
  width: 620px;
}

#pleft_contents {
  float: right;
  width: 300px;
  display: inline;
  margin-left: 20px;
}

#pright_contents {
  float: left;
  height:auto;
  width: 620px;
}

/*-- LEFT CONTENTS --*/

#lcw_header {
  height: 15px;
  width: 270px;
  padding:0px 15px;
  background-image: url(https://ondanada.com/images/lcw_hf.gif);
  background-position: 0px 0px;
}

#lcw_contents {
  width: 270px;
  padding:0px 15px;
  background-image: url(https://ondanada.com/images/lcw_contents.gif);
  background-repeat: repeat-y;
}

#lcw_footer {
  height: 15px;
  width: 270px;
  padding:0px 15px;
  background-image: url(https://ondanada.com/images/lcw_hf.gif);
  background-position: 0px -15px;
}

.lc_theader {
  width: 230px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 0px;
  padding-left: 20px;
  height: 30px;
  background-image: url(https://ondanada.com/images/lc_header.gif);
  background-repeat: no-repeat;
}

.lc_header {
  width: 230px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 0px;
  padding-left: 20px;
  height: 30px;
  background-image: url(https://ondanada.com/images/lc_header.gif);
  background-repeat: no-repeat;
  margin-top: 10px;
}

.lc_contents {
  width: 230px;
  padding:0px 20px;
  background-image: url(https://ondanada.com/images/lc_contents.gif);
  background-repeat: repeat-y;
}

.lc_footer {
  width: 230px;
  padding:0px 20px;
  height: 10px;
  background-image: url(https://ondanada.com/images/lc_footer.gif);
  background-repeat: no-repeat;
}

.lc_contents dt {
  margin-bottom: 5px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #666666;
}

.lc_contents dd {
  padding-bottom: 10px;
}

/*-- BREAD NAV --*/

ol#bread_nav {
  list-style-type: none;
}
ol#bread_nav li {
  display: inline;
}
ol#bread_nav li {
  display:inline-block;
  vertical-align:top;
}
ol#bread_nav li:first-child::before {
  padding: 0 1px 0 0;
  font-family: FontAwesome;
  content: "";
  font-size: 14px;
}
ol#bread_nav li:before {
  padding: 0 4px 0 2px;
  content: ">";
  font-family: FontAwesome;
  font-size: 14px;
}
ol#bread_nav a {
  color:#09F;
}
ol#bread_nav a.disabled{
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color:#000000;
}

/*-- LEFT SEARCH --*/

.lc_contents ul.lcs_link {
  list-style-type: none;
  overflow:hidden;
  text-align:justify;
  text-justify:inter-ideograph;
}

.lc_contents ul.lcs_link li {
  display: inline;
}
.lc_contents ul.lcs_link li:after {
  content:"｜";
  color:#CCC;
}

* html .lc_contents ul.lcs_link li {
  white-space:nowrap;
}

/*-- LEFT FORM --*/

.lc_contents dl#form dt {
  background-image: url(https://ondanada.com/images/bullet1.gif);
  background-repeat: no-repeat;
  background-position: left 1px;
}

input.lcf_name,
input.lcf_mail {
  width: 190px;
}

textarea.lcf_comment {
  width: 220px;
  height:60px;
}
/*-- RIGHT CONTENTS --*/

.rcw_contents {
  height: auto;
  width: 620px;
}

.rc_header {
  height: 31px;
  width: 620px;
  background-image: url(https://ondanada.com/images/rc_header.gif);
  background-repeat: no-repeat;
  padding-top: 14px;
  margin-bottom: 5px;
}

.rc_contents {
  height: auto;
  width: 620px;
  zoom: 1;
}

.rc_contents:after {
  font-size: 1px;
  height: 0px;
  clear: both;
  display:block;
  content: ".";
}
.lc_contents iframe {
  border:0;
}

.rc_footer {
  width: 620px;
  height: 30px;
}

/*-- MEMBER PROFILE --*/

#rcpr_tnextprev {
  width: 620px;
  height: 24px;
  margin-top: 20px;
  margin-bottom: 5px;
  position: relative;
  overflow:hidden;
}

#rcpr_bnextprev {
  width: 620px;
  height: 24px;
  margin-bottom: 5px;
  position: relative;
  overflow:hidden;
}

#rcpr_tnextprev ul,
#rcpr_bnextprev ul {
  list-style-type: none;
}

#rcpr_tnextprev li.prev,
#rcpr_bnextprev li.prev {
  position: absolute;
  left: 0px;
  top: 0px;
}

#rcpr_tnextprev li.top,
#rcpr_bnextprev li.top {
  position: absolute;
  left: 158px;
  top: 0px;
}

#rcpr_tnextprev li.next,
#rcpr_bnextprev li.next {
  position: absolute;
  right: 0px;
  top: 0px;
}

#rcpr_tnextprev li a,
#rcpr_bnextprev li a {
  width: 154px;
  height: 24px;
  display:block;
}

#rcpr_tnextprev li.top a,
#rcpr_bnextprev li.top a {
  width: 304px;
  height: 24px;
  display:block;
}

#rcpr_tnextprev li.prev a {
  background-image: url(https://ondanada.com/images/rcpr_tprenex.gif);
  background-repeat: no-repeat;
  background-position: left 0px;
}

#rcpr_tnextprev li.top a {
  background-image: url(https://ondanada.com/images/rcpr_tprenex.gif);
  background-repeat: no-repeat;
  background-position: -158px 0px;
}

#rcpr_tnextprev li.next a {
  background-image: url(https://ondanada.com/images/rcpr_tprenex.gif);
  background-repeat: no-repeat;
  background-position: right 0px;
}

#rcpr_tnextprev li.prev a:hover {
  background-position: left -24px;
}

#rcpr_tnextprev li.top a:hover {
  background-position: -158px -24px;
}

#rcpr_tnextprev li.next a:hover {
  background-position: right -24px;
}

#rcpr_bnextprev li.prev a {
  background-image: url(https://ondanada.com/images/rcpr_bprenex.gif);
  background-repeat: no-repeat;
  background-position: left 0px;
}

#rcpr_bnextprev li.top a {
  background-image: url(https://ondanada.com/images/rcpr_bprenex.gif);
  background-repeat: no-repeat;
  background-position: -158px 0px;
}

#rcpr_bnextprev li.next a {
  background-image: url(https://ondanada.com/images/rcpr_bprenex.gif);
  background-repeat: no-repeat;
  background-position: right 0px;
}

#rcpr_bnextprev li.prev a:hover {
  background-position: left -24px;
}

#rcpr_bnextprev li.top a:hover {
  background-position: -158px -24px;
}

#rcpr_bnextprev li.next a:hover {
  background-position: right -24px;
}
#rcpr_box {
  width: 620px;
  height: auto;
  zoom: 1;
}

#rcpr_box:after {
  font-size: 1px;
  height: 0px;
  clear: both;
  display:block;
  content: ".";
}

.rcpr_wrapper {
  width: 154px;
  height: auto;
  float:left
}

.rcprw_header {
  height: 25px;
  width: 154px;
  background-image: url(https://ondanada.com/images/rcprw_header.gif);
  background-repeat: no-repeat;
}

.rcprw_contents {
  width: 154px;
  background-image: url(https://ondanada.com/images/rcprw_contents.gif);
  background-repeat: y-repeat;
}

.rcprw_footer {
  height: 29px;
  width: 154px;
  background-image: url(https://ondanada.com/images/rcprw_footer.gif);
  background-repeat: no-repeat;
}

dl.pr_box {
  width: 100px;
  margin-left: 4px;
  padding:0px 25px;
}

dl.pr_box dt.prb_imgbox {
  height: 100px;
  width: 100px;
  background-color: #CCCCCC;
  overflow:hidden;
}
.prb_imgbox img {
  width:100px;
  height:100px;
  object-fit: cover;
}

dl.pr_box dd ul {
  list-style-type: none;
}

dl.pr_box dd ul li {
  padding-top: 5px;
}

dl.pr_box dd ul li.pr_comment {
  width: 100px;
  height: 2em;
  overflow: hidden;
}
dl.pr_box dd ul li.pr_detail,
dl.pr_box dd ul li.pr_apo {
  display: block;
  height: 30px;
  width: 100px;
  overflow:hidden;
}

dl.pr_box dd ul li.pr_detail a,
dl.pr_box dd ul li.pr_apo a {
  display: block;
  height: 30px;
  width: 100px;
}

dl.pr_box dd ul li.pr_detail a {
  background-image: url(https://ondanada.com/images/pr_detailbtn.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

dl.pr_box dd ul li.pr_apo a {
  background-image: url(https://ondanada.com/images/pr_apobtn.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

dl.pr_box dd ul li.pr_detail a:hover,
dl.pr_box dd ul li.pr_apo a:hover {
  background-position: 0px -30px;
}
/*-- FOOTER --*/

/*-- TOP LINK --*/

#top_link {
  width: 970px;
  height: 102px;
  margin-bottom: 20px;
  background: url(https://ondanada.com/images/top_link.gif) no-repeat;
  overflow:hidden;
}

#tl_box {
  width:309px;
  height:51px;
  overflow:hidden;
  margin-top: 35px;
  margin-right: 10px;
  margin-bottom: 20px;
  margin-left: 651px;
}

#tl_box a {
  height: 51px;
  width: 309px;
  display: block;
  background-image: url(https://ondanada.com/images/tl_button.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#tl_box a:hover {
  height: 51px;
  width: 309px;
  display: block;
  background-image: url(https://ondanada.com/images/tl_button.gif);
  background-repeat: no-repeat;
  background-position: 0px -51px;
}
/*-- FOOTER LINK --*/

#footer_link {
  width: 970px;
  height: 480px;
  float: left;
}

#fl_left {
  width: 610px;
  height: 480px;
  float: left;
  padding-right: 40px;
}

#fl_right {
  width: 320px;
  height: 453px;
  float: right;
  padding-top: 27px;
}

/*-- FOOTER LINK LEFT --*/

h2.fl_title {
  font-weight:bold;
  margin-bottom: 3px;
  padding-top: 10px;
  padding-bottom: 3px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #666666;
}

ul.f_link {
  list-style-type: none;
  overflow:hidden;
  text-align:justify;
  text-justify:inter-ideograph;
}

ul.f_link li {
  display: inline;
}

* html ul.f_link li {
  white-space:nowrap;
}

/*-- FOOTER LINK RIGHT --*/

.flr_box {
  width: 320px;
  height: 71px;
  padding-bottom: 15px;
}

.flr_box a img {
  border: 3px solid #999999;
}

.flr_box a:hover img {
  border: 3px solid #FFFFFF;
}

.flr_logobox {
  width: 320px;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
}

/*-- FOOTER LINK BOTTOM --*/

#footer_credit {
  width: 970px;
  padding-top: 30px;
  padding-bottom: 20px;
  float: left;
}
#footer_credit strong,#footer_credit em {
  font-style: normal;
  font-weight: normal;
}
#footer_credit p {
  text-align: center;
}

/*-- TEXT --*/

h1 {
  font-size: 100%;
  color: #FFFF00;
  font-weight: normal;
}

h2#hs_title {
  font-size: 79%;
  color: #666666;
  font-weight: normal;
}

html>/**/body h2#hs_title {
  font-size: 91%;
}

h2.lch_title {
  font-size: 116%;
  color: #FFFF00;
  text-indent: 0.7em;
}

.lc_contents dl#about dt {
  color: #FF6633;
  font-weight: bold;
}

.lc_contents dl#system dt,
.lc_contents dl#search dt {
  font-weight: bold;
}

.lc_contents dl#search dt a {
  color: #A47E31;
}

.lc_contents ul.lcs_link {
  font-size: 79%;
  line-height: 150%;
}

html>/**/body .lc_contents ul.lcs_link {
  font-size: 91%;
  line-height: 120%;
}

.lc_contents ul.lcs_link li a {
  color: #D5AA6A;
}

.lc_contents ul.lcs_link li a:hover {
  color: #FF6699;
}

.lc_contents dl#form dt {
  text-indent: 1.5em;
  font-size: 116%;
  font-weight: bold;
}

h2.rch_title {
  font-size: 150%;
  color: #666666;
  text-indent: 1.7em;
}

#tl_box a {
  padding-top: 200px;
}

h2.fl_title a {
  font-size:51%;
  color: #FF99CC;
}

html>/**/body h2.fl_title a {
  font-size: 12px;
}

h2.fl_title a:hover {
  color: #FFFFFF;
}

ul.f_link {
  font-size: 79%;
  line-height: 150%;
}

html>/**/body ul.f_link {
  font-size: 91%;
  line-height: 120%;
}

#footer_credit p {
  color: #CCCCCC;
}

#rcpr_tnextprev li a,
#rcpr_bnextprev li a {
  padding-top: 200px;
}

dl.pr_box dd ul li {
  line-height: 100%;
}

dl.pr_box dd ul li.pr_comment {
  font-size: 79%;
  line-height: 110%;
}

html>/**/body dl.pr_box dd ul li.pr_comment {
  font-size: 91%;
  line-height: 105%;
}

dl.pr_box dd ul li.pr_detail a,
dl.pr_box dd ul li.pr_apo a {
  padding-top: 100px;
}
