/*CSS Document

/*■初期設定*/

body{
	color:#333333;
	text-align:center;
	background-color: #FFC;
	background-image:url(../images/bg.gif)
	}
a{
	color:#0044cc;
	text-decoration:none;
	}
a:hover{
	color:#0044cc;
	text-decoration:underline;
	}

/*■初期設定ここまで*/



*{ margin:0; padding:0;}
img{ border:0;}
a img{ 
	border:0;
}

table,div{
	margin:auto;
	}

/*■フォントサイズ調整*/
body {
    font-size: 12px; /* モダンブラウザ */
    *font-size: 80%; /* IE 7 */
    *font: 80%; /* IE 6以下 */
	font-family:Verdana, Arial, 'ＭＳ Ｐゴシック', Osaka, "ヒラギノ角ゴ Pro W3";

}
p,th,td,li{
	font-size:12px;
	*font-size:90%;
	*font:90%;
	}


/***見出しタグ***/
h1{
	font-size:11px;
	font-weight:normal;
	border-color:#333333;
	border-width:0px 0 0 4px ;
	color:#333333;
	text-indent:10px;
	line-height:18px;
	vertical-align:top;
	padding:20px 0 0 0;
	}
h2{
	background:url(../images/bg_h2.jpg) no-repeat;
	font-size:14px;
	color:#666666;
	text-indent:10px;
	vertical-align:top;
	height:42px;
	line-height:42px;
	margin:0 0 5px 0;
	}

h3{
	height:				32px;
/*
	background:url(../images/bg_h3.gif) no-repeat;
	font-size:12px;
	color:#FF0099;
	text-indent:12px;
	vertical-align:top;
	height:32px;
	line-height:32px;
	margin:0 0 5px 0;
	font-weight:normal;
*/
}
/*--------------------------- セクション ---------------------------*/
.section{
/*	margin:0 6px 0 6px; */
	}

.section ul{
	list-style:			none;
}

.section ul li.box{
	line-height:			140%;
	margin:				0 0 12px 0;
	border:				1px solid #dddddd;
	padding:			2px;
	}

.section li.box div.product_review{
	border:				1px solid #dddddd;
	padding:			5px;
	margin:				2px;
	background-color:		#ffffaa;
}

.section li.box div.product_review div.product_image{
	float:				right;
	border:				1px solid #dddddd;
	margin:				2px;
}

.section li.box div.product_review div.review_title{
	font-weight:			bold;
	font-size:			120%;
	color:				#aa0000;
}

.section li.box div.product_review div.review_description{
	margin-top:			5px;
}

.section li.box div.product_review div.product_name{
	margin:				10px;
}

.section li.box div.product_review div.store_name{
	margin:				10px;
}


.section li.box div.good{
	background-image:		url(../images/bg_review_good.gif);
}

.section li.box div.average{
	background-image:		url(../images/bg_review_average.gif);
}

.section li.box div.notgood{
	background-image:		url(../images/bg_review_notgood.gif);
}


.section li.box div.hot_product{
	border:				1px solid #dddddd;
	padding:			5px;
	margin:				2px;
	background-image:		url(../images/bg_hot_product.gif);
	height:				85px;
}

.section li.box div.hot_product div.product_image{
	float:				right;
	border:				1px solid #dddddd;
	margin:				2px;
}

.section li.box div.hot_product div.product_name{
	margin:				10px;
}

.section li.box div.hot_product div.store_name{
	margin:				10px;
}

.section li.box div.hot_product div.category_name{
	font-weight:			bold;
	font-size:			120%;
}

/*--------------------------- レイアウト ---------------------------*/
.CNT{ text-align:center;}
.R{ text-align:right;}
.L{ text-align:left;}

/*--------------------------- 背景 ---------------------------*/
#bg{
	width:920px;
	background-color: #FFF;
	background:url(../images/bg_con.gif) repeat-y;
	margin:0 auto 0 auto;
	text-align:left;
}
/*--------------------------- ヘッダー ---------------------------*/
#header{
	background-image: url(../images/bg_header.jpg);
	background-repeat: repeat-x;
	width:918px;
	margin:0 1px 0 1px;
	}
#header p#logo{
	font-size:24px;
	font-weight:normal;
	font-family:"Courier New", Courier, mono;
	border-color:#333333;
	border-width:0px 0 0 4px ;
	color:#0099CC;
	text-indent:10px;
	line-height:24px;
	}
