@charset "euc-jp";

/* 一括で全ての要素の余白をゼロに指定 */
* {
  padding: 0;
  margin: 0;
}

a:link {
  color: blue;
  text-decoration: underline;
}

a:visited {
  color: blue;
  text-decoration: underline;
}

a:hover {
  color: blue;
  background-color: #FFFF00;
  text-decoration: underline;
}

a:active {
  color: #0000FF;
  text-decoration: underline;
}


/* ---------------------------------------- フォントスタイル フォントサイズ */
body {
  font-size: 0.78em;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, “メイリオ”, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
  padding: 0;
  margin: 0;
}

/* ---------------------------------------- レイアウトに関する指定 */

#wrapper {
  width: 800px;
  text-align: left;
  margin: 0px auto 0px auto;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  background-color: #FFFFFF;
  color: #000000;
}

#header {
  width: 800px;
  text-align: center;
  margin: 0px auto 0px auto;
  padding: 0px;
  border-top: 0px solid #000000;
  border-right: 0px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 0px solid #000000;
  background-color: #FFFFFF;
  color: #000000;
}

#header2 {
  width: 800px;
  text-align: center;
  margin: 0px auto 0px auto;
  padding: 0px;
  border-top: 0px solid #000000;
  border-right: 0px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 0px solid #000000;
  background-color: #FFFFFF;
  color: #000000;
}
.clearLeft { 
clear: both; 
}

#header3 {
  float: left;
  text-align: center;
  width: 800px;
  margin: 0px;
  padding: 0px;
  border-top: 0px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 0px solid #000000;
  background-color: #FFFFFF;
  color: #000000;
}
.clearLeft { 
clear: left; 
}

#headerMenu {
  float: left;
  text-align: center;
  width: 800px;
  margin: 0px;
  padding: 0px;
  border-top: 0px solid #000000;
  border-right: 0px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 0px solid #000000;
  background-color: #FFFFFF;
  color: #000000;
}
.clearLeft { 
clear: left; 
}

#topnavi {
  float: left;
  width: 790px;
  margin: 0px auto 0px auto;
  padding: 5px 0px 5px 10px;
  border-top: 0px solid #000000;
  border-right: 0px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 0px solid #000000;
  background-color: #FFFF00;
  color: #000000;
}
.clearLeft { 
clear: left; 
}

#snsnavi {
  float: left;
  width: 790px;
  margin: 0px auto 0px auto;
  padding: 5px 0px 5px 10px;
  border-top: 0px solid #000000;
  border-right: 0px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 0px solid #000000;
  background-color: #FFFFFF;
  color: #000000;
}
.clearLeft { 
clear: left; 
}

#contents {
  margin: 5px 5px 5px 5px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 780px;
  border-top: 0px solid #000000;
  border-right: 0px solid #000000;
  border-bottom: 0px solid #000000;
  border-left: 0px solid #000000;
  background-color: #FFFFFF;
  color: #000000;
}

#undernavi {
  width: 800px;
  text-align: center;
  clear: both;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 0px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 0px solid #000000;
  background-color: #FFFFFF;
  color: #000000;
}

#footer {
  width: 800px;
  clear: both;
  padding: 0.5em 0 0.5em 0;
  border-top: 0px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 0px solid #000000;
  border-left: 0px solid #000000;
  background-color: #FFFFFF;
  color: #000000;
}

/* ---------------------------------------- #header内の指定 */

/* -- 見出しレベル1 -- */
#header {
  margin: 0px 0px 0px 0px;
  padding: auto;
  list-style-type: none;
}

#header h1 {
  font-size: 150%;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

/* -- 企業名 ショップ名 サイト名 -- */
.logo {
  font-size: 1.8em;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.logo a {
  text-decoration: underline;
  width: 800px;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #FFFF00;
  color: #0000FF;
  overflow: hidden;
}

.logo a:hover {
  text-decoration: underline;
  background-color: #FFFF00;
  color: #0000FF;
}


/* ---------------------------------------- #header2内の指定 */

#header2 {
  margin: 0px, auto, 0px, auto:
  padding: 0px, 0px, 0px, 0px;
  text-decoration: none;
  list-style-type: none;
}   

#header2 li {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 5px;
}

/* ---------------------------------------- #header3内の指定 */

#header3 {
  font-size: 130%;
  font-weight: bold;
  padding-left: 0;
  margin-left: 0;
  text-decoration: none;
  list-style-type: none;
}

#header3 li {
  width: 113px;
  float: left;
  display: block;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  border-right: 1px solid #000000;
}

