@charset "utf-8";


/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
	line-height:1.5;	/*全要素の行の高さを1.5倍にする*/
	color:#333333;		/*文字色*/

} 
body {
	background-color:#FFFFFF;	/*ページ全体の背景色*/
	text-align:center;		/*IE6以下でセンタリングするための対策*/
}
div#pagebody {
	width:950px; margin:0 auto;	/*内容全体をセンタリング*/
	text-align:left;	/*テキストの配置を左揃えにする*/
	background-image:url("images/bg_pagebody.jpg");	/*内容全体の背景*/
	background-repeat:repeat-y;		/*背景画像を縦方向に繰り返す*/
	background-color:#ffffff;		/*内容全体の背景色*/
}

/*============================================
ヘッダ
============================================*/
div#header {
	height:80px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
	background-image:url("images/bg_header.jpg");	/*ヘッダ部分の背景画像*/
	background-repeat:no-repeat;		/*背景画像を繰り返さない*/
	background-color:#ffffff;		/*ヘッダ部分の背景色*/
}
h1 {
	padding:20px 0px 0px 30px;		/*見出し内容の位置調整*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}
h1 a {text-decoration:none;} 			/*リンクの下線を無くす*/

/*============================================
メインメニュー
============================================*/
ul#menu {
	height:40px; background-color:#ffffff; font-weight:bold; color:#FFFFFF;	
}
li#menu01,li#menu02,li#menu03,li#menu04,li#menu05,li#menu06 {
	float:left;			/*リスト項目を横に並べる*/
	display:inline;			/*リスト項目をインライン表示にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	background-repeat:no-repeat; 	/*背景画像を繰り返さない*/
}

/*ボタン01～05にはそれぞれ異なる背景画像を指定する*/
li#menu01 {
	width:175px; height:30px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("images/bg_menu01.jpg");	/*背景画像*/
}
li#menu02 {
	width:150px; height:30px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("images/bg_menu04.jpg");	/*背景画像*/
}
li#menu03 {
	width:150px; height:30px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("images/bg_menu04.jpg");	/*背景画像*/
}
li#menu04 {
	width:150px; height:30px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("images/bg_menu04.jpg");	/*背景画像*/
}
li#menu05 {
	width:150px; height:30px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("images/bg_menu04.jpg");	/*背景画像*/
}
li#menu06 {
	width:175px; height:30px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("images/bg_menu05.jpg");	/*背景画像*/
}
ul#menu a {
	display:block;				/*リンクをブロック表示にする*/
	height:35px; padding-top:8px; text-align:center;
	text-decoration:none; 			/*リンクの下線を無くす*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	font-size:12px;			/*文字サイズを90%にする*/
	color:#FFFFFF;
}

/*============================================
サブメニュー（左カラム）
============================================*/
div#submenu {
	width:160px;			/*幅の指定*/
	margin:10px 10px 10px 10px;	/*位置調整（IE6のバグに注意）*/
	display:inline;			/*IE6のマージン算出のバグ対策*/
	float:left;			/*サブメニューのカラムを左寄せにする*/
}

/*サブメニューのヘッダ部分（余白調整・背景画像・背景色・文字サイズなど）*/
div#submenu_header {
	height:24px; padding:4px 0px 0px 15px;
	background-image:url("images/bg_submenu_header.jpg");
	background-repeat:no-repeat; background-position:top;
	background-color:#CC6600;
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	font-size:12px;  color:#ffffff;          /*文字色*/
}

/*サブメニューのボディ部分（余白調整・背景画像・背景色）*/
ul#submenu_body {
	padding-bottom:6px;
	background-image:url("images/bg_submenu_footer.jpg");
	background-repeat:no-repeat; background-position:bottom;
	background-color:#CC6600;
}
ul#submenu_body li {
	font-size:12px;			/*文字サイズを90%にする*/
	color:#355f99;
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;			/*リスト項目をインライン表示にする*/
}
ul#submenu_body li a {
	display:block;			/*リンクをブロック表示にする*/
	margin:0px 1px 0px 1px;		/*サブメニュー項目のマージン*/
	padding:2px 0px 2px 20px;	/*サブメニュー項目のパディング*/
	background-color:#ffffff;	/*サブメニュー項目の背景色*/
	text-decoration:none;		/*リンクの下線を無くす*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	color:#666666;
}
ul#submenu_body li a:hover {
	background-color:#eeeeee;	/*リンクにマウスが乗ったら色を変える*/
	color:#355f99;
}

