@charset "utf-8";
 
 
/*index*/
/*:h2:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#h2lineup{
	padding: 0;
	height: 40px;
	text-indent: -9748px;
	background: url(../images/h2_lineup.gif) no-repeat;
}

#sec_index{
	margin: 20px 0;
	padding: 0;
}

#sec_lineup{
	margin: 30px 0;
	padding: 0;
	clear: both;
}
.sec_lineup_in01{
	width: 663px;
	margin: 10px 0;
	padding: 0;
	border: 1px solid #840101;
	overflow: hidden;
}
.sec_lineup_in02{
	width: 663px;
	margin: 10px 0;
	padding: 0;
	border: 1px solid #003300;
	overflow: hidden;
}
.sec_lineup_in_txt{
	width: 470px;
	padding: 10px;
	line-height: 180%;
	float: left;
}
.sec_lineup_in_img{
	float: right;
	padding: 10px;
}
.goto{
	text-align: right;
}
/*
 lineup
      */
 


.topimg{
	margin: 20px 0 0 0;
	padding: 0;
}
.lineup_text{
	margin: 5px 0 0 0 ;
	padding: 0;
	font-size: 12px;
	line-height: 150%;
	letter-spacing: 1px;
}
/*:h3-カラーバリエーション:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.h3lineup_color{
	height: 21px;
	margin: 20px 0 10px 0;
	padding: 0 0 5px 0;
	background: url(../lineup/images/lineup_h3color.png) no-repeat;
	text-indent: -9748px;
}
ul.lineup_color{
	width: 665px;
	list-style: none;
}
ul.lineup_color li{
	width: 120px;
	float: left;
	text-align: center;
	margin-left: 15px;
	margin-bottom: 15px;
}
.sam{
	font-size: 9px;
	padding-top: 2px;
}
/*:h3-スペック:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.h3spec{
	height: 21px;
	margin: 20px 0 10px 0;
	padding: 0 0 5px 0;
	background: url(../lineup/images/lineup_h3spec.png) no-repeat;
	text-indent: -9748px;
}
.speclist{
	width: 515px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 150%;
	float: left;
}

.speclist tr th{
	width: 150px;
	text-align: right;
	margin: 0;
	padding: 5px 10px 5px 0 ;
	border-bottom: dotted #999 1px;
	background: #efefef;
}
.speclist tr td{
	text-align: left;
	margin: 0;
	padding: 5px 5px 5px 10px;
	border-bottom: solid #999 1px;
}
.speclist tr td.ef{
	text-align: right;
	margin: 0;
	padding: 5px 10px 5px 0 ;
	border-bottom: dotted #999 1px;
	background: #efefef;
}
ul.specimg{
	width: 150px;
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}
ul.specimg li{
	float: left;
	margin: 0;
	padding:0 0 8px 8px;
}
ul.specimg li a img{border: 1px solid #ccc;}
ul.specimg li a:hover img{border: 1px solid #f70e12;}

/*:
 process
      */
 
/*:h2:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#h2process{
	padding: 0;
	height: 40px;
	text-indent: -9748px;
	background: url(../images/h2_process.gif) no-repeat;
}
.probox{
	background: #efefef;
	margin: 20px 0 0 0;
	font-size: 12px;
}
.protext{
	padding: 5px;
	line-height: 150%;
	letter-spacing: 1px;
}
.proallbox{
	width: 665px;
	margin: 20px 0;
	padding: 0;
	overflow: hidden;
}
.pro_topttl{
	font-size: 1em;
	font-weight: bold;
	padding: 3px;
	color: #000;
	border-left: 5px #ff0000 solid;
	background: url(../images/border_dub_858.gif) bottom repeat-x;
}
.promainbox{
	width: 400px;
	margin: 10px 0 0 0;
	float: left;
}
.promaintext{
	padding: 0;
	line-height: 150%;
	font-size: 12px;
}
.promaintext2{
	padding: 15px  0 0;
	line-height: 150%;
	font-size: 12px;
}
.promainimg{
	width: 250px;
	margin: 10px 0 0 0 ;
	padding: 0;
	float: right;
}
.promainimg img{
	padding: 0 0 10px 0;
}