#flash {/*flashトップ*/
	width: 848px;
	margin: 0px;
	padding: 0px;
	height: 412px;
}
h1 {
	background-image: url(resource/news_bar.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 558px;
	color: #FFFFFF;
	font-size: 14px;
	text-align: left;
	letter-spacing: 1px;
	margin: 0px;
	text-indent: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 3px;
	line-height: 20px;
}
h2 {
	height: 27px;
	width: 250px;
	background-image: url(resource/sub_news_bar.gif);
	background-repeat: no-repeat;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 1px;
	margin: 0px;
	text-align: left;
	text-indent: 8px;
	line-height: 28px;
}
h3 {
	font-size: 12px;
	color: #FFFFFF;
	height: 18px;
	width: 340px;
	background-image: url(resource/link_bar.gif);
	text-align: left;
	text-indent: 25px;
	letter-spacing: 1px;
	margin: 0px;
	padding-top: 2px;
	line-height: 15px;
}
h4 {
	background-image: url(resource/contents_bar.gif);
	background-repeat: no-repeat;
	margin: 0px;
	height: 8px;
	width: 818px;
}
#news_base {/*更新情報*/
	height: auto;
	width: 558px;
	float: left;
	border-top: 0px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	font-weight: bold;
	line-height: 22px;
	font-size: 12px;
	text-align: right;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 13px;
	margin-bottom: 5px;
}
#iframe {
	width: 558px;
	height: 526px;
	background-color: #EDEDED;
	margin: 0px;
	border-top-style: solid;
	border-top-color: #999999;
	border-top-width: 1px;
}
.rss_icon {
	margin: 5px 3px 3px;
}
#order {/*通販情報*/
	width: 250px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	padding-bottom: 2px;
	float: right;
	margin-top: 5px;
	margin-right: 13px;
	list-style-type: none;
	height: auto;
}
ul#order_news {
	width: 240px;
	margin: 0px;
	height: auto;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.order_pick {/*今週の目玉*/
	font-size: 12px;
	background-color: #FFFF00;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #FF6600;
	list-style-type: none;
	font-weight: bold;
	height: auto;
	margin-bottom: 2px;
	margin-top: 4px;
}
a.order_pick2 {
	color: #CC0000;
	font-weight: bold;
	text-decoration: underline;
	margin: 0px;
	height: auto;
}
a:hover.order_pick2 {
	color: #666666;
}
.order{
	font-size: 12px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #FF6600;
	font-weight: bold;
	list-style-type: none;
	height: auto;
	margin-bottom: 2px;
}
a.order2 {
	color: #003399;
	font-weight: bold;
	text-decoration: underline;
}
#event {
	width: 250px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	margin-right: 13px;
	height: auto;
	padding-bottom: 6px;
	margin-top: 10px;
	float: right;
}
.event_banner {
	margin-top: 5px;
	margin-left: 11px;
}
#mail_event {/*メルマガイベント系バナー*/
	background-color: #FFFFFF;
	width: 235px;
	border: 3px solid #CCCCCC;
	font-size: 10px;
	line-height: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 5px;
	margin-left: 4px;
}
.mail_event_icon {
	float: left;
	margin-top: 1px;
	margin-left: 2px;
	margin-right: 2px;
}
.event_date {/*イベント期日*/
	color: #CC3333;
	font-weight: bold;
}
a.event_title{/*イベントタイトル*/
    color: #000099;
	font-size: 15px;
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
}
.event_title2{/*イベントタイトル*/
    color: #000000;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	text-decoration: none;
}
a:hover.event_title{
	text-decoration: underline;
}

/* notice */
#notice {
	height: auto;
	width: 818px;
	margin: 10px 13px;
	font-weight: bold;
	clear: both;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	vertical-align: middle;
	padding-bottom: 5px;
}

#lnav {/*ローカルナビゲーション*/
	height: auto;
	width: 818px;
	margin: 10px 13px;
	clear: both;
	float: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	vertical-align: middle;
	padding-bottom: 5px;
}
#lnav_base {
	height: auto;
	width: 155px;
	margin: 10px 1px 5px 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	float: left;
}
#lnav_end {
	height: auto;
	width: 155px;
	margin: 10px 0px 5px 6px;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	float: left;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	letter-spacing: -1px;
}
.lnav_img {
	text-align: left;
	float: left;
	margin-right: 4px;
}
.lnav_text {
	font-size: 10px;
	color: #999999;
}
#lineup {/*ラインナップ*/
	width: 820px;
	height: auto;
	float: left;
	margin-top: 5px;
	margin-right: 13px;
	margin-left: 13px;
	margin-bottom: 5px;
	clear: both;
}
#title {
	height: auto;
	width: 820px;
	text-align: center;
	margin-top: 5px;
}
.portal_left {
	margin: 6px 1px 1px;
}
.portal_right {
	margin: 6px 1px 1px;
}
.title_icon {
	margin: 3px 2px 4px;
}
#title_ather {
	color: #0033CC;
	font-size: 12px;
	margin: 3px 0px 0px;
	text-align: right;
}
a.title_s {
	color: #0033CC;
}

