<!--
/*common*/
img, fieldset { border: 0; }

/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { zoom: 1; }

html {
	overflow-y: scroll;
}

body {
	color: #333333;
	line-height: 1.8em;
	font-size: 12px;
	background-color: #FEFBE9;
	margin: 10px;
	padding: 0;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", Meiryo, "\30D2\30E9\30AE\30CE\89D2\30B4\20Pro\20W3", "\30e1\30a4\30ea\30aa", "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", Osaka, Verdana, sans-serif;
	text-align: center;
}

td, th {
	color: #333333;
	line-height: 1.8em;
	font-size: 12px;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", Meiryo, "\30D2\30E9\30AE\30CE\89D2\30B4\20Pro\20W3", "\30e1\30a4\30ea\30aa", "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", Osaka, Verdana, sans-serif;
}

input, select, textarea {
	color: #333333;
	line-height: 1.55em;
	padding: 2px;
	font-size: 12px;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", Meiryo, "\30D2\30E9\30AE\30CE\89D2\30B4\20Pro\20W3", "\30e1\30a4\30ea\30aa", "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", Osaka, Verdana, sans-serif;
}

form {
	margin: 0;
}

u {
	text-decoration: none;
	border-bottom: 1px dashed #3399FF;
}

.alert {
	color: #ff0000;
}

.positive {
	font-weight: bold;
	color: #FF6600;
}

.positive_underline {
	border-bottom: 1px solid #FF6600;
	margin-bottom: 5px;
}

.negative {
	font-weight: bold;
	color: #00CC00;
}

.negative_underline {
	border-bottom: 1px solid #00CC00;
	margin-bottom: 5px;
}

.impact {
	font-weight: bold;
	color: #3399FF;
}

.impact_underline {
	border-bottom: 1px solid #3399FF;
	margin-bottom: 5px;
}

.large {
	font-size: 16px;
}

.small {
	font-size: 11px;
}

div#mainout {
	text-align: center;
}
div#main {
	width: 950px;
	margin: 10px auto 20px auto;
}
div#header {
	width: 950px;
	height: 86px;
	text-align: left;
	background: transparent url("./images/header.gif") no-repeat 0 0;
}
div#header a#logo{
	display: block;
	width: 282px;
	height: 56px;
	font-size: 1px;
	text-indent: -9999px;
	background: transparent url("./images/logo.gif") no-repeat 0 0;
	float: left;
	margin: 20px 0 0 20px;
}

div#header div#head_banner{
	display: block;
	width: 468px;
	height: 60px;
	float: left;
	margin: 16px 0 0 86px;
}

div#menu {
	width: 950px;
	height: 33px;
	background: transparent url("./images/bg.gif") repeat-y 0 0;
}
div#menu ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 5px;
}
div#menu ul li {
	display: block;
	float: left;
}
div#menu ul li a {
	display: block;
	width: 188px;
	height: 33px;
	font-size: 1px;
	text-indent: -9999px;
}
div#menu ul li#menu1 a {
	background: transparent url("./images/menu1.gif") no-repeat 0 0;
}
div#menu ul li#menu2 a {
	background: transparent url("./images/menu2.gif") no-repeat 0 0;
}
div#menu ul li#menu3 a {
	background: transparent url("./images/menu3.gif") no-repeat 0 0;
}
div#menu ul li#menu4 a {
	background: transparent url("./images/menu4.gif") no-repeat 0 0;
}
div#menu ul li#menu5 a {
	background: transparent url("./images/menu5.gif") no-repeat 0 0;
}

div#body {
	padding: 20px 15px 10px 20px;
	text-align: left;
	background: transparent url("./images/bg.gif") repeat-y 0 0;
}
div#body div#right_contents{
	float: right;
	margin-left: 10px;
	width: 690px;
	text-align: left;
}
div#body div.headline{
	border-bottom: solid 3px #F5A330;
	background-image: url('./images/headline.gif');
	background-repeat: repeat-x;
	background-position: 0 0;
	width: 685px;
	height: 38px;
	text-align: center;
	padding-top: 5px;
}
div#body div.headline h3 {
	margin: 0;
	display: inline;
	color: #000000;
	line-height: 30px;
	font-weight: normal;
	font-size: 15px;
}
div#body div.headline span {
	color: #666666;
	font-size: 12px;
	line-height: 28px;
}
div#body div.left_headline{
	background-image: url('./images/left_headline.gif');
	background-repeat: repeat-x;
	background-position: 0 0;
	width: 204px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: solid 3px #F5A330;
}

