@charset "UTF-8";
@import "navi.css";
@import "footer.css";
@import "menu.css";
/*BODY 
----------------------------------------*/
body {
	margin:0 auto;
	padding:0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ ゴシック", sans-serif;
	color: #333333;
	font-size: 12px;
	text-decoration: none;
	line-height: 1.4;
		border-top:solid 3px #000;
	background-color:#FFFFFF;
}


/*初期化*/
h1,h2h3,h4,h5,h6,p,input,form,ul,li,dl,dt,dd,hr {
	margin:0px;
	padding:0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ ゴシック", sans-serif;
}

img	{	border:none; }
.br-clear	{ clear:both; }
	

/*レイアウト
----------------------------------------*/
#wrapper {
	margin:0 auto;
	width:800px;
	text-align:left;
	display:block;
}
#container {
	width:800px;
	margin:6px 0;
	padding:0 ;
	overflow: hidden;
}
#container:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html #container {
	height: 1em;
	overflow: visible;
}
/**/

#column_left{
	width:178px;
	height:auto;
	margin:0;
	padding:0 0 68px 0;
	border:1px solid #CCC;
	background-color:#E6E6E6;
	overflow: hidden;
	text-align:left;
	float:left;
}

#column_right {
	width:608px;
	height:auto;
	margin:0 0 3px 0;
	padding:0 0 0 12px;
	text-align:left;
	float:left;
}

/*ヘッダー
----------------------------------------*/
#header{
	width:800px;
	height:109px;
}
#header-area01{
	width:800px;
	height:71px;
}

#header-area01 img.header-banner {
	padding-top: 10px;
	padding-left: 40px;
	float:left;
	width: 	410px;
}

.logo{
	width:86px;
	height:46px;
	margin:17px 0 0 0;
	padding:0;
	display:block;
	float:left;
}

.head_right{
width:260px;
	float:right;
	padding:0;
}
.head_right ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.head_right li {
	margin: 0;
	padding:0;
	float: right;
}
.head_right li img{	vertical-align: bottom; }

.navi-home a {
	display: block;
	background-image: url(/c/img/home.gif);
	width: 41px;
	height: 41px;
	margin:21px 0 0 8px;
	background-repeat: no-repeat;
	text-decoration: none;
}
.navi-home a:hover {
	display: block;
	background-image: url(/c/img/home_f2.gif);
	width: 41px;
	height: 41px;
	margin:21px 0 0 8px;
	background-position: bottom;
	background-repeat: no-repeat;
		text-decoration: none;
}
.navi-shop a {
	display: block;
	background-image: url(/c/img/bt_onlineshop.gif);
	width: 200px;
	height: 41px;
	margin:21px 0 0 0;
	background-repeat: no-repeat;
		text-decoration: none;
}
.navi-shop a:hover {
	display: block;
	background-image: url(/c/img/bt_onlineshop_f2.gif);
	width: 200px;
	height: 41px;
	margin:21px 0 0 0;
	background-position: bottom;
	background-repeat: no-repeat;
		text-decoration: none;
}
.swf {
	display: block;
	width:151px;
	height:71px;
	padding: 0;
}

/*フッター
----------------------------------------*/
#footer {
width:800px;
	height:22px;
	margin:22px 0 0 0;
	padding:0 0 25px 0;
	display:block;
	clear:both;
	border-top:1px solid #FF0000;
}
.copyright{
	width:92px;
	height:23px;
	padding:0;
	margin:0;
	float:left;
}

/* Main Area [div#colum_right]
--------------------------------------*/

/* [#colum_right]: breadcrumb, chapterTitle */
#t-path {
	margin:0 0 12px 0;
	font-size:10px;
	color:#333;
}

#t-path span	{ color: #F00; }
#t-path a:link	{ 	color: #333333; text-decoration: none; }
#t-path a:visited,
#t-path a:hover	{ color: #333333; text-decoration: underline; }
#t-path a:active	{ color: #333333; text-decoration: none; }

#main-md { margin:0 0 0 8px; display:block; }
#main-photo { margin:15px 0 0 6px; }
#main-photo img{ width:601px; height:120px; }


/* [#colum_right > div#md01]: ヘッドライン（contain h1, headline） */
#md01 {
	width:604px;
	margin: 12px 0 0 4px;
}

#md01 .headline { /* h1直下のリード文 */
	margin: 15px 0 20px 10px;
	font-size:12px;
	color:#666;
}

/* colum_right > div#md02 : 本文エリア */
#md02 {
	width:600px;
	margin: 15px 0 0 0;
}

