/*
Theme Name: 商品紹介：乗馬服ブランドPikeurピカー指定日本唯一の総代理店 セイコー貿易｜日本正規代理店
Theme URI: 
Author:  
Author URI: 
Description: 
Version: 1.0
License: 
License 
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/



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

テンプレート

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

body {
	background: #000;
}

#wrapper ,
#page ,
#header ,
.site-description   {
	width: 100%;
	margin: 0 auto;
}

.site-description span ,
#header .inner ,
#main ,
#content ,
#pagetop ,
#footer  .inner,
#page-bread  {
	width: 630px;
	margin: 0 auto;
}

#main-wrap ,
#footer {
	width: 750px;
	margin: 0 auto;
}

#main-wrap {
	background: #FFF;
}

#main {
	padding: 20px 0;
}

#page-bread {
	margin-bottom: 10px;
}



/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

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

タイトル

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

#content h1 ,
#content h2 ,
#content h3 ,
#content h4 ,
#content h5 ,
#content h6 {
	margin-bottom: 20px;
	font-weight: bold;
}


#content h1  {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	border-bottom: 2px solid #002439;
	padding: 0 0 0 20px;
	font-size: 20px;
	margin-bottom: 15px;
	line-height: 150%;
	padding-left: 0;
}



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

コンテンツ

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



/* =Content
----------------------------------------------- */

.breadcrumbs {
	margin-bottom: 20px;
	text-align:left;
}

/*.breadcrumbs a:link ,
.breadcrumbs a:hover ,
.breadcrumbs a:active ,
.breadcrumbs a:visited {
	color: #666;
}
*/



/* =商品紹介
----------------------------------------------- */

.box-item-title {
	width: 315px;
	height: 330px;
	float: left;
	text-align: center !important;
}

.category-new-collection .box-item-title {
	height: 480px;
}

.box-item-title .inner {
	width: 300px;
	margin: 0 auto !important;
}

#content .box-item-title h2 {
	margin: 0 0 10px;
	font-size: 16px;
	line-height: 150%;
	padding-left: 0;
	border: none;
}

#content .box-item-title h2 a:link ,
#content .box-item-title h2 a:hover ,
#content .box-item-title h2 a:active ,
#content .box-item-title h2 a:visited  {
	font-size: 18px;
	color: #333;
}

.box-item-title .image ,
.box-item-title .text {
}

.box-item-title .image {
	width: 300px;
}

.box-item-title .text {
	width: 300px;
}

#content .box-item-title .text ul {
	margin: 10px 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #CCC;
}

#content .box-item-title .text li {
	border-top: 1px solid #CCC;
	padding: 3px 0;
}

.box-item-title .text a:link , 
.box-item-title .text a:hover ,
.box-item-title .text a:active ,
.box-item-title .text a:visited{
	color: #666;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.box-item-title .text a:hover{
	color: #000;
}


.box-item-title .image img {
	width: 250px !important;
	height: 250px !important;
	-ms-interpolation-mode: bicubic;
	}




/* =商品一覧
----------------------------------------------- */
/*
*/
.top {
	width: 628px;
	margin: 0 auto;
}

.item-box {
	width: 157px;
	height: 200px;
	float: left;
}

.item-box .image {
	padding-bottom: 0;
	margin-bottom: 0;
	text-align: center;
	line-height: 1;
}

.item-box .image img {
	width: 120px !important;
	height: 120px !important;
	-ms-interpolation-mode: bicubic;
	}
	
.item-box .text {
	padding: 10px 20px;
}


#content .item-box .text p {
	margin-bottom: 5px;
	padding: 0;
	line-height: 130%;
	word-break: break-all;
}


/* =商品詳細ページ
----------------------------------------------- */


.item-page .main {
	margin-bottom: 20px;
}

.item-page .image {
	width: 100%;
	text-align: center;
}

.item-page .image.images {
	width: 530px;
	float: left;
	text-align: left;
}


