@charset "utf-8";
/*
Theme Name: poc
Theme URI: 
Description: 
Author: six corp.
Version: 0.1
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
.one-column #content {
	margin: 0 auto;
	width: 640px;
}


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

/*
 * page-index *
  home
*/

/* ========== common ========== */
/* reset */
*{margin:0;padding:0;}
a{text-decoration:none;}
address{font-style:normal;}
ul{list-style:none;clear:both;}
li{list-style-position:outside;}
body{font-size:12px;line-height:160%;}
/* fixed */
div{zoom:1;}
.clearfix::after{color:transparent;content:" ";display:block;clear:both;height:0;}
/* structure */
body{text-align:center;height:100%;}
#header{height:120px;position:relative;}
#wrap{width:802px;margin:0 auto;}
#cnt{posigion:relative;}
#side{width:195px;float:left;position:relative;}
#main{width:605px;float:left;position:relative;}
/* theme */
::selection{
  background:#EA801F;
  color:#ffffff;
  text-shadow:none;
}
a{color:#F07800;}
body{
  color:#808080;
  font-family:Helvetica,"Trebuchet MS",Arial,Sans-Serif;
  font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
  background-color:#fff;
  font-size:12px;
  line-height:1.94;
		padding-bottom: 60px;
}
/* common */
#vis {
  display:none;
  border:1px solid #eee;
}


#wrap{
  text-align:left;
  background:#e3e6e9 url(img/bg.jpg) no-repeat;
		background-color: #FFF;
}

.p_2013ss_index #wrap{
	background: url(../../../../products/img/bg_2013ss.jpg) no-repeat 0 0;
}

.p_2013fw_index #wrap{
/*	background: url(../../../../products/img/bg_2013ss.jpg) no-repeat 0 0;*/
background: url(img/bg_2014fw_1.jpg) no-repeat 0 0;
}

#wrap.bg1{	background: url(img/bg_2014fw_1.jpg) no-repeat 0 0;}
#wrap.bg2{	background: url(img/bg_2014fw_2.jpg) no-repeat 0 0;}
#wrap.bg3{	background: url(img/bg_2014fw_3.jpg) no-repeat 0 0;}

.wp-pagenavi{
  font-size:26px;
  font-weight:lighter;
  text-align:center;
  padding-bottom:35px;
}
.wp-pagenavi a, .wp-pagenavi span{
  border:none !important;
}
div.pager{
  margin-left:200px;
}
div.pager ul li{
  float:left;
  padding:10px;
  font-size:26px;
  font-weight:lighter;
}
div.outer{
  padding:10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-image: -moz-linear-gradient(top, #dedede, #cfcfcf);
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #dedede),color-stop(1, #cfcfcf));
  background-image: -webkit-linear-gradient(top, #dedede, #cfcfcf);
  background-image: -o-linear-gradient(top, #dedede, #cfcfcf);
  background-image: -ms-linear-gradient(top, #dedede, #cfcfcf);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#cfcfcf')";
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#cfcfcf');
  background-image: linear-gradient(top, #dedede, #cfcfcf);
}
div.inner{
  background-color:#fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding:15px;
}
/* /common */

/* header */
#header{margin-bottom:20px;}
#header h1{position:absolute;top:50px;left:15px;}
/* /header */

/* side */
#side #nav div.menu-global-container ul{
  /* background:#FFF url(img/global-menu-sprite.png) no-repeat; */
  height:324px;
  margin-left:24px;
		font-size: 12px;
}

.home #side #nav div.menu-global-container ul{
  /* background:#FFF url(img/global-menu-sprite.png) no-repeat; */
/*  height:150px;*/
}

#side #nav div.menu-global-container ul li a{
  background:transparent url(img/global-menu-sprite.png) no-repeat;
  display:block;
  width:100px;
  height:17px;
  padding-bottom:9px;
  text-indent:-9999px;overflow:hidden;outline:none;

			zoom: 1;
}

#side #nav div.menu-global-container ul ul{
	height: auto;
	width: auto;
	margin: -5px 0 0 35px;
	margin-bottom: 2em;
}

#side #nav div.menu-global-container ul ul li{
	height: auto;
	width: auto;
	
}

