@charset "utf-8";


/* 2.product
========================================== */

#product #alpha {	
	display: inline;
    float: right;
	left:0px;
    margin:0 0px 0 20px;
	_margin:0 10px;
    position: relative;
    width: 710px;
	margin-bottom:150px;
}

html>/**/body #product #alpha, x:-moz-any-link { margin-bottom:60px; }


#product #beta {
    display: inline;
    float: left;
    left: -0px;
    position: relative;
    width: 230px;
	margin-bottom:100px;
}




/* product subnavi
-----------------------------------*/


#subnavi ul#product-subnavi {
background:url(../images/product-navi.png) no-repeat left top;
width:710px;
height:68px;
padding:0px 0px 0px 0px;
margin:0 auto;
}

#subnavi ul#product-subnavi li{
list-style: none;
display: block;
margin: 0px;
float: left;
text-indent: -9999px;
height: 68px;
}

#subnavi ul#product-subnavi li a{
display: block;
text-decoration: none;
padding: 0px;
height: 68px;
background:url(../images/product-navi.png) no-repeat left top;
overflow:hidden;
outline:none; /*クリックすると出る点線を消す*/
}



#subnavi ul#product-subnavi li#pn1	{ width: 143px; }
#subnavi ul#product-subnavi li#pn2	{ width: 143px; }
#subnavi ul#product-subnavi li#pn3	{ width: 143px; }
#subnavi ul#product-subnavi li#pn4	{ width: 143px; }
#subnavi ul#product-subnavi li#pn5	{ width: 138px; }


#subnavi ul#product-subnavi li#pn1 a { background-position: 0px 0; }
#subnavi ul#product-subnavi li#pn2 a { background-position: -143px 0; }
#subnavi ul#product-subnavi li#pn3 a { background-position: -286px 0; }
#subnavi ul#product-subnavi li#pn4 a { background-position: -429px 0; }
#subnavi ul#product-subnavi li#pn5 a { background-position: -572px 0; }


#subnavi ul#product-subnavi li#pn1 a:hover	{ background-position: 0px 50%; }
#subnavi ul#product-subnavi li#pn2 a:hover	{ background-position: -143px 50%; }
#subnavi ul#product-subnavi li#pn3 a:hover	{ background-position: -286px 50%; }
#subnavi ul#product-subnavi li#pn4 a:hover	{ background-position: -429px 50%; }
#subnavi ul#product-subnavi li#pn5 a:hover	{ background-position: -572px 50%; }


.cat-swimming #subnavi ul#product-subnavi li#pn1 a,
.cat-kaigo #subnavi ul#product-subnavi li#pn2 a,
.cat-health #subnavi ul#product-subnavi li#pn3 a,
.cat-school #subnavi ul#product-subnavi li#pn4 a,
.cat-brand #subnavi ul#product-subnavi li#pn5 a {
background-position:0 204px;
}

.dtl-swimming #subnavi ul#product-subnavi li#pn1 a,
.dtl-kaigo #subnavi ul#product-subnavi li#pn2 a,
.dtl-health #subnavi ul#product-subnavi li#pn3 a,
.dtl-school #subnavi ul#product-subnavi li#pn4 a,
.dtl-brand #subnavi ul#product-subnavi li#pn5 a {
/*display:none;*/
}




.cat-swimming #subnavi ul#product-subnavi li#pn1 {background:url(../images/product-navi.png) 0px 100%;}
.cat-jaked #subnavi ul#product-subnavi li#pn1 {background:url(../images/product-navi.png) 0px 100%;}