.item-page .imgonmouse {
	width: 90px;
	float: right;
}

.item-page .text {
	text-align: left;
	font-size: 14px;
}

.item-page .text .inner {
	padding-bottom: 5px;
}

#content .item-page h2 {
	font-size: 18px;
	border: none;
	padding: 0;
	margin: 0 0 10px;
	letter-spacing: 0.3px;
	line-height:130%;
}

#content .item-page h3 {
	background: none;
	border: 0;
	margin: 0 0 15px;
	padding: 0;
	font-size: 16px;
	letter-spacing: 0.3px;
}

#content .item-page .info {
}

/*#content .item-page h3 span {
	padding-right: 1em;
}
*/

#content .item-page table.item-info {
	margin-bottom: 5px;
}
#content .item-page table.item-info th ,
#content .item-page table.item-info td {
	vertical-align: top;
}

#content .item-page table.item-info p {
	font-size: 14px;
	font-weight: normal;
	background: none;
	border: 0;
	margin: 0 0 5px;
	padding: 0;
	word-break: break-all;
	line-height: 130%;
}

#content .item-page table.item-info p.title {
	letter-spacing: 0.3px;
	padding-right: 5px;
}

#content table.item-info .td-clr {
	padding-right: 2em !important;
}


#content table.item-info th {
	color: #333;
	text-transform: none;
	letter-spacing:normal;
}

#content .imgonmouse {
}
#content .imgonmouse img {
    width:80px; 
    height:80px; 
	-ms-interpolation-mode: bicubic;
}
#content .imgonmouse ul {
  padding: 0;
  margin: 0 0 0 2px;
  list-style: none;
}

#content .imgonmouse ul li {
    float:left; 
    margin-bottom:.5em; 
    margin-right:10px; 
    padding:2px; 
    border:1px solid #DDD;
} 
#content .imgonmouse ul li a{ 
    display:block; 
    float:left; 
    width:80px; 
    height:80px; 
    line-height:80px; 
    overflow:hidden; 
    position:relative; 
    z-index:1; 
} 
#content .imgonmouse ul li a img{ 
} 

#content .imgonmouse ul li:hover{
	border-color: #F60;
} 


/* collection- */



.ContBox2{
	width:630px;
	margin:0 12px 20px 0;
	float:none
}

.ContBox2 ul{
margin:0; padding:0}

.ContBox2 li {
	list-style: none;
	float:left;
	text-align:center;
	font-size:10px;
	color: #666;
	line-height:10px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	margin:0 0 5px 0;
}

.ContBox2 ul.dz li{
	height:150px;
}

.ContBox2 img{
	padding:1px;
	height:76px;
	width:76px;
	border:1px solid #989898;
	margin:0 8px 3px 0;
}

.ContBox2 .on ,
.ContBox2 .current-cat{
	padding:0;
	height:76px;
	width:76px;
	border:2px solid #000;
	margin-right:8px;
}

.ContBox2  a:hover img{
	padding:0;
	height:76px;
	width:76px;
	border:2px solid #000;
	margin-right:8px;
}

.ContBox2  a{ font-size:10px; margin:0; padding:0; color:#666; text-decoration:none; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace}

.ContBox2  a:hover {
	color: #CCC;
}



.collection_menu {
	margin:0;
	padding: 0 0 20px;
	height: 20px;
}

.collection_menu li{
	float: left;
	height: 20px;
	
}

.collection_menu a {
	margin:0 2px 0px 2px;
	padding:0px 5px 0px 5px;
	background:#999;
	color:#fff;
	text-decoration:none;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	float:left
}

.collection_menu a:hover ,
.collection_menu .current-cat a ,
.collection_menu .current-cat a:hover{
	background:#000;
	color:#fff;
}


/* Images */

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 1px solid #ddd;
	padding: 6px;
}
.wp-caption img {
	border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}