/*-----------------------------------------------------

    MARBLE Premium Soft�@Website css

-----------------------------------------------------*/

*{
border:medium none;
margin:0;
padding:0;
text-decoration:none;
}

/* ////////// Base ////////// */
body {
color: #1a1414;
font-size: 12px;
font-family:"�l�r �o�S�V�b�N", "Hiragino Kaku Gothic Pro", "�q���M�m�p�S Pro W3", "Osaka", Verdana, arial, sans-selif;
background:repeat-x left top url(background.gif) #1a1414 ;
}

a{
text-decoration: underline;
color: #1a1414;
}

a:visited{
color: #1a1414;
}

a:hover{
color: #ccae26;
}

/* ////////// Layout ////////// */

#container{
background-color: #fff;
width: 800px;
text-align: center;
padding: 0;
margin: 0 auto;
height:100%;
}

#header{
padding-top: 0px;
background:repeat-x left top url(background.gif);
width: 800px;
margin: 0 auto;
height: 65px;
list-style:  none;
}

.contents{
width: 800px;
text-align:left;
letter-spacing: 0.1em;
font-size: 12px;
}

#footer{
clear: both;
background: #fff;
height: 67px;
color:#000000;
border-top:solid 2px #CC6600;
}

hr{
text-indent: -9999px;
}

/* ////////// Header ////////// */

#header li{
float:  left;
list-style: none;
}

#header a{
color: #cccccc;
height: 10px;
font-size: 10px;
}

#header #top_logo{
float: left;
width: 220px;
margin-right:30px;
}

#header #header_right{
float: left;
height: 60px;
width: 550px;
}

#header dl,#header dt{
margin:0;
padding:0;
}

#header dt{
display:none;
}

/* ----- subnavi ----- */

#header .navi_menu{
display: block;
background: url(menu-bar.gif) center bottom no-repeat;
display:block;
font-size:10px;
height:10px;
margin:0;
width: 270px;
padding:15px 0 7px 280px;
}

#header .navi_menu li a{
padding:0 20px 0;
height: 10px;
background: url(navi_top_icon.gif) 7px 0px no-repeat;
color: #cccccc;
text-decoration: none;
display: block;
height: 10px;
}

#header .navi_menu li a:hover{
background: url(navi_top_icon.gif) 7px -11px no-repeat;
color: #ffffff;
}

#header .cat-companyinfo a{width: 40px;}
#header .cat-contact     a{width: 65px;}
#header .cat-recruit     a{width: 40px;}

#companyinfo #header .navi_menu .cat-companyinfo a,
#contact     #header .navi_menu .cat-contact     a,
#recruit     #header .navi_menu .cat-recruit     a {
color: #feff00;
background: url(navi_top_icon.gif) 7px -22px no-repeat;
}

/* ----- mainnavi ----- */

#header .main_menu,
#header .shopping_menu{
display: block;
list-style: none;
margin: 0 auto;
height: 27px;
padding: 0;
float:left;
}
#header .main_menu li,
#header .shopping_menu li{
height:27px;
text-indent:-9999px;
}

#header .main_menu li a,
#header .shopping_menu li a{
display:block;
height: 27px;
}

#header .cat-top      a{background: url("menu_top_icon.gif")  no-repeat      0 top;width:100px;}
#header .cat-news-index    a{background: url("menu_top_icon.gif")  no-repeat -110px top;width:100px;}
#header .cat-menu     a{background: url("menu_top_icon.gif")  no-repeat -220px top;width:100px;}
#header .cat-shoplist a{background: url("menu_top_icon.gif")  no-repeat -330px top;width:110px;}
#header .cat-shopping a{background: url("menu_shopping.gif")  no-repeat center top;width:135px;}

#header .cat-top      a:hover{background: url("menu_top_icon.gif")  no-repeat    0px -27px;}
#header .cat-news-index     a:hover{background: url("menu_top_icon.gif")  no-repeat -110px -27px;}
#header .cat-menu     a:hover{background: url("menu_top_icon.gif")  no-repeat -220px -27px;}
#header .cat-shoplist a:hover{background: url("menu_top_icon.gif")  no-repeat -330px -27px;}
#header .cat-shopping a:hover{background: url("menu_shopping.gif")  no-repeat center center;}

