@charset "utf-8";

/* generated by souei fukumoto */ 

/* メイン *************************************************************************************/  
.page-title
{
	width: 360px;
	float: left;
	clear: both;
	padding-top: 21px;
} 
.pan-list-area
{
	width: 725px;
	float: left;
	clear: both;
	padding-top: 12px;
	font-size: 11px;
	color:#999999;
}
.pan-list-area a
{
    text-decoration:underline;
	color:#000000;
}
.pan-list-area a:hover
{
    text-decoration:none;
	color:#999999;
}
.gear-serch-area{
    padding-left:573px;
	display:block;
	float:left;
	clear:both;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
   }

.gear-serch-area-top{
    padding-left:573px;
	display:block;
	float:left;
	clear:both;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
   }   

.gear-serch-area2{
    padding-left:573px;
	display:block;
	float:left;
	clear:both;
	padding-top: 15px;
	padding-bottom: 15px;
   }

.gear-serch-area-top2{
    padding-left:573px;
	display:block;
	float:left;
	clear:both;
	padding-top: 15px;
	padding-bottom: 15px;
   }  

.gear-serch-form-part{
	float:right;
	width:170px;
	text-align: left;
   }
.gear-serch-form{
	float:right;
	width:150px;
	background-color: #000000;
	color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
   }   
      
.gear-contents
{
	width: 735px;
	float: left;
	clear: both;
	padding-top: 28px;
	z-index: 0;

}
.gear-tab
{
	float: left;
	width: 365px;
	padding-top: 21px;
	height: 29px;
	display: block;
	background-attachment: scroll;
	background-image: url(../images/gear-title-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 21px;
}
.gear-tab-part{
	float:left;
	height: 16px;
	width: 71px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	margin: 0px;
   }

.gear-part
{
	width: 237px;
	float: left;
	padding-right: 8px;
	height: 270px;
	padding-bottom: 20px;
	z-index: 0;

}
.gear-part-img{
	float:left;
	clear:both;
	width: 237px;
	height:152px;
	z-index: 0;
	
	background-attachment: scroll;
	background-image: url(../images/gear-noimg1.jpg);
	background-repeat: no-repeat;
	background-position: left top;

	}
.gear-part-img img{
    border: 1px solid #999999;
	width: 235px;
	height:150px;
	z-index: 0;

	}
.gear-part-img a img:hover{
    border: 1px solid #666666;
	width: 235px;
	height:150px;
	z-index: 0;

	}		
.gear-part-text-area{
	float:left;
	clear:both;
	width: 237px;
	z-index: 0;

	}	
.gear-title{
	font-size:12px;
	padding-top: 8px;
	font-weight: bold;
	z-index: 0;
	width: 237px;

	}
.gear-detail{
	font-size:10px;
	color:#999999;
	line-height: 18px;
	z-index: 0;
	width: 237px;

	}
.gear-update-area{
	float:left;
	clear:both;
	width: 237px;
	padding-top: 2px;
	z-index: 0;

	}
.gear-newmark-area{
	float:right;
	width: 32px;
	padding-top: 4px;
	z-index: 0;

   }
.gear-newmark-area img{
	width: 32px;
	height:11px;
	z-index: 0;

   }  
.gear-update-day{
	float:right;
	font-size: 10px;
	color: #c0c0c0;
	padding-right: 10px;
	z-index: 0;

   }
.gear-pagenum-area{
	clear:both;
	width:646px;
	text-align: center;
	float: left;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	z-index: 0;

	}
		
.gear-pagenum-area a.link_page{
	height:20px;
	margin-right: 3px;
	margin-left: 3px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 0px;
	border: 1px solid #CCCCCC;
	text-decoration: none;
	}
.gear-pagenum-area .current_page{
	height:20px;
	margin-right: 3px;
	margin-left: 3px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 0px;
	border: 1px solid #CCCCCC;
	background-color: #CCCCCC;
	}


/* 詳細ページ *************************************************************************************/ 

.gear-detail-contents
{
	width: 725px;
	float: left;
	clear: both;
	padding-top: 28px;
	z-index: 0;
}
.gear-detail-title
{
	width: 683px;
	float: left;
	clear: both;
	font-size: 30px;
	font-weight: bold;
	line-height: 35px;
}
.gear-detail-update
{
	width: 683px;
	float: left;
	clear: both;
	font-size: 12px;
	color: #c0c0c0;
	padding-top: 5px;
}
.gear-detail-img
{
	width: 683px;
	float: left;
	clear: both;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 40px;
}
.gear-detail-text
{
	width: 683px;
	float: left;
	clear: both;
	overflow-x:hidden
	
}
/*.gear-detail-text img
{
	max-width: 683px;
}*/
.gear-detail-name
{
	width: 683px;
	float: left;
	clear: both;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 5px;

}
.out-link-box
{
	width: 683px;
	float: left;
	clear: both;
	padding-top: 10px;
	padding-bottom: 5px;

}
.out-link-box-inner
{
	width: 300px;
	float: left;
	clear: both;

}
.twitter-link-box{
   width:150px;
   float:left;
   }
.twitter-link-box img{
	float:left;
   margin-right:5px;
   } 
.facebook-link-box{
   width:150px;
   float:left;
   }
.facebook-link-box img{
    float:left;
   margin-right:5px;
   }      
.gear-detail-back-btn
{
	width: 683px;
	float: left;
	clear: both;
	padding-top: 0px;
	padding-bottom: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	text-align: right;
}
.gear-detail-bottom-pages
{
	width: 683px;
	float: left;
	clear: both;
	padding-top: 20px;
	text-align: center;
}

.gear-detail-bottom-pages a
{
    color:#000000;
	text-decoration:none;
}
.gear-detail-bottom-pages a:hover
{
	color:#999999;
	text-decoration:none;
}
.gear-detail-comment-area{
	width: 683px;
	float: left;
	clear: both;
	padding-top: 65px;
}
.comments{
	width: 683px;
	float: left;
	clear: both;
	
}
.comments-open-header{
    font-weight:bold;
	width: 683px;
	float: left;
	clear: both;
}
.comments-header{
	width: 683px;
	float: left;
	clear: both;
	font-weight: bold;
}
.comments-header-comments-count{
	width: 683px;
	float: left;
	clear: both;
	font-weight: bold;
}
.comments-content{
	width: 683px;
	float: left;
	clear: both;
	padding-top:5px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	font-size: 10px;
}
comments-open-content{
	width: 683px;
	float: left;
	clear: both;
	padding-top:5px;
}
.inner{
	float:left;
	clear:both;
	width:683px;
	padding-top: 5px;
	padding-bottom: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	}
.comments-open{
width: 683px;
	float: left;
	clear: both;
	padding-top:15px;
}
#comment-text{
	width:683px;
	height:80px;
	font-size:12px;
	line-height:20px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
.byline{
	font-size: 10px;
}