@charset "utf-8";

/*========================================

  reset

========================================*/

*{
  padding: 0px;
  margin: 0px;
}

html {
  overflow-y: scroll;
}

body {
  color: #333333;
  font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  font-size: 100%;
  text-align: center;
  line-height: 1.5;
  -webkit-text-size-adjust: none;
}

/* link
---------------*/

a {
  overflow: hidden;
  text-decoration: none;
}

a:link {
  color: #0072c2;
}

a:visited {
  color: #0072c2;
}

a:hover {
  color: #FA720E;
  text-decoration: underline;
}

a:hover img.alpha {
  opacity:0.5;
  filter:alpha( opacity=50 );
}

/* text
---------------*/

h1,h2,h3,h4,h5,h6,p {
  font-size: 100%;
}

/* list
---------------*/

ul,
ol,
li {
  list-style-position: outside;
  list-style-type: none;
}

/* table
---------------*/

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px;
  border-top: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
}

th,
td {
  padding: 3px 8px;
  border-collapse: collapse;
  border-right: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  text-align: left;
  vertical-align: middle;
}

th {
  background-color: #b2c8e1;
  font-weight: normal;
  text-align: center;
}

th.border-r-w {
  border-right: 1px solid #ffffff;
}

th.no-wrap {
  white-space: nowrap;
}

td {
  background-color: #FFF;
}

td.bg-gray {
  background-color: #eeeeee;
}

td.name {
  padding: 3px 8px 3px 20px;
}

td.tel {
  padding: 3px 8px;
  text-align: center;
}

td.fax {
  padding: 3px 8px;
  text-align: center;
}

td.floor {
  padding: 3px 8px;
  text-align: center;
}

td.in-charge {
  padding: 3px 8px 3px 30px;
}

table.for-layout {
  border-top: none;
  border-left: none;
}

table.for-layout th,
table.for-layout td {
  padding: 0;
  border-right: none;
  border-bottom: none;
}

table.for-border {
  border-top: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
}

table.for-border th,
table.for-border td {
  padding: 3px 8px;
  border-right: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
}

/* img
---------------*/
img {
  border: 0;
}

/* hr
---------------*/

hr {
  clear: both;
  height: 0px;
  margin: 10px 20px;
  border: 1px dotted #003;
  background: #FFF;
  color: #FFF;
}

* html body hr { /* for ie6 */
  height: 2px;
  margin: 5px 0;
  border: 2px dotted #003;
}

*:first-child+html hr { /* for ie7 */
  height: 2px;
  margin: 5px 0;
}

hr.none {
  margin: 10px 0;
}

/* html5 tag
---------------*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
}

/*========================================

  div#header

========================================*/

div#header {
  clear: both;
  width: 960px;
  margin: 0 auto 13px;
}

div#header-wrapper {
  padding-bottom: 12px;
}

div#header h1 {
  width: 593px;
  float: left;
  padding-top: 14px;
  line-height: 0;
}

div#header div.complement-nav {
  position: relative;
  float: right;
  width: 367px;
  padding-top: 29px;
}

div#header div.complement-nav div.search {
  width: 179px;
  float: right;
  margin-left: 6px;
  text-align: right;
}

div#header div.complement-nav div.search form input.txt-box {
  display: block;
  float: left;
  width: 134px;
  height: 31px;
  padding-left: 12px;
  background-color: #ecf0f1;
  border: none;
}

div#header div.complement-nav div.search form input.btn-search {
  display: block;
  float: right;
  width: 33px;
  height: 31px;
  background: url(../img/header_search.png) no-repeat left top;
  border: none;
  cursor: pointer;
}

div#header div.complement-nav div.txt-size {
  display:block;
  float: right;
  width: 182px;
}

div#header div.complement-nav div.txt-size span.txt-label {
  display:block;
  width: 89px;
  float: right;
  padding-top: 8px;
  font-size: 80%;
  text-align: right;
}

div#header div.complement-nav div.txt-size ul {
  width: 93px;
  margin-left: 0;
  float: right;
  font-size: 70%;
  text-align: center;
}

