/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/

html, body {
	font-family: "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,
	"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family:"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,
	"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

table, caption, th, td {
	font-family:"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,
	"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe, form {
	font-family:"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,
	"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}

/*--------------------------------------------------------------------

テンプレート

--------------------------------------------------------------------*/

body {
background: #000;
color:#333333;
font-size:12px;
line-height:18px;
padding:0;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { 
display: inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix { 
height: 1% 
}
.clearfix {
display:block;
}
/* end MacIE5 */



a {
color: #74413F;
}

a:hover {
color: #FF00FF;
}


a img {
border:0 none;
}

#container {
width:900px;
background:#FFFFFF;
color:#333333;
margin:0 auto;
padding:15px;
position:relative;
text-align:left;
}


#header {
background:url(img/header_bg.jpg) no-repeat;
width:900px;
}

#header p#logo{
width:400px;
height:72px;
}

#header p#logo a{
background:url(img/logo.jpg) no-repeat;
display:block;
width:400px;
height:72px;
text-indent:-9999px;
overflow:hidden;
}

#header h1 {
font-size:11px;
margin-left:10px;
}


#wrapper {
width:900px;
}

#wrapper:after {
content : "";
display : block;
height : 0;
clear : both;
}

#side{
width:180px;
float:left;
}

#side div.sidemenu{
margin:10px 0;
}

#side div.sidemenu h2{
}

#side div.sidemenu ul {
width:178px;
border-left: solid #CCCCCC 1px;
border-right: solid #CCCCCC 1px;
}

#side div.sidemenu ul li {
background:url(img/side01_bt_on.jpg) no-repeat top center;
list-style-type:none;
}


#side div.sidemenu ul li a {
display:block;
width:148px;
padding-top:7px;
padding-bottom:7px;
padding-left:30px;
background:url(img/side01_bt.jpg) no-repeat top center;	
text-decoration:none;
border-bottom: solid #CCCCCC 1px;
}

#main{
width:710px;
float:right;
margin:10px 0 10px 10px;
}


address {
text-align:center;
font-style:normal;
}

/*--------------------------------------------------------------------

共通エレメント

--------------------------------------------------------------------*/

div.searchmenu {
background: url(img/searchmenu_bg.jpg) no-repeat;
color:#FFFFFF;
margin:5px auto 10px auto;
width:670px;
padding:20px;
height:30px;
text-align:center;
}

div#credit {
width:311px;
margin:10px auto;
}

/*--------------------------------------------------------------------

トップページ

--------------------------------------------------------------------*/

div#products {
width:708px;
background: #FFFFFF;
border:#CCCCCC solid 1px;
}

div#products table {
width:700px;
margin:20px auto;
}

div#products table td.products_img {
width:20%;
text-align:center;
}

div#products table td img {
background:#FFFFFF;
padding:5px;
border:#CCCCCC solid 1px;
margin-bottom:5px;
width:80px;
}

div#products table td p.p_title {
font-size:14px;
margin-bottom:5px;
color:#009900;
}

div#products table td p.p_price {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
margin-bottom:5px;
color: #FF0000;
}

div#products table td p.p_detail {
font-size:11px;
margin-bottom:5px;
color:#000;
}

div#products div#pager {
width:650px;
margin:10px auto;
text-align:center;
}

p#historyback {
text-align:center;
margin:10px;
}