@charset "utf-8";

/*------------------------------
common.css
------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}


/**
 * 84.5% for !IE, keywords for IE to preserve user font-size adjustment
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 *
 */
body {font:13px arial,helvetica,clean,sans-serif;}
table {font-size:inherit;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}



/* float解除 */
.clearfix:after{
	content:" "; 
	display:block; 
	height:0; 
	visibility:hidden; 
	clear:both; 
}
* html.clearfix{
	/*\*/height:1%;/* for WinIE*/ 
/*	display:inline-table;/* for MacIE*/
}

/* リンク */
a{text-decoration:none;}
a:hover{text-decoration:underline;}

/* 全体 */
body{
	text-align:center;
	font-family:"ＭＳ Ｐゴシック",Verdana,Osaka,sans-serif;
	background-color:#ffffff;
	color:#333333;
}

#container{
	width:865px;
	padding:0px;
	margin:0px auto;
	text-align:left;
}

/* コピーライト */
#copyright{
	padding:10px 0;
	font-size:85%;
	text-align:center;
	color:#504E49;
}
#copyright a{color:#504E49;}

/* ヘッダ */
#header{
background:#ffffff url(../../img/head.jpg) no-repeat;

	width:100%;
	margin:20px 0 0 0;
}
#header h1{
	margin-bottom:15px;
}

#logo{
}

#catchcopy, #reginum, #newcomer{
	float:right;
	width:60%;
	text-align:right;
}

#reginum{
	font-size:77%;
	margin:5px 5px 0 0;
}
#reginum .number{color:#FF3333;}
#reginum img{
	margin:0 2px 1px 5px;
	vertical-align:middle;
}
#newcomer{
	font-size:92%;
	margin:3px 5px 0 0;
}
#newcomer a img{
	vertical-align:middle;
	margin:0 5px 2px 0;
}
#newcomer a{color:#333333;}

/* フッタ*/
#footer{
	width:845px;
	background:#EEEEE7 url(../../img/bg_footer.jpg) repeat-x bottom;
	text-align:right;
	padding:5px 10px;
	margin:20px 0 30px 0;
	border-top:#E6E6DB solid 1px;
}
#footer a{color:#504E49;}
.keywrd{font-weight:bold;}


rightBOX@charset "utf-8";

/*------------------------------
検索ブロック
------------------------------*/

#searchBlock{
	padding:20px 0 14px 0;
	text-align:center;
	background:#E4E4DA url(../../img/bg_search_block_home.jpg) repeat-x;
}

#searchBlock input, #searchBlock img{
	margin:0px 0 0 5px;
	vertical-align:middle;
}
.searchbox{border:2px solid #FFB900;}


/*------------------------------
ペインブロック：
[キーワード]
------------------------------*/

#navi{
	border:#E6E6DB solid 1px;
	padding:5px;
	width:853px;
	line-height:100%;
	clear:both;
}
#navi a {
color:#333333;
}
#paneBlock h2{
	float:left;
	color:#504E49;
	font-weight:bold;
	width:15%;
	padding:3px 0 0 0;
}
#words{
	float:left;
	width:84%;
}
#paneBlock ul li{
	float:left;
	margin:0 0 5px 15px;
	text-transform:uppercase;
	white-space:nowrap;
}
#paneBlock a{
	color:#504E49;
	text-decoration:underline;
}
#viewallwords{display:none;}
/*#viewallwords{
	float:right;
	width:12%;
	text-align:right;
}*/
#paneBlock a img{
	vertical-align:middle;
	margin:0 2px 2px 0;
}
#paneBlock .panehide{height:1.7em;overflow:hidden;}
#paneBlock .paneshow{}


/*------------------------------
ペインブロック：
[ブランドリスト]
------------------------------*/

p {
	margin-bottom:5px;
}
#magazine {
	margin-bottom:10px;
}
#magazine form {
	background-color:#ECECD6;
	padding:10px;
}
#magazine caption {
	color:#504E49;
	border-bottom:1px dotted #504E49;
	margin-bottom:10px;
}

