@charset "utf-8";
html {
  }

body {
  margin: 0px auto;
  padding: 0;
  max-width: 955px;
  background-color: #FFF;
  font: 76% arial, sans-serif; }

p {
  margin: 0 10px 10px; }

a {
   /* color: #981793; */
  }
  a img {
    border: none; }

fieldset {
  border: none; }

div#content {
  background: url(/images/front/center1.jpg) repeat-y;
  width: 580px;
  min-height: 550px;
  margin-left: 185px;}
  div#content p {
    line-height: 1.4; }
  .yrwform {}
    .yrwform td.name {width:23%;padding-left:20px;}
    .yrwform td.field {width:60%;}
    .yrwform td.plus {padding-left:165px;}
table {text-align:left}


table.txtcontent {border-collapse: collapse; border-spacing: 0}
table.txtcontent td, table.txtcontent th {padding:3px; font-size:1em}
table.txtcontent th {color:#3E4853; font-weight:bold}
table.txtcontent td.step_how {color:#666; font-size:3em; padding-top:3px}
table.border1px td, table.border1px th {border:1px solid #bcd3e4}
.borderblock {padding:.5em; border:1px solid #ccc; background:#fff};
.gmiddle {text-align:center};
.vmiddle {vertical-align:middle}


div.formError {
  color:red;
  font-weight:bold;
  }
.errorExplanation {
  color:red;
  font-weight:bold;
}
div.fieldWithErrors {
  display:inline;
}
div#wrapper {
  float: left;
  width: 100%; }
div#navigation {
  float: left;
  width: 185px;
  margin-left: -100%; }
div#extra {
  float: left;
  width: 185px;
  margin-left: -185px; }
div#footer {
  clear: left;
  width: 100%; }

#sub_header_1 {
  background-image: url(/images/front/header1.jpg);
  height: 30px; }
  #sub_header_1 a {
    display: inline;
    padding-top: 10px;
    color: #4C81CF;
    font-weight: bold; }
    #sub_header_1 a:hover {
      padding-top: 10px;
      color: #DD403E; }
  #sub_header_1 img {
    vertical-align: middle;
    margin: 0 0px 0 0; }

#login_area {
  float: left;
  padding-left: 15px;
  font-weight:bold;
  color:#f12e4a}

#login_area1 {
  float: left;
  padding-left: 15px;
  margin-top: 5px; }

#lang_area {
  float: right;
  padding: 5px 15px 0 0; }

#sub_header_2 {
  background-image: url(/images/front/header.jpg);
  height: 198px; }


.menu_box_one {
  width: 95%;
  float: left;
  height: 38px;
  padding-left: 5%;
  background-image: url(/images/front/menu_box_back.jpg); }
  .menu_box_one a {
    color: #FFFFFF;
    font-size: 10pt;
    font-family: Arial;
    font-weight: bold;
    text-decoration: none;
    }
    

.menu_box_one_link {
  float: left;
  height: 29px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 9px; }
.menu_box_one_link:hover {
  background-image: url(/images/front/menu_active.jpg);
  color: #FBB464;
}
.menu_box_one_link:hover a {
      color: #FBB464;
    }
.menu_box_one_linkshadow {
  float: left;
  height: 29px;
  padding-top: 9px;
  background: #F7F1B5 url(/images/front/bg_link_oneshadow.jpg) bottom left repeat-x;
  display: inline;
  padding-left: 10px;
  padding-right: 10px;
  color: #666344;
  font-size: 10pt;
  font-family: Arial;
  font-weight: bold; }
  .menu_box_one_linkshadow a {
    color: #FBB464;
    text-decoration: none; }
    .menu_box_one_linkshadow a:hover {
      color: #FBB464;
      text-decoration: none; }

#menu_box_one a {
  color: #FFFFFF;
  font-size: 10pt;
  font-family: Arial;
  font-weight: bold;
  text-decoration: none; }
  #menu_box_one a:hover {
    color: #FBB464; }

#sub_content {
  background: url(/images/front/center2.jpg) repeat-y;
  min-height: 670px;
  padding: 5px 15px 10px 15px; }

#center_bottom {
  background-image: url(/images/front/center3.jpg);
  width: 580px;
  height: 9px;
  margin-left: 185px;
}

#navigation img {
  border: 0px;
  margin: 0px;
  padding: 0px; }

.item {
  width: 179px;
  height: 191px;
  margin-bottom: 40px; }

.item_header {
  line-height: 0px;
  font-size: 0px; }

#item_h7 {
  background-image: url(/images/front/item_page_header7.jpg);
  width: 168px;
  height: 39px;
  margin-bottom: 1px;
  margin-right: 15px;
  float: right; }

.item_text {
  background-image: url(/images/front/item_page_bg.jpg);
  width: 179px;
  height: 112px;
  }
  .item_text p {
    margin-left: 7px;
    font-size: 1em; }
  .item_text a {
    padding-top:0px;
    margin: 10px 0px 0px 0px;
    font-size: 0.8em;
    color:#4C81CF}
  .item_text a:hover {
    color:#FBB464}
  .item_text span {
    display:block;
    padding-left:10px;
    
    }

.item_footer {
  background-image: url(/images/front/item_page_footer.jpg);
  width: 179px;
  height: 44px; }


#footer {
  background-image: url(/images/front/footer.jpg);
  height: 29px; }
  #footer .navi {
    width: 775px;
    position: relative;
    overflow: hidden;
    text-align: center;
    margin: 0px auto;
    padding-top: 5px; }
  #footer a {
    color: #666666;
    text-decoration: none; }
  #footer .hr_emul {
    width: 80%;
    background: url(/images/front/hrline.gif) repeat-x;
    margin-left: 8%;
    height: 4px; }
  #footer .navi_c {
    float: left;
    left: 50%;
    position: relative;
    text-align: center; }
  #footer .navi_w {
    position: relative;
    left: -50%;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0; }

/* ****************noticies css************************/
p.notice,
p.warning,
p.error {
  font-size: 18px;
  padding: 15px 10px;
  margin-bottom: 10px;
}

p.notice span,
p.warning span,
p.error span {
  float: left;
  width: 42px;
  height: 32px;
  margin-top: -5px;
}

p.notice {
  background: url(/images/flash-notice-bg.jpg) repeat-x left top;
  color: #41612f;
}
p.notice span {
  background: url(/images/flash-check.png) no-repeat left top;
}

p.warning {
  background: url(/images/flash-warning-bg.jpg) repeat-x left -10px;
  color: #a26a1a;
}
p.warning span {
  margin-top: -6px;
  background: url(/images/flash-warning.png) no-repeat left top;
}

p.error {
  background: url(/images/flash-error-bg.jpg) repeat-x left -10px;
  color: #af0100;
}
p.error span {
  margin-top: -6px;
  background: url(/images/flash-error.png) no-repeat left top;
}
/* ****************sliding_panel************************/
#top_panel{
  margin: 0 auto;
	margin-left: 500px;
	width: 383px;
	font: 75%/120% Arial, Helvetica, sans-serif;
  position: absolute;
}
#panel {
	background: #00CCFF;
	height: 40px;
	display: none;
	background-color: #BADDF9;
}
#slide {
	margin: 0;
	padding: 0;
	border-top: solid 2px #2670AA;
	background: url(/images/slidepanel/btn-slide.png) no-repeat right top;
}
.btn-slide {
	text-align: center;
	width: 200px;
	height: 31px;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;

}

.sliding_label {
	text-align: center;
	width: 110px;
	height: 20px;
	display: block;
	padding-left:275px;
	color: #ffffff;
	text-decoration: none;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 90%;

}