#side #nav div.menu-global-container ul ul li a{
  background: none;
  display: inline;
  width: auto;
  height: auto;
  padding-bottom:9px;
  text-indent: 50px;
}

#side #nav div.menu-global-container ul ul li.on a{
	color: #e4750f;
}

#side #nav div.menu-global-container ul li#menu-item-23 a{background:transparent url(img/global-menu-sprite.png) no-repeat scroll 0 0;}
#side #nav div.menu-global-container ul li#menu-item-22 a{background:transparent url(img/global-menu-sprite.png) no-repeat scroll 0 -27px;}
#side #nav div.menu-global-container ul li#menu-item-21 a{background:transparent url(img/global-menu-sprite.png) no-repeat scroll 0 -54px;}
#side #nav div.menu-global-container ul li#menu-item-20 a{background:transparent url(img/global-menu-sprite.png) no-repeat scroll 0 -81px;}
#side #nav div.menu-global-container ul li#menu-item-19 a{background:transparent url(img/global-menu-sprite.png) no-repeat scroll 0 -108px;}
#side #nav div.menu-global-container ul li#menu-item-23.current_page_item a{background:transparent url(img/global-menu-sprite.png) no-repeat scroll -100px 0;}
#side #nav div.menu-global-container ul li#menu-item-22.current_page_item a{background:transparent url(img/global-menu-sprite.png) no-repeat scroll -100px -27px;}
#side #nav div.menu-global-container ul li#menu-item-21.current_page_item a{background:transparent url(img/global-menu-sprite.png) no-repeat scroll -100px -54px;}
#side #nav div.menu-global-container ul li#menu-item-21.current-page-ancestor a{background:transparent url(img/global-menu-sprite.png) no-repeat scroll -100px -54px;}
#side #nav div.menu-global-container ul li#menu-item-20.current_page_item a{background:transparent url(img/global-menu-sprite.png) no-repeat scroll -100px -81px;}
#side #nav div.menu-global-container ul li#menu-item-19.current_page_item a{background:transparent url(img/global-menu-sprite.png) no-repeat scroll -100px -108px;}
#side #nav div.menu-global-container ul li#menu-item-23 a:hover{background:transparent url(img/global-menu-sprite.png) no-repeat scroll -200px 0;}
#side #nav div.menu-global-container ul li#menu-item-22 a:hover{background:transparent url(img/global-menu-sprite.png) no-repeat scroll -200px -27px;}
#side #nav div.menu-global-container ul li#menu-item-21 a:hover{background:transparent url(img/global-menu-sprite.png) no-repeat scroll -200px -54px;}
#side #nav div.menu-global-container ul li#menu-item-21 a:hover{background:transparent url(img/global-menu-sprite.png) no-repeat scroll -200px -54px;}
#side #nav div.menu-global-container ul li#menu-item-20 a:hover{background:transparent url(img/global-menu-sprite.png) no-repeat scroll -200px -81px;}
#side #nav div.menu-global-container ul li#menu-item-19 a:hover{background:transparent url(img/global-menu-sprite.png) no-repeat scroll -200px -108px;}

.home #side #nav div.menu-global-container ul ul{
height: auto;
	/*	line-height: 1.5;
	  margin-left: 30px;
			margin-top: -8px;
			position: relative;
			margin-bottom: 12px;*/
}
#side #nav div.menu-global-container ul ul li{
	margin-bottom: 0;
	height: auto;
}
#side #nav div.menu-global-container ul ul li a{
  background: none !important;
  display: inherit;
  width: auto;
  height: auto;
  padding-bottom:0;
  text-indent: 10px;
		color: #898989;
		letter-spacing: 2px;
		font-weight: bold;
		font-style: normal;
}
#side #nav div.menu-global-container ul ul li a:hover{
	color: #ccc;
}

/* /side */


