@charset "utf-8";
/* CSS Document */

/* タグ＋class */
BODY { background-color:#000000; background:url(../images/back.jpg) repeat-x; margin:0; padding:0;}
IMG { border:none;}
DIV { display:block;}
A { text-decoration: none; display:block;}
INPUT.att_ok {}
INPUT.att_no {}
TABLE.box1 { width:90%; background-color:#333; font-size:12px; color:#CCCCCC; border:10px solid #333; border-collapse:collapse; margin-bottom:10px;}
P.msg1 { background-color:#444; color:#CCC; text-align:left; display:block; padding:10px; line-height:1.5em;}
P.msg2 {}
P.msg3 { font-size:14px; width:80%; display:block; margin:0 auto; line-height:1.3em;}
P.info1 { color:#666; text-align:right;}


/* 共通class */
.pad2 { padding:10px;}
.end { clear:both;}
.water { color:#BBB; }
.att_err { color:#F66; margin-left:10px;}
.att_hide { display:none;}
.box2 { width:400px; float:left; color:#FFF; font-size:12px; text-align:left;}

/* 固有id */
#box1 { color:#CCCCCC; font-size:12px;}

#page_wrrapper { margin:0 auto;}
#page_wrrapper .hdr { display:block; width:800px; margin-bottom:10px; padding-top:15px; text-align:left;}
#page_wrrapper .bdy { display:block; width:800px; height:350px; padding:3px 0;}
#page_wrrapper .ftr { display:block; width:800px; height:50px;}

#page_wrrapper .bdy .contents_hdr { width:800px; height:5px; background:url(../images/w800h350.png) no-repeat; padding-top:3px;}
#page_wrrapper .bdy .contents_bdy { width:800px; background:url(../images/w800h6.png) repeat-y; padding:5px;}
#page_wrrapper .bdy .contents_ftr { width:800px; height:10px; background:url(../images/w800h350.png) no-repeat 0px -340px;}
#page_wrrapper .bdy .slider { height:350px;}



#copy { color:#333333; padding-top:10px; font-size:12px;}

#slideShow1 { width:784px; height:325px; font-size: 12px; color:#666; border:1px solid #000; background-color: #000; margin:0px auto;}
.slideCaption { text-align:right; font-size:10px;}
.pagelinks { margin-left:5px; display:block; float:none;}
.pagelinks A { width:20px; float:left; font-weight: bold; color:#333; border:1px dotted #333; text-align:center; padding:0;}
.pagelinks A.activeSlide { color: #f90; background-color:#321; border:1px solid #432;}
.nextSlide,
.prevSlide { display:none;}
.inputsTooltip { border: 1px solid #ccc; background-color: #eee; padding: 4px; color: #333; font-size: 11px;}
#tooltipURL { display:none;}

/* メインメニュ */
#top_menu { height:50px; background:url(../images/w800h50.png) no-repeat top left; margin-bottom:5px; text-align:left;}
#top_menu UL { display:block; float:left; margin-top:0;}
#top_menu LI { display:block; float:left; list-style:none; margin-top:7px;}
#top_menu LI.cl { background:url(../images/sep_1.gif) no-repeat right center;}
#top_menu LI.cm { background:url(../images/sep_1.gif) no-repeat right center;}
#top_menu LI A { width:100px; text-align:center; padding:5px; margin-right:1px;}
#top_menu LI A:hover { background-color:#333333;}
#top_menu LI A.act { border-bottom:2px solid #663300; background-color:#181818;}
#top_menu LI A.act:hover { background-color:#444444;}

#top_menu LI A.true { border-bottom:2px solid #663300; background-color:#181818;}
#top_menu LI A.true:hover { background-color:#444444;}



/* トップページ */
.topContents { display:block; font-size:12px; text-align:left; padding:15px; margin-top:15px;}

#top_info { width:720px; margin-top:15px;}




#page_info { width:90%;}
#page_info .title1 { font-size:24px; color:#FFCC00; text-align:left; border-bottom:1px solid #543; border-left:20px solid #543; padding-left:3px;}
#page_info .doc { width90%; font-size:12px; color:#FFF; padding:15px 5px; text-align:left;}

/* 最新情報 (What's New) */
#whatsnew { color:#333; width:380px; margin-left:10px;}
#whatsnew CAPTION { text-align:left;}
#whatsnew TD { border-bottom:1px dotted #CA8; padding:1px 5px;}

/* お問い合わせフォーム */
#ref_form { border-collapse:collapse;}
#ref_form TH { text-align:right; padding:5px; border-bottom:1px dotted #666;}
#ref_form TD { text-align:left; padding:5px; border-bottom:1px dotted #666;}
#ref_form INPUT[type='button'] { width:100px;}

/* お問い合わせ送信後 */
#ref_result { width:70%; font-size:12px; text-align:left;}
#ref_result .title { color:#9F9; text-align:center; padding:10px; font-size:14px; background-color:#244;}
#ref_result DT { color:#FFC; font-size:14px; font-weight:bold; margin:3px 0;}
#ref_result DD { color:#CCC; line-height:1.3em; margin-bottom:10px;}


#shop_info TBODY TH { color:#FFCC00; text-align:left; font-size:18px;}
#shop_info TBODY TD { text-align:left; vertical-align:top;}
#shop_info TBODY TD IMG { width:250px;}
#shop_info TBODY TD .item { margin-bottom:20px;}
#shop_info TBODY TD .item .title { width:280px; font-size:24px; color:#FFCC00; border-bottom:1px dotted #963;}
#shop_info TBODY TD .item .adr {}
/* コンテンツ表示２（店舗案内） */
#con2 { width:90%; color:#CCC; font-size:12px; margin:0 auto;}
#con2 .item { width:100%; display:block; float:left; background-color:#222; clear:both; margin-bottom:20px;}
#con2 .item TD { width:50%; text-align:left; vertical-align:top;}
#con2 .item TD .name { font-size:24px; color:#FFCC00; border-bottom:1px dotted #963; background-color:#320; padding-left:10px;}
#con2 .item TD IMG { width:220px; height:172px;}
/* 店舗案内の所在地など */
.s_info DL {}
.s_info DT { width:70px; line-height:1.3em; display:block; float:left; clear:both;}
.s_info DD { color:#FFF; line-height:1.3em; font-size:14px;}

.dev_msg { background-color:#FF9; color:#F00; font-size:18px; font-weight:bold; margin-left:15px; padding:5px 10px; border:2px solid #F66;}

#items { width:720px;}
#items TD { width:33%; text-align:center; vertical-align:top; padding:5px;}
#items .item { width:220px; height:290px; display:block; margin:0 auto; border:1px solid #666; color:#CCCCCC; overflow:hidden;}
#items .item .name { font-size:16px; text-align:left; background-color:#333300; margin:0; padding:5px;}
#items .item .info { display:block; text-align:left; margin:5px 10px; line-height:1.5em;}
#items .item IMG { width:180px; margin-top:25px; margin-bottom:10px;}
#items .item:hover { border:1px solid #C90;}
#items .item:hover .name { background-color:#663300;}

/* 商品詳細ページ */
#item_d { width:720px; margin:0; color:#CCCCCC; font-size:12px; display:block;}
#item_d IMG.top { width:100%; margin-bottom:15px;}
#item_d .info { width:350px; display:block; float:left; text-align:left; line-height:1.3em;}
#item_d .attr { width:240px; margin-top:25px; border-collapse:collapse;}
#item_d .attr TH { border-bottom:1px dotted #666; padding:3px; width:70px; font-weight:normal; color:#999999;}
#item_d .attr TD { border-bottom:1px dotted #666; padding:3px; color:#CCC;}
#item_d .pack { width:300px; display:block; float:right;}
#item_d .pack TABLE { width:100%;}
#item_d .pack TD { border-bottom:1px dotted #666; text-align:left;}
#item_d .pack .price { width:70px; display:block; float:left; text-align:right; font-weight:bold; color:#F66; margin-right:3px; font-size:16px;}
.item_detail_tel { margin-top:20px;}

/* 商品詳細ページ(2) */
#itemDetail { width:720px; margin:0; color:#CCCCCC; font-size:12px; display:block; text-align:left;}
#itemDetail .doc { width:350px; display:block; float:left; line-height:1.2em;}
#itemDetail .doc .title { color:#FF9900; font-weight:bold; border-bottom:1px solid #666;}
#itemDetail .doc .box01 { padding-left:10px; padding-top:5px; margin:0;}
#itemDetail .info { width:300px; display:block; float:right;}
#itemDetail .info TABLE { width:280px; float:right; margin-bottom:15px;}
#itemDetail .info CAPTION { text-align:left;}
#itemDetail .info TBODY TH,
#itemDetail .info TBODY TD { border-bottom:1px dotted #666; padding:3px;}
#itemDetail .info .price { font-size:16px; font-weight:bold; color:#FFF;}

.r10w400 {}
.r10w400 .top { display:block; width:420px; height:7px; background:url(../images/r10_400x7_top.gif) no-repeat;}
.r10w400 .mdl { display:block; width:420px; background:url(../images/r10_400x7_mdl.gif) repeat-y;}
.r10w400 .btm { display:block; width:420px; height:7px; background:url(../images/r10_400x7_btm.gif) no-repeat;}

.cTest { width:90%; display:block; color:#FFF; background-color:#666; border:1px solid red;}



/*  */
