@charset "utf-8";

/*
--------------------------------------------------------------------------------------------------------------
--------------------------------------------------GLOBAL RESET------------------------------------------------
--------------------------------------------------------------------------------------------------------------
*/

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,tbody,th,td{margin:0em;padding:0em;}
	/*body{font-size:62.5%;font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}*/
	body{font-size:62.5%;font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
	table{border-collapse:collapse;border-spacing:0em;}
	fieldset,img,abbr{border:0em;}
	address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{font-style:normal;font-weight:normal;}
	caption,th{text-align:left;}
	ul{list-style:none;}
	img{vertical-align:bottom; border:none;}



/*------------------------------------------h1h6------------------------------------------*/


	h2 {
		font-size : 1px  ;
		margin    : 0    ;
		padding   : 12px ;
		border-bottom : 1px solid #b6a37d ;
	}
	
	h3 {
		font-size      : 1.6em   ;
		letter-spacing : 0.2em   ;
		margin         : 0       ;
		padding        : 0 0 15px 0 ;
		font-weight    : bold    ;
		color          : #a76a3e ;
	}
	
	h4 {
		font-size : 1.2em ;
		margin    : 0   ;
		padding   : 0   ;
	}
	
	

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


	a:link    { color: #7b715b ; }
	a:visited { color: #7b715b ; }
	a:hover   { color: #b5944d ; text-decoration : none ; }
	a:active  { color: #b5944d ; text-decoration : none ; }
	
	br.clear {
		clear : both ;
	}
	
	.clearfix:after {
	  content: ".";  /* 新しい要素を作る */
	  display: block;  /* ブロックレベル要素に */
	  clear: both;
	  height: 0;
	  visibility: hidden;
	}
	
	.clearfix {
	  min-height: 1px;
	}
	
	* html .clearfix {
	  height: 1px;
	  /*?*//*/
	  height: auto;
	  overflow: hidden;
	  /**/
	}
	

	* {
		margin  : 0 ;
		padding : 0 ;
	}

	html {
		height : 100% ;
	}
	
	body {
		height : 100% ;
		background       : url(../img/bg_body.jpg) repeat-x ;
		background-color : #faf4e8                        ;
		color            : #555                           ;
		text-align       : center                         ;
	}
	

	#wrapper {
		width      : 800px         ;
		min-height : 100%          ;
		height     : auto !important;
		height     : 100%          ;  
		margin     : 0 auto -150px ;
		padding    : 0px           ;
	}
	
	
	.push {
		height : 150px ;
	}
	
	p {
		color        : #444       ;
		line-height  : 140%       ;
	}
	
	
/*----------------------------------------Navigation----------------------------------------*/
	
	#naviWrapper {
		padding : 30px 0;
	}
	
	#navi {}
	
		#navi li {
			width   : 158px  ;
			height  : 135px  ;
			margin  : 0 1px  ;
			float   : left   ;
			display : inline ;
		}
	

/*----------------------------------------contentsBase----------------------------------------*/

#contentsWrapper {
	padding : 20px 0 0 0 ;
}



#leftContents {
	width   : 240px  ;
	float   : left   ;
	display : inline ;
}

	.bannerArea {margin-bottom : 10px ;}
	
	
	
	#latestColumnWrapper {
		width      : 230px ;
		text-align : left  ;
		border     : 5px solid #ecd7ad ;
		background : #ffffff ;
	}
	
	
		#latestColumnList {
			font-size : 1.2em ;
		}
		
		#latestColumnList li {
			line-height   : 1.4em ;
			padding       : 8px 5px 8px 23px ;
			border-bottom : 1px dotted #b9b2a4 ;
			background    : url(../img/icon_list.png) no-repeat 8px 12px;
		}

	.floatItem {
		width   : 123px ;
		height  : 180px ;
		margin  : 0 6px 12px 5px   ;
		>margin : 0 5px 12px 5px   ;
		float   : left   ;
		display : inline ;
	}
	
	.floatItem .fi_thumb img {
		width   : 115px ;
		height  : 115px ;
	}
	
			.floatItem .fi_thumb a {
				width   : 115px ;
				height  : 115px ;
				padding : 5px ;
				background : #4f4020 ;
				display    : block   ;
			}
			
			.floatItem .fi_thumb a:hover {
				background : #b08b3b ;
			}
	
	.prText {
		font-size   : 1.2em ;
		padding-top : 5px   ;
	}

		