/* footer */
#footer{
	clear: both;
	padding-top:550px;
	padding-left:50px;
	padding-bottom: 15px;
	font-size:10px;
}
/* /footer */


/* home */
body.home #wrap{
  min-height:666px;
}
/* /home */

/* contact */
body.page-template-page-contact-php{}
body.page-template-page-contact-php .outer{
  width:540px;
}
body.page-template-page-contact-php .inner table{
  margin-top:10px;
  margin-bottom:10px;
}
body.page-template-page-contact-php #main table a{
  text-decoration:underline;
  color:#808080;
}
body.page-template-page-contact-php #main table a:hover{
  color:#b3b3b3;
}
body.page-template-page-contact-php #main table a:active{
  color:#cccccc;
}
body.page-template-page-contact-php #main table tr td{
  padding-bottom:30px;
  line-height:144%;
}
body.page-template-page-contact-php #main table tr td:last-child{
  padding-bottom:0;
}
body.page-template-page-contact-php #main table tr td.heading{
  font-size:11px;
  font-weight:bold;
  padding-right:20px;
  letter-spacing:.1em;
  color:#F07800;
  width:120px;
}
body.page-template-page-contact-php #main table tr td.bdy{
  font-size:10px;
}
/*
#contact-list{position:absolute;top:300px;left:0;}
#contact-list li{padding-bottom:6px;}
#contact-list li a{
  text-indent:-9999px;overflow:hidden;outline:none;
  display:block;
  width:248px;
  height:8px;
}
*/
#contact-list #mail a{
  background:#FFF url(http://pocsports.jp/wp/wp-content/themes/poc/img/contact-address.png) no-repeat scroll 0 0;
}
#contact-list #facebook a{
  background:#FFF url(http://pocsports.jp/wp/wp-content/themes/poc/img/contact-address.png) no-repeat scroll 0 -14px;
}

/* /contact */


/* news */
body.news{
  font-size:9px;
  color:#646262;
}
body.news a{
  color:#595757;
}
.entry-title{
  font-size:14px;
  line-height:20px;
}
span.entry-date{
  font-size:7px;
}
div.entry-content{
  font-size:9px;
}

body.single div.outer,
body.archive div.outer,
body.blog div.outer{
  width:520px;
}
/* /news */


/* shoplists */
.page-template-page-shoplists-php{
  font-size:10px;
}
.page-template-page-shoplists-php .tabs{
  position:absolute;
  top:-40px;
  left:10px;
  font-weight:bold;
  text-align:center;
  line-height:40px;
  overflow:hidden;outline:none;
}
.page-template-page-shoplists-php .tabs .tab{
  float:left;
}
.page-template-page-shoplists-php .tabs #wheel-tab a{
  width:115px;
  background:transparent url(img/tabs-bg.png) no-repeat scroll 0 0;
}
.page-template-page-shoplists-php .tabs #snow-tab a{
  width:135px;
  background:transparent url(img/tabs-bg.png) no-repeat scroll -115px 0;
}
.page-template-page-shoplists-php .tabs .tab a{
  display:block;
  height:40px;
}
.page-template-page-shoplists-php .tabs .on a{
  background-image:none !important;
}
.page-template-page-shoplists-php .tab-contents{
  padding:20px 30px;
}
.page-template-page-shoplists-php table{
  width:100%;
  margin-bottom:20px;
}
.page-template-page-shoplists-php table caption{
  text-align:left;
  color:#F07800;
}
.page-template-page-shoplists-php table tr td{
  padding:5px 0;
}
.page-template-page-shoplists-php table tr td.shop-name{width:135px;padding-right:15px;}
.page-template-page-shoplists-php table tr td.shop-address{width:230px;padding-right:15px;}
.page-template-page-shoplists-php table tr td.shop-tel{}

