.title {
    background: #dfefff;
    box-shadow: 0px 0px 0px 5px #dfefff;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    text-align: center;
    font-size: large;
    font-weight: bold;
}
/* 画像表示のデザイン */
.resizeimage img{
    max-width: 100%;
    height: auto;
}
/* 共通　エラーメッセージのデザイン */
.errorlist{
    font-weight: bold;
    border-radius: 4px;
    background-color: #ffffc1;
    font-size: small;
    color: #ba2121; 
    border: double 3px #ba2121;
} 

/* 共通　検索のデザイン */ 
.search_box{
    padding: 0.5em 0.5em;
    border-top: solid 5px #6091d3;
    border-bottom: solid 5px #6091d3;
}
.search_button_base{
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.search_button_blue{
    color: #FFF;
    background: #4169e1;
    border: solid 0.5px #f0f8ff;
}
.search_button_red{
    color: #FFF;
    background: #dc143c;
    border: solid 0.5px #ffc0cb;
}

/* 共通 サブタイトルのデザイン */
.subtitle{
    font-size: large;
    font-weight:bold;
    text-align: center;
    text-decoration: underline;
}
/* 共通 英語を途中で改行させる */
.break_word{
    word-wrap: break-word;
}

/* フッター デザイン */
footer {
    width: 100%;
    height: auto; 
    text-align: center;
    padding: 10px 0;
    background-color: #d3d3d3;
}

/* ホーム 合計金額リストのデザイン */ 
.total_amount_box{
    padding: 0.5em 0.5em;
}
.total_amount_list_main {
    padding: 0.5em 1em;
    margin: 0.5em 0;
    border: double 5px #7fbfff;
    color: #555555;
    background: #f4ffff;
}
.total_amount_list_date{
    text-decoration: underline;
}
.total_amount_list_username{
    text-decoration: underline;
    word-wrap: break-word;
}
.total_amount_list_label{
    text-align: right;
    font-size: small;
    margin: auto;
}
.total_amount_list_value{
    font-size: xx-large;
    float: left;
    font-weight:bold;
}
.total_amount_list_yen{
    font-size: small;
    position: absolute;
	right: 0;
	bottom: 0;
}

/* ホーム グラフのデザイン */ 
.home_graph_box{
    padding: 0.5em 0.5em;
}

/* hhbookリストのデザイン */ 
.hhbook_box{
    padding: 0.5em 0.5em;
}
.hhbook_list_main {
    padding: 0.5em 1em;
    margin: 0.5em 0;
    color: #f0f8ff;
    background: #4169e1;
    border: solid 2px #f0f8ff;
    border-radius: 10px;
}
.hhbook_list_main:hover{
    background: #0000cd;
}
.hhbook_list_descriotion{
    font-size: small;
    margin: auto;
}
.hhbook_list_icon{
    position: absolute;
	right: 0;
	bottom: 0;
}
.hhbook_list_date{
    text-decoration: underline;
}
.hhbook_list_username{
    text-decoration: underline;
    word-wrap: break-word;
}
.hhbook_list_amount{
    font-size: xx-large;
    float: left;
    font-weight:bold;
}
.hhbook_list_yen{
    font-size: small;
    position: absolute;
	right: 0;
	bottom: 0;
}
.icon_active{
    color: #f0f8ff;
}
.icon_negative{
    color: #4169e1;
}


/* 家計簿詳細のデザイン */ 
.detail_list{
    word-wrap: break-word;
}

/* ホーム/返金 返金可能金額のデザイン */ 
.repayable_amount_box{
    padding: 0.5em 0.5em;
}
.repayable_amount_main {
    padding: 0.5em 1em;
    margin: 0.5em 0;
    border: double 5px #ff7f7f;
    color: #555555;
    background: #fff4f4;
}
.repayable_amount_username{
    text-decoration: underline;
    word-wrap: break-word;
}
.repayable_amount_label{
    text-align: right;
    font-size: small;
    margin: auto;
}
.repayable_amount_value{
    font-size: xx-large;
    float: left;
    font-weight:bold;
}
.repayable_amount_yen{
    font-size: small;
    position: absolute;
	right: 0;
	bottom: 0;
}