div#header div.complement-nav div.txt-size ul li {
  float: left;
}

div#header div.complement-nav div.txt-size ul li a {
  display: block;
  width: 31px;
  height: 30px;
  color: #ffffff;
  text-decoration: none;
}

div#header div.complement-nav div.txt-size ul li.size-small a {
  background: url(../img/header_small.png) no-repeat left top;
}

div#header div.complement-nav div.txt-size ul li.size-std a {
  background: url(../img/header_std_blue.png) no-repeat left top;
}

div#header div.complement-nav div.txt-size ul li.size-large a {
  background: url(../img/header_large.png) no-repeat left top;
}

div#header div.complement-nav div.txt-size ul li.size-small a:hover {
  background: url(../img/header_small_blue.png) no-repeat left top;
}

div#header div.complement-nav div.txt-size ul li.size-std a:hover {
  background: url(../img/header_std_blue.png) no-repeat left top;
}

div#header div.complement-nav div.txt-size ul li.size-large a:hover {
  background: url(../img/header_large_blue.png) no-repeat left top;
}

/* global-nav
---------------*/

div#header div#global-nav ul li {
  float: left;
  line-height: 0;
}

div#header div#global-nav ul li.none {
  border-right: none;
}

div#header div#global-nav ul li a {
  display: block;
}

/*========================================

  div#content

========================================*/

div#content {
  clear: both;
  width: 960px;
  margin: 0 auto 30px;
  text-align: left;
  font-size: 90%;
}

div#content-wrapper {
  clear: both;
}

/*=========================
  div#main
=========================*/

/* div#main
---------------*/

div#content div#main div.breadcrumb {
  margin-bottom: 8px;
  font-size: 90%;
}

div#content div#main div.breadcrumb a {
  color: #333333;
  text-decoration: none;
}

div#content div#main div.breadcrumb a:hover {
  text-decoration: underline;
}

div#content div#main h2 {
  margin-bottom: 13px;
  padding-bottom: 13px;
  border-bottom: dotted 1px #bdc3c7;
}

div#content div#main h2.img-title {
  line-height: 0;
}

div#content div#main h2.space-b {
  margin-bottom: 30px;
}

div#content div#main h3 {
  margin-bottom: 12px;
}

div#content div#main h3.img-title {
  line-height: 0;
}

div#content div#main h3.none {
  margin-bottom: 0;
}

div#content div#main h3.txt-title {
  margin-bottom: 9px;
  color: #00469b;
  font-size: 175%;
  font-weight: normal;
  letter-spacing: 4px;
  line-height: 1.5;
}

div#content div#main h3.txt-title.space-b {
  margin-bottom: 16px;
}

div#content div#main h4 {
  margin-bottom: 18px;
  padding: 11px 0 8px 22px;
  background-color: #e5e7e9;
  color: #00469b;
  font-size: 150%;
  font-weight: normal;
  line-height: 1.1;
}

div#content div#main h5 {
  height: 27px;
  margin-bottom: 18px;
  padding: 13px 0 0 9px;
  color: #00469b;
  border-left: solid 4px #386fb1;
  font-size: 115%;
  font-weight: normal;
  line-height: 1.1;
}

div#content div#main h5.two-line {
  height: 37px;
  padding-top: 0;
}

div#content div#main h6.inquiry {
  height: 24px;
  margin-bottom: 12px;
  padding: 0 0 0 8px;
  border-bottom: dotted 1px #9fa0a0;
  color: #333333;
  border-left: solid 3px #c8c8c8;
  font-size: 115%;
  font-weight: normal;
  line-height: 1.1;
}

div#content div#main h6.inquiry span {
  display: block;
  height: 21px;
  padding: 3px 0 0 5px;
  border-left: solid 3px #c8c8c8;
}

div#content div#main div.title-box {
  width: 833px;
  margin-bottom: 10px;
  border: solid 1px #000000;
  background-color: #deebf6;
  font-size: 110%;
  font-weight: bold;
}

