/*
	*File : base.css
	*Copyright (c) 2006 SHIMOJIMA Co.,Ltd All Rights Reserved.
	*Last Update : 20060609.
*/






/*base
---------------------------------*/
body{
	background: #E1CBB0;
	text-align: center;
	color: #666666;}
body, h1, h2, h3, h4, h5, h6,
p, ul, li, dl, dt, dd {
	margin: 0;
	padding: 0;}
td{vertical-align: top;}
.td0 td{
	margin:0 !important;
	padding:0 !important;}
img {
	border: none;}
li {
	display: inline;
	list-style: none;}
hr{display: none;}


/*
common-----------------------------------------------------------*/
#introduction{
	margin: 30px 0 10px 10px;}
#downloadPDF{
	width: 450px;
	margin: 10px;
	padding: 10px;
	background: #F5EFE7;}
#downloadPDF img{
	padding-right: 5px;}
#pageTop{
	padding: 15px 30px 0 0 ;
	text-align: right;}




/*common-----------------------------------------------------------------------------------*/
/*font
---------------------------------*/
.txt10 {font-size: 10px; line-height: 13px;}
.txt11 {font-size: 11px; line-height: 13px;}
.txt12 {font-size: 12px; line-height: 18px;}
.txt14 {font-size: 14px; line-height: 18px;}
.txt16 {font-size: 16px; line-height: 20px;}
.red {color: #ec1b24;}
.red a,.red a:link,.red a:hover,
.red a:visited,.red a:active{
	color: #EC1B24;
	text-decoration: underline;
	font-weight: bold;}
.gray{color: #666666;}
.gray a,.gray a:link,.gray a:hover,
.gray a:visited,.gray a:active{
	color: #666666;}
.brown {color: #623A0F;}
.brown a,.brown a:link,.brown a:hover,
.brown a:visited,.brown a:active{
	color: #623A0F;
	text-decoration: none;
	font-weight: bold;}
.green{color: #3DA055;}
.green a,.green a:link,.green a:hover,
.green a:visited,.green a:active{
	color: #3DA055;
	text-decoration: underline;
	font-weight: bold;}
.bold {font-weight: bold;}

.white{color: #ffffff;}
.white a,.white a:link,.white a:hover,
.white a:visited,.white a:active{
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;}
.bold {font-weight: bold;}
.enji{color: #812029;}
.enji a,.enji a:link,.enji a:hover,
.enji a:visited,.enji a:active{
	color: #812029;
	text-decoration: underline;
	font-weight: bold;}
.bold {font-weight: bold;}

.akacya{color: #981E2C;}
.akacya a,.akacya a:link,.akacya a:hover,
.akacya a:visited,.akacya a:active{
	color: #981E2C;
	text-decoration: underline;
	font-weight: bold;}
	
.blue{color: #638EB2;}
.blue a,.blue a:link,.blue a:hover,
.blue a:visited,.blue a:active{
	color: #638EB2;
	text-decoration: underline;
	font-weight: bold;}


/*parts
---------------------------------*/
.clear{clear: both;}

.border_dotte{height: 1px; background: url("../images/border_dotte.gif") repeat-x;}
.m5{margin: 5px;}
.m10{margin: 10px;}
.ml20{margin-left: 20px;}
.p10{padding: 10px;}
.p30{padding: 5px 30px 10px 15px;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.mb10{margin-bottom: 10px;}
.f_left{float: left;}
.f_right{float: right;}

.redTab{
	padding-left:6px;
	border-width: 0 0 0 4px;
	border-style: solid;
	border-color:#EC1B24;}

.brownTab{
	padding-left:6px;
	border-width: 0 0 0 4px;
	border-style: solid;
	border-color:#E1CBB0;}

.grayArrow{
	padding-left: 7px;
	background: url("../unit/arrow_gray.gif") 0 3px  no-repeat;}

.borderShadow{
	height: 20px;
	background: url("../unit/border_shadow.gif") 70% repeat-x;}

/*table
---------------------------------*/
#td10 td{padding: 10px;}
#td5 td{padding: 5px;}
.stores_detail .va_middle{vertical-align: middle !important;}


/*pdf
---------------------------------*/
#pdf td{
	padding-bottom: 20px;}
.html_ver{
	width: 200px;
	height: 20px;
	background: #F5EFE7;}
.html_ver li{
	float: left;
	padding: 3px 2px 5px 2px;}



/*wrapper
---------------------------------*/
#wrapper{
	width: 768px;
	margin: 0 auto;
	padding:0 4px;
	background: url("../images/bg.gif") repeat-y;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 760px;}



/*gNav
---------------------------------*/
#wrapper h1{
	width:574px;
	float:left;}
#gNav{
	width: 186px;
	text-align: left;
	float: right;}
#gNav li img{
	vertical-align: top;}


/*submenu
---------------------------------*/
#subMenu{
	clear: both;
	height: 16px;
	padding: 10px 0 10px 0;
	background: url("../images/bg_submenu.gif") top no-repeat;}
#subMenu UL {
	WIDTH: 760px}
#subMenu LI {
	FLOAT: right;}

#subMenu LI img {
	margin-right:13px;}
	
	
#subMenu_eng{
	clear: both;
	height: 16px;
	padding: 10px 0 10px 0;
	background:  url("../images/bg_submenu.gif") top no-repeat;}	
	


/*main
---------------------------------*/
#main{
	width: 760px;
	margin: 0 auto;
	background: url("../images/bg_bottom.gif") left bottom no-repeat;
	padding-bottom: 80px;}


/*contents
---------------------------------*/
#contents{
	padding: 0 15px;
	clear:both;
	text-align: left;}
#contents .detail{
	padding-left: 5px;
	padding-top: 15px;}
