@charset "utf-8";

/* ----------------------------------------------------------------------



 CSSファイル名：  共通スタイル

 使用目的：       ブラウザデフォルト値のリセット

                  全ページ共通で不変なパーツの指定（ナビゲーションやフッタ等）

                  各要素（h1、p、ul 等）のデフォルト値の設定を記述



-------------------------------------------------------------------------*/

/* ■共通設定（ブラウザバグ修正含む） */

* {

  margin: 0;

  padding: 0;

}

html {

  overflow-y: scroll;

}

h1, h2, h3, h4, h5, h6 {

  margin: 0;

  padding: 0;

  text-indent: 0;

  font-size: 105%;

  font-weight: normal;

}

p {

  line-height: 1.4;

}

li, dt, dl,td {

  line-height: 1.2;

}

p {

  margin: 0 0 1em 0;

}

li {

  list-style: none outside;

}

img {

  border: 0;

  vertical-align: bottom;

}

address {

  font-style: normal;

}

.clear {

  clear: both;

}



/* ■ページ構造 */

body {

  background-image: url(img/bg/body.gif);

  line-height: 120%;

  text-align: center;

  font-size: 80%;

  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

  color: #232323;

}

* html th, * html td { /* for IE7 and IE6 and under */

  font-size: 80%;

}



/* ■全体の枠組み */

#wrapper {

  margin: auto;

  width: 760px;

  text-align: center;

}

#wrapper2 {

  margin: auto;

  width: 760px;

  text-align: center;

  padding-bottom: 20px;

  border: 1px solid #669999;

  background-color: #f1eeee;

}



/* ■メインボックス指定 */



#header0{

  width: 720px;

  height: 28px;

  margin: 0px;

  padding: 0px;

  background-image: url(img/bg/header0.gif);

  background-repeat: no-repeat;

}#header1{

  width: 720px;

  padding: 10px;

}

#header2{

  width: 720x;

  border-right: 1px solid #669999;

  border-left: 1px solid #669999;

  background-color: #f1eeee;

}

#tytleBox{

  width: 720px;

  text-align: right;

  padding-top: 20px;

  border-right: 1px solid #669999;

  border-left: 1px solid #669999;

  background-color: #f1eeee;

}

#menuTop {

  width: 230px;

  float: left;

  margin-top: 20px;

} * html #menuTop { /* for ie6 and under fix */

    margin-left: 0px;

  }

#main0 {

  width: 385px; 

  margin-left: 245px;

  padding-top: 20px;

}

#mainTop{

  width: 680px;

  text-align: left;

  padding: 20px;

  margin-top: 20px;

  margin-right: 20px;

  margin-left: 20px;

  border: 1px solid #cccccc;

  background-image: url(img/bg/main.gif);

  background-repeat: repeat;

}

#main{

  width: 680px;

  text-align: left;

  padding: 20px;

  border: 1px solid #cccccc;

  background-image: url(img/bg/main.gif);

  background-repeat: repeat;

}

#footer{

  width: 760px;

  height: 45px;

  background-image: url(img/bg/footer.gif);

  background-repeat: no-repeat;

}

/* ■パンくずリスト */

#locus {

  width: 100%;

  font-size: 100%;

}

#locus ul {

  margin: 5px 15px 8px 25px;

  padding: 0;

} * html #locus ul { /* for IE6 and under */

  margin-bottom: 0;

  } *+html #lucus ul { /* for IE7 */

    margin-bottom: 0;

  }

#locus li {

  display: inline;

  list-style-type: none;

  line-height: 110%;

}

* html #locus li img { /* for IE6 and under */

  vertical-align: middle;

}

#locus li a {

  margin-right: 3px;

  padding-right: 15px;

  background: url(../img/topicpath.gif) no-repeat right center;

}

#locus hr {

  margin-left: 6px;

  width: 768px;

  height: 1px;

  border: 0px;

  background-color: #cccccc;

}



/* ■2段組でないページの指定 */

#usuallyContents {

  margin-left: 60px;

  width: 660px;

}