div#content div#main div.title-box.two-line {
  width: 775px;
  padding: 8px 8px 8px 50px;
}

div#content div#main div.title-box div.left {
  width: 230px;
  float: left;
  padding: 8px;
  text-align: center;
}

div#content div#main div.title-box div.left.space-t {
  padding-top: 19px;
}

div#content div#main div.title-box div.right {
  width: 570px;
  float: right;
  padding: 8px;
  border-left: solid 1px #000000;
}

div#content div#main ul.circle li {
  margin-bottom: 3px;
  padding-left: 15px;
  background: url(../img/circle.png) no-repeat left 5px;
}

div#content div#main ul.circle li.none {
  margin-bottom: 0;
}

div#content div#main ul.circle li.circle-none {
  background-image: none;
}

div#content div#main ul.circle li a {
  text-decoration: none;
}

div#content div#main ul.circle li a:hover {
  text-decoration: underline;
}



div#content div#main ul.arrow li {
  margin-bottom: 5px;
  padding-left: 13px;
  background: url(../img/arrow.png) no-repeat left 5px;
}

div#content div#main ul.arrow li a {
  color: #333333;
  text-decoration: none;
}

div#content div#main ul.arrow li a:hover {
  text-decoration: underline;
}

div#content div#main ul.arrow li.no-arrow {
  background-image: none;
}

div#content div#main ul.arrow li.no-arrow a {
  text-decoration: none;
}

div#content div#main div.node {
  margin-bottom: 25px;
}

div#content div#main div.node.none {
  margin-bottom: 0;
}

div#content div#main div.node.border-b {
  margin-bottom: 14px;
  padding-bottom: 16px;
  border-bottom: dotted 1px #bdc3c7;
}

div#content div#main div.node p {
  margin-bottom: 12px;
  line-height: 1.6;
}

div#content div#main div.node p.none {
  margin-bottom: 0;
}

div#content div#main .txt-right {
  text-align: right;
}

div#content div#main .txt-center {
  text-align: center;
}

div#content div#main .txt-line {
  text-decoration: underline;
}

div#content div#main .txt-indent {
  text-indent: -1em;
  padding-left: 1em;
}

div#content div#main .txt-indent2 {
  text-indent: -1.5em;
  padding-left: 1.5em;
}

div#content div#main .txt-indent3 {
  text-indent: -2em;
  padding-left: 2em;
}

div#content div#main .img-right {
  float: right;
  margin: 0 0 10px 10px;
}

div#content div#main .inline-box {
  display: inline-block;
  padding: 3px 5px;
  border: 1px solid #d3d3d3;
}

div#content div#main div.node img.pdf {
  padding-left: 4px;
  vertical-align: -3px;
}

/*=========================
  div#sub
=========================*/

/* div#sub
---------------*/

/*========================================

  div#footer

========================================*/

div#footer {
  clear: both;
  background-color: #00469b;
  text-align: left;
}

div#footer-wrapper {
  width: 900px;
  margin: 0 auto;
  padding: 12px 0;
}

div#footer ul {
  float: left;
  width: 347px;
}

div#footer ul li {
  float: left;
  width: 80px;
  margin: 0 87px 5px 0;
  font-size: 70%;
}

div#footer ul li.none {
  margin-right: 0;
}

div#footer ul li.long {
  width: 180px;
}

div#footer ul li a {
  padding-left: 13px;
  color: #ffffff;
  text-decoration: none;
  background: url(../img/blue_arrow02.png) no-repeat left 5px;
}

div#footer ul li a:hover {
  text-decoration: underline;
}

div#footer div.copyright {
  width: 510px;
  float: right;
  padding-top: 48px;
  text-align: right;
  font-size: 70%;
  color: #ffffff;
}

/*========================================

  各ページに使用

========================================*/

/*=========================
 トップページ
=========================*/

body#index div#header {
  margin-bottom: 0;
  z-index: 9999;
}

