@charset "utf-8";

@import "/Portals/0/css/navigation.css";


.attention{color:#c00;font-weight:bold;}

.spArea{display:none;}
.pcArea{display:block;}


/* ===========================================================
 default
=========================================================== */
p{margin:0;padding:0 0 15px 0;}

ul,ol{margin:0 0 0 2em;padding:0.5em 0 1em 0;}
li{margin:0;padding:0 0 5px 0;}
ul li li,
ol li li{padding:5px 0;}

h1{background:url(/Portals/0/images/common/bg_h1.png) 0 bottom no-repeat;color:#fff;font-size:185%;padding:17px 10px 22px 20px;line-height:1.3;margin:0 0 30px;}
h2{clear:both;margin:30px 0 15px 0;padding:0 0 15px 3px;color:#333;font-size:108%;line-height:130%;background:url(/Portals/0/Containers/CRX-UTA/images/bg_lineTitle.png) repeat-x 0 bottom;}
h3{clear:both;margin:30px 0 15px 0;padding:0 0 10px 3px;color:#c00;font-size:100%;line-height:110%;clear:both;background:url(/Portals/0/images/common/bg_h3.png) repeat-x 0 bottom;}
h4{clear:both;margin:30px 0 10px 0;padding:5px 10px;font-size:100%;line-height:110%;border-bottom:1px solid #bbb;border-left:7px solid #ddd;}
h5{clear:both;margin:20px 0 10px 0;padding:5px;font-size:100%;line-height:110%;border-bottom:1px solid #ccc;}
h6{clear:both;margin:20px 0 10px 0;padding:5px;font-size:100%;line-height:110%;border-bottom:1px dotted #ccc;}

.listTable{margin:0 0 30px 0;border-collapse:collapse;border-spacing:0;border-right:1px solid #aaa;border-bottom:1px solid #aaa;}
.listTable caption{text-align:left;border-bottom:1px solid #ccc;padding:0 0 2px 0;margin:0 0 5px 0;}
.listTable th{border:1px solid #aaa;padding:5px;background:#eee;}
.listTable tr.listTableHead th{background:#ccc;}
.listTable th.listTableEmptycell{border:none;background:none;}
.listTable tr.listTableHead th.listTableEmptycell{border:none;background:none;}
.listTable td{border:1px solid #999;padding:5px;}

.listTable.noPadding th,
.listTable.noPadding td{border:1px solid #999;padding:0;}

.alignRight{text-align:right;}
.alignCenter{text-align:center;}

.attentionRed{font-weight:bold;color:red;}

.annotationMini{font-size:80%; }
.annotationMark{font-size:80%;color:#c00;}
.annotationText{display:block;font-size:80%;line-height:150%;padding:10px 0 0 0;color:#555;}

a.CommandButton,
a.CommandButton:link,
a.CommandButton:visited,
a.CommandButton:active,
a.CommandButton:hover{color:#116CEE;text-decoration:none;}
a.CommandButton:hover{color:#67a2f7;text-decoration:none;}

/*---contents-pagetop----*/
.ContentPane .contents .pagetop a{ font-size:80%;}

/*-------*/
.SearchInput .search{float:none;width:auto;height:auto;padding:0 0 10px 0;}

/* ---------------------------------------------------------
 link
--------------------------------------------------------- */
 
/* hLink ------------------------------------------------*/
.hLink ul{margin:0;padding:0 90px 0 0;text-align:right;}
.hLink li{margin:0 0 0 15px;padding:2px 0 2px 13px;list-style-type:none;display:inline;background:url(/Portals/0/images/common/hLinkIcon.jpg) no-repeat 0 0.2em;}
.hLink a,
.hLink a:link,
.hLink a:visited,
.hLink a:active,
.hLink a:hover{line-height:20px;text-decoration:none;}
.hLink a:hover{text-decoration:none;}


.fLinkLeft{float:left;}
.fLinkRight{float:right;margin:0 0 5px !important;}
#footWrap ul{list-style:none;margin:0;padding:0;}
.fLinkLeft li{float:left;margin:0 25px 0 0;list-style:none;}
.fLinkLeft li a{font-size:93%;color:#b5000e;background:url(/Portals/0/images/common/arrow_red.png) 0 50% no-repeat;padding:0 0 0 10px;}
.fLinkRight li a img{background:#c5c5c5;}


/*========================================================
 news-list-for-Index
 ========================================================*/
.newsListIndex{position:relative;padding:0; background:#d10001; min-height:418px;}
.newsListIndex h2{margin:0 0 15px 0;padding:0; background:url(/Portals/0/images/index/newsTitle.gif) no-repeat; height:59px; text-indent:-9999em; overflow:hidden;}
.newsListIndex .newsDate{margin:0 20px;padding:0;color:#ff7b7b;}
.newsListIndex .newsTitle{margin:0 20px 8px;padding:0 0 8px;color:#FFF; border-bottom:#ff7b7b dotted 1px;}
.newsListIndex .newsTitle a,
.newsListIndex .newsTitle a:link,
.newsListIndex .newsTitle a:visited{color:#FFF;}
.newsListIndex .newsBackLink{margin:0;padding:0;position:absolute;top:18px;right:10px;text-align:right;}

/*========================================================
 news-list
/*========================================================*/
.newsList .newsListInner{border-bottom:1px dotted #999; padding:5px 10px;}
/* clearfix */
.newsList .newsListInner:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.newsList .newsListInner{display:inline-block;}
* html .newsList .newsListInner{height:1%;}
.newsList .newsListInner{display:block;}
/* clearfixEND */
.newsList .newsDate{margin:0;padding:0;width:auto;float:left;font-size:100%;color:#000; clear:both;}
.newsList .newsIcon{margin:0;padding:0;width:50px;float:left;line-height:1;}
.newsList .newsIcon img{margin-top:0.2em;}
.newsList .newsTitle{margin:0 0 0 10em;padding:0;}

/*========================================================
 news-detail
========================================================*/
.newsDetail .newsDate{margin:0;padding:20px 0 0 0;}
.newsDetail .newsDate img{margin:0 10px 0 0;font-size:12px;color:#999;}
.newsDetail .newsTitle{clear:both;margin:0 0 15px 0;padding:7px 0 10px 0;border-bottom:1px solid #999;font-size:16px;font-weight:bold;}
.newsDetail .newsBackLink{margin:20px 0 0 0;padding:10px 0 0 0;text-align:right;border-top:1px dashed #999;}
.newsDetail .newsCategoryname{font-size:12px;width:50px;margin:20px 0 0 0;padding:0 5px;text-align:center;background:#999;color:#fff;float:right;}
.newsDetail .newsBackLink{margin:20px 0 0 0;padding:10px 0;text-align:right;border-top:1px dotted #999;}
.newsDetail .newsBackLink a,
.newsDetail .newsBackLink a:link,
.newsDetail .newsBackLink a:visited,
.newsDetail .newsBackLink a:hover{ background:url(/Portals/0/images/common/arrow_red.png) no-repeat 0 50% ; padding-left:10px; font-size:90%;}







/* ---------------------------------------------------------
 62 
 
--------------------------------------------------------- */
.storeMap{background:url(/Portals/0/images/store/map/bg_map.png) 0 0 no-repeat;width:730px;height:630px;position:relative;}
.storeMap a{position:absolute;width:103px;height:103px;text-indent:-9999px;background-repeat:no-repeat;background-position:0 0;}
.storeMap #chuou{top:189px;left:28px;background-image:url(/Portals/0/images/store/map/chuou.png);}
.storeMap #ikebukuro{top:104px;left:321px;background-image:url(/Portals/0/images/store/map/ikebukuro.png);}
.storeMap #kanagawa{top:487px;left:167px;background-image:url(/Portals/0/images/store/map/kanagawa.png);}
.storeMap #saitama{top:22px;left:167px;background-image:url(/Portals/0/images/store/map/saitama.png);}
.storeMap #shibuya{top:267px;left:255px;background-image:url(/Portals/0/images/store/map/shibuya.png);}
.storeMap #shinagawa{top:321px;left:355px;background-image:url(/Portals/0/images/store/map/shinagawa.png);}
.storeMap #shinjuku{top:161px;left:219px;background-image:url(/Portals/0/images/store/map/shinjuku.png);}
.storeMap #soubu{top:97px;left:608px;background-image:url(/Portals/0/images/store/map/soubu.png);}
.storeMap #tokyo{top:243px;left:446px;background-image:url(/Portals/0/images/store/map/tokyo.png);}
.storeMap #ueno{top:132px;left:432px;background-image:url(/Portals/0/images/store/map/ueno.png);}
.storeMap #new3{top:243px;left:549px;background-image:url(/Portals/0/images/store/map/new3.png);}
.storeMap #new{top:29px;left:432px;background-image:url(/Portals/0/images/store/map/new.png);}
.storeMap #new2{top:487px;left:64px;background-image:url(/Portals/0/images/store/map/new2.png);}
.storeMap #new4{top:487px;left:270px;background-image:url(/Portals/0/images/store/map/new4.png);}

table.Settings,
.ViewProductSearch_pnlAttribute table{width:100%;}
table.Settings,
.ViewProductSearch_pnlAttribute table{width:100%;}
table.Settings h3{display:inline-block;margin:0 4px 0 20px;padding:0 2px 7px 2px;}
*:first-child+html table.Settings h3{display:inline;}
table.Settings h3:first-child{ margin:0 4px 0 0;}
table.Settings select{width:26%;line-height:30px;}
.ViewProductSearch_pnlAttribute table td table td,
.ViewProductSearch_pnlAttribute table td table tr{display:inline;display:inline-block;}
.ViewProductSearch_pnlAttribute table td table td{ margin-right:40px; line-height:30px;}
.infoDNN_ECv2_ViewProductSearch a.lbtnSearch,
.infoDNN_ECv2_ViewProductSearch a.lbtnSearch:link,
.infoDNN_ECv2_ViewProductSearch a.lbtnSearch:visited,
.infoDNN_ECv2_ViewProductSearch a.lbtnSearch:hover{ display:block; background:url(/Portals/0/images/store/btnSearch.png) 0 0 no-repeat; width:260px; height:70px; margin:20px auto; text-indent:-9999px; overflow:hidden;}
.infoDNN_ECv2_ViewProductSearch a.lbtnSearch:hover{ background-position:0 -70px;}

/* ---------------------------------------------------------
 63 storeList
--------------------------------------------------------- */
.storeList .storeCounter{text-align:right;margin:0;pdding:0 5px 0 0;}
.storeList ul{margin:0 0 30px 0;padding:0;border-bottom:1px dashed #ccc;}
.storeList ul li{clear:both;margin:0;padding:0 0 30px 0;list-style:none;border-top:1px dashed #ccc;}
.storeList ul li:first-child{border-top:1px solid #ccc;}
.storeList ul li:before,
.storeList ul li:after{content:" "; display:table;}
.storeList ul li:after{clear:both;}
.storeList ul li{*zoom:1;}
.storeList h3{margin-top:15px;padding:0 0 7px 0;}
.storeList h3 a{display:block;padding:5px 3px;}
.storeList h3 a:hover{background:#f7dbdd;text-decoration:none;}
.storeList .ProductPhoto{float:left;width:170px;height:170px;margin:0;padding:0;background:#eee;}
.storeList .ProductPhoto img{margin:10px 0 0 10px;width:150px;height:150px;}
.storeList .ProductInfo{float:right;width:540px;}
.storeList .ProductInfo table{width:540px;border-collapse:collapse;border-spacing:0;border:none;border-top:1px solid #ccc;border-left:1px solid #ccc; margin:0 0 20px;}
.storeList .ProductInfo th{width:70px;padding:5px;border-bottom:1px solid #ccc;background:#eee;text-align:left;}
.storeList .ProductInfo td{padding:5px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;text-align:left;}
.storeList .ProductInfo td img{width:85px;height:30px;margin:0 0 0 5px;}
.storeList .ProductInfo td img:first-child{margin:0;}
.storeList .ProductInfo .productLink{clear:both;float:right;padding:0;}
.storeList .ProductInfo .productLink a,
.storeList .ProductInfo .productLink a:link,
.storeList .ProductInfo .productLink a:visited,
.storeList .ProductInfo .productLink a:hover{ display:block; background:url(/Portals/0/images/store/btnStoreList.png) 0 0 no-repeat; width:90px; height:26px; text-indent:-9999px; overflow:hidden;}
.storeList .ProductInfo .productLink a:hover{ background-position:0 -26px;}
.ViewProductList_pnlBottomPager ul,
.pager ul{margin:0;padding:0;text-align:center;}
.ViewProductList_pnlBottomPager ul li,
.pager ul li{display:inline;margin:0;padding:0 10px;list-style:none;border-right:1px solid #ccc;}
.ViewProductList_pnlBottomPager ul li.next,
.pager ul li.next{border-right:none;}
.ViewProductList_pnlBottomPager ul li a,
.pager ul li a{line-height:1.8em;}

/* ---------------------------------------------------------
 64 storeDetail
--------------------------------------------------------- */
.storeDetail .googlemap{padding:0 0 30px 0;margin:0 0 30px 0;border-bottom:3px dashed #eee;}
.storeDetail .googlemap iframe{border:none;margin:0;padding:0;}
.storeDetail h3{margin-top:15px;padding:0 0 7px 0;}
.storeDetail h3{padding:0 0 7px 0;}
.storeDetail h3 a{display:block;padding:5px 3px;}
.storeDetail h3 a:hover{background:#f7dbdd;text-decoration:none;}
.storeDetail .googlemap{padding:0 0 30px 0;}
.storeDetail .googlemap iframe{border:none;margin:0;padding:0;}
.storeDetail .information{padding:0 0 30px 0;}
.storeDetail .information:before,
.storeDetail .information:after{content:" "; display:table;}
.storeDetail .information:after{clear:both;}
.storeDetail .information{*zoom:1;}
.storeDetail .ProductPhoto{float:left;width:320px;height:320px;margin:0;padding:0;background:#eee;}
.storeDetail .ProductPhoto img{margin:10px 0 0 10px;width:300px;height:300px;}
.storeDetail .ProductInfo{float:right;width:400px;border-collapse:collapse;border-spacing:0;border:none;border-top:1px solid #ccc;border-left:1px solid #ccc;}
.storeDetail .ProductInfo th{width:70px;padding:5px;border-bottom:1px solid #ccc;background:#eee;text-align:left;}
.storeDetail .ProductInfo td{padding:5px 5px 0 5px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;text-align:left;}
.storeDetail .ProductInfo td img{width:85px;height:30px;margin:0 5px 5px 0;}
.storeDetail .ProductData{clear:both;width:100%;border-collapse:collapse;border-spacing:0;border:none;border-top:1px solid #ccc;border-left:1px solid #ccc; margin-bottom:50px;}
.storeDetail .ProductData th{width:70px;padding:5px;border-bottom:1px solid #ccc;background:#eee;text-align:left;}
.storeDetail .ProductData td{padding:5px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;text-align:left;}
.storeDetail .reservebutton a,
.storeDetail .reservebutton a:link,
.storeDetail .reservebutton a:visited,
.storeDetail .reservebutton a:hover{ display:block; background:url(/Portals/0/images/store/btnReserve.png) 0 0 no-repeat; width:260px; height:70px; margin:20px auto; text-indent:-9999px; overflow:hidden;}
.storeDetail .reservebutton a:hover{ background-position:0 -70px;}
.pricelist{margin:0 0 30px 0;padding:0 20px 20px 20px;background:#eee;border:7px solid #ddd;}
.pricelist h3{margin:20px 0 5px 0;padding:10px;font-size:200%;text-align:center;background:#c00;color:#fff;}
.pricelist h3 span{font-weight:normal;font-size:50%;margin:0 0 0 20px;}
.pricelist table{width:100%;margin:0 0 5px 0;border-collapse:collapse;border-spacing:0;background:#fff;border:none;border-top:1px solid #ccc;border-right:1px solid #ccc;}
.pricelist table th{padding:10px 10px 0 10px;text-align:center;border-left:1px solid #ccc;}
.pricelist table td { width:50%;padding:5px 5px 0 5px;text-align:center;line-height:2.5em !important;border-bottom:1px solid #ccc;border-left:1px solid #ccc; vertical-align:top;}
.pricelist table td strong{font-size:250%;color:#f00;}
.pricelist table td strong.notEnforced { font-size:200%;}
.pricelist table td table { width:auto;margin:10px auto;background:#facccf;border:none;}
.pricelist table td table th,
.pricelist table td table td { background:#facccf !important;border:none;width:auto;padding:5px; vertical-align:middle;}

.pricelist table tr.widthFixation table { width:65%;}
.pricelist table tr.widthFixation_2 table { width:30%;}
.pricelist table td table th { line-height:1.3em;}

.pricelist table th.pricelistTime{padding:5px 0;border-bottom:1px solid #ccc;background:#df6262;color:#fff;font-size:150%;}
.pricelist .pricelist_30 h3{background:#0054ff;}
.pricelist .pricelist_30 table th.pricelistTime{background:#5cb8ff;color:#002775;}
.pricelist .pricelist_freetime h3{background:#0fce00;}
.pricelist .pricelist_freetime table th.pricelistTime{background:#b5f636;color:#2a7e00;}

/* ---------------------------------------------------------
 66 mailform
--------------------------------------------------------- */
.MailForm{width:100%; margin:5px 0 20px 0; border:#dbdbdb solid 1px;}
.MailForm td.FieldTitle{width:32%; background:#ededed;padding:10px 15px;border-right:#dbdbdb solid 1px !important;border-top:none;border-bottom:#dbdbdb solid 1px; font-size:100%; color:#000000;}
.MailForm .FieldTitle .NormalBold{ font-size:100%;}
.MailForm td.FieldValue{padding:10px 15px 10px 15px;color:#000000; border-top:none; border-bottom:#dbdbdb dotted 1px;border-left:none;}
.MailForm td.FieldValue span.Normal { font-size:80%;} 

/* ---------------------------------------------------------
 67 menu
--------------------------------------------------------- */
.menu{ border-collapse:collapse; border-spacing:0;}
.menu td{ padding:0 0 20px;}
.menu td:first-child{ padding:0 20px 20px 0; text-align:left;}
.menu td > h3{ background:none; font-size:108%; margin:0; padding:0 0 15px;}

/* ---------------------------------------------------------
 69 company
--------------------------------------------------------- */
.dottedLineTable{ width:100%;}
.dottedLineTable th{border-bottom:#d1d1d1 dotted 1px;padding:10px;text-align:left; width:7em; vertical-align:top;}
.dottedLineTable td{border-bottom:#d1d1d1 dotted 1px;padding:10px;}
.companyTable2Colum{ width:100%;}
.companyTable2Colum td{ padding-right:30px;}
.companyTable2Colum dt{ padding:0; margin:0 0 5px 0; font-weight:bold;}
.companyTable2Colum dd{ padding:0 0 5px 0; margin:0 0 15px 0; border-bottom:#d1d1d1 dotted 1px;}
.wantAd{ padding:0 30px 30px; margin:30px 0 0 0; border:#999 solid 1px;}
.wantAd h3{ background:url(/Portals/0/images/company/bg_h3Gray.png) 0 bottom repeat-x; color:#333333;}
.wantAd .shopPhoto img{ margin-right:5px;}
.mapArea .companyMap #mapUtahiro{ width:730px; height:350px;}
.mapArea .companyMap p{padding:0;}
.mapArea .companyMap p a{display:block;background:#eee;padding:5px;text-align:center;font-size:85%;}
.mapArea .companyMap p a:hover{background:#ddd;text-decoration:none;}

/* ---------------------------------------------------------
 70 inquiryform
 --------------------------------------------------------- */
.questionnaire-form td table{width:100%;margin:5px 0 20px 0; border:#dbdbdb solid 1px;}
.questionnaire-form td table td.SubHead{width:30%; background:#ededed;padding:10px 15px;border-right:#dbdbdb solid 1px !important;border-top:none;border-bottom:#dbdbdb solid 1px;}
.questionnaire-form td table td{padding:10px 15px 10px 15px;color:#000000; border-top:none; border-bottom:#dbdbdb dotted 1px;border-left:none;}

/* ---------------------------------------------------------
 74 utahirobaMenu
 --------------------------------------------------------- */
.menuCategory{ margin:0; padding:0; list-style:none; text-align:center;}
.menuCategory li{ display:inline; border-right:1px solid #ccc; padding:0 10px 0;}
.menuCategory li:first-child{ border-left:1px solid #ccc;}
.menuList{ border-collapse:collapse; border-spacing:0; margin:0 auto;}
.menuList td{ padding:5px; text-align:center;}
.menuList td > h3{ margin:0; padding:0; background:none; color:#333;}
.menuList td > p{ padding:0 0 5px;}
.drinkList{ border-collapse: collapse;border-spacing: 0;margin: 0 auto; width:730px;}
.drinkList td{ padding:5px; border-bottom:#CCC dotted 1px;}
.drinkList td > h3{ margin:0 0 5px 0; padding:0; background:none; color:#333;}
.drinkList td p{ float:left; min-width:230px;height:24px; margin:0; padding:0;}

/* ---------------------------------------------------------
 77 onlineGame
--------------------------------------------------------- */
.onlinegameArea .pct{ float:left; width:210px; text-align:center;}
.onlinegameArea .txt{ float:right; width:490px; padding-left:20px; text-indent:-20px;}
.onlinegameArea .linkRight{ text-align:right; border-top:#dbdbdb dotted 1px; padding:5px; margin:10px 0 0 0;} 
/* clearfix */
.onlinegameArea:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.onlinegameArea{display:inline-block;}
* html .onlinegameArea{height:1%;}
.onlinegameArea{display:block;}
/* clearfixEND */

/* ---------------------------------------------------------
 78 Privacy
--------------------------------------------------------- */
.privacyList dd{margin-bottom:10px;color:#444;}
.privacyList{border-bottom:1px dashed #ccc;}

/* ---------------------------------------------------------
 79 attention
--------------------------------------------------------- */
.attentionList li{ list-style:none; margin-bottom:10px;}

/* ---------------------------------------------------------
 80 sitemap
--------------------------------------------------------- */
.SitemapList{border-top:1px solid #ccc;width:100%;}
.SitemapList li{margin:0;padding:0;border-bottom:1px solid #ccc;}
.SitemapList li a{background:url(/Portals/0/images/common/arrow_red.png) no-repeat 0 50%;}
.SitemapList li ul{margin:0 0 0 15px;padding:0;}
.SitemapList li ul li{list-style:none;border-top:1px dashed #ccc;border-bottom:none;}
.SitemapList li ul li a{background:none;color:#444 !important;}



/* ---------------------------------------------------------
 66,70 button for form
 --------------------------------------------------------- */
p.cmdConfirm a{display:block;width:260px;height:70px;margin:0 auto;text-indent:-9999px;background:url(/Portals/0/images/form/btnConfirm.png) no-repeat 0 0; overflow:hidden;}
p.cmdConfirm a:hover{background-position:0 -70px;overflow:hidden;}
p.cmdReturn{width:49%;float:left;}
p.cmdReturn a{float:right;display:block;width:200px;height:70px;margin:0;text-indent:-9999px;background:url(/Portals/0/images/form/btnReturn.png) no-repeat 0 0;}
p.cmdReturn a:hover{background-position:0 -70px;}
p.cmdSend {width:49%;float:right;}
p.cmdSend a{float:left;display:block;width:200px;height:70px;margin:0;text-indent:-9999px;background:url(/Portals/0/images/form/btnSend.png) no-repeat 0 0;}
p.cmdSend a:hover{background-position:0 -70px;}
p.cmdReturnThanks a{display:block;width:260px;height:70px;margin:0 auto;text-indent:-9999px;background:url(/Portals/0/images/form/btnReturnThanks.png) no-repeat 0 0;}
p.cmdReturnThanks a:hover{background-position:0 -70px;}


/* ---------------------------------------------------------
 62 Area Sreach
 --------------------------------------------------------- */
#dnn_ctr386_ViewProductSearch_trProductID h3 { margin: 0 5px 0; }

/* ---------------------------------------------------------
  PageTop
 --------------------------------------------------------- */
#headBody{margin-top:0 !important; padding-top:16px !important;}