#rightContents {
	width   : 540px  ;
	float   : right  ;
	display : inline ;
}


	#rank_first {
		width      : 520px ;
		height     : 120px ;
		margin     : 0 0 15px 0 ;
		padding    : 10px  ;
		text-align : left  ;
		background : url(../img/bg_rank_1st.png) no-repeat ;
	}
	
		.rankImg_first {
			width   : 120px  ;
			height  : 120px  ;
			float   : left   ;
			display : inline ;
		}
		
			.rankImg_first img {
				width   : 110px  ;
				height  : 110px  ;
			}
			
			.rankImg_first a {
				width   : 110px ;
				height  : 110px ;
				padding : 5px ;
				background : #4f4020 ;
				display    : block   ;
			}
			
			.rankImg_first a:hover {
				background : #b08b3b ;
			}
			
		.rankData_first {
			width   : 300px  ;
			margin  : 0 0 0 15px ;
			float   : left ;
			display : inline ;
		}
		
		.rankTitle {
			padding  : 8px 0 ;
			font-size : 1.6em ;
			font-weight:bold;
		}
		
			.rankColor {
				color : #e07127 ;
			}
			
		.rankText {
			font-size   : 1.2em ;
			line-height : 160%  ;
		}
		

	#rank_second , #rank_third , #rank_fourth , #rank_fifth {
		width      : 240px  ;
		height     : 80px   ;
		margin     : 0 0 15px 0 ;
		padding    : 10px   ;
		text-align : left   ;
	}
	
	#rank_second , #rank_fourth {
		float      : left   ;
		display    : inline ;
	}
	
	#rank_third , #rank_fifth {
		float      : right  ;
		display    : inline ;
	}

	#rank_second {background : url(../img/bg_rank_2nd.png) no-repeat ;}	
	#rank_third  {background : url(../img/bg_rank_3rd.png) no-repeat ;}	
	#rank_fourth {background : url(../img/bg_rank_4th.png) no-repeat ;}	
	#rank_fifth  {background : url(../img/bg_rank_5th.png) no-repeat ;}

	
		.rankImg {
			width   : 80px   ;
			height  : 80px   ;
			float   : left   ;
			display : inline ;
		}
		
			.rankImg img {
				width   : 70px   ;
				height  : 70px   ;
			}
			
			.rankImg a {
				width      : 70px    ;
				height     : 70px    ;
				padding    : 5px     ;
				background : #4f4020 ;
				display    : block   ;
			}
			
			.rankImg a:hover {
				background : #b08b3b ;
			}
			
		.rankData {
			width   : 150px      ;
			margin  : 0 0 0 10px ;
			font-size : 1.4em ;
			font-weight:bold;
			float   : left       ;
			display : inline     ;
		}
		
		.rankNum {
			color   : #e07127 ;
			padding : 4px 0 0 0 ;
		}
		
		.rankItemName {
			padding : 0 0 5px 0 ;
		}
		
		.rankData .rankText {
			font-size   : 80% ;
			font-weight : normal;
			line-height : 120% ;
		}

		
		
#columnWrapper {
	width      : 490px ;
	text-align : left  ;
	padding    : 20px  ;
	border     : 5px solid #ecd7ad ;
	background : url(../img/bg_column.png) no-repeat right top ;
	background-color : #ffffff;
}


.columnText {
	width       : 420px !important;
	font-size   : 1.4em !important;
	line-height : 160%  !important;
}


/*-------------------------------------------header-------------------------------------------*/
	
#header {
	width   : 800px ;
	height  : 120px ;
	margin  : 0 auto ;
	padding : 0 ;
	text-align:left;
}


p#title {
	width     : 300px ;
	height    : 120px ;
	margin    : 0 ;
	padding   : 0 ;
	font-size : 0 ;
	float     : left   ;
	display   : inline ;
}


h1 {
	width     : 480px ;
	font-size : 1.2em ;
	color     : #444 ;
	margin    : 50px 0 0 0 ;
	padding   : 0 0 0 0 ;
	float     : right  ;
	display   : inline ;
}
	
	