#header3 li a {
  text-decoration: underline;
  display: block;
  margin: 0px 1px 0px 0px;
  padding: 5px;
  background-color: #FFFFFF;
  color: #0000FF;
  overflow: hidden;
}

#header3 li a:hover {
  text-decoration: underline;
  background-color: #FFFF00;
  color: #0000FF;
}

#header3 li.on a {
  text-decoration: underline;
  background-color: #FFFF00;
  color: #0000FF;
}

/* ---------------------------------------- #headerMenu内の指定 */

#headerMenu {
  font-size: 100%;
  font-weight: bold;
  padding-left: 0;
  margin-left: 0;
  text-decoration: none;
  list-style-type: none;
}

#headerMenu li {
  width: 65px;
  float: left;
  display: block;
  margin: 0px;
  padding: 1px 0px 1px 1px;
}

#headerMenu li a {
  text-decoration: underline;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 5px;
  background-color: #FFFFFF;
  color: #0000FF;
  overflow: hidden;
}

#headerMenu li a:hover {
  text-decoration: underline;
  background-color: #FFFF00;
  color: #0000FF;
}

#headerMenu li.on a {
  text-decoration: underline;
  background-color: #FFFF00;
  color: #0000FF;
}

/* ---------------------------------------- #header4内の指定 */

#header4 {
  font-size: 130%;
  font-weight: bold;
  margin: 0px, auto, 0px, auto:
  padding: 0px, 0px, 0px, 0px;
  text-decoration: none;
  background-color: #ffff00;
  color: #000000;
  list-style-type: none;
}   

#header4 li {
  display: inline;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/* ---------------------------------------- #topnavi内の指定 */

#topnavi {
  font-size: 130%;
  font-weight: bold;
  margin: 0px, auto, 0px, auto:
  padding: 0px, 0px, 0px, 0px;
  text-decoration: none;
  background-color: #ffff00;
  color: #000000;
  list-style-type: none;
}   

#topnavi li {
  display: inline;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/* ---------------------------------------- #snsnavi内の指定 */

#snsnavi {
  margin: 0px, auto, 0px, auto:
  padding: 0px, 0px, 0px, 0px;
  text-decoration: none;
  background-color: #ffffff;
  color: #000000;
  list-style-type: none;
}

#snsnavi li {
  float: left;
  display: block;
  margin: 0px;
  padding: 0px 1px 0px 0px;
}

#snsnavi li a {
  text-decoration: none;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 5px;
  background-color: #FFFFFF;
  color: #0000FF;
  overflow: hidden;
}

#snsnavi li a:hover {
  text-decoration: underline;
  background-color: #FFFFFF;
  color: #0000FF;
}

#snsnavi li.on a {
  text-decoration: none;
  background-color: #FFFFFF;
  color: #0000FF;
}


/* ---------------------------------------- #contents内の指定 */

/* -- 見出し -- */
h2,h3 {
  font-size: 1.8em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding: 5px 0px 5px 5px;
  border-top: 1px solid #000000;
  border-left: 10px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
}

/* -- 文字 -- */
#contents p {
  font-size: 1.2em;
  margin: 1.0em 0px 1.0em 1.5em;
  padding: 0px 0px 0px 0px;
  line-height: 1.5em;
}

#contents strong {
  font-size: 1.5em;
  line-height: 1.5em;
}

#contents h4 {
 font-size: 1.5em;
 line-height: 1.5em;
 margin: 1.0em 0px 1.0em 1.0em;
 border-bottom: 1px solid #a9a9a9;
}

/* -- 以下 リスト関係 -- */
#contents dl { margin: 1em 0; }

#contents dt {
  margin-bottom: 0.5em;
  font-weight: bold;
  border-bottom: 1px dotted #666666;
}

#contents dd { margin-bottom: 2em; }

#contents ul { margin: 1em 0 0.5em 20px; }
#contents ol { margin: 1em 0 0.5em 30px; }
#contents li { 
  margin-bottom: 0.5em; 
  font-size: 1.2em;
}

#contents li a {
  text-decoration: underline;
  display: inline;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  background-color: #FFFFFF;
  color: #0000FF;
  overflow: hidden;
}

#contents li a:hover {
  text-decoration: underline;
  background-color: #FFFF00;
  color: #0000FF;
}

#contents li.on a {
  text-decoration: underline;
  background-color: #FFFF00;
  color: #0000FF;
}

/*----------------------------------------------------------
  アンダーナビ内の指定
----------------------------------------------------------*/

#pagetop p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#undernavi p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/* ---------------------------------------- #footer内の指定 */
#footer p { text-align: center; }

/* 以下 CSSデザインサンプルクレジット部分 */
#cds{ display: none; }