/*
Theme Name: namihei.shop WordPress Theme
*/

/* @import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic); */
body{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

html,body { margin:0; padding:0;  }

img { vertical-align:bottom; border:0;  }
body { background-color:#FFFFFF; color:#221815; }

.inFrame { width:1024px; margin:0 auto; position:relative; }

.txtC { text-align:center; }

/* header */
header { width:100%; text-align:center; } 
header div#copytxt { background-color:#595757; line-height:36px; color:#FFF; text-align:center; }
header h1 { margin:24px; padding:0;  }

#tpImgBox { width:1024px; height:368px; margin:0 auto; padding:0; overflow:hidden; border:4px solid #999; }

#subT { font-size:160%; margin:0 0 24px 0; font-weight:bold; }
#description { font-size:80%; }

header#page { text-align:left; }
header#page h1 { position:absolute; top:36px; left:0; margin:0; padding:0; }
header#page div#hImg { text-align:right; padding-top:36px; width:100%; }
/* menu */
#menu { position:fixed; bottom:0; left:0; width:100%; height:50px; background-color:#595757; z-index:99; }

#menuLogo { float:left; width:168px; }
	#menuLogo img { margin-top:14px; }
#menu ul { margin:0; padding:0; font-size:80%; float:right; }
#menu li { list-style-type:none; float:left; border-right:1px solid #FFF; width:134px; height:50px; line-height:50px; text-align:center; }
#menu li:first-child { border-left:1px solid #FFF; }
#menu li a { display:block; width:134px; height:50px; text-decoration:none; color:#FFF; }
#menu li a:hover { background-color:#000; }


/* contents */
#contents { width:1024px; margin:0 auto; padding:24px 0;  }

/* footer */
footer { clear:both; width:100%; height:78px; padding:16px 0 50px 0; background-color:#F0EEE0;  font-size:80%; }
#ftLogo { position:absolute; top:16px; left:0; }
#ftAdr { position:absolute; top:16px; left:300px; line-height:24px;  }
#ftCopyright { padding-top:42px; text-align:right; }

/* home */
h2#home { border-bottom:1px solid #000; text-align:center; background:url('./images/hm_h2_bk.gif') no-repeat center 0; height:60px; line-height:60px; color:#FFF; font-size:18px; }
ul#homeCtg { margin:0 -28px 0 0; padding: 0 0 0 0; }
ul#homeCtg li { float:left; margin:0 28px 16px 0; padding: 0 0 0 0; list-style-type:none; position:relative; display:table; width:235px; height:235px; }
ul#homeCtg li img { position:absolute; top:0; left:0; z-index:1;}
ul#homeCtg li span {  display:none; color:#FFF; text-align:center; line-height:160%; vertical-align:middle; position:relative; z-index:10; width:235px; height:235px; padding:0;}
ul#homeCtg a:hover span { display:block; width:235px; height:140px; padding-top:95px; background-color:rgba(0,0,0,0.3);  vertical-align:middle; }
ul#homeCtg a { text-decoration:none; }

ul#btmMenu { clear:both; margin:0 -24px 0 0; padding:0; }
ul#btmMenu li { float:left; width:500px; margin:0 24px 0 0; padding:0; list-style-type:none; text-align:center; line-height:32px; }
ul#btmMenu li#Agri   { background-color:#549B35; }
ul#btmMenu li#Marine { background-color:#007AB4; }
ul#btmMenu li a { text-decoration:none; display:block; width:500px; height:32px; color:#FFF; }
ul#btmMenu li a:hover { background-color:rgba(0,0,0,0.3); }

#homeMsg { clear:both; text-align:center; padding:24px; }

/* btnInfo */
#infoBox { padding-bottom:24px; margin-bottom:24px; }
#infoBox:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

#btmInfo { border-top:1px solid #000; padding-top:24px; margin-top:24px; }

#information { clear:both; border:1px solid #000; width:490px; height:500px; margin: 0 24px 0 0; float:left; }
#information div { background-color:#595757; color:#FFF; padding:8px; text-align:center; }
#information ul { margin:0 6px; padding:0 0 14px 0; font-size:80%; }
#information li { list-style-type:none; padding:8px 4px; border-bottom:1px dotted #999; }
#information li span { display:inline-block; width:6em; }
#information li a { text-decoration:none; color:#000; display:block; }
#information li a:hover { background-color:#EEE; }


.fb-page { width:500px; float:right; }
/* カテゴリー */
h2#agri { border-bottom:1px solid #000; text-align:center; background:url('./images/agri_h2_bk.gif') no-repeat center 0; height:60px; line-height:60px; color:#FFF; font-size:18px; }
h2#marin{ border-bottom:1px solid #000; text-align:center; background:url('./images/marin_h2_bk.gif') no-repeat center 0; height:60px; line-height:60px; color:#FFF; font-size:18px; }

#page { }
#page:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
div.itemBox { clear:both; position:relative; margin-top:24px; padding:0 0 24px 0; border-bottom:1px dotted #999; }
div.itemBox:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
h3.agri { color:#549B35; position:absolute; left:524px; top:0; margin:0; padding:0; }
h3.marin { color:#549B35; position:absolute; left:524px; top:0; margin:0; padding:0; }
div.loopimg { float:left; width:500px; }
div.loopimg img { width:100%; height:auto; }
div.loopexp { margin: 0 0 0 524px; padding-top:24px; font-size:80%; line-height:160%; }

/* 商品詳細 */
div#itempage { position:relative; min-height:500px; }
div.itemimg { width:500px; position:absolute; top:0; left:0;  overflow:hidden; }
div.exp { margin:0 0 0 524px; font-size:80%; line-height:160%; }

div.agri,div.marin { clear:both; }
#page hr { clear:both; border:1px solid #FFF; }
#itempage h3 { clear:both; margin:0 0 0 524px; color:#549B35; background-color:#FFF; }
div.agri #itempage h3 { clear:both; margin:0 0 0 524px; color:#549B35; background-color:#FFF; }

#itempage .skuform  { margin: 0 0 0 524px; width:500px; }
#itempage table.skumulti {
	width:500px;
	margin-top: 0px 0px 10px 0px;
	padding: 0px;
	border: 2px solid #CCC;
	border-collapse: collapse;

font-size:80%;

}
#itempage table.skumulti th {
	margin: 0px;
	padding: 3px;
	background-color: #E6E6E6;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}
#itempage table.skumulti th.thborder {
	border-bottom: 2px solid #CCC;
}
#itempage table.skumulti td {
	margin: 0px;
	padding: 3px;
	border-right: 1px solid #D9D9D9;
	border-bottom: 2px solid #CCCCCC;
}
#itempage table.skumulti td.subborder {
	border-bottom: 1px solid #D9D9D9;
}
#itempage table.skumulti td.skudisp {
	font-weight: bold;
}


#pagination { text-align:center; margin:0; padding:0; font-size:80%; }
	#pagination li { list-style-type:none; display:inline-block; margin:0; padding:0; }
	#pagination li a { text-decoration:none; color:#FFF; background-color:#808080; display:block; padding:6px; margin-top:6px; }
	#pagination li a:hover {  background-color:#333; }

	.prev { float:left;  }
	.next { float:right; }

/* cart */
table#cart_table,table.customer_form { width:99%; margin: 0 auto; }