ul#submenu_body_midashi {　　　/*見出し*/
	background-repeat:no-repeat; background-position:bottom;
	background-color:#FF9900;
}
ul#submenu_body_midashi li {
	font-size:12px;			/*文字サイズを90%にする*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	color:#ffffff;          /*文字色*/
	padding:3px 0px 3px 15px;/*文字のスペース*/
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;			/*リスト項目をインライン表示にする*/
}


/*============================================
コンテンツ（中央と右の2カラム全体）
============================================*/
div#content {
	width:740px; margin:10px 10px 10px 0px;	/*幅の指定と位置調整*/
	float:right;				/*2カラム全体を右寄せにする*/
}

/*============================================
ニュース（中央カラム）
============================================*/
div#news {
	width:550px; margin-right:5px; padding-top:10px; /*幅の指定と位置調整*/
	float:left;					/*カラムを左寄せにする*/
	background-image:url("images/bar_news.jpg");	/*中央カラムの背景画像*/
	background-repeat:no-repeat;			/*背景画像を繰り返さない*/
}

/*見出し・段落・水平線のスタイル指定*/
h2 {
	font-size:14px; margin-bottom:10px; padding-left:50px; font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	border-bottom:solid 1px #cccccc;
	background-image:url("images/icon.png");
	background-repeat:no-repeat; background-position:left center;
}
h3 {font-size:12px; text-align:left; margin-left:5px; color:#666666; font-family:Arial, Helvetica, sans-serif;}
h4 {font-size:12px; text-align:right; margin-right:5px; color:#666666; font-family:Arial, Helvetica, sans-serif;}
h5 {font-size:12px; text-align:center; color:#666666; font-family:Arial, Helvetica, sans-serif;}

p  {font-size:12px; text-align:left; color:#666666; margin:10px 0px 10px 10px;
font-family:Arial, Helvetica, sans-serif;
}
a {/*リンクされた文字*/
    color:#FF9933;
    font-style:normal;
    text-decoration:underline;
}
a:link {/*未訪問のリンク*/
    color:#FF9933;
    font-style:normal;
    text-decoration:underline;
}
a:visited {/*訪問後のリンク*/
    color:#004588;
    text-decoration:underline;
}
a:hover {/*マウスをのせたとき*/
    color:#ff0000;
    font-style:normal;
    text-decoration:underline;
}
a:active {/*クリック中*/
    text-decoration:none;
}
hr {height:1px; border:solid 1px #cccccc; margin-bottom:20px;}
/*============================================
ピックアップ（右カラム）
============================================*/
div#pickup {
	width:150px; padding-top:10px; 		/*幅の指定と位置調整*/
	float:right;				/*カラムを右寄せにする*/
	background-image:url("images/bar_pickup.gif");	/*右カラムの背景画像*/
	background-repeat:no-repeat;		 /*背景画像を繰り返さない*/
}
div#pickup ul {
	margin-left:0px; 		/*左マージンを10px空ける*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	font-size:12px;			/*フォントサイズを90%にする*/
}
div#pickup li {
	list-style-type:none; 		/*リストマーカー無しにする*/
	line-height:1.8;		/*行の高さを1.8倍にする*/
	padding:2px 0px 2px 15px;/*文字のスペース*/
}

div#submenuR {
	width:160px;			/*幅の指定*/
	margin:10px 10px 10px 10px;	/*位置調整（IE6のバグに注意）*/
	display:inline;			/*IE6のマージン算出のバグ対策*/
	float:left;			/*サブメニューのカラムを左寄せにする*/
}

/*サブメニューのヘッダ部分（余白調整・背景画像・背景色・文字サイズなど）*/
div#submenuR_header {
	height:24px; padding:4px 0px 0px 15px;
	background-image:url("images/bg_submenu_header.jpg");
	background-repeat:no-repeat; background-position:top;
	background-color:#CC6600;
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	font-size:12px;  color:#ffffff;          /*文字色*/
}
div#submenuR {
	width:160px;			/*幅の指定*/
	margin:10px 10px 10px 0px;	/*位置調整（IE6のバグに注意）*/
	display:inline;			/*IE6のマージン算出のバグ対策*/
	float:left;			/*サブメニューのカラムを左寄せにする*/
}