#pagetop{
	padding-top: 30px;
	text-align: right;
	padding-right: 30px;}



/*copyright
---------------------------------*/
#copyright{
	width: 768px;
	height: 71px;
	padding-top: 7px;
	margin: 0 auto;
	background: url("../images/bg_copyright.gif") no-repeat;}

/*-----------------------------------------------------------------------------------common*/



/*irMenu
---------------------------------*/
#irMenu{
	text-align: left;
	height: 400px;
	padding-left: 25px;
	background:  url("../ir/subnavi/bg_submenu02.gif") no-repeat;}
#irMenu li{
	padding-bottom:45px;}
.kessanHtml td{
	background: #ffffff;
	border-width: 0 1px 1px 0;
	border-color: #E1CBB0;
	border-style: solid;}



/*companyMenu
---------------------------------*/
#companyMenu{
	height: 302px;
	padding-left: 20px;
	text-align: left;
	background:   url("../company/subnavi/bg_submenu.gif") no-repeat;}
#companyMenu li{
	padding-bottom: 5px;}
#companyMenu02{
	height: 302px;
	padding-left: 20px;
	text-align: left;
	background:   url("../company/subnavi/bg_submenu02.gif") no-repeat;}
.sub_company{
	padding-left: 10px;}
#company td{
	padding: 10px 0 10px 10px;}
#zigyo .tab{
	margin-top: 10px;
	font-size: 11px;
	height: 20px;
	padding-left: 10px;
	background: url("../company/images/tab.gif") no-repeat;}
#zigyo .tab01{
	font-size: 11px;
	height: 15px;
	padding-left: 10px;
	background: url("../company/images/tab.gif") no-repeat;}
.bg_zigyo_border{
	background: url("../company/images/table_border.gif") bottom repeat-x;}
.bg_zigyo_border02{
	background: url("../company/images/table_border02.gif") bottom repeat-x;}
#bg_heiko{
	background: url("../company/images/bg_heiko.gif") repeat-y;}


/*wrappingMenu
---------------------------------*/
#wrappingMenu{
	height: 302px;
	padding-left: 20px;
	text-align: left;
	background:  url("../wrapping/subnavi/bg_submenu.gif") no-repeat;}
#wrappingMenu li{
	padding-bottom: 5px;}
#wrappingMenu .subWrapping{
	padding-left: 5px;}