#link {
	margin: 8px 13px 5px;
	clear: both;
	width: 820px;
	float: left;
}
.link_banner {
	margin: 8px 6px 0px 0px;
}


/**以下ハック適用/

 /*IE8に適用*/

html>/**/body .order_pick{
	margin-bottom /*\**/: 4px\9;
}

html>/**/body .order{
	margin-bottom/*\**/: 4px\9;
}

html>/**/body .event_banner{ 
	margin-top/*\**/: 7px\9;
 }
 
html>/**/body #mail_event {
	margin-top/*\**/: 7px\9;
}


/*IE7に適用 */
*:first-child+html .event_banner{
	margin-top: 3px;
	margin-left: 11px;
	margin-right: 0px;
	margin-bottom: 1px;
 }
 
 /*IE6に適用*/
 *html #news_base {/
	margin-top: 8px;
	margin-left: 8px;
}

*html #order {
	margin-top: 8px;
	margin-right: 8px;
}

*html #event {
	margin-right: 8px;
	padding-bottom: 5px;
	margin-top: 6px;
}

*html #lnav {
	margin: 5px 8px 10px;
}

*html #lineup {
	margin-left: 8px;
}

*html #link {
	margin: 8px 8px 5px;
}
 
 /*Firefox3.0に適用 */
.event_banner, x:-moz-broken{ 
	margin-top: 7px;
 }
  
 .event_banner, x:x { 
	margin-top: 5px;
	margin-left: 11px;
 }
 
#mail_event, x:-moz-broken {
	margin-top: 8px;
}

#mail_event, x:x {
	background-color: #FFFFFF;
	width: 235px;
	border: 3px solid #CCCCCC;
	font-size: 10px;
	line-height: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 5px;
	margin-left: 4px;
}
#pickup {
	float: left;
	width: 500px;
}
.pick_bana {
	margin: 10px 0px 0px 15px;
}

/* flash非対応時表示 */

table.kaebase {
	background-image: url(flash/kaebase.jpg);
	background-repeat: no-repeat;
}
#kaebtn {/*Flash代替ボタン配置*/
	margin: 0px;
	width: auto;
	height: 64px;
	clear: both;
	display: block;
}
ul#kaebtn2{/*Flash代替ボタン画像ロールオーバー時の指示*/
	list-style:none;
	width:100%;
	margin: 0px;
	clear: both;
	float: right;
}
ul#kaebtn2 li{
    list-style:none;
    float:left;
	padding-right:1px;

}
ul#kaebtn2 a{
    display:block;
    background-image:url(flash/btn_list.jpg);
    overflow:hidden;
}
a.Abtn{
    background-position:0px 0px;
    width:176px;
    height:64px;
}
a:hover.Abtn{
    background-position:0px -62px;
    width:176px;
    height:64px;
}
a.Bbtn{
    background-position:-174px 0px;
    width:105px;
    height:64px;
}
a:hover.Bbtn{
    background-position:-174px -62px;
    width:105px;
    height:64px;
}
a.Cbtn{
    background-position:-277px 0px;
    width:105px;
    height:64px;
}
a:hover.Cbtn{
    background-position:-277px -62px;
    width:105px;
    height:64px;
}
a.Dbtn{
    background-position:-380px 0px;
    width:105px;
    height:64px;
}
a:hover.Dbtn{
    background-position:-380px -62px;
    width:105px;
    height:64px;
}
a.Ebtn{
    background-position:-483px 0px;
    width:105px;
    height:64px;
}
a:hover.Ebtn{
    background-position:-483px -62px;
    width:105px;
    height:64px;
}
a.Fbtn{
    background-position:-586px 0px;
    width:105px;
    height:64px;
}
a:hover.Fbtn{
    background-position:-586px -62px;
    width:105px;
    height:64px;
}
a.Gbtn{
    background-position:-689px 0px;
    width:105px;
    height:64px;
}
a:hover.Gbtn{
    background-position:-689px -62px;
    width:105px;
    height:64px;
}
a {/*リンク*/
	color: #000000;
	text-decoration: none;
}
a:hover{
	color: #999999;
	text-decoration: underline;
}


/* Flash代替部分用 */

#flcimg {
	position:relative;
	top:3px;
	left:0px;
	width:815px;
	height:320px;
}
#flcimg p {
   position: absolute;
   top:  0;
   left: 0px;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: white; /* ボックスの背景色(必須) */
   height: 320px; /* ボックスの高さ */
}

#flcimg p.active {
   z-index: 10;
   opacity: 1.0;
}

#flcimg p.last-active {
   z-index: 9;
}

#flcimg p img {
   right: 2px;
   width:  810px; /* 画像の横幅 */
   height: 320px; /* 画像の高さ */
   display: block;
   border: 0;
}