#brandBlock{
	border:#E6E6DB solid 1px;
	padding:5px 5px 15px 5px;
	width:853px;
	height:248px;
	line-height:100%;
	text-align:left;
	margin:5px 0 10px 0;
}

#brandBlock ul li{
	float:left;
	margin:5px 5px 5px 8px;
	text-transform:uppercase;
	white-space:nowrap;
}
#brandBlock a{
	color:#504E49;
	text-decoration:none;
}

#brandBlock a:hover{
	color:#504E49;
	background-color:#EFEFEF;
	text-decoration:underline;
}


#viewallwords{display:none;}
/*#viewallwords{
	float:right;
	width:12%;
	text-align:right;
}*/
#paneBlock a img{
	vertical-align:middle;
	margin:0 2px 2px 0;
}
#paneBlock .panehide{height:1.7em;overflow:hidden;}
#paneBlock .paneshow{}



/*------------------------------
アイテム ランキングロック：
------------------------------*/

#rankingBlock {
}
.leftSpace {
margin-left:27px;
}
.topRank {
	float:left;
	width:268px;
	border:1px solid #aaa;
}
.topRank h2 {
	margin:5px;
}
.topRank h2 a {
	color:#504E49;
	font-weight:bold;
}
.topRank table {
	margin:5px;
}
.topRank table td {
vertical-align:top;
}
.topRank table td.itemimg {
width:75px;
}
.topRank table img {
margin-right:5px;
}
.topRank table a {
	color:#4E4E4E;
}
.topRank span.star {
	color:#FF9213;
	margin:0 0 0 5px;
}
.topRank div.shop {
	margin:0 0 8px 0;
}
.topRank div.shop a {
	color:#999;
	font-size:80%;
}
.topRank div.rankNo {
	float:left;
	color:white;
	margin-right:5px;
	text-align:center;
	font-weight:bold;
	font-family:Verdana;
	padding:1px 4px;
}
.topRank div.rankNo1 {
	background-color:#67999A;
}
.topRank div.rankNo2 {
	background-color:#FFCC21;
}
.topRank div.rankNo3 {
	background-color:#CD6601;
}
.topRank div.rankNo4 {
	background-color:#99CD00;
}
.topRank div.rankNo5 {
	background-color:#CD6799;
}
.topRank div.rankNo6 {
	background-color:#9A9A68;
}
.topRank div.rankNo7 {
	background-color:#FF999A;
}


/*------------------------------
ペインブロック：
[キーワード]
------------------------------*/
/*メニュー下部*/
#underpaneBlock{
	border-top:#E6E6DB solid 1px;
	border-left:#E6E6DB solid 1px;
	border-right:#E6E6DB solid 1px;
	padding:5px;
	margin:20px 0 0 0;
	width:853px;
	line-height:100%;
}
#underpaneBlock h2{
	float:left;
	color:#504E49;
	font-weight:bold;
	width:15%;
	padding:3px 0 0 0;
}
#underwords{
	float:left;
	width:84%;
}
#underpaneBlock ul li{
	float:left;
	margin:0 0 5px 15px;
	text-transform:uppercase;
	white-space:nowrap;
}
#underpaneBlock a{
	color:#504E49;
	text-decoration:underline;
}
#underviewallwords{display:none;}
/*#underviewallwords{
	float:right;
	width:12%;
	text-align:right;
}*/
#underpaneBlock a img{
	vertical-align:middle;
	margin:0 2px 2px 0;
}
#underpaneBlock .underpanehide{height:1.7em;overflow:hidden;}
#underpaneBlock .underpaneshow{}

/*------------------------------
タブブロック
------------------------------*/


/* タブ全体設定 */

#tabBlock {
	padding:20px 0;
}

#tabIndex {
	margin: 0px;
	padding: 0px;
}

#tabIndex li {
	float:left;
	margin-left: 10px;
	font-weight: bold;
	cursor: pointer;
	display: block;
}
#tabIndex li a{color:#504E49;}
#tabIndex .close {}
#tabIndex .open {}