/*サブメニューのヘッダ部分（余白調整・背景画像・背景色・文字サイズなど）*/
div#submenuR_header {
	height:24px; padding:4px 0px 0px 15px;
	background-image:url("images/bg_submenu_header.jpg");
	background-repeat:no-repeat; background-position:top;
	background-color:#CC6600;
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	font-size:12px;  color:#ffffff;          /*文字色*/
}

/*サブメニューのボディ部分（余白調整・背景画像・背景色）*/
ul#submenuR_body {
	padding-bottom:6px;
	background-image:url("images/bg_submenu_footer.jpg");
	background-repeat:no-repeat; background-position:bottom;
	background-color:#CC6600;
}
ul#submenuR_body li {
	font-size:12px;			/*文字サイズを90%にする*/
	color:#355f99;
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;			/*リスト項目をインライン表示にする*/
}
ul#submenuR_body li a {
	display:block;			/*リンクをブロック表示にする*/
	margin:0px 1px 0px 1px;		/*サブメニュー項目のマージン*/
	padding:2px 0px 2px 20px;	/*サブメニュー項目のパディング*/
	background-color:#ffffff;	/*サブメニュー項目の背景色*/
	text-decoration:none;		/*リンクの下線を無くす*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	color:#666666;
}
ul#submenuR_body li a:hover {
	background-color:#eeeeee;	/*リンクにマウスが乗ったら色を変える*/
	color:#355f99;
}

ul#submenuR_body_midashi {　　　/*見出し*/
	background-repeat:no-repeat; background-position:bottom;
	background-color:#FF9900;
}
ul#submenuR_body_midashi li {
	font-size:12px;			/*文字サイズを90%にする*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	color:#ffffff;          /*文字色*/
	padding:3px 0px 3px 10px;/*文字のスペース*/
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;			/*リスト項目をインライン表示にする*/
}


/*============================================
フッタ
============================================*/
div#footer {
	height:235px; text-align:center;
	clear:both;					/*回り込みを解除する*/
	background-image:url("images/bg_footer.jpg");	/*フッタ部分の背景画像*/
	
	background-repeat:no-repeat;			/*背景画像を繰り返さない*/
	background-color:#ffffff;			/*フッタ部分の背景色*/
}
address {
font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	font-style:normal;			 /*フォントスタイルを標準にする*/
	font-size:12px;			 /*フォントサイズを小さくする*/
	padding:0px 0px 3px 0px;		 /*要素内容の位置調整*/
	color:#ffffff;
}

/*============================================
テーブル
============================================*/
table { 
 margin-left: auto;
 margin-right: auto;
}

/*============================================
newslist.php ニュース一覧
============================================*/
div#newslist {
	width:450px;			/*幅の指定*/
	margin:10px 10px 10px 25px;	/*位置調整（IE6のバグに注意）*/
	display:inline;			/*IE6のマージン算出のバグ対策*/
	float:left;			/*サブメニューのカラムを左寄せにする*/
}

/*サブメニューのヘッダ部分（余白調整・背景画像・背景色・文字サイズなど）*/
div#newslist_header {
	height:24px; padding:4px 0px 0px 15px;
	background-repeat:no-repeat; background-position:top;
	background-color:#355f99;
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	font-size:12px;  color:#ffffff;          /*文字色*/
}

/*サブメニューのボディ部分（余白調整・背景画像・背景色）*/
ul#newslist_body {
	padding-bottom:6px;
	background-repeat:no-repeat; background-position:bottom;
	background-color:#355f99;
}
ul#newslist_body li {
	font-size:12px;			/*文字サイズを90%にする*/
	color:#355f99;
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;			/*リスト項目をインライン表示にする*/
}
ul#newslist_body li a {
	display:block;			/*リンクをブロック表示にする*/
	margin:0px 1px 0px 1px;		/*サブメニュー項目のマージン*/
	padding:2px 0px 2px 20px;	/*サブメニュー項目のパディング*/
	background-color:#ffffff;	/*サブメニュー項目の背景色*/
	text-decoration:none;		/*リンクの下線を無くす*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	color:#666666;
}
ul#newslist_body li a:hover {
	background-color:#eeeeee;	/*リンクにマウスが乗ったら色を変える*/
	color:#666666;
}

/*============================================
先頭●設定
============================================*/
ul#disc {
list-style-type:disc;
padding:4px 0px 10px 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;	
color:#666666;
text-align:left;
}

/*============================================
先頭◯設定90%
============================================*/
ul#circle {
list-style-type:circle;
padding:10px 0px 10px 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;	
color:#666666;
}