div.form_head{
	clear: both;
	float: left;
	width: 90px;
	text-align: right;
	right-margin: 10px;
}
div.form_input{
	float: left;
	right-margin: 10px;
}
div.form_caution{
	float: left;
}

div#body div#right_contents div#uchi_head{
	display: none;
}
div#body div#right_contents div#uchi_sel{
	display: none;
}
div#body div#right_contents div#payway_div{
	display: none;
}
div#body div#right_contents div#credit_div{
	display: none;
}
div#body div#right_contents div#time_div{
	display: none;
}
div#body div#right_contents div#debit_div{
	display: none;
}
div#body div#right_contents div#account_div{
	display: none;
}
div#body div#right_contents div#price_div{
	display: none;
}
div#body div#right_contents div#memo_div{
	display: none;
}
div#body div#right_contents div#submit_div{
	display: none;
}
div#body div#right_contents div#come1{
	display: block;
}
div#body div#right_contents div#come2{
	display: none;
}


div#body div#left_contents{
	float: right;
	margin-right: 11px;
	width: 204px;
	text-align: left;
	/* border-right: 1px dashed #999999; */
}
div#footer {
	width: 950px;
	height: 55px;
	/*
	font-size: 1px;
	text-indent: -9999px;
	*/
	background: transparent url("./images/footer.gif") no-repeat 0 0;
}
div#footer_in {
	display: none;
}
div#footer_menu {
	padding-right: 20px;
	padding-top: 8px;
	text-align: right;
}

div.graph {
	width: 200px;
	height: 6px;
	padding: 0;
	margin: 3px 0;
	background-color: #eeeeee;
}

div.graph_s {
	width: 200px;
	height: 6px;
	padding: 0;
	margin: 3px 0;
	background-color: #eeeeee;
}

div.graph_dam {
	display: none;
}

div.box {
	padding-top: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #999999;
}

div.wipe_box {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #999999;
}
div.wipe_head {
	display: block;
	width: 600px;
	height: 30px;
	font-size: 1px;
	text-indent: -9999px;
}
div.wipe_body {
	/* padding-top: 10px; */
	margin-left: 30px;
	width: 570px;
}
div.wipe_body ol {
	margin-top: 10px;
	margin-bottom: 0;
}
div.wipe_body ol li {
	/* padding-bottom: 15px; */
}
div.wipe_body ol li img {
	border: 1px solid #999999;
	margin-top: 5px;
	margin-bottom: 5px;
}
div.wipe_body ol li div.arrow{
	margin-left: 20px;
	width: 56px;
	height: 21px;
	font-size: 1px;
	text-indent: -9999px;
	background: transparent url("./images/guide_arrow.gif") no-repeat 0 0;
}

a {  }
a:link{ text-decoration: underline; color: #0066cc; }
a:visited{ text-decoration: underline; color: #0066cc; }
a:active{ text-decoration: none; color: #0066cc; }
a:hover{ text-decoration: none; color: #cc6600; }

.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}

b {
	color: #009900;
}

div.caption{
	margin: 5px;
}

.min {
	font-size: 11px;
	line-height: 1.5em;
}



table#meisai{
	width: 204px;
	border-left: 1px solid #CBCBCB;
}

/* bt b c / t rb c */
/* bt b / t rb */
table#meisai td{ padding: 3px 4px 2px 4px; }
table#meisai td.bt{ color: #4886C5; font-weight: bold; }
table#meisai td.t{ color: #58717C; }
table#meisai td.b{ border-bottom: 1px solid #CBCBCB; }
table#meisai td.rb{ border-bottom: 1px solid #CBCBCB; border-right: 1px solid #CBCBCB; }
table#meisai td.r{ border-right: 1px solid #CBCBCB; }
table#meisai td.c{ background-color: #F4F9FE; }

table#atm{
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}

table#atm td, table#atm th{
	padding: 5px 8px;
}
table#atm th{
	color: #ffffff;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-color: #5E9BD8;
}
table#atm td{
	color: #4886C5;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-color: #F4F9FE;
}


div#cal_head{
	padding: 2px;
}

div#calender table#cal{
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: none;
}