#top      #header .cat-top      a{background: url("menu_top_icon.gif")  no-repeat      0 -54px;}
#news     #header .cat-news-index     a{background: url("menu_top_icon.gif")  no-repeat -110px -54px;}
#shoplist #header .cat-shoplist a{background: url("menu_top_icon.gif")  no-repeat -330px -54px;}
#menu     #header .cat-menu     a{background: url("menu_top_icon.gif")  no-repeat -220px -54px;}


/* ////////// Contents base ////////// */


/* ----- h1 ----- */

h1.bnr{
height:122px;
width:800px;
text-indent:-9999px;
}

#news        h1.bnr{background: url(news_top.gif)        left top no-repeat;}
#menu        h1.bnr{background: url(menu_top.gif)        left top no-repeat;}
#shoplist    h1.bnr{background: url(shoplist_top.gif)    left top no-repeat;}
#companyinfo h1    {background: url(companyprof_top.gif) 35px 35px no-repeat;height:90px;width:250px;}
#contact     h1    {background: url(contact_top.gif)     35px 35px no-repeat;height:90px;width:250px;}
#recruit     h1    {background: url(recruit_top.gif)     35px 35px no-repeat;height:90px;width:250px;}
#privacy     h1    {background: url(privacy_top.gif)     35px 35px no-repeat;height:70px;width:285px;}

/* ----- p ----- */

.contents p{
line-height: 1.6em;
}

/* ----- table ----- */

.contents table{
line-height: 1.3em;
}

.contents th{
font-weight: bold;
border-bottom: #ccae26 dashed 1px;
text-align: left;
}

.contents td{
border-bottom: #ccae26 dashed 1px;
padding: 8px 5px;
}

/* ----- link ----- */
.jump{
padding-top: 8px ;
}

/* ----- pagetop ----- */

.pagetop{
text-align: right;
display: block;
height: 9px;
clear: both;
padding-bottom: 15px;
}

/* ----- others ----- */

.non_border {
border-bottom: none !important;
}

.message{
padding: 0px 40px;
}
.message h2{
font-size: 12px;
display: block;
border-top: #1a1414 double 3px;
border-bottom: #1a1414 double 3px;
padding: 9px 0px 9px;
font-weight: bold;
height: 11px;
}
.message_body{
padding: 12px 0px;
}
.message_body .msg-pct{
float: right;
margin:0 0 15px 15px;
}

/* ////////// top ////////// */

#top .top-img{
clear:both;
float: left;
width:800px;
height:306px;
}

#top .top-img h3,
#top .top-img p{
display:none;
}

#top #topinfo{
padding:0 20px;
}

/* ----- topnews ----- */
#top #topnews{
float: left;
width: 378px;
height: 100%;
margin: 15px 0;
border:#080404 solid 1px;
}
#top #topnews h2{
height: 26px;
text-indent: -9999px;
background: url(top_titlebar_news.gif) left top no-repeat;
}

.topnews-box table,
.topnews-box-new table{
width: 354px;
border-collapse:collapse;
margin:0 12px;
}

.topnews-box-new table td.new{
width: 45px;
}

.topnews-box-new table td img{
padding-bottom:3px;
vertical-align:middle;
}

#top #topnews .jump{
float: right;
text-align: right;
margin:0 12px 5px;
}
#top .contents th{
width:100px;
padding:0 0 0 5px;
}
#top .contents td{
padding:15px 0;
}

/* ----- topbnr ----- */

#top .topbnr{
float: right;
width: 360px;
margin: 15px 0;
background:#fdeadb url(top_seasonal_bottom.gif) center bottom no-repeat;
}
#top .topbnr h2{
text-indent: -9999px;
background: url(top_titlebar_seasonal.gif) center top no-repeat;
height: 40px;
margin: 0;
}
#top .topbnr img{
float:left;
display:block;
padding: 0 15px 15px;
}