.cat-kaigo #subnavi ul#product-subnavi li#pn2 {background:url(../images/product-navi.png) -143px 100%;}
.cat-apron ul#product-subnavi li#pn2 {background:url(../images/product-navi.png) -143px 100%;}
.cat-helper ul#product-subnavi li#pn2 {background:url(../images/product-navi.png) -143px 100%;}
.cat-pants ul#product-subnavi li#pn2 {background:url(../images/product-navi.png) -143px 100%;}
.cat-sheet ul#product-subnavi li#pn2 {background:url(../images/product-navi.png) -143px 100%;}
.cat-diapercover ul#product-subnavi li#pn2 {background:url(../images/product-navi.png) -143px 100%;}
.cat-underwear ul#product-subnavi li#pn2 {background:url(../images/product-navi.png) -143px 100%;}
.cat-indoorcap ul#product-subnavi li#pn2 {background:url(../images/product-navi.png) -143px 100%;}

.cat-health #subnavi ul#product-subnavi li#pn3 {background:url(../images/product-navi.png) -286px 100%;}
.cat-inner ul#product-subnavi li#pn3 {background:url(../images/product-navi.png) -286px 100%;}
.cat-hot ul#product-subnavi li#pn3 {background:url(../images/product-navi.png) -286px 100%;}
.cat-rehabilitation ul#product-subnavi li#pn3 {background:url(../images/product-navi.png) -286px 100%;}

.cat-school #subnavi ul#product-subnavi li#pn4 {background:url(../images/product-navi.png) -429px 100%;}
.cat-gymnastics #subnavi ul#product-subnavi li#pn4 {background:url(../images/product-navi.png) -429px 100%;}
.cat-swimsuit #subnavi ul#product-subnavi li#pn4 {background:url(../images/product-navi.png) -429px 100%;}
.cat-cap #subnavi ul#product-subnavi li#pn4 {background:url(../images/product-navi.png) -429px 100%;}
.cat-goggles2 #subnavi ul#product-subnavi li#pn4 {background:url(../images/product-navi.png) -429px 100%;}
.cat-bag #subnavi ul#product-subnavi li#pn4 {background:url(../images/product-navi.png) -429px 100%;}
.cat-towel #subnavi ul#product-subnavi li#pn4 {background:url(../images/product-navi.png) -429px 100%;}
.cat-swimmingarticle #subnavi ul#product-subnavi li#pn4 {background:url(../images/product-navi.png) -429px 100%;}
.cat-rushguard #subnavi ul#product-subnavi li#pn4 {background:url(../images/product-navi.png) -429px 100%;}

.cat-brand #subnavi ul#product-subnavi li#pn5 {background:url(../images/product-navi.png) -572px 100%;}

.dtl-swimming #subnavi ul#product-subnavi li#pn1 {background:url(../images/product-navi.png) 0px 100%;}
.dtl-kaigo #subnavi ul#product-subnavi li#pn2 {background:url(../images/product-navi.png) -143px 100%;}
.dtl-health #subnavi ul#product-subnavi li#pn3 {background:url(../images/product-navi.png) -286px 100%;}
.dtl-school #subnavi ul#product-subnavi li#pn4 {background:url(../images/product-navi.png) -429px 100%;}
.dtl-brand #subnavi ul#product-subnavi li#pn5 {background:url(../images/product-navi.png) -572px 100%;}


.dtl-swimming #subnavi ul#product-subnavi li#pn1 a {background:url(../images/product-navi.png) 0px 100%;}
.dtl-kaigo #subnavi ul#product-subnavi li#pn2 a {background:url(../images/product-navi.png) -143px 100%;}
.dtl-health #subnavi ul#product-subnavi li#pn3 a {background:url(../images/product-navi.png) -286px 100%;}
.dtl-school #subnavi ul#product-subnavi li#pn4 a {background:url(../images/product-navi.png) -429px 100%;}
.dtl-brand #subnavi ul#product-subnavi li#pn5 a {background:url(../images/product-navi.png) -572px 100%;}





/* product subcat-ichiran
-----------------------------------*/

#product #content #alpha #subcat-ichiran{
	border-radius: 0px 0px 4px 4px;
	padding: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding:0 20px 20px 20px;

}