body#index div#header div#global-nav {
  position: relative;
  z-index: 9999;
}

body#index div#header div#global-nav ul {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}

body#index div#content {
  font-size: 80%;
  z-index: 1;
}

body#index div#content div.eyecatch {
  margin-bottom: 12px;
  z-index: 1;
}

body#index div#content div.carousel {
  height: 490px;
  overflow: hidden;
  z-index: 1;
}

body#index div#content div.carousel ul.slider li {
  float: left; /* carouFredSel画面入替えシームレスバグ対策 */
}

body#index div#content div#main div.node {
  margin-bottom: 12px;
}

body#index div#content div#main div.node.none {
  margin-bottom: 0;
}

body#index div#content div#main h3 {
  margin-bottom: 12px;
}

body#index div#content div#main h3.h-whatsnew img {
  display: block;
  float: left;
}

body#index div#content div#main h3 span.more {
  display: block;
  width: 200px;
  float: right;
  padding: 11px 0 0 0;
  font-size: 95%;
  font-weight: normal;
  text-align: right;
  line-height: 1.5;
  letter-spacing: 2px;
}

body#index div#content div#main h3 span.more a {
  text-decoration: none;
  color: #333333;
}

body#index div#content div#main h3 span.more a:hover {
  text-decoration: underline;
}



body#index div#content div#main div.node div.whats-new ul {
  height: 153px; 
  overflow-y: scroll;
}

body#index div#content div#main div.node div.whats-new ul li {
  padding: 7px 6px;
}

body#index div#content div#main div.node div.whats-new ul li.even {
  background-color: #f5f5f5;
}

body#index div#content div#main div.node div.whats-new ul li p.date {
  width: 100px;
  float: left;
  margin-bottom: 0;
  line-height: 1.3;
  font-weight: bold;
}

body#index div#content div#main div.node div.whats-new ul li p.news-text {
  width: 830px;
  float: left;
  margin-bottom: 0;
  line-height: 1.3;
}

body#index div#content div#main div.node div.whats-new ul li p.news-text a {
  color: #333333;
}



body#index div#content div#main div.node div#top-nav {
  font-size: 90%;
  text-align: left;
}

body#index div#content div#main div.node div#top-nav div.machi {
  float: left;
  width: 256px;
  margin-right: 9px;
}

body#index div#content div#main div.node div#top-nav div.sumai {
  float: left;
  width: 256px;
  margin-right: 9px;
}

body#index div#content div#main div.node div#top-nav div.tatemono {
  float: left;
  width: 430px;
}

body#index div#content div#main div.node div#top-nav h4 {
  height: auto;
  margin-bottom: 1px;
  padding: 0;
  border-left: none;
  background-color: transparent;
  text-align: center;
  line-height: 0;
}

body#index div#content div#main div.node div#top-nav div.tatemono div.left {
  float: left;
  width: 215px;
}

body#index div#content div#main div.node div#top-nav div.tatemono div.right {
  float: right;
  width: 215px;
}

body#index div#content div#main div.node div#top-nav h5 {
  height: 25px;
  margin-bottom: 0;
  padding: 8px 0 0 26px;
  border-left: none;
  border-bottom: solid 1px #9fa0a0;
  background: url(../img/blue_arrow01.png) no-repeat 12px 11px;
  background-color: #f6f6f6;
  color: #00469b;
  line-height: 1.2;
  font-weight: normal;
  cursor: pointer;
}

body#index div#content div#main div.node div#top-nav div.machi h5 {
  height: 30px;
  padding-top: 14px;
  background: url(../img/blue_arrow01.png) no-repeat 12px 16px;
  background-color: #f6f6f6;
}

body#index div#content div#main div.node div#top-nav h5.none {
  border-bottom: none;
}

body#index div#content div#main div.node div#top-nav h5.two-line {
  height: 31px;
  padding-top: 1px;
  padding-bottom: 1px;
  background: url(../img/blue_arrow01.png) no-repeat 12px 10px;
  background-color: #f6f6f6;
}

