html {margin:0; padding:0; background:#333}
body {
	font-family:Tahoma,Arial,"Vardana",Helvatica,sans-serif;
color:#575757;
font-size:12px;
margin:0;
padding:0;
background:url(../images/header_bg.png) repeat-x left -15px #FFF;

}

/*印刷画面の背景削除*/
body.sales-order-print,
body.sales-order-printcreditmemo,
body.sales-order-printinvoice{height:100%; width:100%; background-color:#FFF!important; background-image:none!important;}

body.sales-order-print table.data-table td .product-name,
body.sales-order-printcreditmemo table.data-table td .product-name,
body.sales-order-printinvoice table.data-table td .product-name{display:block; width:430px;}

.toggles a {
color:#DDD!important;
}

.clear {
height:0;
font-size:0;
clear:both;
}

.clearfix:after {
clear:both;
display:block;
content:" ";
height:0;
visibility:hidden;
}

.clearfix {
display:block;
}

* html .clearfix {
height:1%;
}

li.clearfix {
display:list-item;
}

p {
margin:0;
padding:0;
}

.floatleft {
float:left;
}

.page {
text-align:left;

margin:0 auto;
}

.header {

}

.clslogo {
float:left;
cursor:pointer;
width:200px;
font-weight:700;
margin:0;
padding:0;
}

.current_city{
float:left;
margin:40px 0 0 10px;
height:18px;
}

.current_city a,
.current_city a:hover,
.current_city a:visited
{
display:block;
height:18px;
color:#DEDEDE;
text-decoration:none;
font-family:Georgia, Times, serif; 
font-style:italic;
font-weight:normal;
font-size:15px;
line-height:18px;
 }
.current_city a img {vertical-align:top; margin:2px 0 1px 3px; }

.header-bottom {
width:100%;
height:55px;
margin:0px 0 0;
padding-top:6px;
background:url(../images/header_bg.png) repeat-x left -100px;
/*background:url(../images/header_menu_bg.png) repeat-x;*/
}

.header-bottom ul li,.header-bottom ul li a:link,.header-bottom ul li a:visited {
float:left;
font-size:12px;
line-height: 40px;
margin-right: 0;
vertical-align:top;
height:43px;
text-decoration:none;
	font-family:Arial,Helvatica,sans-serif;
font-weight: normal;
}
.header-bottom ul li{
margin-right: 1px;
}

.header-bottom ul li a {
color:#DDD!important;
}

.header-bottom ul li a span {
margin: 0 15px;
}

.header-bottom ul.clsmenuul li a:hover{
background:url(../images/header_menu_bg_on.png) repeat-x;
color:#FFF!important;
}
.header-bottom ul.clsmenuul li.active a:link,
.header-bottom ul.clsmenuul li.active a:visited {
background:url(../images/header_menu_bg_on.png) repeat-x;
color:#DDD;
}
.header-bottom ul.clsmenuul li a{
color: #333;
}

.clsbg {
width:100%;
background:url(../images/header_bg.png) repeat-x top;
/*background:#fff;*/
/*
border-top:4px solid #000;
*/
}


.menu_middlebg{
width: 950px;
margin: 0 auto;
}

.clsbg .header {
width:952px;
margin:0 auto;
padding:0;
height: 100px;
}

#logo {
float:left;
cursor:pointer;
margin:30px 0 0;
}

.logotxt {
width:363px;
height:61px;
color:#FFF;
font-size:36px;
font-weight:700;
}


input,select,button {
font:12px Verdana, Helvetica, sans-serif;
}

input.input-text,textarea {
padding:2px;
}

input.qty {
width:2.5em;
}

textarea {
overflow:auto;
}

.searchinput {
width:272px;
color:#000;
font-family:Verdana;
font-size:12px;
float:left;
background:#FFF;
border:1px solid #b7b7b7;
padding:0px;
height: 26px;
margin:0 3px 0 0;
}

.searchinput .searchinput1 {
border:none;
color:#000;
font-family:Verdana;
font-size:12px;
line-height:22px;
height:22px;
width:250px;
padding:0;
margin:2px 4px;
background:none!important;
}

.selectcity {
border:0;
background:#FFF;
border:1px solid #b7b7b7;
float:left;
margin:0 3px 0 0;
padding:0;
height: 26px;
}


.selectcity .select {
border:none;
color:#000;
font-family:Verdana;
font-size:12px;
height:22px;
line-height:22px;
padding:0px;
width:100px;
margin:2px 4px;
background:none!important;
}

.city_middle {
margin-top: 10px;
height:35px;
line-height:35px;
overflow:hidden;
font-size:12px;
font-family:Verdana;

}
.city_middle img{
vertical-align:middle;
line-height:35px;
}

.city_middle ul li a {
font-family:Verdana;
font-size:12px;
text-decoration:none;
display:table-cell;
vertical-align:middle;
height:35px;

}

.city_middle ul li {
float:left;
display:inline;
padding:0 0 0 3px;
}

.city_middle ul li.flags{
width: 96px;
height:30px;
overflow:hidden;
display:block;
padding:0 0 0 18px!important;
text-align:right;
}

.city_middle ul li.flags a{
width: 28px;
height:22px;
overflow:hidden;
display:inline;
}
.clslogo .city_name span {
color:#fff;
font-size:15px;
}

.clslogo .city_name h4 {
color:#fff;
font-size:25px;
}



.clsmailing {
padding:5px 0 0;
float:right;
}

#toggle_blind {
}

