@import url(css_common.css);

#BodyContainer_TB { width:100%; height:100%; }
#MainContainer_TB { width: 780px; }
#PACT { width: 100%; height: 100%; text-align:center; margin:0px auto; }
#CACT { width: 780px; height:100%; margin: 0px auto; }
#PCCT { height:100%; vertical-align:top;  }
#CCCT { width: 620px; margin: 0px 0px 20px 0px; vertical-align:top; }
#CCCT .Title { width: 620px; padding:20px 0px 0px 20px; }
#CCCT .TIB { width: 100%; border-bottom: solid 1px #CCCCCC; padding-bottom: 5px;}

#TMCT { height:20px; }
#LMCT { height:100%; vertical-align:top; width:160px; }
#MMCT { height:100%; vertical-align:top; }
#BMCT { height:20px; }


#TMenu { width:100%; height:60px; }
#TMenu .Logo { text-align:left; vertical-align:top; padding-top:14px; }
#TMenu .Direct { text-align:right; vertical-align:bottom; }
#LMenu { width: 100%; height:100%; vertical-align:top; border-right: solid 1px #999999; font-size:12px; }
#LMenu a:link, #LMenu a:visited,  { color:#555;}
#LMenu a:hover { text-decoration:underline; color:#eee; color:#555;}
#LMenu .Menu ul { list-style-type: none; margin: 0px; padding: 0px; }
#LMenu .Menu ul li { line-height: 22px; padding-left: 20px; }
#LMenu .Menu1 li { background-image: url(/Common/Image/Site/Menu/booil_mn_line_01.jpg);  }
#LMenu .Menu2    { background-image: url(/Common/Image/Site/Menu/booil_mn_line_02.jpg); padding-left:20px; }
#LMenu .Menu3 li { background-image: url(/Common/Image/Site/Menu/booil_mn_line_03.jpg);  }
#LMenu .TGM { margin:4px 0px; }

#RMenu { }

#BMenu { width:100%; border-top: solid 1px #999999; }
#BMenu .Copy { text-align: right; padding: 5px 0px; font-size: 11px; font-family: Verdana; color: #666666; }

#TTB { margin-bottom: 5px; clear: both; }

#ProductBar { border:solid 1px #EBEEF5;  background-color:#FAFAFA; margin:10px 0px 10px 20px; padding:5px 10px;}
#ProductBar .Navi { font-size:12px; font-weight:bold; font-family:Verdana; color:#999; float:left; padding-top:0px; }
#ProductBar .Search { float:right; }
#ProductBar .Ender { clear:both; }
#ProductBar .Keyword { border:solid 1px #9ECAEC; background-color:#FFF; border-right:0px; height:17px; }
#ProductBar .Button { border:solid 1px #9ECAEC; background-color:#AAD4F5;  height:21px; color:#FFF; font-size:11px; font-weight:bold;}
#ProductBar .SearchResult { border:solid 1px #BBB; background-color:#EBEBEB; font-size:12px; padding:0px 10px; margin-top:5px; }
.pager { font-size: 11px; font-family: Verdana; margin: 10px; text-align: center; }
.pager_block a:link, .pager_block a:visited { color: #777; border: solid 1px #e1e1e1; padding: 4px; margin: 0px 2px; text-decoration: none; }
.pager_block a:hover { color: #777; background-color: #e1e1e1; }
.pager_block_current { border: solid 1px #e1e1e1; background-color: #FBFAF7; padding: 4px; margin: 0px 2px; font-weight: bold; }
.pager_button_image { }
.pager_button_text a:link, .pager_button_text a:visited { color: #777; padding: 5px; margin: 0px 2px; text-decoration: none; }
.pager_button_text a:hover { color: #777; }

.TopGroup {line-height:22px; }
.MenuGroup { background-color: #F5F4EA; border: 1px #4E5358 solid; cursor: default; }
.TopMenuItem { color: #646502; font-size: 12px; cursor: pointer; }
.TopMenuItemHover { color: #646502; font-size: 12px; cursor: pointer; text-decoration: underline; }
.MenuItem { border: 1px solid #F5F5F5; color: #00025C; font-family: tahoma; font-size: 11px; cursor: default; }
.MenuItemHover { background-color: #F5F4EA; color: #00025C; border: 1px #4E6368 solid; font-family: tahoma; font-size: 11px; cursor: default; }
.MenuBreak { width: 100%; height: 0px; border-top: solid 1px #aaa; }

.list_tb_product {  }
.list_td_product { width:90px;   padding-left:11px;}
.list_sp_product {   }

.ShowProduct { width:100%; }
.ShowProductText { margin-top:5px; background-color:#EAEAEA; padding:5px; }

.balloonstyle{
position:absolute;
top: -500px;
left: 0px;
padding: 5px;
visibility: hidden;
border:1px solid #999;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0px;
visibility: hidden;
}

#if_inquiry { width:600px; border: solid 1px #EEF1F6; border-collapse: collapse; margin: 10px 0px 10px 0px; font-size: 12px; }
#if_inquiry .label { font-weight: bold; color: #404040; width: 140px; text-align: right; padding: 5px 10px 0px 10px; background-color: #F3F4F9; border-right: #EBEEF5 1px solid; border-bottom: #EEF1F6 1px solid; }
#if_inquiry .infom { color: #404040; padding: 8px 10px 7px 15px; background-color: #FFFFFF; border-bottom: #EEF1F6 1px solid; }
#if_inquiry .line { background-color: #EAE4CC; }
#if_inquiry .lineend { background-color: #DDDDDD; height: 2px; }
#if_inquiry .space { height: 10px; }
#if_inquiry .info { background: #FAFAFA url(/Cafe/Common/image/icon/icon_blut_01.gif) no-repeat 5 4; padding: 3 0 0 20; border: 1px solid #EEEEEE; margin-top: 5; }