#tabBoxIndex {clear: both;}
.tabBox{width:861px;}



/* 個別設定 */

.pushTab, .lifestyleTab{
	text-align:center;
	width:9em;
}
.pushTab{
	background-color:#FFB900;
	padding:5px 20px 3px 20px;
}
#tabIndex .close .pushTab{border-bottom:#FFFFFF solid 1px;}
#tabIndex .open .pushTab{border-bottom:#FFE57F solid 1px;}
.lifestyleTab{
	background-color:#E6E6DB;
	padding:5px 20px 3px 20px;
}
#tabIndex .close .lifestyleTab{border-bottom:#FFFFFF solid 1px;}
#tabIndex .open .lifestyleTab{border-bottom:#E6E6DB solid 1px;}

.pushBox{
	background:#efefef url(../../img/bg_pushbox.jpg) repeat-x;
	border:#FFB900 solid 1px;
}


/* 中身：今欲しいモノ */

.pushproductBox{
	float:left;
	width:87px;
	padding:7px 0 8px 18px;
	text-align:center;
	font-size:77%;
}
.pushproductBox a{
	display:block;
	background:transparent url(../../img/bg_pushproduct_off.gif) no-repeat;
	text-decoration:none;
	color:#999999;
}
.pushproductBox a:hover{
	background:transparent url(../../img/bg_pushproduct_over.gif) no-repeat;
	color:#000000;
}
.pushproductBox span, .pushproductBox span{
	width:87px;
}
.pushproductBox img{margin:11px 11px 10px 11px;}


/*------------------------------
トピック
------------------------------/*
#topic{

}

/*------------------------------
パンくずナビ
------------------------------*/

#pannavi{
	text-align:right;
	padding:8px 0 5px 0;
}
#pannavi a{color:#504E49;}


/*------------------------------
結果ブロック
------------------------------*/

#resultBlock{/*個別指定(上書き)[top,research] */
	background:transparent url(../../img/bg_result.gif) repeat-y 0px 5px;
	border-bottom:#E6E6DB solid 1px;
}
#researchBlock, #shopBlock{
	width:430px;/*個別指定(上書き) */
}
.titleBlock{
	color:#FFFFFF;
	padding:5px;
}
.titleElements{
	height:1%;
}
.titleBlock h2{
	float:left;
	font-size:107%;
}
.titleBlock a, .titleBlock span{
	float:right;
	font-size:92%;
	color:#FFFFFF;
	margin:3px 0 0 0;
}
.titleBlock a img, .more a img{
	vertical-align:middle;
	margin:0 2px 0 0;
}
.arrowBlock{
	font-size:1%;
	background:transparent url(../../img/bg_result_top.gif) repeat-x;
}
.arrowBlock img{
	padding:0 0 0 9px;
}

.contentsBlock{
	padding:5px 5px 0 3px;
}

.contentsBlock img{
	padding:0 5px 0 0;
}


.more{
	padding:10px 0 20px 10px;
	/*widthを個別指定[top,research]*/
}

#resultBlockfooter{
	height:1px;
	font-size:1px;
	line-height:1px;
	vertical-align:top;
	background-color:#FFFFFF;
}

/*------------------------------
結果ブロック：商品を選ぶ
------------------------------*/

#shopBlock .titleBlock{
	background-color:#FFB900;
}

.productsBlock{
	float:left;
	width:865px;
	color:#504E49;
	text-align:center;
	background-color:#efefef;
}


.productsBlock img.product{
	margin-top:12px;
	margin-bottom:35px;
}
.productsBlock .description{
	height:4.8em;
	overflow:hidden;
	text-align:center;
	color:#666699;
}

.productsBlock a.link{
	display:block;
	color:#006600;
	text-decoration:underline;
}


/*------------------------------
絞り込みブロック
------------------------------*/

