@charset "Shift_JIS";



/* 一括で全ての要素の余白をゼロに指定 */

* {

  padding: 0;

  margin: 0;

}



/* 全体的なリンク */



a:link,

a:visited,

a:hover,

a:active { text-decoration: underline; }



a:link { color: #00f; }

a:visited { color: #90f; }

a:hover { color: #f00; }

a:active { color: #f00; }



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



body {

  font-size: 80%;

  text-align: center;

  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

  padding: 0;

  margin: 0;

  background: url(img/bg-body.jpg) repeat-x 0 0;

}



#wrapper {

  text-align: left;

  margin: 0 auto;

  width: 800px;

  position: relative;

  background: url() no-repeat 0 7em;

}



#header {

  margin-bottom: 0;

  padding-top: 4em;

}



#container { width: 100%; }



#contents { padding: 0 0 10em 0; }



#footer { padding-bottom: 0.5em; }



/*---------------------------------------ヘッダーブロックに関する指定*/



/* -- キーワード -- */

h1 {

  font-size: 100%;

  text-align: right;

  font-weight: normal;

  margin: 0 0 0 0;

  border-bottom: 1px solid #990000;

}



/* -- 企業名｜ショップ名｜タイトル -- */

.logo {

  font-size: 180%;

  margin: 0 0 0 0;

  border-bottom: 1px solid #990000;

}



.logo a {

  text-decoration: none;

  color: #000000;

}



.logo a:hover {

  text-decoration: none;

  color: #ff0000;

}



/* -- ページの概要 -- */

.description {

  text-align: right;

  margin: 0 0 0.5em 180px;

}



/*---------------------------------------コンテンツブロックに関する指定*/



/* -- 見出し -- */

h2,h3,h4,h5,h6 {

	width:95%;

  font-size: 170%;

  margin-bottom: 0.5em;

  padding: 0 0 0 30px;

  background: url(img/bg-h.gif) no-repeat 0 50%;

	border-bottom:#985A79 solid 2px;

}



h3,h4,h5,h6 { margin-top: 0; }



/* -- 文字 -- */

#contents p {

  line-height: 1.6em;

  margin-bottom: 0.5em;

	margin-left: 1.5em;

}

#contents ul {

	float:left;

	margin-top:0px;

	margin-left: 50px;

	list-style: outside square;

	}

#contents ul li {

	

	}



/*---------------------------------------フッターブロックに関する指定*/



#footer p {

  text-align: right;

  margin: 0 0 0.5em 0;

  padding-top: 0.5em;

  border-top: 1px solid #990000;

}



#footer #cds {

  font-size: 90%;

  text-align: right;

  color: #999999;

  border: none;

}



#footer #cds a {

  color: #999999;

  text-decoration: none;

}



/*---------------------------------------グローバルナビ部分*/

#globalnavi {

  position: absolute;

  top: 1em;

  left: 0;

  width: 800px;

}



#globalnavi ul {

  list-style-type: none;

}



#globalnavi li {

  width: 159px;

  float: left;

  border-right: 1px solid #666666;

}



#globalnavi li a {

  text-align: center;

  padding: 0.5em 0;

  width: 100%;

  display: block;

  text-decoration: none;

  color: #ffffff;

}



#globalnavi li a:hover {

  background-color: #999966;

  color: #ffffff;

  text-decoration: underline;

}



/*--サブメニュー部分--*/



#globalnavi ul ul li {

  font-size: 90%;

  width: 160px;

  float: none;

  border: none;

  display: inline;

  margin: 0;

}



#globalnavi ul ul li a {

  text-align: left;

  padding: 1em 5px;

  width: 150px;

  display: block;

  background-color: #663300;

  color: #ffffff;

  text-decoration: none;

  border-top: 1px solid #ffffff;

}



#globalnavi li a:hover {

  background-color: #999966;

  color: #ff0000;

  text-decoration: none;

}



#globalnavi ul li.menu ul { display: none; }



#globalnavi ul li.menuOn ul { display: block; }



.left {

	float: left;

	margin-right: 10px;

	}

.right {

	width: 320px;

	float: right;

	margin-right: 10px;

	}

.clear {

	clear: all;

	}

.center {

	text-align:center;

	}

.waku {

	border:#999 solid 1px;

	padding: 5px;

	}