#toggle_blind ul {
height:auto;
width:952px;
margin:0 auto;
border-left: 1px solid #555;
}

#toggle_blind ul li {
width:189px;
float:left;
text-align:center;
border-right: 1px solid #555;
}

#toggle_blind ul#division_list1 li a {
display:block;
text-decoration:none;
padding:10px 0 10px 0px;
color: #FFF;
}

#drawer {background:#f1f1f1;height:auto; border-bottom:1px solid #dfdfdf;}
#drawer ul li {width:189px;float:left;border-right:1px dotted #ccc;}
#drawer ul#division_list1 li a {display:block;color:#0142cc;text-decoration:none;text-align:center;padding:10px 0;}
.header-bottom .floginul {float:right;}
.header-bottom .floginul li {color:#DDD;font-size:13px;font-weight:normal;padding:0 0 0 10px; line-height: 43px;}
.header-bottom .floginul li img{ margin-top: 10px;}
.header-bottom .floginul li a {height:auto; color:#EEE!important; text-decoration:underline!important;}
.header-bottom .floginul li a:hover {text-decoration:none!important;}
.header-bottom .floginul li span {color:#000;font-size:13px;padding-left:10px;font-weight:700;}
.mailing_txtbox {width:230px;color:#999;font-size:12px;border:1px solid #ccc;}

/*
.mailing_button {background:url(../images/signup-btn.png) no-repeat;width:113px;height:30px;border:none;cursor:pointer;margin:0;padding:0;}
*/
.mailing_button {
	background:url(../images/btbg.png) repeat-x #444;
	width:113px;height:28px;line-height:26px!important;
	cursor:pointer;
	margin:0;
	padding:0;
	border:1px solid #666;
	border-bottom:1px solid #555;
	font-weight:bold;
	float:left;
	color:#fff;
	font-family:Arial,Helvatica,sans-serif;
	}

.clsdiscussimg {float:left;border:1px solid #7DB9D2;margin:0 12px 0 0;padding:2px;}

.clsdiscuss_content {float:left;width:140px;}
.clsdiscuss_content p {color:#58595B;font-size:13px;text-align:left;}

.discuss_author {display:block;float:right;}

.sidebar .mailform .clsmailform .join_discussion {background:url(../images/join_discussion.jpg) no-repeat;width:140px;height:27px;border:none;cursor:pointer;margin:10px 0 0 40px;}

.side_deal h3 {
color:#0A677E;
font-size:13px;
font-family:Verdana;
padding:10px 0 0;
}

.floatright,.footerrightul {
float:right;
}

.page-print,.page-popup {
text-align:left;
padding:20px;
}

input.radio,input.checkbox {
margin-right:3px;
}

#toggle_blind tr td,.side_deal img {
text-align:center;
}

#toggle_blind ul#division_list1 li a:hover,#drawer ul#division_list1 li a:hover {
background:#444;
}

.mailing .mailing_citybox,.mailing_citybox {
width:160px;
color:#999;
font-size:12px;
border:1px solid #ccc;
float:left;
margin:0 10px 0 0;
padding:5px;
}
.side-block .block-content .clsbottomimg{font-size:0px;}


/* -------------------------------------- */
/* FOOTER  CSS */
/* -------------------------------------- */
.footer{ border-top: 1px solid #c1c1c1; background:#252525; height:200px;}
.clsfooter-cont{ margin:0 auto; width:952px; text-align:left; position:relative; }

.clsfooter-cont .pagetop{
	display: block;
	width:119px;
	height: 27px;
	float:right;
	background:url(../images/pagetop.png) top right no-repeat;
	}
	.clsfooter-cont .pagetop a{
		display: block;
		height: 27px;
		line-height: 22px;
		text-align: left;
		padding-left: 35px;
		color: #fff;
		text-decoration: none;
		font-weight:bold;
		}

.clsfooter-cont ul.footerlinks{
	float: left;
	width: 630px;
	padding: 20px 0 70px;
	background:url(./../images/foot_payment.jpg) -2px bottom no-repeat;
	}
.clsfooter-cont ul.footerlinks li{
	width: 160px;
	float: left;
	}
	.clsfooter-cont ul.footerlinks li h4{
		color: #999;
		margin-bottom: 10px;
		font-family:Georgia, Times, serif; 
		font-style:italic;
		}
	.clsfooter-cont ul.footerlinks li li{
		float: none;
		margin-bottom: 5px;
		color: #999;
		}
		.clsfooter-cont ul.footerlinks li li a{
			color: #DDD;
			}

.clsfooter-cont .copyright{
	float:right;
	width: 320px;
	padding-top: 110px;
	color: #999;
	background:url(../images/copyright_logo.png) right 82px no-repeat;
	text-align: right;
	}
	.clsfooter-cont .copyright a{
		color:#DDD;
		}

/* Common Parts */
.bar_goldstar {background:url("../images/bar_goldstar.jpg") left top no-repeat; height:30px; margin-bottom:5px;}
.bar_goldstar_wide {width:682px; background:url("../images/bar_goldstar.jpg") left top no-repeat; height:30px; margin-bottom:5px;}
.bar_goldstar span,
.bar_goldstar_wide span {line-height:27px; font-size:14px; font-weight:normal; font-style:italic; color:#666; font-family:Georgia, Times, serif; display:block; padding-left:25px;}