/* product subcat-list
-----------------------------------*/

#product #content #alpha .subcat-list{
	margin-bottom:13px;
	background-image: url(../images/news-bottomline-dotte.png);
	background-repeat: no-repeat;
	background-position: left bottom;

}

#product #content #alpha .subcat-list .subcat-name,
#product #content #alpha .subcat-list2 .subcat-name{
background:url(../images/bullet-h2-product.png) no-repeat center left;
padding:20px 0 20px 15px;
font-size:114%;
font-weight:bold;
}





#product #content #alpha .list-table{
width:100%;

}

#product #content #alpha .list-table .photolistBox{
	text-align:center;
	padding:0 10px 20px 10px;
}

#product #content #alpha .list-table .photolistBox2{
min-height:200px;
	display:block;

}


#product #content #alpha .list-table td{
	width:33%;
}

#product #content #alpha .list-table .text-title {
padding:0 10px;
font-size:100% !important;

}


#product #content #alpha .list-table .photolistBox img{
padding-bottom:15px;
text-decoration:none !important;
display: block;
margin:0 auto;
}



#product #content #alpha .subcat-list .text-right{
	padding-left:15px;
	margin:0px 0 10px 0 !important;
	/*text-decoration:underline !important;*/
}

#product #content #alpha .subcat-list .text-right a{
background:url(../images/bullet02.png) no-repeat left center;
	padding-left:15px;
	/*text-decoration:underline !important;*/
}




/* product ブランド一覧
-----------------------------------*/

#product #content #alpha .list-table-brand{
width:100%;
}

#product #content #alpha .list-table-brand td{
	width:33%;
	padding-bottom:35px;
}

#product #content #beta .brand-name1{
background:url(../images/bullet-h3-product.png) no-repeat 10px center;
padding:10px 10px 10px 25px;
font-size:100%;
font-weight:bold;
border-top: none !important;
}

#product #content #beta .brand-name{
background:url(../images/bullet-h3-product.png) no-repeat 10px center;
padding:10px 10px 10px 25px;
font-size:100%;
font-weight:bold;
border-top: 1px solid #CCCCCC;
}







/* product 記事詳細
-----------------------------------*/
#product #content #alpha #kiji-det{
	border-radius: 0px 0px 4px 4px;
	padding: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding:20px 20px 20px 20px;
	clear:both;

}

#product #content #alpha .product-info{
float:right;
width:398px;
}

#product #content #alpha .product-info .product-name{
background:url(../images/bullet-h2-product.png) no-repeat top left;
padding:5px 0 4px 15px;
font-size:122%;
font-weight:bold;
margin-bottom:20px;
}

#product #content #alpha .product-info .description{
margin-bottom:20px;
color: #001489;
}


#product #content #alpha .product-info .product-info-table{
width:398px;
background:url(../images/product-S-line-dotted.png) no-repeat 0 top;
}

#product #content #alpha .product-info .product-info-table tr{
background:url(../images/product-S-line-dotted.png) no-repeat 0 bottom;
}


#product #content #alpha .product-info .product-info-table th{
width:100px;
padding:13px 0;
color:#001489;
font-size:100%;
font-weight:bold;
}

*:first-child+html #product #content #alpha .product-info .product-info-table th { 
width:150px;
 } /*IE7対応*/




#product #content #alpha .product-info .product-info-table td{
padding:13px 10px 13px 0px;
width:298px;
}

#product #content #alpha .product-info .product-info-table td p{
margin-bottom:0 !important;
}

#product #content #alpha #kiji-det .product-info .product-info-table .sns a{
text-decoration:none !important;
}


#product #content #alpha .product-info .product-info-table td img{
padding:0px 5px 0px 0px;
}


#product #content #alpha .product-photo{
float:left;
width:250px;
}


#product #content #alpha .product-photo .front{
/*padding-top:20px;
background:url(../images/img-FRONT.png) no-repeat left top;*/
}