/*storeMenu
---------------------------------*/
#storeMenu{
	width: 200px;
	height: 900px;
	text-align: center;
	background:  url("../stores/subnavi/bg_submenu.gif") top no-repeat;}
#storeMenu img{
	_vertical-align: top;}
.storeBorder td{
	border-top: 1px solid #D6B693;}
.stores{
	padding-top: 10px;}
.stores_detail{
	padding: 0 20px 0 10px;}
.stores_intable_detail{
	padding: 0 40px 10px 30px;}
.brown_border{
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid #EFD3AC;}
.green_tab{
	background: url("../stores/images/tab_green.gif") no-repeat;
	height: 16px;
	margin-top: 5px;
	padding-left:10px;
	padding-bottom: 5px;}
.floor_detail{
	padding-top: 10px;
	padding: 10px;}
.bg_floor{
	background: url("../stores/images/bg_floor.gif") repeat-y;}
.bg_store{
	background: url("../stores/images/bg_stores.gif");}
.bg_store02{
	background: url("../stores/images/bg_stores02.gif");}
.bg_intable{
	background: url("../stores/images/bg_intable.gif") repeat-y;}
.bg_intable02{
	background: url("../stores/images/bg_intable02.gif") repeat-y;}
.bg_green{
	background: url("../stores/images/bg_green.gif");}
.border_dotte_green{
	background: url("../stores/images/border_dotte_green.gif") repeat-x;}
.stores .bg_shopName{
	width: 179px;
	padding: 9px 0 4px 16px;
	background: url("../stores/images/bg_shopname.jpg") no-repeat;}
.stores .bg_shopName02{
	width: 179px;
	padding: 5px 0 0 21px;
	background: url("../stores/images/bg_shopname.jpg") no-repeat;}
#storeWrap{
	width: 600px;
	background:#ffffff;
	text-align: left;}
#storeHead{
	font-size:14px;
	color: #FF6666;
	font-weight: bold;
	padding:22px 0 15px 20px;
	background: url("../stores/product/images/head.gif") no-repeat;}
#storeBottom{
	padding-left: 500px;
	height: 49px;
	background: url("../stores/product/images/foot.gif") no-repeat;}
.storeBG{
	background: url("../stores/product/images/bg.gif") ;
	padding: 0 35px 30px 30px;}
.storeBG dl{
	width: 250px;
	padding-bottom: 30px;}
.storeBG dt{
	margin-left: 3px;
	margin-bottom: 3px;
	padding-left: 5px;
	height: 32px;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #623A0F;
	border-width: 0 0 0 4px;
	border-style: solid;
	border-color:#E1CBB0;}
.storeBG dd img{
	border: 1px solid #623A0F;}
.storeBG dd{
	padding: 3px;}

/*calender
---------------------------------*/
#calenderWrap{
	width: 698px;
	background:#ffffff;
	text-align: left;}
#calenderHead{
	padding:22px 0 23px 20px;
	background: url("../stores/images/calender_header.gif") no-repeat;}
.calTitle{
	font-size: 20px;
	font-weight: bold;
	color: #3DA055;
	padding: 0 0 18px 5px;}
#calMonth li{
	padding:10px;
	margin:0 4px;
	background:url("../stores/images/bg_month.gif") 0 no-repeat;}
#calenderBottom{
	padding-left: 570px;
	height: 49px;
	background: url("../stores/images/calender_bottom.gif") no-repeat;}
#calenderBottom_eng{
	padding-left: 570px;
	height: 49px;
	background: url("../stores/images/calender_bottom.gif") no-repeat;}
.bgCalender{
	background: url("../stores/images/bg_calender.gif") ;
	padding: 0 60px 0 19px;
	padding-left: 19px;}
.bgCalender02{
	text-align: center;
	vertical-align: middle !important;
	background: url("../stores/images/bg_calender02.gif") repeat-y ;
	width: 26px;}
.bgShopName{
	padding: 0 4px;
	width: 85px;
	height: 25px;
	vertical-align: middle !important;
	background: url("../stores/images/bg_shopname.gif") repeat-x ;}