body#index div#content div#main div.node div#top-nav h5.on {
  border-bottom: solid 1px #9fa0a0;
  
}


body#index div#content div#main div.node div#top-nav div.blue-box {
  padding-bottom: 1px;
  background-color: #e0e9f3;
  display: none;
}

body#index div#content div#main div.node div#top-nav div.blue-box ul li span {
  font-family: "ＭＳ Ｐゴシック", "MS PGothic";
  display: inline-block;
  width: 8px;
  padding: 5px 5px 5px 20px;
  vertical-align: top;
  letter-spacing: -2px;
}

body#index div#content div#main div.node div#top-nav div.blue-box ul li a {
  display: inline-block;
  width: 223px;
  padding: 5px 0 5px 0;
  vertical-align: top;
  color: #333333;
  text-decoration: none;
}

body#index div#content div#main div.node div#top-nav div.blue-box ul li a:hover {
  text-decoration: underline;
}

body#index div#content div#main div.node div#top-nav div.tatemono div.blue-box ul li a {
  width: 182px;
}

body#index div#content div#main div.node div#top-nav div.blue-box p.close {
  padding-right: 3px;
  text-align: right;
  font-size: 75%;
  font-weight: bold;
}

body#index div#content div#main div.node div#top-nav div.blue-box p.close a {
  text-decoration: none;
}

body#index div#content div#main div.node div#top-nav div.blue-box p.close a:hover {
  text-decoration: underline;
  color: #0259C3;
}

body#index div#content div#main div.node div#top-nav div.blue-box p.close a img {
  vertical-align: -2px;
}



body#index div#content div#main div.node div.links ul li {
  float: left;
  margin: 0 10px 10px 0;
  line-height: 0;
}

body#index div#content div#main div.node div.links ul li.none {
  margin-right: 0;
}

body#index div#content div#main div.node div.links ul li a {
  display: block;
}

/*=========================
 財団案内
=========================*/

body#guide div#content div#main div.node {
  margin-bottom: 18px;
}

body#guide div#content div#main div.node.none {
  margin-bottom: 0;
}

body#guide div#content div#main div.node.border-b {
  margin-bottom: 28px;
  padding-bottom: 15px;
  border-bottom: dotted 1px #bdc3c7;
}

body#guide div#content div#main div.node p.space-b {
  margin-bottom: 30px;
}

body#guide div#content div#main div.node ul.gaiyou li {
  margin-bottom: 3px;
}

body#guide div#content div#main div.node ul.arrow li {
  margin-bottom: 15px;
  font-size: 110%;
}

/*=========================
 業務一覧
=========================*/

body#service div#content div#main div.node div.block {
  width: 250px;
  float: left;
}

body#service div#content div#main div.node div.block.wide {
  width: 260px;
}

body#service div#content div#main div.node div.block.narrow {
  width: 190px;
}

body#service div#content div#main div.node div.space-b {
  margin-bottom: 8px;
}

/*=========================
 申請書類ダウンロード
=========================*/

body#download div#content div#main div.node ul.arrow li {
  float: left;
  width: 465px;
}

/*=========================
 手数料
=========================*/

body#charge div#content div#main div.node ul.arrow li {
  float: left;
  width: 465px;
}

body#charge div#content div#main div.node ul.arrow.left-none li {
  float: none;
}

body#charge div#content div#main div.node p.txt-right {
  padding-top: 25px;
  text-align: right;
  font-size: 75%;
}

/*=========================
 アクセス
=========================*/

/*=========================
 平成28年度　宅地建物取引士資格試験申込案内
=========================*/

body#takken div#content div#main div.node table th,
body#takken div#content div#main div.node table td {
  padding: 15px 8px;
}

body#takken div#content div#main div.node div.radi-box {
  width: 69%;
  margin: 0 auto 20px;
  padding: 20px;
  border: solid 2px #000000;
  text-align: left;
  font-size: 130%;
  font-weight: bold;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  behavior: url(../PIE.htc);
}