#product #content #alpha .product-photo .back{
padding-top:20px;
background:url(../images/img-BACK.png) no-repeat left top;
margin-top:20px;
}


#product #content #alpha .product-photo .color{
padding-top:20px;
background:url(../images/img-COLOR.png) no-repeat left top;
margin-top:20px;
}

#product #content #alpha .product-photo .color li{
/*float:left;
width:83px;
font-size:85%;*/
text-align:center;
}



/* product 記事詳細　カラー
-----------------------------------*/
#product .color{
}

#product .color .photolistBox {
    float: left;
    width: 83px;
	font-size:85%;
	padding-bottom:5px;
}

#product .color .photolistBox-inner {
/*    border-bottom: 1px solid #D4CAB2;
    border-left: 1px solid #D4CAB2;
    border-right: 1px solid #D4CAB2;*/
}




.ichiran #alpha-inner,
.cat-news #alpha-inner {
	background-image: url(../images/news-bottomline-dotte.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:13px;

}

.dtl #alpha-inner {
	padding-top:13px;
	border-top:solid 2px #7f89c4;

}

#product #content .ichiran-box{
padding-bottom:13px !important;
	margin-bottom:13px;
	background-image: url(../images/news-bottomline-dotte.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#product  #content .ichiran-box .ichiran-photo-News{
float:left;
margin-right:10px;
}

#product #content .ichiran-box .ichiran-photo-News img{
    border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  
}

#product #content .ichiran-box .ichiran-boxR{
width:600px;
float:right;
position:relative;
}

#product  #content .ichiran-box .ichiran-box-inner .ichiran-boxR .date{
font-size:92%;
color:#666666;
position:absolute;
top:0;
left:0px;
}

#product #content .ichiran-box .ichiran-box-inner .ichiran-boxR .icon{
padding-left:10px;
}

#product #content .ichiran-box .ichiran-box-inner .ichiran-boxR .main{
display:block;
}


#product #content .ichiran-box p{
margin-bottom:0px !important;
}



#product #wrap #container #container-inner #content #content-inner #alpha #alpha-inner .ichiran-box .ichiran-box-inner .ichiran-boxR .main a{
	width:600px;
	background-image: url(../images/news-ichiran-boxR-bg.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	display:block;
	padding:21px 0 10px 0 !important;
}

#product #wrap #container #container-inner #content #content-inner #alpha #alpha-inner .ichiran-box .ichiran-box-inner .ichiran-boxR .main a:hover{
background-position:-600px 0px;
display:block;
width:600px;

}


#product #content .ichiran-box .date{
margin-bottom:7px !important;
text-decoration:none !important;
}



#product #content .view-ichiran{
	margin:32px 0px 0px 0px !important;
	text-align:right;
	font-size:85%;
}

*:first-child+html #content .view-ichiran{
	margin:30px 0px 0px 0px !important;
	text-align:right;
	font-size:85%;
}

#product #content .view-ichiran a{
	padding-left:15px;
	background-image: url(../images/bullet02.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration:none;
}






/* 2.サイド
========================================== */

#product #content #beta .widget{
padding-bottom:15px;
}


#product #content #beta .widget .widget-inner{
	border-radius: 0px 0px 5px 5px;
	padding: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

#product #content #beta .widget-catlist .cat-list li{
border-top:solid 1px #CCCCCC;

}

#product #content #beta .widget-catlist .cat-list li a{
display:block;
padding:10px 0px 10px 20px;
background:url(../images/bullet03.png) no-repeat 10px center;
text-decoration:none;
}

#product #content #beta .widget-catlist .cat-list li a:hover{
display:block;
padding:10px 0px 10px 20px;
background-color:#ccd0e7;
text-decoration:none;
}

