@charset "euc-jp";
/* CSS Document for mcipollini.jp */
div.prdct_list{
	margin:	0px 0px 5px 0;
	height: 25px;
}

span.prdct_list_name{
	font-size:		20px;
	font-weight:	700;
	line-height:	40px;
	vertical-align:	middle;
	color:			#666666;
	margin:			10px 10px 10px 20px;
}

span.prdct_list_name a{
	font-size:	16px;
	color:		#999999;
}

span.prdct_list_name a hover{
	font-size:	16px;
	color:		#999999;
	font-style: inherit;
}
div.prdct{
	background:		url(img/bk_white.png) repeat;
}
div.prdct_left{
	border:			1px solid #CCCCCC;
	color:			#666666;
	height:			480px;
	width: 			270px;
	margin:			5px;
	padding:		10px;
	font-size:		10px;
	line-height:	14px;
	float:			left;
}
div.prdct_right{
	width:		650px;
	height:		480px;
	text-align:	center;
	vertical-align: middle;
	float:		left;
	padding-top: 30px;
	color:			#333333;
}
div.prdct_right p{
	line-height:480px;
}
div.prdct_right img{
	margin-top: 10px;
	width:			620px;
}
div.fukui_eq{
	height:			20px;
	margin:			30px 0 30px 0;
	color:			#333333;
	font-size:		12px;
}
div.fukui_eq p{
	line-height:	20px;
}
#teamy_logo{
	width:			85px;
}
div.prdct_assemble h3{
	line-height:	20px;
	color:			#333333;
}
div.prdct_assemble h4{
	color:		#000000;
}
div.prdct_assemble p{
	margin:		0 0 3px 0;
}
div.prdct_name{
	font-size:	30px;
	font-style:	italic;
	color:		#666666;
	margin:		10px 10px 10px 20px;
	line-height:36px;
}
div.prdct_name img{
	margin:		0 0 0 8px;
}
div.prdct_var{
	float:		left;
	padding:	0 0 10px 0;
}
div.speed_var{
	float:		left;
	padding:	0 0 10px 0;
}
div.prdct_var p{
	margin:		5px 0 5px 0;
}
div.speed_var p{
	margin:		5px 0 5px 0;
}
div.prdct_var_box{
	border-top: 1px solid #CCCCCC;
	clear: both;
	width: 930px;
	height: 130px;
	padding: 5px 15px 5px 15px;
	display: block;
}
div.speed_var_box{
	border-top: 1px solid #CCCCCC;
	clear: both;
	width: 930px;
	height: 130px;
	padding: 5px 15px 5px 15px;
	display: block;
}
p.ver_name{
	font-size:	12px;
	width:		155px;
	text-align:	center;
}
div.specbox{
	width: 960px;
	height: auto;
	clear: both;
	background-color: #000;
	margin: 0;
	padding: 0 0 30px 0;
}
div.spec{
	width:		940px;
	padding:		10px;
	background:	url(img/bk_black.png) repeat;
}
div.spectableouter{
	margin:		0 0 35px 0;
}
table.spec{
	width:		405px;
	height:		auto;
	/* border:		1px solid #CCCCCC; */
	font-size:	12px;
	color:		#CCCCCC;
}
table.spec caption{
	font-weight:bold;
	font-size:	16px;
	padding:	0 0 15px 0;
	text-align: left;
	color: #fff;
}
table.spec th {
	/* width:		200px; */
	text-align:		left;
	padding:		5px 20px 5px 0;
}
table.spec td {
	padding:	5px 0 5px 0;
}
table.assemble{
	width:		auto;
	height:		auto;
	border:		none;
	padding:	5px;
}
table.assemble caption{
	font-size:12px;
}
table.assemble tr th{
	text-align:	left;
	color:		#000000;
}
p.price{
	font-size:	14px;
	width:		385px;
	padding:	10px;
	text-align:	left;
	color:		#000000;
}
div.geoimgbox{
	width:		515px;
	float:		left;
	background:	url(img/bk_black.png) repeat;
}
div.geoimgbox img{
	padding: 40px 0 0 0;
}
div.geotabbox{
	width:		405px;
	height:		auto;
	padding:	40px 20px 10px 20px;
	background:	url(img/bk_black.png) repeat;
	float:		left;
	color:		#666666;
}
table.geometrietable{
	width:			405px;
	height:		auto;
	color:			#CCC;
	border:		1px solid #CCC;
	border-collapse: collapse;

	font-size:	12px;
}
table.geometrietable caption{
	font-weight:	bolder;
	font-size:		16px;
	padding:		0 0 15px 0;
	text-align:		left;
	color: #fff;
}
table.geometrietable th {
	padding:	5px;
	border:		1px solid #ccc;
	text-align:		center;
}
table.geometrietable td {
	padding:	5px;
	border:		1px solid #ccc;
	text-align:		center;
}
table.geometrietable2{
	width:			700px;
	height:		auto;
	margin:		35px 0 0 35px;
	padding:	40px 20px 10px 20px;
	color:			#CCC;
	border:		1px solid #CCC;
	border-collapse: collapse;
	font-size:	12px;
}
table.geometrietable2 caption{
	font-weight:	bolder;
	font-size:		16px;
	padding:		0 0 15px 0;
	text-align:		left;
	color: #fff;
}
table.geometrietable2 th {
	padding:	5px;
	border:		1px solid #ccc;
	text-align:		center;
}
table.geometrietable2 td {
	padding:	5px;
	border:		1px solid #ccc;
	text-align:		center;
}
div.techbox{
	margin: 30px 0 0 0;

}
div.partofbike{
/*	width:			960px; */
/*	height:			166px; */
	clear:			both;
}
div.partpic{
	width:			215px;
	float:			left;
	padding:		10px 20px 10px 20px;
}
div.partnote{
/*	width:			695px; */
	padding:		10px 10px 10px 10px;
/*	float:			left; */
}
div.partnote p{
/*	margin:			20px; */
	padding:		0 10px 0 0;
	font-size:		14px;
	line-height:	20px;
}
div.partnote h4{
	color:			#FFFFFF;
	margin: 0 0 15px 0;
}
div#footer{
	clear:both;
}