/*============================================
OL番号
============================================*/
ol#nomber {
padding:10px 0px 10px 40px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;	
color:#666666;
text-align:left;
}


/*============================================
注意
============================================*/
p#warning {
padding:0px 0px 10px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;	
color:#990033;
}

/*============================================
重要
============================================*/
p#important {
padding:0px 0px 10px 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;	
color:#990033;
}

/*============================================
P右寄せ
============================================*/
p#right {

font-family:Arial, Helvetica, sans-serif;
font-size:12px;	
color:#666666;
text-align:right; margin:10px 0px 10px 0px;
}

/*============================================
P右寄せ
============================================*/
p#left {

font-family:Arial, Helvetica, sans-serif;
font-size:12px;	
color:#666666;
text-align:left; margin:10px 0px 10px 0px;
}

/*============================================
P中央
============================================*/
p#center {
padding:0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;	
color:#666666;
text-align:center;
}

/*============================================
image Left
============================================*/
img.left {float:left}

/*============================================
image right
============================================*/
img.right {float:right}

/*============================================
image clear Left
============================================*/
p.image_clear_left {clear:left}

/*============================================
image clear right
============================================*/
p.image_clear_right {clear:right}


/*============================================
検索サーチ用
============================================*/
p#for_search {
padding:0px 0px 10px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;	
color:#666666;
text-align:center;
}

/*ヘッダのリンク*/
	
#tabs {
	float:left;
	width:800px;
	background:#FFFFFF;
	font-size:10px;
	line-height:normal;
	}

#tabs ul {
	margin:0;
	padding:5px 10px 0 250px;
	list-style:none;
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url("images/tableft.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background:url("images/tabright.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#FFF;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	color:#FFF;
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}

/* customer manumain */
#cust_menumain {
	font-family: "Osaka", "ＭＳ Ｐゴシック", Arial, sans-seri;
	font-color: #FFF;
	font-size: 12px;
	width: 150px;
	padding: 5px 0px 5px 0px;
	margin: 0;
	border-style: solid solid none solid;
	border-color: #000;
	border-size: 1px;
	border-width: 1px;
	background-color: #CC6600;
	text-align:center;
	}




	
/* customer manu */
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

img {
	border: none;
	padding-right: 10px;
	}
	
#cust_menu {
	font-family: "Osaka", "ＭＳ Ｐゴシック", Arial, sans-seri;
	font-size: 12px;
	width: 100px;
	margin: 0;
	border-style: solid solid none solid;
	border-color: #000;
	border-size: 1px;
	border-width: 1px;
	}
	
#cust_menu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 18px;
	text-decoration: none;
	}	
	
#cust_menu li a:link, #cust_menu li a:visited {
	color: #FFF;
	display: block;
	background:  url(images/menu.gif);
	padding: 5px 0px 5px 5px;
	}
	
#cust_menu li a:hover {
	color: #FFF;
	background:  url(images/menu.gif) 0 -32px;
	padding: 5px 0 5px 5px;
	}
	
/*Webオーダーカート用*/
	
#tabs_wo {
	float:left;
	width:450px;
	background:#FFFFFF;
	font-size:10px;
	line-height:normal;
	}

#tabs_wo ul {
	margin:0;
	padding:5px 10px 0 10px;
	list-style:none;
	}

#tabs_wo li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs_wo a {
	float:left;
	background:url("images/tableft.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	}

#tabs_wo a span {
	float:left;
	display:block;
	background:url("images/tabright.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#FFF;
	}


/*ボーダー*/
p.border1 {
border-style:solid;
border-width:1px;
border-color:grey;
}

/*テーブルボーダー*/
table.border1 {
border-collapse:collapse;
width:400px;
border-style:solid;
border-width:1px;
border-color:#FF9900;
}

/*============================================
main.php ニュースリスト枠
============================================*/	
div#newsmenu {
width:550px;
margin:10px 10px 10px 0px;
display:inline;
float:left;
}
div#newsmenu_header {
hight:40px;
padding:4px 10px 4px 350px;
background-image:url("../images/orange2.jpg");
background-repeat:no-repeat;
background-position:top;
background-color:#FF9900;
font-family: "Osaka", "ＭＳ Ｐゴシック", Arial, sans-seri;
font-size:12px; color:#666666;
font-weight:nomal;
text-align:right;
}
ul#newsmenu_list {
height:120px;
list-style-type:square;
padding-bottom:3px;
background-repeart:no-repeat;
background-position:top;
background-color:#FF9900;
}
ul#newsmenu_list li {
list-style-type:square;
font-family: "Osaka", "ＭＳ Ｐゴシック", Arial, sans-seri;
font-color:#FFFFFF;
font-size:12px;
list-style-type:none;
display:inline;
}
Ul#newsmenu_list li a {
height:118px;
list-style-type:square;
display:block;
margin:0px 1px 0px 1px;
padding:2px 0px 2px 10px;
background-color:#FFFFFF;
text-decoration:none;
}
ul#newsmenu_list li a:hover {
	height:118px;
	background-color:#CCCCCC;
	font-color:#FFFFFF;

}

