@charset "shift_jis";
/* CSS Document */


div#article div.article.box{
	background:url(../img/top/boxbg.png) left top repeat-y;
	margin-bottom:10px;
}

div#article div.article div.articlemain{
	width:570px;
	margin:0 auto;
}
div#article div.article.box .articlebottom{
	background:url(../img/top/boxbottom.png) left bottom no-repeat;
	width:630px;
	height:24px;
}
div#article div.article.box .articlebottom hr{
	display:none;
}


div#article div.article1 div.articletop{
	background:url(../img/top/boxtop1.png) left top no-repeat;
	width:630px;
	height:67px;
	padding:0 0 23px 0;
	text-indent:-9999px;
	overflow:hidden;
}

div#article div.article1 div.articleorder{
	background:url(../img/order/img1.png) left top no-repeat;
	width:630px;
	height:67px;
	padding:0 0 23px 0;
	text-indent:-9999px;
	overflow:hidden;
}

div#article div.article1 div.articlecompany{
	background:url(../img/company/img1.png) left top no-repeat;
	width:630px;
	height:67px;
	padding:0 0 23px 0;
	text-indent:-9999px;
	overflow:hidden;
}

div#article div.article1 div.articlecolumn1{
	background:url(../img/column/img1.png) left top no-repeat;
	width:630px;
	height:67px;
	padding:0 0 23px 0;
	text-indent:-9999px;
	overflow:hidden;
}

div#article div.article1 div.articlecolumn2{
	background:url(../img/column2/img1.png) left top no-repeat;
	width:630px;
	height:67px;
	padding:0 0 23px 0;
	text-indent:-9999px;
	overflow:hidden;
}

div#article div.article1 div.articlesocks{
	background:url(../img/socks/img1.png) left top no-repeat;
	width:630px;
	height:67px;
	padding:0 0 23px 0;
	text-indent:-9999px;
	overflow:hidden;
}


div#article div.article1 div.articleglove{
	background:url(../img/glove/img1.png) left top no-repeat;
	width:630px;
	height:67px;
	padding:0 0 23px 0;
	text-indent:-9999px;
	overflow:hidden;
}


div#article div.article1 div.articlevest1{
	background:url(../img/vest1/img1.png) left top no-repeat;
	width:630px;
	height:67px;
	padding:0 0 23px 0;
	text-indent:-9999px;
	overflow:hidden;
}


div#article div.article1 div.articlevest2{
	background:url(../img/vest2/img1.png) left top no-repeat;
	width:630px;
	height:67px;
	padding:0 0 23px 0;
	text-indent:-9999px;
	overflow:hidden;
}


div#article div.article1 div.articlevoice01{
	background:url(../img/voice01/img1.png) left top no-repeat;
	width:630px;
	height:67px;
	padding:0 0 23px 0;
	text-indent:-9999px;
	overflow:hidden;
}


div#article div.article1 div.articlevoice{
	background:url(../img/voice/img1.png) left top no-repeat;
	width:630px;
	height:67px;
	padding:0 0 23px 0;
	text-indent:-9999px;
	overflow:hidden;
}

div#article div.article1 div.articlemass{
	background:url(../img/mass/img1.png) left top no-repeat;
	width:630px;
	height:67px;
	padding:0 0 23px 0;
	text-indent:-9999px;
	overflow:hidden;
}



div#article div.article1 div.articlenew2a{
	background:url(../img/new2/img1.png) left top no-repeat;
	width:630px;
	height:67px;
	padding:0 0 23px 0;
	text-indent:-9999px;
	overflow:hidden;
}

div#article div.article2 div.articlenew2b{
	background:url(../img/new2/img2.png) left top no-repeat;
	width:630px;
	height:67px;
	padding:0 0 23px 0;
	text-indent:-9999px;
	overflow:hidden;
}


div#article div.article1 div.articlenew3a{
	background:url(../img/new3/img1.png) left top no-repeat;
	width:630px;
	height:67px;
	padding:0 0 23px 0;
	text-indent:-9999px;
	overflow:hidden;
}