/********** 2014年 CSS追加 **********/
div.prdct_2014 {

}
div.prdct_2014 img {
	width: 960px;
	margin-top: -20px;
}
div.prdct_catch p {
	color:		#666666;
	margin: 20px;
	width: 500px;
	float: left;
}
div.prdct_price {
	float: right;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.7;
}
p.heading08 {
	margin: 15px 0 0 0;
	text-align: right;
	position: relative;
	padding: 15px 20px 15px 25px;
	background: #1f2021;
	box-shadow:
		10px 0 0 0 #1f2021,
		0 0 0 0 #1f2021,
		0 3px 3px 0 rgba(0,0,0,0.1);
}
p.heading08:after {
	content:" ";
	position: absolute;
	top: -10px;
	right: -10px;
	width: 0;
	height: 0;
	border-width: 0 10px 10px 0;
	border-style: solid;
	border-color: transparent;
	border-bottom-color: #000;
}
.var_photo img {
	width: 155px;
}
.color_small {
	font-size: 0.8em;
}


/********** 2015年 CSS追加 **********/





/***** clearfix *****/
.clearfix {
	width: 100%;
}
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}

/********** 2016年 CSS追加 **********/

div.specbox_parts{
	height: auto;
	clear: both;
	background-color: #000;
	margin: 0;
	padding: 30px 60px;
}
div.partslist{
	width:			960px; 
/*	height:			166px; */
	padding:		10px 20px;
	clear:			both;
}
div.partslistpic{
	width:			280px;
	float:			left;
	padding:		10px 20px 10px 0px;
}
div.partslistpic img{
	display: block;
 margin: auto;
}
div.partslistnote{
	width:			500px; 
	margin: 0 0 0 320px;
	padding:		10px 10px 10px 10px;
/*	float:			left; */
}
div.partslistnote p{
/*	margin:			20px; */
	padding:		0 10px 0 0;
	font-size:		14px;
	line-height:	20px;
}
div.partslistnote h4{
	color:			#FFFFFF;
	margin: 0 0 15px 0;
}


 h1.colorordermadeinitaly	{
	width:			100%;
	margin: 70px auto;
	text-align:		center;
}
 h2.colorordermadeinitaly	{
	width:			80%;
	margin: 50px auto 0;
	text-align:		center;
}
p.colorordermadeinitaly {
	width:			80%;
	height:		auto;
	margin: 0px auto 50px;
	padding:	10px;
	line-height: 1.5em;
	text-align:		center;
}

table.colororder{
	width:			80%;
	margin: auto;
	height:		auto;
	color:			#CCC;
	border-top:		1px solid #ccc;
	border-collapse: collapse;
}
table.colororder th {
	width:			35%;
	height:			60px;
	padding:	5px;
	border-bottom:		1px solid #ccc;
	text-align:		center;
}
table.colororder td {
	height:			60px;
	padding:	5px 30px;
	border-bottom:		1px solid #ccc;
	text-align:		left;
	line-height: 1.5em;
}

div.SAND {
	width:			80%;
	margin: 20px auto;
}
div.SAND p{
	width:			80%;
	margin: auto;
	padding:	20px 0 0 0;
}

div.SAND_box{
	width:			80%;
	margin: auto;
	padding:	10px 0 0 0;
	display:flex;
	justify-content: center;
}

div.SAND_img img{
	width:			100%;
}
div.SAND_smn img{
	width:			90px;
	margin:	0 5px 25px 0;
	float: left;
}

img.colororderimg {
	width:			100px;
	margin:	0 0 0 700px;
	float: left;
	
}