#usuallyContents h3, #usuallyContents h4 {

  margin-left: 1em;

  margin-right: 1em;

}

#usuallyContents p, #usuallyContents ul {

  padding-left: 2em;

  padding-right: 2em;

}

#usuallyContents img {

  display: block;

  margin-left: 2em;

  margin-right: 2em;

}



/* ■リンク設定 */

a {

  text-decoration: none;

}

a:link {

  color: #000080;

}

a:visited {

  color: #2F4F4F;

}

a:hover {

  text-decoration: underline;

  color: #FF4500;

}

a:active {

  color: #ffcc99;

}



/* ■画像設定 */

#imgCenter {

  display: block;

  margin: 0 auto;

  text-align: center;

}

#imgRight {

  display: block;

  margin-left: auto;

  margin-right: 0;

  text-align: right;

}

#imgHeading {

  display: block;

  margin: 2em auto 1em 0;

  text-align: center;

}

#headNavi {

  margin-left: 12px;

  text-align: center;

}

#indexNavi {

  margin-bottom: 16px;

  text-align: left;

}

#topSpace {

  text-align: left;

}

/* ■テキスト指定 */

.textEmphasis {

  font-weight: bold;

  color: #003399;

  letter-spacing: 0.2em;

}

#textPr {

  padding-top: 1em;

  font-size: 110%;

  font-weight: bold;

  color: #003399;

  letter-spacing: 0.2em;

}

.textAttention {

  margin-left: 1em;

  padding-left: 1em;

  text-indent: -1em;

}

.textIndent2 {

  margin: 0 1em 1em 1em;

}

.textTopSpace {

  padding-top: 1em;

}

/* ■表題指定 */

.heading1 {

  margin: 20px 0 1em 5px;

  height: 33px;

  padding-top: 5px;

  background: url(../img/heading1.jpg) no-repeat left top;

  text-indent: 2em;

  font-size: 10pt;

  font-weight: bold;

  color: #ffffff;

  letter-spacing: 0.2em;

}

.heading2 {

  margin: 2em 0 0.5em 1em;

  height: 30px;

  padding-top: 1px;

  background: url(../img/heading2.gif) no-repeat left top;

  text-indent: 2.2em;

  font-size: 9pt;

  font-weight: bold;

  color: #000000;

  letter-spacing: 0.2em;

}

.heading3 {

  height: 40px;

  padding-top: 10px;

  background: url(../img/heading3.gif) no-repeat left top;

  text-indent: 2.5em;

  font-size: 11pt;

  color: #222222;

  letter-spacing: 0.5em;

}

.heading4 {

  margin: 2em 0 1em 0.5em;

  height: 1.5em;

  background: url(../img/heading4.gif) no-repeat left bottom;

  text-indent: 0.3em;

  font-weight: bold;

  color: #333333;

  letter-spacing: 0.1em;

}

.heading5 {

  margin: 10px auto 15px auto;

  width: 660px;

  height: 35px;

  padding-top: 7px;

  background: url(../img/heading5.gif) no-repeat left top;

  text-indent: 1.7em;

  font-size: 11pt;

  font-weight: bold;

  color: #222;

  letter-spacing: 0.5em;

}



/* ■リスト設定 */

li.square {

  list-style-type: square;

}



/* ■ハック関連 */

/* ↓MacIE5用ホーリーハック */

/*\*//*/

 overflow:auto;

/**/

div.clear {

  overflow: hidden; /* 回り込み解除ブロック（スクロールバー非表示） */

}

/* ※↓divクラスのfloat要素をclearするコード(clearfix) */

div {

  zoom: 1; /* IE 5.5-7用 */

}

div:after { /* Firefox,Opera用 */

  content: ".";

  display: block;

  height: 0px;

  clear: both;

  visibility: hidden;

}

/* プライバシーマーク */
img#privacyMark {
  display: block;
  margin: 0 0 0 auto;
} * html img#privacyMark {
    text-align: right;
  }

/* ※↑ここまで */