@charset "Shift_JIS";

/**
 *  POPUP
 *@
 *  01.HELMET INNER TABLES
 *  02.HELMET ICON
 */



/**
 *  01.HELMET INNER TABLES
 */
dl#helmet_types dt {
	font-weight: bold;
	margin-top: 10px;
}

dl#helmet_types dd ul {
	width: 98%;
}

dl#helmet_types dd ul li {
	float: left;
	display: inline;
	margin-right: 1.8em;
	line-height: 2.0;
}

table#helmet_types_table {
}
table#helmet_types_table td {
	padding-right: 15px;
}


dl#helmet_types_detail dt.style01 {
	margin-top: 30px;
	padding: 6px 8px;
	font-weight: bold;
	border-bottom: solid 1px #ccc;
	border-left: solid 6px #999;
}

dl#helmet_types_detail dd ul {
	margin-top: 10px;
}

dl#helmet_types_detail dd ul li {
	margin-bottom: 5px;
	padding-left: 1em;
	font-size: .85em;
	text-indent: -1em;
}

table.detail_info {
	margin-top: 15px;
	border: 1px solid #ccc;
	text-align:center;
}

table.detail_info td {
	padding: 5px;
	font-size: .85em;
	line-height: 1.2;
	white-space: nowrap;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.detail_info td.top_style {
	background-color: #999;
	color: #fff;
}

table.detail_info td.cell_color01 {
	background-color: #f0f0f0;
}

table.detail_info td.cell_color02 {
	background-color: #e7eef4;
}
table.detail_info td.cell_color02 span {
	color: #36c;
}

dl.pad_table {
	margin-top: 15px;
}
dl.pad_table2 {
	margin-top: 5px;
}

dl.pad_table dt,
dl.pad_table2 dt {
	font-weight: bold;
}

dl.pad_table dd table,
dl.pad_table2 dd table {
	margin: 0 0 15px;
	border: 1px solid #fff;
	text-align: center;
}

dl.pad_table dd table td,
dl.pad_table2 dd table td {
	padding: 3px 8px;
	font-size: .85em;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
}

dl.pad_table dd table td.cell_style01,
dl.pad_table2 dd table td.cell_style01 {
	background-color: #36c;
	color: #fff;
}

dl.pad_table dd table td.cell_style02,
dl.pad_table2 dd table td.cell_style02 {
	background-color: #e7eef4;
	color: #36c;
}

dl.pad_table dd table td.cell_color01,
dl.pad_table2 dd table td.cell_color01 {
	background-color: #f0f0f0;
}

p.topic {
	margin-top: 1em;
	font-weight: bold;
}



/**
 *  02.HELMET ICON
 */

ul#helmet_icon_list {
	margin-bottom: 2em;
}
ul#helmet_icon_list li {
	float: left;
	margin: 0px 5px 5px 0px;
	width: 42px;
	height: 42px;
}

div.helmet_icon_box {
	padding: 12px 0;
	background: url(../../../common/images/dot_line02.gif) left bottom repeat-x;
}
div.helmet_icon_img {
	float: left;
	width: 42px;
}
div.helmet_icon_box dl {
	margin-left: 56px;
}
div.helmet_icon_box dt {
	margin-bottom: .5em;
	padding-top: .3em;
	font-weight: bold;
	line-height: 1.2;
}
div#helmet_icon_caution dd {
	margin-left: 1em;
}
div#helmet_icon_caution dl,
div#helmet_icon_caution p {
	margin: 1em 0;
}



/**
 * CLEAR HACK
 */

dl#helmet_types dd ul,
ul#helmet_icon_list {
    overflow:hidden;
}

dl#helmet_types dd ul:after,
ul#helmet_icon_list:after {
    content:"";
    display:block;
    clear:both;
    height:0px;
    overflow:hidden;
}

/* HIDE FROM MAC IE \*/
* html dl#helmet_types dd ul,
* html ul#helmet_icon_list {
    height:1em;
    overflow:visible;
}
/* END HACK */