/* カテゴリ：水泳*/
.cat-pickup #beta .widget-catlist .cat-list li.pickup,
.cat-jaked #beta .widget-catlist .cat-list li.jaked,
.cat-womens #beta .widget-catlist .cat-list li.womens,
.cat-mens #beta .widget-catlist .cat-list li.mens,
.cat-yuttari #beta .widget-catlist .cat-list li.yuttari,
.cat-maternity #beta .widget-catlist .cat-list li.maternity,
.cat-baby #beta .widget-catlist .cat-list li.baby,
.cat-gakkou #beta .widget-catlist .cat-list li.gakkou,
.cat-ukumizugi #beta .widget-catlist .cat-list li.ukumizugi,
.cat-inner #beta .widget-catlist .cat-list li.inner,
.cat-cap #beta .widget-catlist .cat-list li.cap,
.cat-goggles #beta .widget-catlist .cat-list li.goggles,
.cat-bag #beta .widget-catlist .cat-list li.bag,
.cat-towel #beta .widget-catlist .cat-list li.towel,
.cat-float #beta .widget-catlist .cat-list li.float,
.cat-mizuasobi #beta .widget-catlist .cat-list li.mizuasobi,
.cat-suicyuundou #beta .widget-catlist .cat-list li.suicyuundou,
.cat-practicearticle #beta .widget-catlist .cat-list li.practicearticle,
.cat-rushguard #beta .widget-catlist .cat-list li.rushguard,