div#calender table#cal th.cal, div#calender table#cal td.cal{
	width: 25px;
	height: 25px;
	padding: 0;
	border-top: none;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	text-align: center;
}
div#calender table#cal th.cal{
	padding-top: 2px;
	background-color: #eeeeee;
	font-weight: bold;
}
div#calender table#cal td.cal {
	font-size: 14px;
	line-height: 14px;
	color: #666666;
}
div#calender table#cal td.cal_has1 {
	background-image: url(images/check_for_cal1.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
div#calender table#cal td.cal_has2 {
	background-image: url(images/check_for_cal2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
div#calender table#cal td.cal_has3 {
	background-image: url(images/check_for_cal3.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
div#calender table#cal td.cal_has4 {
	background-image: url(images/check_for_cal4.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
div#calender table#cal td.cal_has5 {
	background-image: url(images/check_for_cal5.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
div#calender table#cal td.cal_has6 {
	background-image: url(images/check_for_cal6.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
div#calender table#cal td.cal_has7 {
	background-image: url(images/check_for_cal7.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
div#calender table#cal td.cal div {
	padding-top: 2px;
}
div#calender table#cal td.cal a {
	padding-top: 2px;
	display: block;
}
div#calender table#cal td a.yes {
	color: #cc0000;
	text-decoration: none;
}

form#household_book_table th {
	border-bottom: 1px dashed #999999;
	padding: 2px;
}

form#household_book_table td {
	padding: 3px 5px 1px 5px;
	/*border-bottom: 1px dashed #999999; */
}

form#household_book_table table#in_table {
	border-left: 1px solid #ff77bb;
}
form#household_book_table table#in_table td {
	border-right: 1px solid #ff77bb;
	border-bottom: 1px solid #ff77bb;
}

form#household_book_table table#out_table {
	border-left: 1px solid #77bbff;
}
form#household_book_table table#out_table td {
	border-right: 1px solid #77bbff;
	border-bottom: 1px solid #77bbff;
}

form#household_book_table table#credit_table {
	border-left: 1px solid #41D941;
}
form#household_book_table table#credit_table td {
	border-right: 1px solid #41D941;
	border-bottom: 1px solid #41D941;
}

table.line_graph, table.line_graph_for_credit_card {
	/* margin-top: 20px; */
	border-left: 1px solid #cccccc;
	/* border-top: 1px solid #cccccc; */
}