#top .topbnr .info{
float:right;
width:115px;
padding:0 15px 15px 0;
}

#top .topbnr .info h3{
font-size:18px;
border-bottom:#080404 solid 1px;
}

#top .topbnr .info .price{
width:115px;
font-size:15px;
font-weight: bold;
text-align: right;
}

#top .topbnr .info .explain{
line-height:1.3;
}

/* ////////// news ////////// */


/* ----- main ----- */

#news .left{
width: 650px;
float: left;
padding-top: 25px;
}

#news .news-box,
#news .news-box-new,
#news .news-box-menu,
#news .news-box-menu-new,
#news .news-box-shop,
#news .news-box-shop-new,
#news .news-box-event,
#news .news-box-event-new,
#news .news-box-recruit,
#news .news-box-recruit-new,
#news .news-box-other,
#news .news-box-other-new{
clear: both;
padding: 0px 20px 0px 40px;
width: 590px;
}

#news .news-box h2,
#news .news-box-menu h2,
#news .news-box-shop h2,
#news .news-box-event h2,
#news .news-box-recruit h2,
#news .news-box-other h2{
font-size: 12px;
display: block;
border-top: #1a1414 double 3px;
border-bottom: #1a1414 double 3px;
padding: 9px 0px 9px;
font-weight: bold;
height: 11px;
}

#news .news-box-new h2,
#news .news-box-menu-new h2,
#news .news-box-shop-new h2,
#news .news-box-event-new h2,
#news .news-box-recruit-new h2,
#news .news-box-other-new h2{
font-size: 12px;
display: block;
border-top: #1a1414 double 3px;
border-bottom: #1a1414 double 3px;
padding: 9px 0px 9px;
font-weight: bold;
height: 11px;
}

#news .news-box-new h2 img,
#news .news-box-menu-new h2 img,
#news .news-box-shop-new h2 img,
#news .news-box-event-new h2 img,
#news .news-box-recruit-new h2 img,
#news .news-box-other-new h2 img{
vertical-align:middle;
padding-right:6px;
padding-bottom:2px;
}

#news .news-box h2 .title,
#news .news-box-new h2 .title,
#news .news-box-menu h2 .title,
#news .news-box-menu-new h2 .title,
#news .news-box-shop h2 .title,
#news .news-box-shop-new h2 .title,
#news .news-box-event h2 .title,
#news .news-box-event-new h2 .title,
#news .news-box-recruit h2 .title,
#news .news-box-recruit-new h2 .title,
#news .news-box-other h2 .title,
#news .news-box-other-new h2 .title{
float: left;
}

#news .news-box h2 .day,
#news .news-box-new h2 .day,
#news .news-box-menu h2 .day,
#news .news-box-menu-new h2 .day,
#news .news-box-shop h2 .day,
#news .news-box-shop-new h2 .day,
#news .news-box-event h2 .day,
#news .news-box-event-new h2 .day,
#news .news-box-recruit h2 .day,
#news .news-box-recruit-new h2 .day,
#news .news-box-other h2 .day,
#news .news-box-other-new h2 .day{
padding-right: 15px;
}

#news .news-box .category,
#news .news-box-new .category,
#news .news-box-menu .category,
#news .news-box-menu-new .category,
#news .news-box-shop .category,
#news .news-box-shop-new .category,
#news .news-box-event .category,
#news .news-box-event-new .category,
#news .news-box-recruit .category,
#news .news-box-recruit-new .category,
#news .news-box-other .category,
#news .news-box-other-new .category{
float: right;
display:block;
font-weight: normal;
}
#news .pagetop{
width: 590px;
}

/* ----- archive ----- */

#news #newslist{
width: 110px;
float: right;
padding:25px 25px 25px 15px;
height: 100%;
}

#newslist dt.categories{
width: 110px;
height: 20px;
background: url(categories_icon.jpg) left top no-repeat;;
text-indent: -9999px;
}
#newslist dt.archives{
width: 110px;
height: 20px;
background: url(archives_icon.jpg) left top no-repeat;;
text-indent: -9999px;
}

