html { FONT-SIZE: 62.5%;}
BODY { MARGIN: 0 10px; PADDING: 0; BACKGROUND-COLOR: #f0f0f0; COLOR: #333333; FONT-SIZE: 1.4rem; }
div#logo{ FONT-SIZE: 3.5rem; FONT-FAMILY: serif; LETTER-SPACING:-1px; MARGIN:0 15px 0 0; PADDING: 5px; }
div#logo a { COLOR:white; }
A, UL.menu LI A:hover, div#header a:hover{ TEXT-DECORATION: none; }
A:hover { TEXT-DECORATION: underline; }
SMALL, #content, #copy { FONT-SIZE: 1rem; }
FORM { MARGIN: 0 }
IMG, .read { BORDER: 0; }
IMG.book { MARGIN-RIGHT: 5px; FLOAT: left; }
EM { COLOR: #fff; BACKGROUND-COLOR: #ff6600; FONT-STYLE: normal; FONT-SIZE: 1rem; PADDING: 0 5px; BORDER-RADIUS: 5px; LETTER-SPACING:1px; vertical-align:top;}
HR { HEIGHT: 1px; }
DT { MARGIN-Top: 1rem; }
DD.text,  DL.guide DD { MARGIN-LEFT: 0; TEXT-INDENT: 0.5rem; }
DL.guide { BORDER-TOP: #c0c0c0 1px solid; BORDER-BOTTOM: #c0c0c0 1px solid; PADDING: 0 35px 10px; }
DL.guide DT { BORDER: none; }
DT, EM.alert, .label { FONT-WEIGHT: bold; }
H1 { FONT-SIZE: 1.6rem; BORDER-TOP: #333333 1px solid; BORDER-BOTTOM: gray 1px solid; BORDER-LEFT: 5px solid gray; PADDING: 5px; }
H2 { FONT-SIZE: 1.4rem; }
H2.item { TEXT-INDENT: 5px; PADDING:2px; }
H2.items,H2.plain { PADDING: 0; MARGIN: 0; }
.detail, .label { TEXT-INDENT: 5px; PADDING: 1px; BORDER-BOTTOM: gray 1px solid; BORDER-TOP: gray 1px solid; }
H3, H4, EM, #content, .normal, H2.plain { FONT-WEIGHT: normal; }
H4 { MARGIN: 0; }
UL.news, UL.menu { LIST-STYLE-TYPE: none; MARGIN: 0; PADDING: 0; }
UL.menu { TEXT-INDENT: 5px; }
UL.menu LI A:link, UL.menu A:visited { DISPLAY: block; HEIGHT: 15px; BACKGROUND-COLOR: transparent; COLOR: #333333; PADDING: 2px 0; }
UL.menu LI A:hover { DISPLAY: block; HEIGHT: 1.5rem; BACKGROUND-COLOR: gray; COLOR: white; }
.center, H3, H4, #copy, .order, #climate TD, P.thumb { TEXT-ALIGN: center; }
.right, .arrowright { TEXT-ALIGN: right; }
#outer { WIDTH: 820px; MARGIN: auto; }
#header { PADDING: 10px; MARGIN: 0; DISPLAY:flex;}
#cse-search-box { PADDING: 10px; MARGIN: 0; }
#bodyblock { LINE-HEIGHT: 120%; PADDING: 3px 0; DISPLAY:flex; }
#navi { WIDTH: 180px; MARGIN: 0; PADDING: 0; MARGIN-LEFT: auto; }
#main { WIDTH: 620px; MARGIN: 5px; PADDING: 0; }
#banner { WIDTH: 480px; MARGIN: 0; PADDING: 0; }
#copy  { WIDTH: 100%; PADDING: 5px; }
.base, #header, #copy, #copy a { BACKGROUND-COLOR: #000099; COLOR: #ffffff; }
.sub, .detail, .note, h1, .comments, DL.guide, #pass, .label, H2.item { BACKGROUND-COLOR: #e1e1e1; COLOR: #333333; }
.ad { PADDING: 5px;  }
#pass { MARGIN: 0; PADDING: 5px; }
#pr { COLOR: #0000ff; BACKGROUND-COLOR: transparent; }
 .note, .order { BORDER: 1px solid gray; PADDING: 5px; }
.note { WIDTH: 500px; }
.show { BORDER: 1px solid gray; PADDING: 3px; }
.mold { WORD-SPACING: 15px; TEXT-ALIGN: justify; TEXT-JUSTIFY: inter-cluster; }
.l { WIDTH: 305px; FLOAT: left; }
.r { WIDTH: 305px; FLOAT: right; }
.imgcell{ WIDTH: 120px; FLOAT: left; MARGIN-LEFT: 5px; }
.textcell{ WIDTH: 330px; FLOAT: right; MARGIN-LEFT:10px; }
.photo{ MARGIN: 1px; }
.tag { MARGIN-RIGHT: 5px; PADDING: 0 3px; BACKGROUND-COLOR: #c0c0c0; }
.mark { WIDTH: 120px; HEIGHT: 600px; MARGIN-TOP: 10px; }
.adx { WIDTH: 120px; HEIGHT: 240px; MARGIN-TOP: 10px; }
#dest { WIDTH: 140px; MARGIN-RIGHT: 10px; }
.put { FONT-WEIGHT: normal; PADDING: 2px 3px; TEXT-ALIGN: left; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #c0c0c0; }
.offer { WIDTH: 610px; FLOAT: left; LIST-STYLE-TYPE: none; MARGIN: 0; PADDING: 0; }
ul.offer li { FLOAT: left; WIDTH: 230px; LIST-STYLE-TYPE: none; MARGIN: 0; PADDING: 0 0 0 10px; BACKGROUND: url("img/arrow.gif") no-repeat left center; }
.arrow, .arrowright { BACKGROUND: url("img/arrow.gif") no-repeat left center; PADDING-LEFT: 10px; }
.comments { MARGIN-LEFT: 5px; PADDING: 5px; BORDER-LEFT: 5px solid gray; }
.lev1 { BACKGROUND-COLOR: #ffff00; COLOR: #000; BORDER: 1px solid #000;}
.lev2 { BACKGROUND-COLOR: #ffcc00; COLOR: #000; BORDER: 1px solid #000;}
.lev3 { BACKGROUND-COLOR: #ff9900; COLOR: #000; BORDER: 1px solid #000;}
.lev4 { BACKGROUND-COLOR: #ff0000; COLOR: #fff; BORDER: 1px solid #000;}
#linkunit { MARGIN: 5px 0; }
#topunit { MARGIN: 20px 0 10px; }
#rakuten_widget { MARGIN: 10px 0; }
#rakuten_bottom { MARGIN: 10px 0 0; }
.cl, HR, H2, H3, #copy, #outer, table, div#buy, DL.guide, #rakuten_bottom { CLEAR: both; DISPLAY: block; }
a.button:link, a.button:visited { PADDING: 5px 15px; BORDER: 1px solid gray; COLOR: #333333; TEXT-DECORATION: none; BACKGROUND-COLOR: #e1e1e1; }
a.button:hover, a.button:active { BACKGROUND-COLOR: silver; COLOR: #0000FF; }
TABLE#climate { BORDER-COLLAPSE: collapse; EMPTY-CELLS: show; WIDTH: 98%; MARGIN: 0 0 5px; }
#climate TD { BORDER: 1px solid #c0c0c0; PADDING: 2px; }
div#buy { MARGIN: 10px 0; PADDING: 10px 0; }
div#buy a:link, div#buy a:visited { PADDING: 3px 8px; MARGIN: 0; FONT-WEIGHT:bold; COLOR: #333; BACKGROUND: #FFCC66; BORDER: 1px solid silver; BORDER-RADIUS: 10px; }
div#buy a:hover, div#buy a:active { BACKGROUND-COLOR: #FFA500; COLOR: #333; BORDER: 1px solid silver; TEXT-DECORATION: none; }
ul.list li { WIDTH: 220px; FLOAT: left; LIST-STYLE-TYPE: none; }
div.twitter { DISPLAY: block; CLEAR: both; MARGIN: 3px 0; }
div.twitter img { FLOAT: left; MARGIN-RIGHT: 1px; }
.thumb img { MARGIN: 5px; }
div.pager { PADDING: 10px; TEXT-ALIGN: center; }
div.pager a, div.pager span { DISPLAY: inline-block; MARGIN-RIGHT: 0.1em; PADDING: 0.2em 0.5em; }
div.pager a { COLOR: #333; BORDER: 1px solid gray; TEXT-DECORATION: none; }
div.pager a:hover { BACKGROUND-COLOR: gray; COLOR: white; BORDER: 1px solid gray; }
div.pager span.current { COLOR: #333; BACKGROUND-COLOR: #e1e1e1; BORDER: 1px solid gray; FONT-WEIGHT: bold; }
ul.list2,ul.list3 { WIDTH: 610px; DISPLAY:flex; LIST-STYLE-TYPE: none; MARGIN: 0; PADDING: 0; flex-wrap: wrap;}
ul.list2 li{ WIDTH: 49%; }
ul.list3 li{ WIDTH: 33%; }
@media screen and (max-width: 700px) {
#outer { WIDTH: 100%; MARGIN: 0; PADDING: 0; }
#bodyblock { PADDING: 0; MARGIN: 0;}
#header { TEXT-ALIGN: center; }
div#logo {FONT-SIZE: 2rem;}
.menu,h4,#banner { DISPLAY: none; }
}
@media screen and (max-width: 630px) {
#main { WIDTH: auto; MARGIN: 0; FLOAT: none; CLEAR:both; }
ul.list2,ul.list3 { flex-direction: column; }
}