div#article div.article2 div.articlenew3b{
	background:url(../img/new3/img2.png) left top no-repeat;
	width:630px;
	height:67px;
	padding:0 0 23px 0;
	text-indent:-9999px;
	overflow:hidden;
}



div#article div.article1 div.article99{
	background:url(../img/battery/img1.png) left top no-repeat;
	width:630px;
	height:67px;
	padding:0 0 23px 0;
	text-indent:-9999px;
	overflow:hidden;
}




div#article p{
	margin:0 0 14px 0;
	text-align:left;
}

div#article div.article div.articlemain h2{
	padding:10px 0 10px 0px;
	margin:0px 0 40px 0;
	width:559px;
	height:70px;
	line-height:40px;
	color:#333;
	font-weight:bold;
	text-align:left;
	font-size:28px;
font-family:"ƒqƒ‰ƒMƒmŠÛƒS Pro W4","ƒqƒ‰ƒMƒmŠÛƒS Pro","Hiragino Maru Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","HGŠÛºÞ¼¯¸M-PRO","HGMaruGothicMPRO";
}

div#article div.article div.articlemain h4{
	border-left:7px solid #FF9900;  
    padding:.8em .9em; 
		font-weight:bold;
			color:#333;
				margin:0 0 10px 0;
}




div#article div.article div.articlemain h5{  
	position:relative; 
	color:#FFF;
	font-weight:bold;
	font-size:18px;
background: #f30; /* Old browsers */
	background: -moz-linear-gradient(left, #f30 0%, #FF633C 50%, #f30 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f30), color-stop(50%,#FF633C), color-stop(100%,#f30)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #f30 0%,#FF633C 50%,#f30 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #f30 0%,#FF633C 50%,#f30 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, #f30 0%,#FF633C 50%,#f30 100%); /* IE10+ */
	background: linear-gradient(left, #f30 0%,#FF633C 50%,#f30 100%); /* W3C */
    margin: 20px -35px 20px -35px;
    padding: 5px 5px 5px 20px;
    border-top:0px solid;
    } 
	
	
div#article div.article div.articlemain h5:before,
div#article div.article div.articlemain h5:after {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top: 5px solid #666;
	}
	
div#article div.article div.articlemain h5:after {
    left: 0;
    border-right: 5px solid #666;
	}


div#article div.article div.articlemain h5:before {
    right: 0;
    border-left: 5px solid #666;
	}









div#article div.article p.title{
	margin:0 0 20px 0;
}

div#article div.article1 .article11 p.txtimg img{
	float:right;
	padding:0 0 0 10px;
}



div#article div.article div.article12 ol{
}

div#article div.article div.article12 ol li{
	width:570px;
	height:151px;
	margin:0 0 10px 0;
}
div#article div.article div.article12 ol li h3{
	width:570px;
	height:75px;
	text-indent:-9999px;
	overflow:hidden;
}
div#article div.article div.article12 ol li p{
	height:76px;
	width:328px;
	padding:0 205px 0 37px;
	color:#333333;
	line-height:1.3;
}

div#article div.article div.article12 ol li.article121 h3{
	background:url(../img/top/img121.jpg) left top no-repeat;
}
div#article div.article div.article12 ol li.article121 p{
	background:url(../img/top/img121.jpg) left bottom no-repeat;
}

div#article div.article div.article12 ol li.article122 h3{
	background:url(../img/top/img122.jpg) left top no-repeat;
}
div#article div.article div.article12 ol li.article122 p{
	background:url(../img/top/img122.jpg) left bottom no-repeat;
}

div#article div.article div.article12 ol li.article123 h3{
	background:url(../img/top/img123.jpg) left top no-repeat;
}
div#article div.article div.article12 ol li.article123 p{
	background:url(../img/top/img123.jpg) left bottom no-repeat;
}

div#article div.article div.article12 ol li.article124 h3{
	background:url(../img/top/img124.jpg) left top no-repeat;
}
div#article div.article div.article12 ol li.article124 p{
	background:url(../img/top/img124.jpg) left bottom no-repeat;
}