/*-------------------------------------------footer-------------------------------------------*/

	
	#footer {
		height      : 150px             ;
		color       : #7b715b           ;
		line-height : 1                 ;
		margin-top  : 30px              ;
		text-align  : center            ;
		border-top  : 3px solid #d7c8a4 ;
		background  : #fff              ;
	}
	
		#footerNav {
			margin : 20px 0 ;
		}
		
			#footerNav li {
				padding     : 2px 20px ;
				display     : inline;
				border-left : 1px solid #7b715b ;
			}
			
			#footerNav li.fst {
				border-left : none ;
			}
		
		.copyright {
			padding     : 5px 0 0 0 ;
		}
	









/*-------------------------------------------itemDetail-------------------------------------------*/

	#categoryListWrapper {
		width      : 230px ;
		text-align : left  ;
		margin-bottom:10px;
		border     : 5px solid #ecd7ad ;
		background : #ffffff ;
	}
	
		.categoryList {
			padding : 10px ;
			border-bottom:1px dotted #b9b2a4;
		}
		
		.categoryList_last {
			padding : 10px ;
			border  : none ;
		}
	
	
		.cateImg {
			width   : 80px   ;
			height  : 80px   ;
			float   : left   ;
			display : inline ;
		}
		
			.cateImg img {
				width   : 70px   ;
				height  : 70px   ;
			}
			
			.cateImg a {
				width      : 70px    ;
				height     : 70px    ;
				padding    : 5px     ;
				background : #4f4020 ;
				display    : block   ;
			}
			
			.cateImg a:hover {
				background : #b08b3b ;
			}
			
		.cateData {
			width : 120px ;
			font-size:1.2em;
			float:right;
			display:inline;
		}
		
		.cateRankNum {
			color     :#b08b3b;
			font-weight:bold;
			padding : 3px 0 0 0 ;
		}
	
		.cateItemName {
			font-weight:bold;
			padding : 3px 0 5px 0 ;
		}



	#iDetail_main {
		margin     : 0 0 20px 0 ;
		text-align : left       ;
	}
	
		.iDetail_img {
			width   : 250px  ;
			height  : 250px  ;
			float   : left   ;
			margin  : 0 20px 10px 0 ;
		}
		
			.iDetail_img img {
				width   : 230px  ;
				height  : 230px  ;
				padding    : 10px    ;
				background : #4f4020 ;
			}

			
				
			h2#idmd_itemName {
				font-size   : 1.6em      ;
				margin      : 0 0 12px 0 ;
				padding     : 10px 0 0 0 ;
				font-weight : bold       ;
				border      : none       ;
				color       : #a37c27    ;
			}
			
			p#idmd_catchCopy {
				margin      : 0 0 12px 0 ;
			}
	
			div#idmd_text {
				font-size   : 1.2em ;
				line-height : 160%  ;
			}
	
	
	#iDetail_space {
		margin : 0 auto 20px auto ;
	}

	#iDetail_data {
		width      : 490px             ;
		text-align : left              ;
		margin     : 0 0 20px 0        ;
		padding    : 20px              ;
		border     : 5px solid #ecd7ad ;
		font-size  : 1.2em             ;
	}
	
		dl#iDetail_dataList {
			line-height : 1.4em ;
		}
		
			dl#iDetail_dataList dt {
				float:left;
				clear:both;
				width:90px;
				font-weight:bold;
				color:#4b3f26;
				margin-right:15px;
				margin-bottom:15px;
				border-bottom:0;
				border-right:3px solid #b5944d ;
			}
			
				dl#iDetail_dataList > dd {
					float:left;
					width:380px;
				}
			
				*+html dl#iDetail_dataList > dd {
					float:none;
				}
		
		
	



/*-------------------------------------------comment-------------------------------------------*/


div#comments {
	text-align : left ;
}

h4.commentHead {
	color       : #fff    ;
	font-size   : 1.2em   ;
	font-weight : bold    ;
	width       : 520px   ;
	margin      : 15px 0  ;
	padding     : 10px    ;
	background  : #4b3f26 ;
}