#news #newslist ul{
width: 90px;
list-style: none;
margin: 0 auto;
padding:10px 0 10px 10px;
}
#news #newslist li{
background: url(cat-li.gif) left 7px no-repeat;
padding: 5px 0 5px 10px;
}

#news #newslist li.li-current{
background: url(cat-li-carrent.gif) left 7px no-repeat;
padding: 5px 0 5px 10px;
font-weight:bold;
}

/* ////////// menu ////////// */

/* ----- h2 ----- */

#menu h2{
text-indent: -9999px;
padding-bottom: 20px;
height: 45px;
width: 780px;
}

#seasonalsoft h2{
padding-bottom:0;
background: url(menu_titlebar_seasonal.gif) left top no-repeat;
height: 100px;
margin:0 0 -55px 0;
}
#premiumsoft h2{
margin:0 -45px;
background: url(menu_titlebar_premiumsoft.gif) left top no-repeat;
}
#drinks h2{
margin:0 -15px;
background: url(menu_titlebar_drinks.gif) left top no-repeat;
}
#float h2{
margin:0 -15px;
background: url(menu_titlebar_float.gif) left top no-repeat;
}

/* ----- fix-zone ----- */

#menu .flavor_target{
clear:both;
float:left;
height:auto;
padding-bottom:15px;
padding-top:15px;
width:800px;
}
#menu .flavor_target ul{
width: 32em;
margin: 10px auto;
height:1em;
}
#menu .flavor_target li{
list-style: none;
float: left;
border-right: solid 1px #444444;
padding: 0px 10px;
}
#menu .flavor_target .list_end{
border: none;
}

#menu .cone_choice{
display:block;
height:100px;
width:690px;
clear:both;
}

#menu .menu_box{
padding:  0px 25px;
clear: both;
}

#menu .pagetop{
padding-bottom: 20px;
}


/* ----- seasonal-box ----- */

#seasonalsoft{
width:780px;
height: 330px;
margin:20px 10px;
padding: 0;
background: url(menu_seasonalsoft_background.gif) center bottom no-repeat;
}

#menu .seasonal_box{
width:500px;
margin:0 auto;
}

#menu .seasonal_box img{
display:block;
float:left;
width:250px;
height: 235px;
margin-top:15px;
padding-right:10px;
}
#menu .seasonal_box .info{
float:right;
width:240px;
}
#menu .seasonal_box h3{
font-size: 18px;
border-bottom: #1a1414 solid 1px;
padding: 3px;
width:234px;
margin:35px 0 0 0;
}
#menu .seasonal_box .price{
font-size: 18px;
font-weight: bold;
text-align: right;
width:240px;
}
#menu .seasonal_box .explain{
padding: 2px;
font-size: 12px;
width:236px;
}

/* ----- premiumsoft_box ----- */

#premiumsoft{
margin:0 30px;
}

#premiumsoft .pagetop{
margin:0 -30px 0 0;
}

#premiumsoft .premiumsoft_box{
float: left;
margin:5px 0 0 0;
padding:0 15px;
width:200px;
height:320px;
}
#premiumsoft .premiumsoft_box img{
width:200px;
height:200px;
}
#premiumsoft .premiumsoft_box h3{
font-size: 15px;
border-bottom: #1a1414 solid 1px;
padding: 3px;
}
#premiumsoft .premiumsoft_box .limit{
font-size: 10px;
font-weight: bold;
color:#e60012;
float: left;
padding:3px 0 0 5px;
line-height:1;
}
#premiumsoft .premiumsoft_box .price{
font-size: 15px;
font-weight: bold;
float: right;
text-align: right;
}
#premiumsoft .premiumsoft_box .explain{
padding: 2px;
font-size: 12px;
text-align: center;
clear:both;
}

/* ----- drink&float ----- */

#drinks .drink_box{
width: 370px;
float: left;
font-size: 15px;
}

#float .float_menu{
width: 370px;
float: left;
font-size: 15px;
}

#drinks td ,#drinks th,
#float td ,#float th{
font-weight: bold;
border: none;
padding: 5px 0 5px 10px;
}
#drinks th,
#float th{
width: 260px;
}

