@charset "Shift_JIS";

/* トータルコスト用スタイルシート
---------------------------------------*/

/* トータルコスト
---------------------------------------*/
.btm_10 {
	padding-bottom: 10px;
}
#content_total_cost .midashi {
	width: 97%;
	margin: 0px auto;
	padding: 10px 0px 5px;
	border-bottom: dashed 1px #cccccc;
	font-size: 100%;
	font-weight: bold;
}
p.total_cost_date, p.month_cost_date {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}
.total_cost_l {
	width: 11em;
	float: left;
	text-align: right;
	white-space: nowrap;
}
p.month_cost_d {
	clear: both;
}
.total_cost_r {
	float: right;
	text-align: right;
	white-space: nowrap;
}
#totalcost_exp {
	width: 100%;
	margin-top: 2px;
	margin-bottom: 15px;
	background-color: #ffffff;
}
#totalcost_exp p {
	padding: 5px;
	border: solid 2px #ffcc33;
}
#runcost_chart {
	margin-top: 10px;
}
#runcost_chart p {
	text-align: right;
	padding-right: 15px;
}
#runcost_chart table {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	color: #333333;
}
#runcost_chart th {
	font-weight: normal;
	text-align: center;
	border: solid 1px #a1a1a1;
	padding: 5px 0;
}
#runcost_chart td {
	text-align: center;
	border: solid 1px #a1a1a1;
	padding: 5px 0;
}
#runcost_chart .bg {
	background-color: #e1e1e1;
}
#runcost_chart .sum {
	font-weight: bold;
}
#runcost_chart .total {
	font-size: 110%;
	font-weight: bold;
	color: #cc0000;
}
#runcost_chart .double {
	border-top: double 3px #a1a1a1;
}

/* 詳細設定
---------------------------------------*/
#detail_midashi {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding-bottom: 5px;
	border-bottom: dashed 1px #c1c1c1;
}
#detail_midashi h3 {
	float: left;
}
#detail_midashi p {
	float: right;
}
table#runcost_detail {
	width: 380px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
table#runcost_detail th {
	text-align: right;
	vertical-align: top;
	font-weight: normal;
	padding-right: 20px;
	padding-bottom: 5px;
}
table#runcost_detail td {
	padding-bottom: 5px;
}

table#runcost_detail input{
	width: 100px;
	margin-right: 5px;
}
table#runcost_detail select{
	width: 105px;
}

#btn_change { /* 設定変更ボタン */
	width: 100px;
	margin: 15px auto 10px;
}


/* TotalCost Graph For NoScript */
table#noscript_graph_l {
        width: 80%;
        margin-top: 1%;
        margin-left: 10%;
        margin-right: 10%;
}
table#noscript_graph_l th {
        background-color: #dbdbdb;
        color: #000000;
        border: solid 1px #b0b0b0;
        font-weight: bold;
        text-align: center;
        padding: 5px 0;
}
table#noscript_graph_l td {
        background-color: #ffffff;
        color: #333333;
        border: solid 1px #999999;
}
table#noscript_graph_l .date {
        text-align: left;
        padding: 5px 0 5px 18px;
}
table#noscript_graph_l .price {
        width: 150px;
        text-align: center;
        font-size: 100%;
        font-weight: bold;
        color: #cc0000;
        padding: 5px 0;
}
table#noscript_graph_l .noscript_bar {
        text-align: left;
        padding-left: 1px;
}
table#noscript_graph_l .noscript_bar img {
        border: solid 1px #ff6600;
}

/* 返済期間 */
ul.radio_list {
	width: 190px;
}
ul.radio_list li {
	float: left;
	padding-right: 2px;
	white-space: nowrap;
}
table#runcost_detail td#runcost_term {
	width: 190px;
	margin: 0;
	padding: 0 0 5px 0;
}
table#runcost_detail td#runcost_term input {
	width: auto;
}
.term_wrapper {
	width: 200px;
}

/* トータルコストについて
---------------------------------------*/
#totalcost_explain {
	margin-top: 20px;
}
#totalcost_explain_side {
	padding-left: 10px;
	text-align: left;
	vertical-align: top;
}
dl.totalcost_explain_d {
	padding-bottom: 10px;
	background: url(img/dot_border.gif) repeat-x 0 100%;
}
dl.totalcost_explain_d dd {
	margin-top: 5px;
}