table.line_graph th, table.line_graph td, table.line_graph_for_credit_card th, table.line_graph_for_credit_card td {
	padding: 3px 5px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

table.line_graph th.head {
	border-top: 1px solid #cccccc;
	background-color: #5E9BD8;
	color: #ffffff;
	font-weight: bold;
}

table.line_graph_for_credit_card th.head {
	border-top: 1px solid #cccccc;
	background-color: #3BBD3B;
	color: #ffffff;
	font-weight: bold;
}

table.line_graph th.item {
	text-align: left;
	width: 195px;
	background-color: #F4F9FE;
	color: #4886C5;
	font-weight: bold;
	height: 40px;
}
table.line_graph_for_credit_card th.item {
	text-align: left;
	width: 195px;
	background-color: #EDFCED;
	color: #24A824;
	font-weight: bold;
	height: 40px;
}
table.line_graph th.item a {
	color: #4886C5;
	text-decoration: none; 
	display: block;
}
table.line_graph_for_credit_card th.item a {
	color: #24A824;
	text-decoration: none; 
	display: block;
}

table.line_graph td.price, table.line_graph_for_credit_card td.price {
	text-align: right;
	width: 75px;
}
table.line_graph td.price_compare, table.line_graph_for_credit_card td.price_compare {
	text-align: right;
	width: 78px;
}

table.line_graph td.link, table.line_graph_for_credit_card td.link {
	text-align: center;
	width: 30px;
}

table.line_graph td.line, table.line_graph_for_credit_card td.line {
	width: 200px;
	border-right: none;
}

table.line_graph td.comment, table.line_graph_for_credit_card td.comment {
	width: 140px;
}

table.line_graph_item, table.line_graph_item_for_credit_card {
	border-left: 1px solid #cccccc;
}

table.line_graph_item th, table.line_graph_item td, table.line_graph_item_for_credit_card th, table.line_graph_item_for_credit_card td {
	padding: 3px 5px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
table.line_graph_item th.item {
	text-align: left;
	width: 181px;
	background-color: #F4F9FE;
	color: #4886C5;
	font-weight: bold;
	padding-left: 11px;
	border-left: 8px solid #80B1E3;
}
table.line_graph_item_for_credit_card th.item {
	text-align: left;
	width: 181px;
	background-color: #EDFCED;
	color: #24A824;
	font-weight: bold;
	padding-left: 11px;
	border-left: 8px solid #5DCF5D;
}
table.line_graph_item th.item a:link, table.line_graph_item th.item a:visited, table.line_graph_item th.item a:active {
	color: #4886C5;
	text-decoration: none; 
	display: block;
}
table.line_graph_item th.item a:hover {
	color: #C26B14;
	text-decoration: none; 
	display: block;
}
table.line_graph_item_for_credit_card th.item a:link, table.line_graph_item_for_credit_card th.item a:visited, table.line_graph_item_for_credit_card th.item a:active {
	color: #24A824;
	text-decoration: none; 
	display: block;
}
table.line_graph_item_for_credit_card th.item a:hover {
	color: #D02C7E;
	text-decoration: none; 
	display: block;
}

table.line_graph_item td.price, table.line_graph_item_for_credit_card td.price {
	text-align: right;
	width: 75px;
}
table.line_graph_item td.price_compare, table.line_graph_item_for_credit_card td.price_compare {
	text-align: right;
	width: 78px;
}

table.line_graph_item td.link, table.line_graph_item_for_credit_card td.link {
	text-align: center;
	width: 30px;
}

table.line_graph_item td.line, table.line_graph_item_for_credit_card td.line {
	width: 200px;
	border-right: none;
}

table.line_graph_item td.comment, table.line_graph_item_for_credit_card td.comment {
	width: 140px;
}

table.detail_table {
	border: 1px solid #cccccc;
}

table.detail_table th {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 1px 5px;
	color: #ffffff;
	background-color: #5E9BD8;
}
table.detail_table td {
	border-bottom: 1px dotted #cccccc;
	border-right: 1px solid #cccccc;
	padding: 5px;
}

table.detail_table_for_credit_card {
	border: 1px solid #cccccc;
}

table.detail_table_for_credit_card th {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 1px 5px;
	color: #ffffff;
	background-color: #3BBD3B;
}
table.detail_table_for_credit_card td {
	border-bottom: 1px dotted #cccccc;
	border-right: 1px solid #cccccc;
	padding: 5px;
}
/*
	background-color: #F4F9FE;
	background-color: #EDFCED;
	
	
	background-color: #5E9BD8;
	background-color: #3BBD3B;
*/

ul#setting {
	list-style: none;
	padding: 0;
	margin: 0 40px;
}
ul#setting li {
	padding: 10px 0 10px 0;
	margin-left: 0;
}
ul#setting li a.head {
	border-left: 4px solid #ffcc00;
	padding-left: 6px;
}

div.faq_box {
	padding: 0 40px;
}

.faq_title{
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #00cc00;
	padding-left: 26px;
	margin-bottom: 5px;
	background: transparent url("./about/images/q_icon.gif") no-repeat 0 0;
}

div.faq_text{
	background: transparent url("./about/images/a_icon.gif") no-repeat 0 5px;
	padding-left: 26px;
	padding-top: 5px;
}

dl#contact_table{
	padding: 10px 0 10px 0;
	margin: 10px 0 10px 0;
	width: 600px;
	border: 1px dashed #999999;
	background-color: #FEFBE9;
}
dl#contact_table dt{
	clear: both;
	float: left;
	margin: 0;
	padding: 7px 20px 5px 0;
	width: 120px;
}
dl#contact_table dd{
	float: left;
	margin: 0;
	padding: 5px 0 5px 0;
	width: 460px;
}

table#bank_record {
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}

table#bank_record td, table#bank_record th {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: 11px;
	padding: 2px 4px;
}

table#bank_record th {
	color: #ffffff;
	font-weight: bold;
	background-color: #5E9BD8;
}

table#bank_record td.color{
	background-color: #F4F9FE
}


table#credit_card_record {
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}

table#credit_card_record td, table#credit_card_record th {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: 11px;
	padding: 2px 4px;
}

table#credit_card_record th {
	color: #ffffff;
	font-weight: bold;
	background-color: #3BBD3B;
}

table#credit_card_record td.color{
	background-color: #EDFCED
}
-->