.page-template-page-shoplists-php div.outer{
  z-index:1;
  position:relative;
  width:540px;
  background:transparent url(img/shoplists/outer-middle.png) repeat-y;
  padding:0;
  margin:0;
  margin-bottom:100px;
}
.page-template-page-shoplists-php div.outer-header{
  z-index:-1;
  position:absolute;
  top:-50px;
  height:100px;
  width:540px;
  background:transparent url(img/shoplists/outer-top.png) no-repeat;
}
.page-template-page-shoplists-php div.outer-footer{
  z-index:-1;
  position:absolute;
  bottom:-50px;
  width:540px;
  height:100px;
  background:transparent url(img/shoplists/outer-bottom.png) no-repeat;
}

.page-template-page-shoplists-php div.outer img.bg{
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
}


/* /shoplists */

/* products */

body.page-template-page-products-php div.item{
  background:transparent url(img/products-item-bg.png) no-repeat;
  width:80px;
  height:80px;
  float:left;
  margin:0 10px 10px 0;
  box-shadow:8px 8px 10px #d2d2d2;
  -moz-box-shadow:8px 8px 10px #d2d2d2;
  -webkit-box-shadow:8px 8px 10px #d2d2d2;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
		position: relative;
}
body.page-template-page-products-php div.item a img{
  display:none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
body.page-template-page-products-php div.cat{
  clear:both;
}
body.page-template-page-products-php div.cat div.cat_name{
  background:transparent url(img/products-heading-bg.png) no-repeat;
  width:80px;
  height:80px;
  float:left;
  margin:0 10px 10px 0;
  box-shadow:8px 8px 10px #d2d2d2;
  -moz-box-shadow:8px 8px 10px #d2d2d2;
  -webkit-box-shadow:8px 8px 10px #d2d2d2;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align:center;

}
body.page-template-page-products-php div.cat h2{
  padding-top:35px;
  color:#FFF;
  font-size:10px;
}
body.page-template-page-products-php div.cat h2.sub{
  padding-top:20px;
}
body.page-template-page-products-php div.cat h2.sub span{
	display: block;
 padding-top:2px;
	margin: 2px 3px 0 3px;
	text-align: center;
	border-top: 1px solid #FFF;
}

/* /products */


/* item */
body.page-template-page-item-php{}
body.page-template-page-item-php #wrap{
/*  background:transparent url(img/bg-02.jpg) no-repeat; */
}
body.page-template-page-item-php .outer{
  margin-left:-20px;
  width:580px;
}
body.page-template-page-item-php .inner{
  padding:0;
  background-color:white;
  overflow:hidden;
}
body.page-template-page-item-php .detail{
  clear:both;
  width:330px;
  padding:0 10px 15px;
  font-size:10px;
  float:left;
	position: relative;
	z-index: 5;
}
body.page-template-page-item-php .detail .title{
  font-size:16px;
  padding-bottom:3px;
  font-weight:bold;
}
body.page-template-page-item-php .photo{
  width:500px;
	height: 500px;
	overflow: hidden;
	position: relative;
	margin-bottom: -60px;
}
body.page-template-page-item-php .photo img{
  border-top-left-radius:10px;
  border-bottom-left-radius:10px;
}
body.page-template-page-item-php .detail .note{
  padding:15px 0 10px;
  line-height:180%;
}
body.page-template-page-item-php .thumbs{
  margin-top:0px;
	position: relative;
	z-index: 5;
}
body.page-template-page-item-php .thumbs img{
  display:block;
  border:1px solid #ccc;
  width:45px;
  float:left;
  margin-right:3px;
  margin-bottom:3px;
}
body.page-template-page-item-php .thumbs div#nxt{
}
body.page-template-page-item-php .thumbs div#nxt img{
  border:none;
}

body.page-template-page-item-php div.detail div.title,
body.page-template-page-item-php div.detail div.price,
body.page-template-page-item-php div.detail div.size,
body.page-template-page-item-php div.detail div.color,
body.page-template-page-item-php div.detail div.note{
  overflow:hidden;
}
p.back{
	margin: 0;
	padding-top: 30px;
	line-height: 1.2;
}

p.back a{
	background:url(img/ico_back.png) no-repeat 0 1px;
	padding-left: 13px;
	color: #666;
}

p.back a:hover{
	color: #F07800;
}

