@charset 'UTF-8';
* {
	margin: 0px;
	padding: 0px;
	}

html {  
	overflow-y:scroll;  
	}
body {
	margin:0 65px 0 50px;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	background:#fff;
	min-width:600px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic" , sans-serif;
	font-size: 12px;
	}

a {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color:black;
	outline: 0;
	}
a:hover {
	color: #CC0000;
	font-weight:bold;
	}

a:hover img.a-img-alpha-blue {
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	}

h1 {
	color: black;
	font-size: 36px;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝B","メイリオ","ＭＳ Ｐ明朝",serif;
	font-weight:normal;
	margin: 36px 0 0 0;
	}

h1 a {
	color: black;
	font-weight:normal;

	}

h1 a:hover {
	color: black;
	font-weight:normal;

	}

h2 {
	font-size : 18px;
	font-weight : bold;
	color : white;
	background-color: #555;
	text-align: left;
	padding : 3px 0 3px 10px;
	border-left : 3px solid black;
	border-bottom : 1px solid black;
	margin-bottom:5px;
	}
p {
	margin: 0px;
	padding: 0px;
	}				/* safariのみ、【*】での初期化が<p>のみ（？）無視されるので改めて記述した */

img {border: none;
	vertical-align: top;
	}



.pan {
	margin:12px 0 0 0;
	line-height: 130%;
	}
.pan a {
	color: blue;
	}
.pan a:hover {
	color: #CC0000;
	font-weight:bold;
	}


.sort {
	margin:12px 0 0 0;	
	}
.sort a {
	color: blue;
	}
.sort a:hover {
	color: #CC0000;
	font-weight:bold;
	}

.sort_now span {
	font-weight:bold;
	color:black;
	}


	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}


	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}


	/* 2 column right menu settings */
	.rightmenu {
/*	    background:#E6E6E6;*/
	}
	.rightmenu .colleft {
        float:left;
        width:200%;
        margin-left:-200px;
        position:relative;
        right:100%;
        background:#fff;
    }
    .rightmenu .col1wrap {
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	    padding-bottom:1em;
	}
	.rightmenu .col1 {
        margin:0 15px 0 215px;
        overflow:hidden;
	}
    .rightmenu .col2 {
        float:right;
        width:170px;
        position:relative;
        left:170px;
        _left:200px;

    }


	#footer {
		padding:0 0 0 15px;
		clear:both;
        float:left;
        width:100%;

	margin: 20px 0 20px 0;
	text-align: right;
	}


.p-list{
	margin: 15px 0 15px 0;
	}


.p-div{
	margin:0 -1px -1px 0;
	padding: 27px 15px 0px 15px;
	width: 150px;
	_width: 180px;
	height: 264px;
	_height: 291px;
	overflow: hidden;
	float: left;
	border: 1px solid #DDDDDD;
	}

.p-name {
	display: block;
	overflow: hidden;
	height: 20px;
	font-size: 12px;
	line-height: 150%;
	font-weight: bold;
	}

.p-name a {
	color: #666666;
	font-weight: bold;
	}






.p-img {
	}

.p-bcopy {
	margin: 2px 0 0 0;
	display: block;
	overflow: hidden;
	height: 31px;
	font-size: 11px;
	line-height: 150%;

	}

.p-price {
	margin: 12px 0 0 0;
	font-size: 18px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	color: #0FB4EB;
	}


p.ul-black-p {
	padding: 6px 0px 6px 6px;
	width: 200px;
	display: block;
	color: white;
	background-color: black;
	}

p.ul-black a {
	padding: 6px 0px 6px 6px;
	width: 200px;
	display: block;
	color: white;
	background-color: black;
	}

p.ul-black a:hover {
	padding: 6px 0px 6px 6px;
	width: 200px;
	display: block;
	color: #CC0000;
	background-color: #C8E8FF;
}



ul,li {
	list-style-type: none;
}

.white li a {
	width: 200px;
	display: block;
	margin: 0;
	padding: 4px 0px 4px 6px;
/*	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;*/
	}

.white li a:hover {
	width: 200px;
	display: block;
	margin: 0;
	padding: 4px 0px 4px 6px;
	background-color: #ECFFFF;
/*	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;*/
	}



.gray li a {
	width: 200px;
	display: block;
	margin: 0;
	padding: 4px 0px 4px 6px;
	color: white;
	background-color: #555555;
/*	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;*/
	}

.gray li a:hover {
	width: 200px;
	display: block;
	margin: 0;
	padding: 4px 0px 4px 6px;
	background-color: #C8E8FF;
	color: #CC0000;
/*	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;*/
	}



.right-serch {
	margin:5px 0 10px 0;
	}
.right-serch-keyword{
	width: 195px;
	_width: 200px;
	margin:5px auto 0 0;
	}
.right-serch-select {
	width: 200px;
	margin:5px auto 0 0;
	}
.right-serch-btn{
	width: 50px;
	margin:5px auto 0 150px;
	}


.page_list {
	margin: 20px 0 20px 0;

	}

/* ========================================================== */
a.page_list_no:link {
	display: block;
	width: 25px;
	height: 20px;
	_height: 25px;
	border:1px solid #CCCCCC;
	color:#0066CC;
	margin:3px 5px 0 0;
	padding-top: 5px;
	text-align: center;
	float: left;
	text-decoration:none;

	}
a.page_list_no:hover {
	background-color: #ECFFFF;
	color: #CC0000;
	}


a.page_list_pn:link {
	display: block;
	width: 60px;
	height: 20px;
	_height: 25px;
	border:1px solid #CCCCCC;
	color:#0066CC;
	margin:3px 5px 0 0;
	padding-top: 5px;
	text-align: center;
	float: left;
	text-decoration:none;

	}
a.page_list_pn:hover {
	background-color: #ECFFFF;
	color: #CC0000;
	}

.page_list_now {
	display: block;
	width: 25px;
	height: 20px;
	_height: 22px;
	background:none repeat scroll 0 0 #DDDDDD;
	border:1px solid #DDDDDD;
	color:black;
	margin:3px 5px 0 0;
	padding-top: 5px;
	text-align: center;
	float: left;

	font-weight:bold;
	}

/* ========================================================== */
.review {
	font-size : 12px;
	border-collapse: "collapse";
	border: none;
	border-spacing: 0;
	}

.review tr {

}
.review td {
	padding:3px;

	}
.review a {
	color: blue;
	}
.review a:hover {
	color: #CC0000;
	font-weight:bold;
	}

.background-color-light {
  background-color: #F5F4F5;
}

.review td.star{
	color:#FF9900;
	width:50px;
}

.review td.name {
	font-weight:bold;
	letter-spacing:1px;
	padding-left:20px;
	width:240px;
}

.review-caution {
	font-size: 10px;
	text-align: right;
	}


/* ========================================================== */
.etc-gaiyou li {
	font-size: 18px;
	}

.etc-gaiyou li a {
	width: 300px;
	display: block;
	margin: 0;
	padding: 4px 0px 4px 6px;
	color: blue;
	}

.etc-gaiyou li a:hover {
	width: 300px;
	display: block;
	margin: 0;
	padding: 4px 0px 4px 6px;
	background-color: #C8E8FF;
	color: #CC0000;
	}

/* ========================================================== */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}






    /* --> */
    </style>
    <!--[if lt IE 7]>
    <style media="screen" type="text/css">
    .col1 {
	    width:100%;
	}
    </style>
    <![endif]-->