@charset "utf-8";

/* =======================================
  charge.css
======================================= */
/* --------------------------------------------------------
   charge
-------------------------------------------------------- */
#charge { 
    padding: 15px 0 0 0;
    overflow: hidden;
    _zoom: 1;
}


/* --------------------------------------------------------
   sidemenu_outline
-------------------------------------------------------- */
.sidemenu_outline { 
    width: 200px;
	margin: 0 auto;
    padding: 5px 0;
    overflow: hidden;
    _zoom: 1;
}
.sidemenu_outline .box { 
    width: 200px;
	margin: 0 auto 10px auto;
    padding: 0;
    overflow: hidden;
    _zoom: 1;
}
.sidemenu_outline .box p {
	margin: 0;
    padding: 0;
	font-size: 93%;
	font-weight: bold;
}
.sidemenu_outline li a:link,.sidemenu_outline li a:visited,.sidemenu_outline li a:active { 
    width: 190px;
	margin: 0 auto 1px auto;
    padding: 7px 0 6px 10px;
    display: block;
	background: #b5b4ab;
    color: #fff;
    text-decoration: none;
}
.sidemenu_outline li a span { 
	background: url(../about/images/sidemenu_arrow_off.gif) no-repeat 0 4px;
    padding: 0 0 0 12px;
}
.sidemenu_outline li a:hover { 
    width: 190px;
	margin: 0 auto 1px auto;
    padding: 7px 0 6px 10px;
    display: block;
	background: #c29a5f;
    color: #fff;
    text-decoration: none;
}
.sidemenu_outline a:hover span {
	background: url(../about/images/sidemenu_arrow_on.gif) no-repeat 0 4px;
    padding: 0 0 0 12px;
}
.sidemenu_outline .on { 
    width: 190px;
	margin: 0 auto 1px auto;
    padding: 7px 0 6px 10px;
    display: block;
	background: #c29a5f;
    color: #fff;
    text-decoration: none;
}
.sidemenu_outline .on span {
	background: url(../about/images/sidemenu_arrow_on.gif) no-repeat 0 4px;
    padding: 0 0 0 12px;
}


/* --------------------------------------------------------
   ex
-------------------------------------------------------- */
#charge .ex h3 { 
    width: 710px;
	height: 33px;
	margin: 0 auto 5px auto;
    padding: 12px 0 0 10px;
    overflow: hidden;
    _zoom: 1;
	background: url(../images/title_bg.jpg) no-repeat;
}


/* --------------------------------------------------------
   linkbox
-------------------------------------------------------- */
#charge .linkbox { 
    width: 683px;
	margin: 0 auto 15px auto;
    padding: 13px 15px 10px 15px;
    overflow: hidden;
    _zoom: 1;
	font-size: 93%;
	border: 1px solid #dccccc;
}
#charge .linkbox li {
	float: left;
	padding: 0 19px;
	background: url(../images/arrow.gif) no-repeat 0 1px;
}


/* --------------------------------------------------------
   price
-------------------------------------------------------- */
#charge .price { 
	padding: 0 0 15px 0;
    overflow: hidden;
    _zoom: 1;
}
#charge .price h4 { 
    width: 690px;
	height: 28px;
	margin: 0 auto 15px auto;
    padding: 4px 0 0 25px;
	font-weight: bold;
	background: url(../images/subtitle_bg.gif) no-repeat;
	font-size: 108%;
}
#charge .price h5 { 
	margin: 0;
    padding: 0 0 5px 10px;
	font-weight: bold;
	font-size: 100%;
}
#charge .price p {
	margin: 0; 
	padding: 5px 0 0 0;
    overflow: hidden;
    _zoom: 1;
}
#charge .price .minitxt {
	padding: 5px 0 0 5px;
	font-size: 11px;
}
.price .subname {
	margin: 0 auto 10px auto;
    padding: 0 0 0 15px;
	font-weight: bold;
    overflow: hidden;
    _zoom: 1;
}

/* table */
#charge table#table-01 {
    width: 710px;
	margin: 0 auto 15px auto;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
#charge table#table-01 th {
    padding: 3px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    font-weight: bold;
    text-align: center;
}
#charge table#table-01 td {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
}
#charge table .bgc01 {
	background: #e7e2d6;
}
#charge table .bgc02 {
	background: #d4c593;
	font-weight: bold;
    text-align: center;
}
#charge table .bgc02c {
	background: #d4c593;
	font-weight: bold;
	text-align: center;
}
#charge table .bgc03 {
	background: #f6f5f2;
	width: 60px;
}
#charge table .bgc04 {
	background: #f9f8f4;
	text-align: left;
}
#charge table .bgc05 {
	background: #faf6e5;
    text-align: center;
}
#charge table .small {
	font-size: 11px;
}
#charge .pri {
	text-align: right;
    padding-right: 5px;
}
#charge .pri2 {
	text-align: center;
    padding-right: 5px;
}


/* --------------------------------------------------------
   ex
-------------------------------------------------------- */
#charge .ex { 
	padding-bottom: 15px;
    overflow: hidden;
    _zoom: 1;
}
#charge .ex h4 { 
    width: 690px;
	height: 28px;
	margin: 0 auto 15px auto;
    padding: 4px 0 0 25px;
	font-weight: bold;
	background: url(../images/subtitle_bg.gif) no-repeat;
	font-size: 108%;
}
#charge .ex .subtitle { 
    width: 710px;
	margin: 0 auto 7px auto;
    padding: 0 0 3px 5px;
	font-weight: bold;
	border-bottom: 1px dotted #CCC;
}

#charge .olbox { 
	padding: 10px 0 0 0;
}
#charge .olbox span {
	font-weight: bold;
}
#charge ol { 
	padding: 5px 0 10px 20px;
}

#charge dl { 
    width: 700px;
	margin: 0 auto 10px auto;
}
#charge dt {
    font-weight: bold;
	padding: 0;
}
#charge dd {
    padding: 0;
}
#charge .hyou {
    padding: 10px 0;
    overflow: hidden;
    _zoom: 1;
}
#charge .hyou td {
    padding: 4px 6px;
}


/* --------------------------------------------------------
   bottommenu_charge
-------------------------------------------------------- */
.bottommenu_charge { 
    width: 715px;
	margin: 0 0 0 13px;
    padding: 0 0 30px 0;
    overflow: hidden;
    _zoom: 1;
}
.bottommenu_charge li { 
    width: 180px;
	margin: 0 1px 0 0;
	float: left;
	text-align: center;
	font-size: 93%;
}
.bottommenu_charge li a { 
    width: 180px;
	margin: 0 auto;
    padding: 7px 0 5px 0;
    display: block;
	background: #b5b4ab;
    color: #fff;
    text-decoration: none;
}
.bottommenu_charge li a:hover { 
    width: 180px;
	margin: 0 auto;
    padding: 7px 0 5px 0;
    display: block;
	background: #c29a5f;
    color: #fff;
    text-decoration: none;
}
.bottommenu_charge .on { 
    width: 180px;
	margin: 0 1px 0 0;
    padding: 7px 0 5px 0;
    display: block;
	background: #c29a5f;
    color: #fff;
    text-decoration: none;
}


/* --------------------------------------------------------
   other
-------------------------------------------------------- */
#charge .pagetop_s { 
    width: 730px;
	margin: 0 auto;
    padding: 0 0 20px 0;
	font-size: 93%;
	text-align: right;
}


#charge .smark { color: #e49797; }