#sortBlock{
	width:830px;
	padding:5px 0 0 18px;
}
#sortBlock .title{
	float:left;
	width:110px;
	color:#504E49;
	padding:5px 0 0 5px;
}
#sortBlock .range{
	float:left;
	width:600px;
	padding:5px 0 5px 0;
	font-size:85%;
}
#sortBlock ul li{
	float:left;
	margin:0 0 5px 0;
	white-space:nowrap;
	width:200px;
}
#sortBlock .inputrange{
	width:600px;
	padding:0 0 0 5px;
}
#sortBlock .inputrange input{width:70px;}
#sortBlock .viewall{
	float:right;
	width:100px;
	text-align:left;
	padding:5px 0 0 0;
}
#sortBlock a{
	color:#504E49;
	text-decoration:underline;
}
#sortBlock input, #sortBlock img{
	vertical-align:middle;
	margin:0 2px 2px 0;
}
#sortsearchBtnBlock{
	text-align:center;
	padding:5px 0;
}


#sortBlock .panehide{height:1.35em;overflow:hidden;}
#sortBlock .paneshow{}


#categoryBox_odd, #merchantBox_odd, #priceBox_odd, #mallBox_odd
{width:830px;background-color:#F3F5F7;}
#categoryBox_even, #merchantBox_even, #priceBox_even, #mallBox_even
{width:830px;background-color:#FFFFFF;}


/*------------------------------
表示方法ナビ
------------------------------*/

.viewNaviBlock{
	width:830px;
	padding:20px 0 0 18px;
}
.viewNavi{
	float:left;
	width:520px;
	color:#6B80A9;
}
.viewNavi a{
	color:#6B80A9;
	text-decoration:underline;
}
.sortNavi{
	float:right;
	width:400px;
	text-align:right;
	color:#504E49;
}
.sortNavi a{
	color:#504E49;
	text-decoration:underline;
}
.viewNaviBlock span{
	margin:0 2px;
}

.viewNaviBlock img{
	vertical-align:middle;
	margin:0 2px 2px 0;
}


.viewNavi .stars{
	font-size:90%;
	color:#F7941D;
}

#viewNavi .prices {
	font-size:70%;
}
/*------------------------------
ページナビ
------------------------------*/

.pageNavi{
	text-align:right;
	padding:5px 10px 5px 0;
}
#shopBlock .pageNavi{width:855px;}

.pageNavi a{
	color:#504E49;
	margin:0 0 0 5px;
	text-decoration:underline;
}
.pageNavi div{
	float:right;
	padding:0 0 5px 0;
}
.pageNavi div a,
.pageNavi div .current{
	display:block;
	float:left;
	width:1.5em;
	height:1.5em;
	margin:0 0 0 5px;
	text-align:center;
	border:#CCCCCC solid 1px;
	text-decoration:none;
}
#researchBlock .pageNavi div a,
#researchBlock .pageNavi div .current{border-color:#FFB900;}
#shopBlock .pageNavi div a,
#shopBlock .pageNavi div .current{border-color:#FFB900;}

.pageNavi div a:hover,
.pageNavi div .current{
	color:#FFFFFF;
	text-decoration:none;
}
#researchBlock .pageNavi div a:hover,
#researchBlock .pageNavi div .current{background-color:#FFB900;}
#shopBlock .pageNavi div a:hover,
#shopBlock .pageNavi div .current{background-color:#FFB900;}

.pageNavi div a.button{
	width:13px;
	height:16px;
	border:#FFFFFF solid 1px;
}
#researchBlock .pageNavi div a.button,
#shopBlock .pageNavi div a.button{border-color:#FFFFFF;}

.pageNavi div a.button{background-color:#FFFFFF;}
#researchBlock .pageNavi div a.button:hover,
#shopBlock .pageNavi div a.button:hover{background-color:#FFFFFF;}

.pageNavi div img, .pageNavi div a img{
	vertical-align:middle;
	margin:3px 0 0 0;
	float:left;
}
html>body .pageNavi div a.button img{margin:0;}


/*-------------------------------
ブランド紹介
--------------------------------*/
#mainarea {
	float:none;
	width:860px;
}

#mainarea h1 {
	background: url(../img/title_bg_orange.gif) ;
	background-repeat:repeat-x;
	height:24px;
	margin:0 0 0 3px;
	padding:2px 0 10px 5px;
	color:#504E49;
	font-size:130%;
	font-weight:bold

}

