@charset "utf-8";

/* #cont ************* */
/************************************************/
/* page */
/************************************************/
/* マイクロロン */
#cont .cont_body_microlon {
	padding: 20px 22px 0px 22px;
	width: 596px;
}
#cont .title_microlon {
	width: 590px;
	border-bottom: solid #999999 1px;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 3px;
	background: url(../../common/img/listmark_cat.jpg) no-repeat;
}
#cont .title_microlon h2 {
	padding: 1px 0px 0px 16px;
	height: 20px;
}
#cont .text_microlon {
	padding: 15px 3px 20px 3px;
	float: left;
	width: 590px;
}

#cont .text_microlon p {
	font-size: 1.3em;
	line-height: 1.4;
	text-align:justify;
	text-justify:inter-ideograph;
}
#cont .text_microlon .about_l {
	width: 245px;
	float: left;
}
#cont .text_microlon .about_r {
	width: 325px;
	float: right;
}
#cont .text_microlon .about_r h4 {
	font-size: 1.4em;
	line-height: 1.4;
	font-weight: bold;
	padding: 15px 0px 3px 0px;
}
#cont .text_microlon .about_r h4.color01 {
	color: #D70C19;
}
#cont .text_microlon .about_r h4.color02 {
	color: #F39800;
}
#cont .text_microlon .about_r ul {
	list-style-type: disc;
	list-style-position: inside;
}
#cont .text_microlon .about_r li,
#cont .text_microlon .about_r p {
	font-size: 1.2em;
	line-height: 1.4;
}
#cont .microlon_point {
	float: left;
	padding: 15px 0px 0px 0px;
	width: 590px;
}
#cont .microlon_point h4 {
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 20px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}
#cont .microlon_point h4.bg_b {
	background: url(../../common/img/title_bgline_blue.jpg) no-repeat;
}
#cont .microlon_point h4.bg_r {
	background: url(../../common/img/title_bgline_red.jpg) no-repeat;
}

#cont .microlon_point dl {
	font-size: 1.2em;
	line-height: 1.4;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 10px;
}

#cont .microlon_point dt {
	background: url(../../common/img/listmark_blue.gif) no-repeat 0 8px;
	padding: 4px 0px 4px 13px;
	font-weight: bold;
}
#cont .microlon_point dd {
	padding: 0px 0px 5px 0px;
}
#cont .microlon_point dd .quantity_table {
	width: 580px;
	font-size: 1em;
	line-height: 1.4;
	border: 1px #999999 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 5px 0 0px 0;
	text-align:justify;
	text-justify:inter-ideograph;
	color: #333333;
	}
	
#cont .microlon_point dd .quantity_table th {
	padding: 3px 6px 3px 6px;
	border: 1px #999999 solid;
	background: #E3E3E3;
	text-align: center;
	}

#cont .microlon_point dd .quantity_table td {
	padding: 3px 6px 3px 6px;
	border: 1px #999999 solid;
	text-align: center;
	}
#cont .microlon_point dd .quantity_table .width_th {
	width: 14%;
}
#cont .text_microlon02 {
	padding: 15px 3px 10px 3px;
	float: left;
	width: 590px;
}

#cont .text_microlon02 p {
	font-size: 1.3em;
	line-height: 1.4;
	text-align:justify;
	text-justify:inter-ideograph;
}
#cont .microlon_list {
	width: 596px;
	float: left;
	padding: 0px 0px 20px 0px;
}
#cont .microlon_list ul {
	padding: 0;
}
#cont .microlon_list li {
	width: 116px;
	float: left;
	margin-bottom: 4px;
}
#cont .text_microlon .sticker {
	width: 590px;
	float: left;
}
#cont .text_microlon .sticker img {
	float: left;
	margin: 0px 10px 0px 0px;
}
#cont .text_microlon .shop_contact {
	clear: both;
	width: 590px;
	padding: 10px 0px 0px 0px;
}
#cont .shop_list_link {
	width: 435px;
	padding: 20px 0px 10px 155px;
	float: left;
}
#cont .shop_list_link p.btn {
	width: 280px;
	float: left;
	margin-right: 10px;
}
#cont .shop_list_link p.official {
	width: 140px;
	float: left;
	font-size: 1em;
}
#cont .shop_list_link p.official a:hover {
	text-decoration: none;
}

/* 商品詳細 */
#cont .title_microlon_details {
	width: 590px;
	border-bottom: solid #999999 1px;
	padding: 0px 0px 5px 0px;
	background: url(../../common/img/listmark_cat.jpg) no-repeat 0 2px;
	margin: 0px 0px 15px 3px;
}
#cont .title_microlon_details h2 {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.2;
	padding: 1px 0px 0px 16px;
}
#cont .microlon_details {
	padding: 0px 3px 20px 3px;
	float: left;
	width: 590px;
}

#cont .microlon_details p {
	font-size: 1.3em;
	line-height: 1.4;
	text-align:justify;
	text-justify:inter-ideograph;
}
#cont .microlon_details_img {
	margin: 0px 15px 10px 0px;
	float: left;
} 
#cont .microlon_details_table {
	width: 415px;
	float: left;
	padding-bottom: 10px;
}
#cont .microlon_details_table table {
	font-size: 1.2em;
	line-height: 1.4;
	border: 1px #999999 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	text-align:justify;
	text-justify:inter-ideograph;
	color: #333333;
	}	
