@charset "UTF-8";

/*========================================

	spec.css
	Last Edit | 2010.02.20
	
========================================*/

@import "common.css";
@import "base.css";

#spec-top-copy {
	width: 630px;
	margin: 0 auto;
}

.spec-top-btn {
	width: 630px;
	margin: 0 auto 10px auto;
	text-align: right;
}


/*sub-menu*/
#spec-menu {
	height: 41px;
	margin: 0 auto 10px auto;
	line-height: 1.2;
}

#spec-menu li {
	list-style: none;
	height: 41px;
	margin: 0 0 0 0;
	float: left;
}

/*spec*/
.spec {
	clear: both;
}

.spec a {
	display:block;
	width: 570px;
	height: 140px;
	margin: 0 0 12px 0;
	_margin: 0;
	padding: 5px;
	float: left;
	border: #DDDDDD solid 1px;
	background:url(../spec/img/spec_bg.gif) no-repeat top ;
	text-decoration:none;
	cursor: hand;
	font-size: 93%;
}

.spec a:hover{
	background-color: #F5F5F5;
	text-decoration: none;
}

.spec-ph {
	float: left;
	width:210px;
	height:140px;
}

.spec-text {
	width: 330px;
	height: 140px;
	margin: 0;
	padding: 0;
	float: right;
}

.spec-text li {
	list-style: none;
	padding: 0;
}

.spec-name {
	margin:45px 0 0 0;
	width:150px;
	height:20px;
}

.spec-data-text {
	margin:5px 0 0 0;
	height:25px;
	text-align: left;
}

.spec-btn-more {
	margin:40px 0 0 0;
	_margin:30px 0 0 0;
	text-align: right;
}

.spec-btn-more2 {
	margin:40px 0 0 0;
	text-align: right;
}

.spec-new {
	margin: 0 0 0 3px;
}

.spec-space {
	width: 302px;
	height: 5px;
	margin: 0;
	padding: 0;
	float: left;
}


/*詳細ページ*/

.section_line {
	text-align: left;
}

.spec-box-data {
	padding: 15px 0 10px 0;
	font-size: 108%;
	font-weight:bold;
	color: #000000;
	text-align: left;
}

.spec-box-data02 {
	width: 580px;
	margin: 0 auto 15px auto;
	padding: 10px 0 0 0;
	font-size: 108%;
	font-weight:bold;
	color: #000000;
}

.spec-box-ph {
	width: 580px;
	height:185px;
	margin: 14px 0 0 0;
	padding: 0 0 0 0;
}

.line {
	padding-top: 10px;
	border-top: #ddd solid 1px;
}

.spec-box02-ph {
	margin: 14px 0 30px 0;
	padding: 0 0 0 0;
}

.spec-box02-ph li {
	float: left;
}

.spec-box-ph1 {
	float: left;
}

/* etc */
.spec_etc {
	display:block;
	width: 560px;
	margin: 0 auto;
	padding: 10px;
	float: left;
	border: #DDDDDD solid 1px;
	background-color: #FFFFFF;
	text-decoration:none;
	text-align: left;
	clear: both;
}

.spec-etc-text {
	margin: 0;
	padding: 0;
	font-weight: 93%;
}

.spec-etc-text li {
	list-style: none;
	padding: 0;
}

.spec_etc_b {
	font-size:14px;
	font-weight:bold;
	margin:0 0 5px 0;
	color:#000000;
}

.spec_etc_s {
	color:#000000;
}

.spec_line{
	margin: 5px auto 5px auto;
	border-bottom: #DDDDDD solid 1px;
	color: #000000;
}

/* page-navi-buttom */

.spec-button {
	width: 630px;
	margin: 0 auto;
	text-align: center;
}

.spec-button img {
	margin: 0 3px;
	padding: 0;
	vertical-align: top;
}



/* index2_tabls */
table.spec-price {
	margin:10px 0 0 0;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
}
.spec-price th {
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#f2eee9;
	padding:0.3em 1em;
	text-align:center;
}
.spec-price td {
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:0.3em 1em;
	text-align:center;
}


.spec:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

.clearfix {
	display: inline-block;
	min-height: 1%;
}

/* For Except Mac IE \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* */

/* △ここまではclearfix基本セット。あとは任意で */

/* For Mac IE Only \*//*/
.clearfix { overflow: hidden; }
/* */

/*	for Dreamweaver
.clearfix{ overflow: hidden; }
*/