/*ニュース詳細*/
ul#news_detail {
border-width:1px;
border-color:#FF9900;
}

/*============================================
main.php ニュースリスト枠test用
============================================*/	
div#newsmenu_test {
width:250px;
margin:10px 10px 10px 10px;
display:inline;
float:left;
}
div#newsmenu_test_header {
hight:40px;
padding:4px 10px 4px 0px;
background-image:url("../images/or.jpg");
background-repeat:no-repeat;
background-position:top;
background-color:#FF9900;
font-family: "Osaka", "ＭＳ Ｐゴシック", Arial, sans-seri;
font-size:12px; color:#666666;
font-weight:nomal;
text-align:right;
}
ul#newsmenu_test_list {
list-style-type:square;
padding-bottom:3px;
background-repeart:no-repeat;
background-position:top;
background-color:#FF9900;
}
ul#newsmenu_test_list li {
list-style-type:square;
font-family: "Osaka", "ＭＳ Ｐゴシック", Arial, sans-seri;
font-color:#FFFFFF;
font-size:12px;
list-style-type:none;
display:inline;
}
Ul#newsmenu_test_list li a {
list-style-type:square;
display:block;
margin:0px 1px 0px 1px;
padding:2px 0px 2px 10px;
background-color:#FFFFFF;
text-decoration:none;
}
ul#newsmenu_test_list li a:hover {
background-color:#CCCCCC;
font-color:#FFFFFF;
}

#newsmenu_list li a img {
	float: left;
	padding-right: 10px;
	padding-top: 10px;
	width: 150px;
}
#newsditail img {
	float: left;
	height: 125px;
	width: 200px;
	padding-top: 10px;
	padding-right: 10px;
}
#newsdetail img {
	float: left;
	height: 125px;
	width: 200px;
	padding-top: 10px;
	padding-right: 10px;
}
#center img {
	text-align: center;
}
companylogo center img {
	text-align: center;
}
logo img {
	text-align: center;
}

/*============================================
卸価格とフライスtest用
============================================*/	

ul.sample01 {
	width: 600px;
	margin-bottom: 30px;
	padding: 10px;
	border: 1px solid #999;
}

ul.sample01 li {
	text-align: right;
	font-size:12px;
	position: relative;
	margin: 0 0 5px;
	padding: 5px 360px 5px 15px;
	border-bottom: 1px dotted #999;
}

ul.sample01 li a {
	font-weight: bold;
	text-align: right;
}

ul.sample01 li span {
	display: block;
	position: absolute;
	top: 5px;
	right: 10px;
	width: 100px;
	text-align: right;
}

ul.sample01 li > span {
	right: 50;
}

iro1 {color:orange;}
iro2 {color:red;   }

/*============================================
卸価格とフライスtest用2
============================================*/	

ul#sample01 {
	width: 600px;
	margin-bottom: 30px;
	padding: 10px;
	border: 1px solid #999;
}

 li#sample01 {
	text-align: right;
	font-size:12px;
	position: relative;
	margin: 0 0 5px;
	padding: 5px 360px 5px 15px;
	border-bottom: 1px dotted #999;
}

li#sample01 a {
	font-weight: bold;
	text-align: right;
}

 li#sample01 > {
	display: block;
	position: absolute;
	top: 5px;
	right: 10px;
	width: 100px;
	text-align: right;
}

 li#sample01 {
	right: 50;
}


/*============================================
卸価格とフライスtest用,
============================================*/	
div#price {
width:200px;
margin:0px 0px 20px 10px;
text-align:right;
	border: 1px solid #999;

}

span#pricespan {
width:50px;
font-size:12px;
margin:0px 0px 0px 0px;
padding: 5px 20px 10px 0px;
}
span#pricespan1 {
width:50px;
font-size:15px;
margin:0px 0px 20px 0px;
}