#header p#logo a{
	text-decoration:none;
	color:#ff0400;
	}
#header p#logo a:hover{
	text-decoration:none;
	color:#0099CC;
	}
#header_menu{
	width:900px;
	background:url(../images/bg_menu.gif) no-repeat;
	font-size:10px;
	height:44px;
/*	color:#FFFFFF;*/
	margin:0 0 0 10px;
	}
#header_menu ul{
	list-style-type:none;
	padding:1px 0 0 1px;
	}
#header_menu ul li{
	float:left;
/*	background:url(../images/bg_menu_sub.gif) right no-repeat;*/
	padding:0 10px 0 8px;
	text-align:center;
	height:36px;
	line-height:36px;
	}
#header_menu a{
	color:#333333;
	font-size:12px;
	letter-spacing:1px;
	text-decoration:none;
	height:25px;
	vertical-align:middle;
	margin:0 4px 0 4px;
	}
#header_menu a:hover{
	color:#FF0066;
	}
/*--------------------------- コンテンツ ---------------------------*/
#contents{
	clear:left;
	margin:0 10px 0 10px;
	zoom:100%;
	}
#contents:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
/*--------------------------- 左メニュー ---------------------------*/
#left_menu{
	float:				left;
	width:				180px;
	}

#left_menu p{
	}

#left_menu ul{
	width:				180px;
	list-style-type:		none;
	margin-bottom:			20px;
	padding:			0 0 1px 0;
	background:			url(../images/bg_side_menu.gif) repeat-y;
	border:				solid #dddddd;
	border-width:			1px 0 1px 0;
 	}

#left_menu ul li{
	width:				176px;
	background:			url(../images/bg_side_menu_sub.gif) no-repeat top left;
	margin:				0 2px 0 2px;
	}

#left_menu ul li.title{
	color:				#ff0400;
	font-size:			11px;
	text-indent:			5px;
	background:			url(../images/bg_li_title.gif) no-repeat top left;
}

#left_menu ul li a{
	display:			block;
	text-decoration:		none;
	vertical-align:			top;
	font-size:			12px;
	line-height:			26px;
/*	height:26px; */
	width:				174px;
	text-indent:			4px;
	font-weight:			bold;
	}

#left_menu ul.beststore li{
	text-align:			center;
	margin-top:			4px;
}

#left_menu ul.beststore li.store img{
	margin-top:			4px;
	border:				1px solid #dddddd;
}

#left_menu ul li a:hover{
	background-color:		#ffaaaa;
	color:				#ffffff;
}

#left_menu ul li a span{
	font-weight:			normal;
}
/*--------------------------- メイン ---------------------------*/
#main{
	width:520px;
/*	width:700px; */
	float:left;
	margin:0 0 0 10px;
	zoom:100%;
	}
#main:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#main p{
	line-height:2.0em;
	margin:0 0 16px 0;
	}
/*--------------------------- フッター ---------------------------*/
/*
#foot_up{
	clear:left;
	}
*/
#footer{
	border:solid #cccccc;
	border-width:1px 0 1px 0;
	color:#999999; /*コピーライトのテキストの色*/
	clear:both;
	text-align:center;
	margin:20px 0 0 0;
	font-size:11px;
	padding:6px 0 0 0;
	}
#footer p a{
	color:#999999;
	text-decoration:none;
	}
#footer p a:hover{
	color:#999999;
	text-decoration:underline;
	}

#breadcrumb{
	margin-left:			15px;
	font-weight:			bold;
	margin-bottom:			2px;
}
/*--------------------------- 右メニュー ---------------------------*/
#right_menu{
	float:				right;
	width:				180px;
	}
	
#right_menu ul{
	width:				180px;
	list-style-type:		none;
	margin-bottom:			20px;
	padding:			0 0 1px 0;
	background:			url(../images/bg_side_menu.gif) repeat-y;
	border:				solid #dddddd;
	border-width:			1px 0 1px 0;
 	}
	
#right_menu ul li{
	width:				176px;
	margin:				10px 2px 0 2px;
	text-align:			center;
	}
	
#right_menu ul li p.time_limit{
	font-size:			120%;
	font-weight:			bold;
	color:				#aa0000;
}

#right_menu ul li div img{
	border:				1px solid #dddddd;
}

/*--------------------------- トップページ ---------------------------*/
#top{
	}
	