.calenderDetail .bgBrown{
	background: url("../stores/images/bg_brown.gif") repeat-x ;}
.calenderDetail td{
	vertical-align: middle;
	text-align: center;
	height: 25px;}
.calenderInfo{
	margin: 10px 0;
	background: #ffffff;
	padding: 20px;}
.borderBrown{
	height: 5px;
	background: url("../stores/images/border_brown.gif") repeat-x;}



/*productsMenu
---------------------------------*/
#productsMenu{
	width: 200px;
	height: 684px;
	text-align: center;
	background:  url("../products/subnavi/bg_submenu.gif") top no-repeat;}
#productsMenu li{
	padding-bottom: 3px;}

.bg_ribbon{
	background: url("../products/images/bg_ribbon.gif") no-repeat;}


/*storesTop
---------------------------------*/
.storesCalender{
	padding: 13px 0 15px 15px;
	_padding: 10px 0 15px 15px;
	background: url("../stores/images/green_bottom.gif") bottom repeat-y;}
.storesCopy{
	padding: 0 45px 10px 0;}
.storesCalender02{
	padding: 10px 5px 15px 5px;
	_padding: 0 5px 15px 5px;
	background: url("../stores/images/green_bottom.gif") bottom repeat-y;}
.bgTyokueiTitle{
	padding: 0 5px 5px 10px;
	background: url("../stores/images/bg_tyokuei02.gif") bottom repeat-y;}
.bgTyokuei{
	padding: 10px;
	background: url("../stores/images/bg_tyokuei03.gif") bottom repeat-y;}
.bgTyokuei li{
	padding-right: 15px;
	padding-bottom: 20px;}
.tyokueiAttention{
	padding: 20px;
	background: #D1EDD7;}
	

.bgTuhan{
	padding: 13px 30px 15px 13px;
	_padding: 10px 30px 15px 13px;
	background: url("../stores/images/bg_tuhan_bottom.gif") bottom repeat-y;}
.packagePlaza{
	padding: 10px 10px 15px 8px;
	_padding: 10px 10px 15px 15px;
	background: url("../stores/images/brown_big_bottom02.gif") bottom repeat-y;}

.packagePlaza li{
	padding-right: 20px;
	_padding-right: 35px;
	float: left;}
	
.bgLetter{
	padding: 10px 60px 10px 60px;
	background: url("../stores/images/bg_letter.gif") no-repeat;}
	
	
/*products
--------------------------------------------------------------------------*/
#productAttention{
	border-bottom: 2px solid #E1CBB0;
	margin-right: 30px;
	padding-bottom: 15px;}
.productComment{
	margin: 15px 30px 15px 10px;}
.productBox{
	width: 470px;
	margin-bottom: 15px;
	padding: 10px 10px;
	background: #F5EFE7;}
.productBox h5{
	font-size: 14px;
	color: #623A0F;
	padding-left:6px;
	border-width: 0 0 0 4px;
	border-style: solid;
	border-color:#ff7700;}
.productBox .comment{
	width: 230px;
	padding: 12px 5px 0 7px;
	float: left;}
.productBox img{
	float: right;
	padding-top: 12px;}


.pointHana{
	background: url("../unit/point_hana.gif") 0 3px no-repeat;
	margin-bottom: 2px;
	padding-left: 15px;}
#newProduct{
	margin: 10px;}
#newProductTable td{
	background: #ffffff;}
#newProductTable .titleDate{
	border: 1px solid #ffffff;
	background: #F5EFE7;}
	
	
	
	
/*mapPage
---------------------------------*/
#mapPage{width: 600px;text-align: left;}
#mapPage .mapMain{text-align:center;margin-top:30px;margin-bottom:30px;}
#mapPage .close{text-align:center;margin-bottom:30px;}

/*productsMenu2
---------------------------------*/
#productsMenu2{
	width: 190px;
	height: 684px;
	text-align: center;
	background:  url("../products/subnavi/bg_submenu190.gif") top no-repeat;}
#productsMenu2 li{
	padding-bottom: 3px;}