/*=========================
 『平成27年度　宅地建物取引士資格試験案内』　配布書店一覧
=========================*/

body#shoten div#content div#main div.node div.left {
  float: left;
  width: 50%;
}

body#shoten div#content div#main div.node div.right {
  float: right;
  width: 50%;
}

body#shoten div#content div#main div.node ul.left {
  float: left;
  width: 30%;
}

body#shoten div#content div#main div.node ul.circle {
  margin-bottom: 15px;
}

/*=========================
 『平成27年度　宅地建物取引士資格試験案内』　配布書店一覧　(書店順)
=========================*/

body#shoten-shoten div#content div#main div.node table tr.even td {
  background-color: #f2feff;
}

/*=========================
 『平成27年度　宅地建物取引士資格試験案内』　配布書店一覧　(区市順)
=========================*/

body#shoten-kushi div#content div#main div.node table tr.even td {
  background-color: #f2feff;
}

/*=========================
 まちづくりフロンティア2015
=========================*/

body#frontier div#content div#main div.node table.prog {
  width: 100%;
}

body#frontier div#content div#main div.node table.prog td div.line {
  width: 100%;
  height: 1px;
  margin: 5px 0;
  background-color: #b2c8e1;
}

body#frontier div#content div#main div.node table.prog td p.strong {
  font-size: 120%;
  font-weight: bold;
}

body#frontier div#content div#main div.node a.fron01 {
  display: block;
  width: 200px;
  margin-bottom: 8px;
  font-size: 120%;
}

body#frontier div#content div#main div.node a.fron02 {
  display: block;
  width: 200px;
  margin-bottom: 0;
  font-size: 120%;
}

body#frontier div#content div#main div.node div.maps {
  margin-bottom: 20px;
}

body#frontier div#content div#main div.node div.left {
  width: 431px;
  float: left;
  margin-right: 30px;
}

body#frontier div#content div#main div.node div.right {
  width: 431px;
  float: left;
}

body#frontier div#content div#main div.node div.maps span.kaijyou {
  display: inline-block;
  margin-bottom: 3px;
  padding: 2px 4px 1px;
  color: #ffffff;
  background-color: #386fb1;
  font-weight: bold;
}

/*=========================
 建築材料試験業務
=========================*/

body#zaiken-gyoumu div#content div#main div.node ul.pics li {
  display: block;
  float: left;
  margin-right: 15px;
  text-align: center;
}

body#zaiken-gyoumu div#content div#main div.node ul.pics li.pic01 {
  padding-top: 37px;
}

body#zaiken-gyoumu div#content div#main div.node ul.pics li.pic03 {
  padding-top: 38px;
}

body#zaiken-gyoumu div#content div#main div.node ul.pics li.pic04 {
  padding-top: 28px;
}

body#zaiken-gyoumu div#content div#main div.node ul.pics li img {
  display: block;
}

/*=========================
 マンションアドバイザー制度
=========================*/

body#kanri-adviser div#content div#main h3.img-title {
  line-height: 1;
}

body#kanri-adviser div#content div#main h3.img-title img {
  display: block;
  float: left;
  margin-right: 120px;
}

body#kanri-adviser div#content div#main h3.img-title a {
  display: block;
  float: left;
  min-width: 200px;
  margin: 0 0 12px 0;
  padding: 8px 14px 6px;
  border: solid 2px #06C;
  color: #06C;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  behavior: url(../PIE.htc);
}

body#kanri-adviser div#content div#main h3.img-title a.tatekae {
  margin-bottom: 0;
  border: solid 2px #C36;
  color: #C36;
}

body#kanri-adviser div#content div#main h3.img-title a:hover {
  background-color: #FFC;
  text-decoration: none;
}

/*=========================
 特殊建築物等定期調査実務講習会
=========================*/
/*
body#teikikousyuukai div#content div#main a.form-btn {
  display: block;
  width: 300px;
  margin: 0 auto 0;
  padding: 14px 0 12px;
  background-color: #FFFFDD;
  border: 3px solid #F00;
  color: #06C;
  text-align: center;
  font-size: 130%;
  font-weight: bold;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  behavior: url(../PIE.htc);
}

body#teikikousyuukai div#content div#main a.form-btn:hover {
  background-color: #FF9;
  color: #06C;
  text-decoration: none;
}
*/