#cont .microlon_details_table table th {
	width: 89px;
	padding: 3px;
	border: 1px #999999 solid;
	background: #E3E3E3;
	text-align: center;
	}

#cont .microlon_details_table table td {
	width: 108px;
	padding: 3px;
	border: 1px #999999 solid;
	text-align: center;
	}
#cont .microlon_details_table table.width_01 {
	width: 197px;
	}
#cont .microlon_details_table table.width_02 {
	width: 305px;
	}
#cont .microlon_details_table table.width_03 {
	width: 413px;
	}

/* 関連するインプレッション */
#cont .microlon_details ol {
	float: left;
	padding: 5px 0px 0px 6px;
}
#cont .microlon_details li {
	background: url(../../common/img/listmark_balloon01.gif) no-repeat left 2px;
	padding: 4px 0px 4px 30px;
	font-size: 1.2em;
	line-height: 1.4;
}
#cont .microlon_details li a {
	color: #333333;
}

	
/* インプレッション（共通） */
#cont .impression_list_header p {
	float: right;
	width: 6em;
	color: #0C5E9A;
	font-size: 1.2em;
	line-height: 1.4;
	font-weight: bold;
	text-align: right;
	padding: 2px 0px 0px 0px;
	word-break: break-all; /* IE改行 */
}
#cont .impression_list_border {
	float: left;
	width: 570px;
	border-bottom: solid #999999 1px;
	padding: 0px 0px 5px 0px;
}
#cont .impression_list_body .impression_list_title {
	padding: 0px 0px 10px 0px;
}
#cont .impression_list_body .impression_list_title h4 {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.2;
}
#cont .impression_list_body .impression_list_text {
	font-size: 1.3em;
	line-height: 1.4;
	text-align:justify;
	text-justify:inter-ideograph;
}

#cont .border_top {
	border-top: dashed #999999 1px;
	padding-top: 10px;
}


/* インプレッション（白） */
#cont .impression_list_w {
	width: 596px;
	float: left;
	background: url(../../common/img/white_frame_middle.jpg) repeat-y;
	margin: 0px 0px 10px 0px;
}

#cont .impression_list_w .impression_list_header {
	background: url(../../common/img/white_frame_top.jpg) no-repeat left top;
	padding: 13px 13px 0px 13px;
	float: left;
}

#cont .impression_list_w .impression_list_header h3 {
	background: url(../../common/img/listmark_balloon01.gif) no-repeat left top;
	padding: 2px 0px 2px 28px;
/*	width: 470px;*/
	float: left;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.2;
	color: #0C5E9A;
	word-break: break-all; /* IE改行 */
}

#cont .impression_list_w .impression_list_body {
	padding: 10px 13px 13px 13px;
	background: url(../../common/img/white_frame_bottom.jpg) no-repeat 0 bottom;
	float: left;
	width: 570px;
}

#cont .impression_list_w  p.impression_bike_name {
	color: #333333;
	text-align: left;
	width: 570px;
	font-weight: normal;
	padding-top: 5px;
}


/* ショップリスト */
#cont .text_shop_list {
	padding: 15px 0px 0px 0px;

}
#cont .text_shop_list p {
	font-size: 1.3em;
	line-height: 1.4;
	text-align:justify;
	text-justify:inter-ideograph;
}

#cont .text_shop_list .copy {
	padding: 0px 0px 5px 0px;
	font-weight: bold;
}

#cont .shop_list_table {
	width: 590px;
	font-size: 1.2em;
	line-height: 1.4;
	border: 1px #999999 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 15px 0 10px 0;
	text-align:justify;
	text-justify:inter-ideograph;
	color: #333333;
	}
	
#cont .shop_list_table th {
	padding: 3px;
	border: 1px #999999 solid;
	background: #E3E3E3;
	text-align: center;
	}

#cont .shop_list_table td {
	padding: 3px;
	border: 1px #999999 solid;
	text-align: center;
	}

#cont .shop_list_table td a {
	color: #333333;
	text-decoration: underline;
	}
#cont .shop_list_table td a:hover {
	text-decoration: none;
	}

#cont .shop_list_table .align_left {
	text-align: left;
	}

#cont .shop_list_info {
	padding: 0px 0px 20px 0px;

}
#cont .shop_list_info p {
	font-size: 1.2em;
	line-height: 1.4;
	text-align:justify;
	text-justify:inter-ideograph;
}
#cont .shop_list_info a {
	color: #0C5E9A;
	text-decoration: underline;
}
#cont .shop_list_info a:hover {
	text-decoration: none;
}

/* SUDA MADEへのリンク */
#cont .microlon_link_btn{
	padding: 0px 3px 20px 3px;
	width: 590px;
	float: left;
	
}
/* キャンペーンバナー */
#cont .campaign_banner{
	width: 500px;
	padding: 15px 0px 10px 45px;
	float: left;
	
}