.cat-apron #beta .widget-catlist .cat-list li.apron,/* カテゴリ：介護*/
.cat-helper #beta .widget-catlist .cat-list li.helper,
.cat-pants #beta .widget-catlist .cat-list li.pants,
.cat-sheet #beta .widget-catlist .cat-list li.sheet,
.cat-diapercover #beta .widget-catlist .cat-list li.diapercover,
.cat-underwear #beta .widget-catlist .cat-list li.underwear,
.cat-indoorcap #beta .widget-catlist .cat-list li.indoorcap,
.cat-inner_h #beta .widget-catlist .cat-list li.inner_h,/* カテゴリ：健康*/
.cat-hot #beta .widget-catlist .cat-list li.hot,
.cat-rehabilitation #beta .widget-catlist .cat-list li.rehabilitation,
.cat-gymnastics #beta .widget-catlist .cat-list li.gymnastics,/* カテゴリ：学校用品*/
.cat-swimsuit #beta .widget-catlist .cat-list li.swimsuit,
.cat-cap #beta .widget-catlist .cat-list li.cap,
.cat-goggles #beta .widget-catlist .cat-list li.goggles,
.cat-bag #beta .widget-catlist .cat-list li.bag,
.cat-towel #beta .widget-catlist .cat-list li.towel,
.cat-swimmingarticle #beta .widget-catlist .cat-list li.swimmingarticle,
.cat-rushguard #beta .widget-catlist .cat-list li.rushguard,
.dtl-pickup #beta .widget-catlist .cat-list li.pickup,/* 記事詳細*/
.dtl-jaked #beta .widget-catlist .cat-list li.jaked,
.dtl-womens #beta .widget-catlist .cat-list li.womens,
.dtl-mens #beta .widget-catlist .cat-list li.mens,
.dtl-yuttari #beta .widget-catlist .cat-list li.yuttari,
.dtl-maternity #beta .widget-catlist .cat-list li.maternity,
.dtl-baby #beta .widget-catlist .cat-list li.baby,
.dtl-gakkou #beta .widget-catlist .cat-list li.gakkou,
.dtl-ukumizugi #beta .widget-catlist .cat-list li.ukumizugi,
.dtl-inner #beta .widget-catlist .cat-list li.inner,
.dtl-cap #beta .widget-catlist .cat-list li.cap,
.dtl-goggles #beta .widget-catlist .cat-list li.goggles,
.dtl-bag #beta .widget-catlist .cat-list li.bag,
.dtl-towel #beta .widget-catlist .cat-list li.towel,
.dtl-float #beta .widget-catlist .cat-list li.float,
.dtl-mizuasobi #beta .widget-catlist .cat-list li.mizuasobi,
.dtl-suicyuundou #beta .widget-catlist .cat-list li.suicyuundou,
.dtl-practicearticle #beta .widget-catlist .cat-list li.practicearticle,
.dtl-rushguard #beta .widget-catlist .cat-list li.rushguard,
.dtl-apron #beta .widget-catlist .cat-list li.apron,/* カテゴリ：介護*/
.dtl-helper #beta .widget-catlist .cat-list li.helper,
.dtl-pants #beta .widget-catlist .cat-list li.pants,
.dtl-sheet #beta .widget-catlist .cat-list li.sheet,
.dtl-diapercover #beta .widget-catlist .cat-list li.diapercover,
.dtl-underwear #beta .widget-catlist .cat-list li.underwear,
.dtl-indoorcap #beta .widget-catlist .cat-list li.indoorcap,
.dtl-inner_h #beta .widget-catlist .cat-list li.inner_h,/* カテゴリ：健康*/
.dtl-hot #beta .widget-catlist .cat-list li.hot,
.dtl-rehabilitation #beta .widget-catlist .cat-list li.rehabilitation,
.dtl-gymnastics #beta .widget-catlist .cat-list li.gymnastics,/* カテゴリ：学校用品*/
.dtl-swimsuit #beta .widget-catlist .cat-list li.swimsuit,
.dtl-cap #beta .widget-catlist .cat-list li.cap,
.dtl-goggles #beta .widget-catlist .cat-list li.goggles,
.dtl-bag #beta .widget-catlist .cat-list li.bag,
.dtl-towel #beta .widget-catlist .cat-list li.towel,
.dtl-swimmingarticle #beta .widget-catlist .cat-list li.swimmingarticle,
.dtl-rushguard #beta .widget-catlist .cat-list li.rushguard,
.series1 #beta .widget-catlist .cat-list li.series1,/* ブランド一覧*/
.series2 #beta .widget-catlist .cat-list li.series2,
.series3 #beta .widget-catlist .cat-list li.series3,
.series4 #beta .widget-catlist .cat-list li.series4,
.series5 #beta .widget-catlist .cat-list li.series5,
.series6 #beta .widget-catlist .cat-list li.series6,
.series7 #beta .widget-catlist .cat-list li.series7,
.series8 #beta .widget-catlist .cat-list li.series8,
.series9 #beta .widget-catlist .cat-list li.series9,
.series10 #beta .widget-catlist .cat-list li.series10,
.series11 #beta .widget-catlist .cat-list li.series11,
.series12 #beta .widget-catlist .cat-list li.series12,
.series13 #beta .widget-catlist .cat-list li.series13,
.series14 #beta .widget-catlist .cat-list li.series14,
.series15 #beta .widget-catlist .cat-list li.series15,
.collabo1 #beta .widget-catlist .cat-list li.collabo1,
.collabo2 #beta .widget-catlist .cat-list li.collabo2,
.collabo3 #beta .widget-catlist .cat-list li.collabo3
.brand1 #beta .widget-catlist .cat-list li.brand1,
.brand3 #beta .widget-catlist .cat-list li.brand3{
display:block;
/*padding:10px 0px 10px 20px;*/
background-color:#ccd0e7;
text-decoration:none;
}




/* 3.記事詳細
========================================== */

#product #content .dtl-date{
font-size:100%;
color:#666666;
}



/* 4.記事詳細_関連画像
========================================== */

#product #content #alpha .product-info .product-info-table .relevant-imgBox{
width:408px;
table-layout: fixed;
}

#product #content #alpha .product-info .product-info-table .relevant-imgBox img{
padding-right:10px;
float:left;
padding-top:10px;
}


/*5.サイズ表
-----------------------------------*/
body#size{
background:none !important;
text-align:center;
}

#size input[type="button"]{
 text-align: center;
}