#top div#info{
	background:url(../images/bg_info_main.gif) repeat-y;
	}
#top div#info h2{
	margin:0;
	text-indent:0;
	background:none;
	}
#top div#info div#info_inner{
	margin:0 1px 0 1px;
	overflow:auto;
	}
#top div#info div#info_inner h3{
	border-width:0;
	margin:5px 5px 0 5px;
	text-indent:0;
	background:none;
	font-size:100%;
	color:#ff0400;
	font-weight:normal;
	height:auto;
	line-height:1.0em;
	}

#top div#info div#info_inner p{
	line-height:150%;
	margin:0 5px 12px 5px;
	}
/*--------------------------- 商品ページ ---------------------------*/

#product h2{
	color:					#ff0000;
}

#product h3{
	margin-top:				15px;
}

#product div.section strong.product_name{
	font-size:				120%;
	font-weight:				bold;
	text-indent:				10px;
	line-height:				150%;
}

#product div.section div.left_part{
	margin-top:				10px;
	float:					left;
}

#product div.section p.product_image{
	border:					1px solid #dddddd;
}

#product div.section p.product_description{
	margin-top:				10px;
	margin-left:				160px;
	line-height:				140%;
	margin-bottom:				0;
}

#product div.section p.store{
	float:					left;
	margin-top:				5px;
}

#product div.section div.extra ul{
	float:					left;
}

#product div.section div.extra ul li{
/*	display:				inline;*/
	margin-top:				5px;
	list-style:				none;
}

#product div.section div.extra ul li img{
	vertical-align:				middle;
}

#product div.section div.extra ul li .points{
	font-size:				200%;
	font-weight:				bold;
	margin-left:				20px;
	color:					#aa0000;
}

#product div.section div.navigate_button{
	float:					right;
	margin:					20px 20px 0 0;
}
/*--------------------------- 商品一覧ページ ---------------------------*/
#product_list div.section ul li{
	list-style:				none;
	border:					1px solid #dddddd;
	margin-top:				5px;
	padding:				5px;
}

#product_list div.section ul li div.product_details img{
	border:					1px solid #dddddd;
	float:					left;
}

#product_list div.section ul li div.product_details div.product_name{
	margin-left:				160px;
	font-size:				120%;
}

#product_list div.section ul li div.product_details div.product_name a{
	font-weight:				bold;
}

#product_list div.section ul li div.extra_info{
	margin-top:				10px;
	margin-left:				160px;
}

#product_list div.section ul li div.extra_info ul li{
	width:					86px;
	float:					left;
	word-break:				break-all;
	word-wrap:				break-word;
	text-align:				center;
	margin-right:				5px;
	border:					none;
}

#product_list div.section ul li div.extra_info ul li img{
	border:					1px solid #dddddd;
}

#product_list div.section div.page_navi{
	text-align:				center;
	margin-top:				10px;
	font-weight:				bold;
	font-size:				110%;
}


/*--------------------------- 店舗ページ ---------------------------*/

#store h2 img.store_image{
	border:					1px solid #dddddd;
}

#store div.section div.products{
	margin-top:				10px;
}

#store div.section div.products ul li{
	width:					86px;
	float:					left;
	word-break:				break-all;
	word-wrap:				break-word;
	text-align:				center;
	border:					none;
}

#store div.section div.products ul li img{
	border:					1px solid #dddddd;
}

/*--------------------------- コピーライト ---------------------------*/
#copyright{
	float: right;
}
#copyright a{
	display: inline;
	font-size: 9px;
	text-decoration: none;
}
#copyright_box{
	width: 28px;
	height: 11px;
}
#copyright p a{
	background: url(http://pondt.com/images/logo.gif) bottom no-repeat;
	width: 28px;
	float: left;
	text-indent: -9999px;
}
*:first-child+html #copyright_box{
	float:right;
}

/*--------------------------- 追加 ---------------------------*/

#menu2 ul{
	list-style: none;
}
#menu2 li{
	float: left;
	margin: 0 2px;
}
.submenu{
	list-style: none;
	border: 1px solid #cccccc;
	background: #ffffff;
	visibility: hidden;
	position: absolute;
	right: 0px;
	z-index: 1;
}

div.viewmode_switch{
	color:				#000;
	padding:			5px;
	font-size:			12px;
	width:				250px;
	background-color:		#ff9;
	border:				1px dotted #f00;
}