.logo h1 { margin:17px 10px 10px 10px; }
#headerWrap { background-color: #fff; }
#header { height: 170px; }
#primaryNav ul { margin: 10px 0 5px; }
.fixed { height: 175px; }
.usability { display: inline-block; float: right; overflow: hidden; }
.usability dl { float: left; padding:11px 0 5px 0; zoom:1; }
.usability dl:after { content: ""; display: block; clear: both; white-space: nowrap; }
.usability dt { float: left; height: 30px; line-height: 30px; padding: 0 1em; white-space: nowrap; font-weight: 100; }
.usability dd { float: left; margin: 0 5px 0 0; white-space: nowrap; }
.usability dd span,
.usability dd a { display: inline-block; line-height: 24px; padding: 0 5px; border:1px solid #ddd; border-radius: 2px; background: #f6f6f6; cursor: pointer; }
.usability dd a.sizeL  {}
.usability dd a.sizeM  {}
.usability dd a.sizeS  {}
.usability dd span.colorN { background: #f6f6f6;}
.usability dd span.colorB { background: #00f; border-color:#00d; color: #fff; }
.usability dd span.colorY { background: #ff0; border-color:#dd0; }
.usability dd span.colorK { background: #222; border-color:#000; color: #fff; }

body.nake { background: #fff; }

body.blue { background: #00f; }
body.blue .topicpath * { color:#fff;}
body.blue #mainWrap * { color:#fff; background-color: transparent !important; }
body.blue #mainWrap .freeWord { background-color: #f9f9f9 !important; }
body.blue #mainWrap .freeWord * { color: #333 !important; }
body.blue #mainWrap .freeWord input.submitbtn { background-color: #000 !important; color:#fff !important; }
body.blue #mainWrap .place ul li label { color:#333 !important; }
body.blue .fa.fa-caret-square-o-right { color:#848484 !important;}
body.blue .footerAdress { color:#fff; }
body.blue #mainWrap .allow2 { background: #cff1de !important; }
body.blue .pagetop { background: #fff; }

body.yellow { background: #ff0; }
body.yellow .topicpath * { color:#000;}
body.yellow #mainWrap * { color:#000;  }
body.yellow .c2 { color: #000 !important; border: 2px solid #000 !important;}

body.kuro { background: #000; }
body.kuro .topicpath * { color:#fff; }
body.kuro #mainWrap * { color:#fff; background-color: transparent !important; }
body.kuro #mainWrap .freeWord { background-color: #f9f9f9 !important; }
body.kuro #mainWrap .freeWord * { color: #333 !important; }
body.kuro #mainWrap .freeWord input.submitbtn { background-color: #000 !important; color:#fff !important; }
body.kuro #mainWrap .place ul li label { color:#333 !important; }
body.kuro .fa.fa-caret-square-o-right { color:#848484 !important;}
body.kuro .footerAdress { color:#fff; }
body.kuro #mainWrap .allow2 { background: #cff1de !important; }
body.kuro .pagetop { background: #fff; }

.error_label {color: red; font-weight: bold;}
.error {color: red;}
.attentionArea { border: 1px solid #ebb; background-color: #fdd; padding: 10px; margin: 20px auto 10px; border-radius:3px; }
.attentionArea p { color:#f00; padding: 0 0 10px; margin: 0; text-align: center; font-size: 110%; font-weight: bold;}
.attentionArea ul { background-color: #fff; padding: 10px; border-radius:3px; }
.attentionArea ul li { padding: 3px 0 3px 12px; line-height: 1.4; font-weight: bold; color:red; }

.f-box .tag { /* float: left; */ margin:0 0 0.5em; text-align: center; border-radius: 5px; padding: 0 15px; min-width: 5em; font-weight: 900; }
.f-box .tag.private { border: 2px solid #e48500; background-color: #fff; }
.f-box .tag.guest   { border: 2px solid #e48500; background-color: #fff; }
.f-box p   { overflow: hidden; padding: 0 0 0 5px; }