#mainarea h1 a {
	color:red;
	text-decoration:none;
}

#mainarea h1 img{
	margin:0 5px 0 0;
	vertical-align:middle;
}

.brandDescr {
	padding:0 0 5px 10px;
	text-align:none;
	line-height:120%
}

.brandItemshead {
	width:840px;
	margin:5px auto 0 10px;
	background:#fff url(../img/guides.back.01.png) no-repeat bottom left;
	height:5px;
	line-height:0;
	font-size:0;
}

.brandItems {
	width:840px;
	margin:0 auto;
	height:210px;
	background-color:#ECECD6;
}


.brandItems div.leftBOX {
	width: 300px;
	float:left;
	margin-left:20px;
	padding:8px 0 0 10px;
}

.brandItems div.leftBOX img{
	vertical-align:middle;
}


.brandItems div.rightBOX {
	width: 300px;
	float:right;
	padding-top:8px;
}

.brandItems div.rightBOX img{
	vertical-align:middle;
}


.brandItemstale {
	width:840px;
	margin:0 0 0 10px;
	background:#fff url(../img/guides.back.02.png) no-repeat top left;
	height:5px;
	line-height:0;
	font-size:0;
}

#leftarea {
	float:left;
	width:175px;
}
#mainarea {
	float:right;
	width:620px;
}
.clear {
	clear:both;
}

#mainarea h2 {
	background:#FFB900;
	padding:1px 8px 0 8px;
	height:22px;
	margin:10px 0;
	font-size:110%;
	color:#ffffff;
	font-weight:bold
}

#mainarea h2 span.titleLeft {
	float:left;
	margin:3px 0 0 0;
	color:#504E49;
	font-size:100%
}

#mainarea h2 span.titleRight {
	float:right;
	margin-top:40px;
	text-decoration:none;
	font-size:70%
}

#mainarea h2 span.titleRight a{
	color:#6B80A9;
	text-decoration:none;
}

#mainarea h2 img{
	margin:0 2px 0 0;
	vertical-align:middle;
}


.moreButton {
	margin:5px 20px 0 0;
	text-align:right;
}


/*------------------------------
結果ブロック：アイテムランキング
------------------------------*/

#shopBlock2{width:860px;}
#shopBlock2 .titleBlock{background-color:#FFB900;}

.productsBlock2{
	float:left;
	color:#504E49;
	text-align:center;
	margin:20px 8px 0px 10px;

}
.productsBlock2 .imgBox{
	float:left;
	width:124px;
	height:124px;
	text-align:center;

}
.productsBlock2 .imgBox img{margin:15px 10px 0 5px;}


.productsBlock2 .txtBox{
	width:360px;
	float:left;
	margin:-5px 0 0 0;
	padding:0 0 3px 10px;
	color:#504E49;
}
.productsBlock2 .title{
	font-size:107%;
	font-weight:bold;
	padding:5px 0;
}
.productsBlock2 .description{
	font-size:92%;
	line-height:1.5em;
	border:#E6E6DB solid 1px;
	background-color:#F7F7F4;
	text-align:left;
	padding:5px;
	height:85px
}

.productsBlock2 .rightBOX {
	width: 300px;
	float:right;
	padding-top:-50px;

}
.productsBlock2 .rightBOX p{
	margin:0;
}
.productsBlock2 .rightBOX img{
	vertical-align:middle;
}

.productsBlock2 .stars{
	font-size:90%;
	color:#F7941D;
}

.productsBlock2 span.ranking{
	float:left;
	background-color:#FF7F00;
	padding:0 5px;
	color:white;
}


