@charset "utf-8";
/* ヘッダーメニュー */
.toTop{margin-bottom:60px;}

#headmenu li.price a{background-color:#6699CC; border-bottom:1px solid #003366;}

div#PageLink{padding:8px 2px; text-align:right;}
#PageLink ul{ margin:0;}
#PageLink li{display:inline; padding:4px;}

h2{border-left:5px solid #FF6600; padding:8px; margin-top:14px;}

#Second p{margin:2px 0;}

.backBlue{background-color:#336699; color:#FFFFFF; padding:2px; font-size:0.9em; font-weight:normal;}
.backBlue:hover{background-color:#7B7BE3; text-decoration:none;}

table{border:1px solid #336699; border-bottom:none; width:100%; line-height:1.6em;}
th{padding:18px; background-color:#CCD8F7; border-bottom:1px solid #336699;}
td{padding:18px; background-color:#E1E9FB; border-bottom:1px solid #336699; border-left:1px solid #336699;}
td.yen{background-color:#FFFFFF; text-align:right;}
td .red{font-weight:700;}

ul.notes{margin:18px 24px; line-height:1.6em;}

div#pay{color:#CC0000; border:2px solid #FDDCD5; padding:8px;}
div#pay span{display:block;}


.BoxBlue{border:1px dotted #003399; background-color:#EEEEEE; padding:14px; margin-top:20px;}

.BoxBlue span{padding:4px 12px; font-weight:700;}

.red{color:#CC0000;}
.BoxBlue span .red a{font-size:180%; color:#CC0000;}

@media screen and (max-width:940px){
table span{display:block;}
}


@media screen and (max-width:780px){

.BoxBlue span{display:block;}

table{font-size:0.9em;}
th{padding:6px 2px;}
td{padding:6px 2px;}

div#pay span{display:inline;}

}

@media screen and (max-width:690px){
div#pay img{max-width:100%;}
}


@media screen and (max-width:480px){
table{font-size:80%;}
th{padding:6px 2px;}
td{padding:6px 2px;}


}