#float .float_topping{
width: 360px;
float: right;
}
#float .float_topping p{
text-indent: -9999px;
margin:0 auto;
width: 294px;
height: 97px;
background: url(about_topping.gif) left top no-repeat;
}

/* ////////// shoplist ////////// */

#shoplist .center{
padding: 30px 0px;
}

#shoplist .shoplist-box h2,
#shoplist .shoplist-box-new h2{
font-size: 12px;
display: block;
border-top: #1a1414 double 3px;
border-bottom: #1a1414 double 3px;
padding: 9px 0px 9px;
font-weight: bold;
height: 11px;
}

#shoplist .shoplist-box-new img{
vertical-align:middle;
padding-left:6px;
padding-bottom:2px;
}

#shoplist .shoplist-box,
#shoplist .shoplist-box-new{
padding: 0px 40px;
}

#shoplist .shoplist-box th,
#shoplist .shoplist-box-new th{
width: 80px;
}

/* ////////// companyinfo ////////// */

#companyinfo .companyinfo-box{
padding: 0px 40px;
}

#companyinfo .companyinfo-box table{
width: 550px;
}

#companyinfo .companyinfo-box th{
width: 110px;
}

#companyinfo .companyinfo-box .message_body{
padding-bottom: 50px;
}

/* ////////// contact ////////// */

#contact .contact-box,
#contact .contact-box-link{
margin:30px 0;
}

#contact .contact-box th,
#contact .contact-box-link th{
width:170px;
}

#contact .contact-box td img,
#contact .contact-box-link td img{
padding-right:6px;
}

#contact .message{
padding:0 40px 100px;
}

/* ////////// recruit ////////// */

#recruit .topmessage{
width:720px;
height:135px;
background:url(topmessage_recruit.gif) top left no-repeat;
margin: 0 40px 30px;
text-indent:-9999px;
}

#recruit .pagetop{
padding-bottom: 20px;
}

#recruit .recruit-box,
#recruit .recruit-box-new{
padding: 0px 40px;
}

#recruit .recruit-box h2,
#recruit .recruit-box-new h2{
font-size: 12px;
display: block;
border-top: #1a1414 double 3px;
border-bottom: #1a1414 double 3px;
padding: 9px 0px 9px;
font-weight: bold;
height: 11px;
}

#recruit .recruit-box-new h2 img{
vertical-align:middle;
padding-left:6px;
padding-bottom:2px;
}

#recruit .recruit-box .message_body table,
#recruit .recruit-box-new .message_body table{
float:left;
}

#recruit .recruit-box th,
#recruit .recruit-box-new th{
width: 80px;
}

#recruit .recruit-box .message_body .qr,
#recruit .recruit-box-new .message_body .qr{
float:right;
margin-top:10px;
width:154px;
height:193px;
background: url(qr_background.gif) top right no-repeat;
position:relative;
}

#recruit .recruit-box .message_body .qr p,
#recruit .recruit-box-new .message_body .qr p{
text-indent:-9999px;
}

#recruit .recruit-box .message_body .qr img,
#recruit .recruit-box-new .message_body .qr img{
position:absolute;
top:58px;
left:16px;
}

/* ////////// privacy ////////// */

#privacy .privacy-box-title h2{
font-weight:bold;
border:none;
margin-bottom:15px;
}

#privacy .privacy-box-text th,
#privacy .privacy-box-text td{
border:none;
vertical-align:top;
padding-top: 8px;
}


/* ////////// Footer ////////// */

#footer a{
text-decoration: none;
}
#footer a:hover{
text-decoration: underline;
}

#footer img.bnr{
padding: 12px 18px;
float: left;
}

#footer #footer_right{
float: right;
padding-right: 15px;
font-size: 11px;
text-align:right;
}

#footer .monbrand{
padding-top:3px;
padding-bottom:0;
}

#footer .monbrand img{
vertical-align:middle;
}

#footer .copyright{
padding-bottom:6px;
padding-right:6px;
}