#md02 h2{
	clear: both;
	margin: 20px 0 0 5px;
	padding: 4px 4px 4px 10px;
	border-top: 1px solid #BABABA;
	border-bottom: 1px solid #BABABA;
	border-left: 5px solid #F00;
	background-color: #EBEBEB;
	color:#333;
	font-size:14px;
	font-weight:bold;
}

#md02 h3{
	clear: both;
	margin: 10px 0 0 0;
	padding:0 0 0 15px;
	background: white url(/c/img/ico_circle.gif) no-repeat left top;
	color:#FF0000;
	font-size:12px;
	font-weight:bold;
}

#md02 h4 {
	clear: both;
	margin: 10px 0 0 4px;
	padding:0;
	color:#0B5087;
	font-size:12px;
	font-weight:normal;
}

/* colum_right > div#md02 > div.text-box01
 * h2以下の本文エリアは、文脈単位でこれで囲むこと（h2は含まない）
 */
.text-box01 {
	clear:both;
	margin-top: 10px;
	padding-left: 5px;
	font-size:12px;
	color:#666;
}

.text-box01 ul {
	margin: 0.5em 1em;
	list-style: none url(/c/img/ico_arrow.gif) inside; 
}

/* 本文内に左寄せで写真のみ */
img.photo-in-text {
	float: left;
	margin: 0 10px 10px 0;
}

/* 写真とキャプションだけで1行構成する場合 */
.photo-no-text img { margin: 0 5px 10px 0; }
.photo-no-text p { /* キャプション */
	padding: 0 4px;
	font-size:10px;
	text-align: left;
}

/* [#colum_right]: 本文エリア内共通パーツ定義 */
#column_right p { margin-bottom: 1em; }
#column_right span.new	{ color: #F00; }
#column_right strong	{ color: #00F; font-weight: bold; font-style: normal; }
#column_right em	{ color: #00F; font-style: normal; }
#column_right .note { /* note表記用 */
	margin: 0.5em 0;
	padding: 4px 10px;
	background-color: #FFC;
	font-size: 14px;
}
#column_right hr{
	width:588px;
	margin-top: 10px;
	border-bottom:2px solid #BABABA;
}

#column_right table {
	clear:both;
	margin: 0;
	border: 1px solid #666666;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

#column_right th,
#column_right td {
	padding: 10px 5px 0;
	border: 1px solid #666;
	text-align: center;
	font-size: 12px;　※IE用に必要
}
#column_right th {
	white-space: nowrap;
}


#column_right th { background-color: #DADADA; }

#column_right .goods {
	border: 1px solid #BBB;
	margin: 10px;
	padding: 5px;
	background-color: #F7F7F7;
	font-size: 12px;
}


/* 左メニュー Area [div#colum_left]
--------------------------------------*/

.banner{
	margin:20px 0 0 9px;
}
.banner img {
	margin: 2px 0;
}
#column_left .note { /* 左メニュー部note表記用 */
	margin: 20px 0;
	padding: 4px 10px;
	font-size: 10px;
}
/*　左メニュー部staffBlog 
------------------------------------------*/
#staffBlogNew{ 
	width:148px;
	margin:10px 0 0 9px;
	padding:0;
	background:#FFFFFF;
	border:1px solid #B6B6B6;
}
#staffBlogNew h3{
	margin:0;
}
#staffBlogNew #staffBlogArea{
	margin:10px 14px;
}
#staffBlogNew #staffBlogArea dl{
	margin:10px 0 0 0;
}
#staffBlogNew #staffBlogArea dl dd{
	margin:5px 0 0 0;
}
#staffBlogNew #staffBlogArea dl dd#staffBlogMore{
	text-align:right;
}

/* 共通文字修飾 
------------------------------------------*/
span.regmark { font-size: 140%;
}


/* 共通リンク
--------------------------------*/
.entry-box00 {
	width:594px;
	font-size:10px;
	border-top: 1px solid #dae0e6;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0;
}
.entry-box00 a{
color:#FF0000;
text-decoration:underline;
}
.entry-box00 a:hover {
color:#FF0000;
text-decoration:underline;
}
.entry-previous {
	float:left;
	padding:4px 0 0 15px;
	background-image: url(http://www.herodisc.com/event/img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.entry-next {
float:right;
padding:4px 15px 0 0;
background: url(http://www.herodisc.com/event/img/arrow2.gif) top right no-repeat;
}

.entry-link {
text-align:right;
}

/* 共通リンク　02
--------------------------------*/
#link-box{
	background-color: #FFFFC1;
	padding: 10px;
	border: 1px solid #BABABA;
	width: 564px;
	margin-top: 10px;
	margin-bottom: 0px;
}


p.link-box{
	font-size: 14px;
	font-weight: bold;
}

#link-box li{
	text-align: left;
	font-size: 12px;
	list-style: none url(../img/ico_arrow02.gif) inside;
}