/*========================================

  class

========================================*/

.strong {
  font-weight: bold;
}

.blue {
  color: #00469b;
}

.orange {
  color: #E4650E;
}

.pink {
  color: #E05989;
}

.green {
  color: #2CA240;
}

.red {
  color: #F00;
}

.white {
  color: #FFF;
}


.black {
  color: #000;
}

p.supplement {
  padding-left: 1em;
  text-indent: -1em;
}

.txt-small {
  font-size: 90%;
}

.txt-small2 {
  font-size: 70%;
}

.txt-small3 {
  font-size: 80%;
}

.txt-large {
  font-size: 110%;
}

.txt-large2 {
  font-size: 120%;
}

.txt-large3 {
  font-size: 125%;
}

.txt-large4 {
  font-size: 130%;
}


/*========================================

  clearfix

========================================*/

.clearfix:after {
  content: ",";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0.1em; 
  line-height: 0; 
}

.clearfix { /* for ie6 */
  display: inline-block;
}

.clearfix { /* for Opera */
  display: block;
}

/* style switcher std */
body div#content {
  font-size: 90% !important;
}
body#index div#content {
  font-size: 80% !important;
}
body div#header div.complement-nav div.txt-size ul li.size-small a {
  background: url(../img/header_small.png) repeat left top;
}

body div#header div.complement-nav div.txt-size ul li.size-std a {
  background: url(../img/header_std_blue.png) repeat left top;
}

body div#header div.complement-nav div.txt-size ul li.size-large a {
  background: url(../img/header_large.png) repeat left top;
}
body input, select, textarea {
  font-size: 90%;
}

body.large div#content {
  font-size: 115% !important;
}

/* style switcher large */
body#index.large div#content {
  font-size: 105% !important;
}

body.large div#header div.complement-nav div.txt-size ul li.size-small a {
  background: url(../img/header_small.png) repeat left top;
}

body.large div#header div.complement-nav div.txt-size ul li.size-std a {
  background: url(../img/header_std.png) repeat left top;
}

body.large div#header div.complement-nav div.txt-size ul li.size-large a {
  background: url(../img/header_large_blue.png) repeat left top;
}


body#index.large div#content div#main div.node div#top-nav h5 {
  height: auto;
}

body#index.large div#content div#main div.node div#top-nav div.machi h5 {
  height: auto;
}

body#index.laege div#content div#main div.node div#top-nav h5.two-line {
  height: auto;
}

body.large input, select, textarea {
  font-size: 105%;
}

/* style switcher small */
body.small div#content {
  font-size: 70% !important;
}

body#index.small div#content {
  font-size: 60% !important;
}

body.small div#header div.complement-nav div.txt-size ul li.size-small a {
  background: url(../img/header_small_blue.png) repeat left top;
}

body.small div#header div.complement-nav div.txt-size ul li.size-std a {
  background: url(../img/header_std.png) repeat left top;
}

body.small div#header div.complement-nav div.txt-size ul li.size-large a {
  background: url(../img/header_large.png) repeat left top;
}

body.small input, select, textarea {
  font-size: 80%;
}

/* style switcher std */
body.std div#content {
  font-size: 90% !important;
}

body#index.std div#content {
  font-size: 80% !important;
}

body.std div#header div.complement-nav div.txt-size ul li.size-small a {
  background: url(../img/header_small.png) repeat left top;
}

body.std div#header div.complement-nav div.txt-size ul li.size-std a {
  background: url(../img/header_std_blue.png) repeat left top;
}

body.std div#header div.complement-nav div.txt-size ul li.size-large a {
  background: url(../img/header_large.png) repeat left top;
}

body.std input, select, textarea {
  font-size: 90%;
}