div#article div.article div.article12 ol li.article125 h3{
	background:url(../img/top/img125.jpg) left top no-repeat;
}
div#article div.article div.article12 ol li.article125 p{
	background:url(../img/top/img125.jpg) left bottom no-repeat;
}

div#article div.article div.article12 ol li.article126 h3{
	background:url(../img/top/img126.jpg) left top no-repeat;
}
div#article div.article div.article12 ol li.article126 p{
	background:url(../img/top/img126.jpg) left bottom no-repeat;
}



div#article div.article2a div.articletop{
	background:url(../img/top/boxtop2.png) left top no-repeat;
	width:630px;
	height:67px;
	padding:0 0 23px 0;
	text-indent:-9999px;
	overflow:hidden;
}

div#article div.article2b div.articletop{
	background:url(../img/top/boxtop4.png) left top no-repeat;
	width:630px;
	height:67px;
	padding:0 0 23px 0;
	text-indent:-9999px;
	overflow:hidden;
}

div#article div.article2 div.articletop{
	background:url(../img/top/boxtop2.jpg) left top no-repeat;
	width:630px;
	height:67px;
	padding:0 0 23px 0;
	text-indent:-9999px;
	overflow:hidden;
}


div#article div.article3 div.articletop{
	background:url(../img/top/boxtop3.png) left top no-repeat;
	width:630px;
	height:67px;
	padding:0 0 23px 0;
	text-indent:-9999px;
	overflow:hidden;
}

div#article div.article2 div.sockstop2{
	background:url(../img/socks/img2.png) left top no-repeat;
	width:630px;
	height:67px;
	padding:0 0 23px 0;
	text-indent:-9999px;
	overflow:hidden;
}

div#article div.article1 div.sockstop3{
	background:url(../img/socks/img3.png) left top no-repeat;
	width:630px;
	height:67px;
	padding:0 0 23px 0;
	text-indent:-9999px;
	overflow:hidden;
}

div#article div.article2 div.glovetop2{
	background:url(../img/glove/img2.png) left top no-repeat;
	width:630px;
	height:67px;
	padding:0 0 23px 0;
	text-indent:-9999px;
	overflow:hidden;
}


div#article div.article2 div.vest1top2{
	background:url(../img/vest1/img2.png) left top no-repeat;
	width:630px;
	height:67px;
	padding:0 0 23px 0;
	text-indent:-9999px;
	overflow:hidden;
}

div#article div.article2 div.vest2top2{
	background:url(../img/vest2/img2.png) left top no-repeat;
	width:630px;
	height:67px;
	padding:0 0 23px 0;
	text-indent:-9999px;
	overflow:hidden;
}

div#article div.article.article2 div.imgtxt{
	height:180px;
}

div#article div.article.article2 div img{
	float:left;
	width:210px;
	height:147px;
	padding:0 17px 0 0;
}

div#article div.article.article2 div p{
	padding:15px 0 0 0;
}
div#article div.article.article2 div p span{
	font-weight:bold;
	letter-spacing:-1px;
}












/*div.blocks p.link,
div.blocks2 p.link{
*	float:right;*
	margin:0 auto 10px auto;
	padding:0 0 6px 0;
	width:560px;
	height:18px;
	line-height:18px;
	text-align:right;
}
div.blocks p.link a,
div.blocks2 p.link a{
	display:inline-block;
	padding:0 0 0 20px;
	width:auto;
	height:18px;
	background:url(../img/common/linkimg.jpg) left center no-repeat;
	line-height:18px;
	text-align:right;
	font-weight:normal;
}*/


div.blocks p.link{
	margin:0 0 10px 0;
	padding:0 0 6px 0;
	width:560px;
	height:23px;
	line-height:23px;
}
div.blocks p.link a{
	display:inline-block;
	padding:0 0 0 25px;
	width:auto;
	height:23px;
	background:url(../img/top/linkimg.jpg) left center no-repeat;
	line-height:23px;
}