body.page-template-page-item-php div.thumbs{
  width:200px;
  float:right;
  margin:0 10px 10px 0;
}

/* /item */


/* about */
.page-template-page-about-php #wrap{
  min-height:1200px;
}
.page-template-page-about-php #main{
}
.page-template-page-about-php #main p{
  padding-bottom:20px;
}
.page-template-page-about-php #main p:last-child{
  padding-bottom:10px;
}
.page-template-page-about-php #main p:first-child:first-letter {
  font-size:36px;
  line-height: 1;
  float: left;
  margin:0 0.2em 0 -0.6em;
  padding: .1em 0;
  font-weight:bold;
}
.page-template-page-about-php .outer{
  width:540px;
}
.page-template-page-about-php .inner{
  padding:20px;
  padding-bottom:16px;
}
/* /about */

body.home .inner,
body.page-id-5 .inner,
body.archive .inner,
body.single .inner{
  padding:20px;
  padding-bottom:16px;
		overflow: hidden;
}

body.home .inner:after,
body.page-id-5 .inner:after,
body.archive .inner:after,
body.single .inner:after{
	display: block;
	clear: both;
	content: "";
}

body.home .outer,
body.page-id-5 .outer,
body.archive .outer,
body.single .outer{
  width:540px !important;
}

body.single #wrap,
body.archive #wrap,
body.blog #wrap {
	width: 914px;
}

body.single #side,
body.archive #side,
body.blog #side  {
	width: 150px;
}

body.single #main,
body.archive #main,
body.blog #main  {
	width: 749px;
}

body.single div.outer,
body.archive div.outer,
body.blog div.outer{
	width: 729px !important;
}

#news_aside{
	width: 145px;
	float: left;
}

#news_main{
	width: 505px;
	float: right;
}

#news_main .article{
	width: 100%;
	margin-bottom: 3.5em;
}

#news_main .article .time{
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 5px;
}

#news_main .article h1{
	font-size: 14px;
	clear: both;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 5px;
	color: #f07800;
	font-weight: bold;
	line-height: 1.2;
}

#news_main .pageing{
	font-size: 10px;
	text-align: center;
	margin: 0;
}

#news_main .pageing li{
	display: inline;
	padding: 0 5px;
}

#top_news h2,
#news_aside h2{
	font-size: 14px;
	margin-bottom: 5px;
	padding: 0;
	color: #f07800;
	font-weight: bold;
	line-height: 1.2;
}

#top_news ul,
#news_aside ul{
	font-size: 10px;
	margin-bottom: 2em;
	line-height: 1.4;
}

#top_news ul li,
#news_aside ul li{
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 0.5em;
	padding-bottom: 3px;
}

#top_news a,
#news_aside ul a{
	color: #666666;
	text-decoration: none;
}

#top_news a:hover,
#news_aside ul a:hover{
	color: #f07800;
	text-decoration: underline;
}

#top_news{
	margin-left: 55px;
	width: 150px;
	position: relative;
}

#top_news span{
	color: #999;
}

#top_news h2{
	font-size: 10px;
}

#side #nav div.menu-global-container #top_news ul{
	margin: 0;
}

#side #nav div.menu-global-container #top_news ul li a{
	margin: 0;
	display: inline;
	height: auto;
	outline: medium none;
	overflow: hidden;
	padding-bottom: 0;
	text-indent: 0;
	width: auto;
	background: none;
}

.single #wrap,
.archive #wrap,
.blog #wrap,

.page-template-page-item-php #wrap,

.page-template-page-shoplists-php #wrap{
	background: none;
}

.popup_menu{
	margin: 0;
	padding: 23px 0 0 0;
	width: 139px;
	background: url(../../../../share/images/pop_1.png) no-repeat 0 0;
	position: absolute;
	z-index: 5;
	top: 60px;
	left: -25px;
}

.popup_menu p{
	margin: 0;
	padding: 3px 10px 13px 10px;
	zoom: 1;
	text-align: center;
	font-size: 10px;
	line-height: 1.3;
	background: url(../../../../share/images/pop_2.png) no-repeat bottom left;
}