a.button{
	display:block;
	width:115px;
	height:25px;
	overflow:hidden;
	margin:0 0 5px 0;
}
a.compare{background:transparent url(../../img/btn_compare.gif) no-repeat 0px 0px;}
a.compare:hover{background:transparent url(../../img/btn_compare.gif) no-repeat 0px -25px;}
a.similar{background:transparent url(../../img/btn_similar.gif) no-repeat 0px 0px;}
a.similar:hover{background:transparent url(../../img/btn_similar.gif) no-repeat 0px -25px;}
a.detail{background:transparent url(../../img/btn_detail.gif) no-repeat 0px 0px;}
a.detail:hover{background:transparent url(../../img/btn_detail.gif) no-repeat 0px -25px;}

a.button span{display:none;}

.productsBlock a.link{
	color:#006600;
	text-decoration:underline;
}


/* 仕切り点線 */
hr {
	width:853px;
	height:1px;
	border-top:#E6E6DB dotted 1px;
	border-left:none;
	border-right:none;
	border-bottom:none;
	margin:0 0 0 5px;
}


/* 結果ブロック：商品を選ぶ */

#shopBlock{width:865px;}
.productsBlock{
	float:left;
	width:140px;
	height:220px;
	text-align:center;
	margin:10px 10px 10px 10px;
	padding:0 4px 0 2px;
}

.productscontents{
	position:relative;
	z-index:9;
	width:124px;
	padding:10px;
}

.single{
	width:124px;
	height:124px;
	overflow:hidden;
background:transparent url(../img/bg_shop_single_m.gif) no-repeat 0px 0px;
}

.productscontents div.images{
	width:100px;
	height:100px;
	overflow:hidden;
}


/* 表示操作ブロック */
#viewChangeBlock{
	background-color:#ECECD6;
	
	padding:5px;
}
#viewChangeBlock select,
#viewChangeBlock input{
	vertical-align:middle;
	margin:0 10px 0 3px;
}
#viewChangeBlock img{
	vertical-align:middle;
	margin:1px 2px 0 0;
}

/* ヘッダブロック from common.css */
/* ヘッダ */
#newcomer{width:269px;}
#newcomer{margin:48px 5px 0 0;}



/*------------------------------
お問い合わせ
------------------------------*/

p.contactMes {
margin:0 auto;
width:400px;
color:#FFaa55;
}
table.contact {
width:400px;
margin:0 auto;
}
table.contact tr.bottomborder {
border-bottom:1px dashed #ddd;
}
table.contact td, table.contact th {
padding:15px 0 5px 0;
}
table.contact input.infoForm {
width:200px;
}
table.contact textarea#ContactContent {
width:400px;
}
.error_message {
color:red;
}

/*------------------------------
スポンサーサイト
------------------------------*/

.favoriteBlock{
	text-align:left;
 	width:860px;
}
.favoriteBlock div{
	color:#504E49;
	margin:20px 0 10px 0px;
	padding:5px;
	border:#999999 solid 1px;
}
#researchBlock .favoriteBlock div{
	margin:5px 0 10px 30px;
	border:none;
	padding:0;
}
.favoriteBlock ul{
	list-style:none;
	margin:0 0 0 8px;
	height:105px
}
.favoriteBlock ul li{
	padding:0 20px 0 0;
	float:left;
}
.favoriteBlock ul li a{
	color:#999999;
	font-size:80%;
}


/* map */
.gmapBOX {
	width:260px;
	height:300px;
	margin:10px 0 10px 20px;
	font-size:80%;
	float:left
}

.Gmap {
	width: 250px;
	height: 250px;
	border:1px solid #777;
	margin-top:3px
}




/* フッタ from common.css */
#footer{
	width:845px;
	background:#EEEEE7 url(../../img/bg_footer.jpg) repeat-x bottom;
	text-align:right;
	padding:5px 10px;
	margin:0 0 30px 0;
	border-top:#E6E6DB solid 1px;
}
#footer a{color:#504E49;}

/* procomment */
.procomment{

	font-size:9px;
	color:#666666;
}

.procomment a{
	color:#000666;
	text-decoration: none;
}