div.commentWrapper {
	border-bottom : 1px dotted #999999 ;
	margin  : 0 0 10px 0 ;
	padding : 0 0 10px 0 ;
}

div.commentData {
	width   : 110px  ;
	margin  : 0      ;
	float   : left   ;
	display : inline ;
}

div.commentBody {
	width   : 410px  ;
	padding : 0 0 0 10px ;
	font-size : 1.2em ;
	float   : right  ;
	display : inline ;
	border-left : 3px solid #b5944d ;
}


p.authorName {
	font-size   : 1.2em ;
	font-weight : bold  ;
	margin-bottom : 15px ;
}



div#comments-open-data {
	font-size : 1.2em ;
}

	div#comment-form-name , div#comment-form-email , div#comment-form-url , div#comment-form-remember-me {
		margin  : 0 0 20px 0 ;
	}
	
	div#comment-form-name label , div#comment-form-email label , div#comment-form-url label {
		width   : 65px  ;
		display : block ;
	}
	
	
	input#comment-author , input#comment-email , input#comment-url {
		width : 240px ;
	}
	

div#comments-open-text {
	font-size : 1.2em ;
}

textarea#comment-text {
	width  : 100% ;
	margin : 0 0 15px 0 ;
}





h4#c_compTitle {
	font-size : 1.6em ;
	color     : #6f5d39 ;
	font-weight:bold;
	margin-bottom : 10px  ;
}


p#c_error {
	color       : #f00 ;
	font-size   : 1.2em ;
	margin-top  : 2px  ;
	font-weight : bold  ;
}

p#c_back {
	font-size  : 1.2em ;
	margin-top : 10px ;
}










/*-----------------pagenate-----------------*/

.content-nav {
	width      : 510px ;
	text-align : left  ;
	margin     : 0 0 20px 0 ;
	padding    : 10px  ;
	font-size  : 1.2em ;
	text-align : center;
	border     : 5px solid #ecd7ad ;
	background : #ffffff ;
}












/*-----------------shopList-----------------*/

	#shopListWrapper {
		width      : 230px ;
		text-align : left  ;
		margin-bottom:10px;
		border     : 5px solid #ecd7ad ;
		background : #ffffff ;
	}
	
		.shopList {
			padding : 10px ;
			border-bottom:1px dotted #b9b2a4;
		}
		
		.shopImg {
			width   : 80px   ;
			height  : 80px   ;
			float   : left   ;
			display : inline ;
		}
		
			.shopImg img {
				max-width  : 70px ;
				max-height : 70px ;
			}
			
			/* hide from Mac IE \*/
			* .shopImg img {
				width  : 70px ;
				height : 70px ;
			}
			/* */
			
			.shopImg a {
				max-width  : 70px    ;
				max-height : 70px    ;
				padding    : 5px     ;
				background : #4f4020 ;
				display    : block   ;
			}
			
			/* hide from Mac IE \*/
			* .shopImg a {
				width  : 70px ;
				height : 70px ;
			}
			/* */
			
			.shopImg a:hover {
				background : #b08b3b ;
			}
			
		.shopData {
			width     : 120px  ;
			font-size : 1.2em  ;
			float     : right  ;
			display   : inline ;
		}
	
		.shopName {
		}
		
		.shopItemPrice {
			padding : 1px 0 5px 0 ;
			line-height:1;
			color       : #f00  ;
			font-size   : 2.4em ;
			font-weight : bold  ;
		}
		
		
		
		
/*-----------------rankList-----------------*/
		
div.rankListWrapper {
	width : 150px ;
	float:left;
	display:inline;
	text-align:left;
	border     : 3px solid #ecd7ad ;
	background : #ffffff ;
}
		
div#rl_imo , div#rl_mugi , div#rl_kome , div#rl_kokuto {
	margin-right : 5px ;
}


		ul.rankList {
			font-size : 1.2em ;
		}
		
		ul.rankList li {
			line-height   : 1.4em ;
			padding       : 8px 5px ;
			border-bottom : 1px dotted #b9b2a4 ;
		}
		
		ul.rankList li strong {
			width : 40px ;
			color :#b08b3b;
			text-align : center ;
			display:block;
			float:left;
		}