@charset "Shift_JIS";

/* Reset
------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}

/* Basic
------------------------------------------------------------------------------------- */

body {
	font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Osaka", "MS P ゴシック", sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 1.2em;
	background: #FFFFFF url(img/bg.gif);
	text-align: center;
}
* html body {
  /* for WinIE6*/
  /*font-size: 75%;*/
  font-size: 12px;
  font-family: Verdana, "MS P ゴシック", sans-serif;
}
*:first-child+html body {
  /* for WinIE7*/
  /*font-size: 75%;*/
  font-size: 12px;
  font-family: 'メイリオ', Meiryo, sans-serif;
}



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

a:link {
	color: #006633;
	text-decoration: underline;
}
a:visited {
	color: #617467;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #497C61;
}
a:active {
  left: 1px;
  top: 1px;
  position: relative;
}
.btn { }

/* basic style
------------------------------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 { font-weight: bold; }
p {
  margin-bottom: 0.5em;
  line-height: 1.5;
}
em,
strong { font-weight: bold; }
pre,
address { font-style:normal; }
blockquote {
  margin:0 0 1em 2em;
  padding: 0;
}
blockquote p {
  margin: 1em 0 1em 0;
  padding: 0 1em;
}
blockquote blockquote {
  margin: 0.2em 0;
  padding: 0.2em 0 0.2em 0.2em;
}

.text_r {
	color: #CC3366;
}


/*
 * Mac IE は pre 要素で overflow すると、初期値である visible 以外の場合、要素の中身が見えなくなる */

pre {
  width: 95%;
  overflow: visible;
  /*\*/
  overflow: scroll;
  /**/
  margin: 1.5em 0;
  padding: 0.5em 0.8em;
  font-size: 95%;
}
del {
  color: #CCC;
  font-weight: normal;
  text-decoration: line-through;
}
ins {
  display: block;
  margin: 0;
  padding: 1em;
  color: #333;
}

/* img
------------------------------------------------------------------------------------- */
img {
  margin: 0;
  padding: 0;
  vertical-align:bottom;
}


/* コンテンツブロック分け
------------------------------------------------------------------------------------- */
/*ページ全体ブロック*/
#container {
	width: 800px;
	margin: 0px auto;
	text-align: left;
	height:100%;
	min-height: 100%;
}
/*ヘッダー*/
#header {
	position: relative;
	height:270px;
	background:url(img/title.gif) no-repeat 0 0px;
}
/*見出し*/
#midashi {
	clear: both;
}
/*グッズ枠_BLUE/RED*/
#contents {
	background: url(img/waku01.gif) no-repeat;
	float: left;
	width: 800px;
	height: 175px;
}
/*グッズ枠_共通*/
#contents2 {
	background: url(img/waku02.gif) no-repeat;
	float: left;
	width: 800px;
	height: 175px;
}
/*テキスト*/
#annotation {
	float: left;
	width: 790px;
	padding: 5px;
	background: #FFFFFF;
}
#annotation li {
	padding-bottom: 5px;
	list-style: disc inside;
}


/* メインコンテンツ
------------------------------------------------------------------------------------- */
/*グッズ配置*/
#goods_blue {
	text-align: center;
	background: url(none);
	position: relative;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 6px;
}
#goods_red {
	text-align: center;
	background: url(none);
	position: relative;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 6px;
}
#goods_l {
	text-align: center;
	background: url(none);
	position: relative;
	float: left;
	padding-left: 30px;
	padding-top: 6px;
	padding-right: 20px;
}
#goods_r {
	text-align: center;
	background: url(none);
	position: relative;
	float: left;
	padding-right: 30px;
	padding-top: 6px;
}