@charset "UTF-8"; 

/* ------------------------------------ 
safetycity common
--------------------------------------- */

body {
	margin: 0px;
	padding: 0px;
	line-height: 1.6;
}
#container {
	margin: 0 auto; /* IE */
	width:1024px; /* fix size */
}
#container * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#container img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	width:/***/auto; /* IE8喘 */
}
#container a img { /* IE 10 ika */
	border: none;
}
h1, h2, h3, h4, p, dl, dt, dd, ul, ol, li {
	margin: 0;
	padding: 0;
}
/* hover img alpha */
a img.alpha, a img.alpha0 {
	transition: opacity ease 0.2s;
}
a:hover img.alpha {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
a:hover img.alpha0 {
	opacity: 0;
	filter: alpha(opacity=0);
}

.header{
	margin-bottom:20px;
}

.totop{
	padding-top:40px;
	text-align:right;
}

/* float */
.fl{
	float:left;
}
.fr{
	float:right;
}


 /* フォントサイズ%峺協喘
37.50%;	6px
43.80%;	7px
50.00%;	8px
56.30%;	9px
62.50%;	10px
68.80%;	11px
75.00%;	12px
81.30%;	13px
87.50%;	14px
93.80%;	15px
100.00%;	16px
106.30%;	17px
112.50%;	18px
118.80%;	19px
125.00%;	20px
131.30%;	21px
137.50%;	22px
143.80%;	23px
150.00%;	24px

200.00%	32px
*/

/* page head --------------------- */
.page-head .breadcrumb{
	margin: 0;
	padding:.6em;
}

.page-head .breadcrumb ul {
    list-style:none;
	overflow:hidden;
    margin: 0;
}
.page-head .breadcrumb ul li{
	float:left;
    padding: 0 2em 0 .6em;
	background-image:url(/products/construction/safetycity/img/common/bg-bread-arrow.png);
	background-repeat:no-repeat;
	background-position:right center;
}

.page-head .breadcrumb ul li.current{
	background:none;
}
.page-head .breadcrumb ul li a{
	color: #203f9c;
}

.page-head .breadcrumb ul li a:hover{
	color: #b5b5b6;
	text-decoration:none;
}

.page-head .title{

	font-size:2em;
	padding:16px .6em 32px;
}

#main{
	margin-top:40px;
}

/* safety city nav
---------------------------------------------- */
.nav{
	padding:32px 0 0 32px;
	margin-bottom:48px;
}
.nav ul{
	overflow:hidden;
	list-style:none;
}

.nav ul li{
	overflow:hidden;
	float:left;
}

.nav ul li.clear{
	clear:both; /* ie7 */
}

.nav ul li a img{
	transition: opacity ease 0.2s;
}
.nav ul li a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/* bottom list */
.bottom-list{
	font-size:81.3%; /* 13px */
	padding:24px 37px 0 80px;
}

.bottom-list ul{
	list-style:none;
	overflow:hidden;
}

.bottom-list li{
	float:left;
	width:13em;
}
.bottom-list li a {
	display:block;
	color:#0064e6;
	background-image:url(/products/construction/safetycity/img/common/ico-bottom-link01.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:13px;
	text-decoration:none;
}
.bottom-list li a:hover{
	color:#b5b5b6;
	background-image:url(/products/construction/safetycity/img/common/ico-bottom-link01on.png);
}


/* jfe common css reset
--------------------------------------------- */	
#main .block-section h2 {
    background-color: transparent;
    color: inherit;
	margin:0; /* ie 9 10 */
}

#main .block-section h3 {
    border-bottom: none;
    padding: 0;
}

#main .block-section h4 {
    border-left: none;
    color: inherit;
    font-size: 16px;
    margin: 0;
}

.block-section ol, .block-section ul {
    margin-left: 0;
}

.block-section li {
    padding:0;
}

.block-contents-footer p.module-go-top{
	margin: 0 0 10px;
}

.block-footer .nav {
    margin-bottom: 0;
    padding: 0;
}

.block-section .nav nav ul {
	width: 960px;
	margin: 0 auto;
}