/* ----------------------------------------------
index
---------------------------------------------- */

/* article
---------------------------------------------- */
/* top nav */
.top-nav {
	position:relative;
	width:1024px;
	margin:0 auto;
	border-bottom:5px solid #203f9c;
}

body li .top-nav ul {
	position:absolute;
	top:0;
	left:0;
	line-height:1;
}

.top-nav ul li{
	position:absolute;
	list-style:none;
	display:inline;
	height:24px;
}
/* bousai */
.top-nav ul li.ma06kin{
	left:56px;
	top:224px;
}
.top-nav ul li.ma07fra{
	left:56px;
	top:246px;
}

.top-nav ul li.bo01kou{
	left:56px;
	top:290px;
}
.top-nav ul li.bo02sei{
	left:56px;
	top:314px;
}


.top-nav ul li.ek04sma{
	left:60px;
	top:338px;
}

.top-nav ul li.ma08kot{
	left:107px;
	top:356px;
}

.top-nav ul li.ts04tsu{
	left:136px;
	top:402px;
}

.top-nav ul li.ko01kou{
	left:270px;
	top:415px;
}

.top-nav ul li.ma08sho{
	left:236px;
	top:360px;
}

.top-nav ul li.ma11hat{
	left:204px;
	top:324px;
}

.top-nav ul li.ma01tak{
    left: 120px;
    top: 260px;
}

.top-nav ul li.ji03met{
	left:173px;
	top:164px;
}

.top-nav ul li.ma10cho{
	left:193px;
	top:258px;
}

.top-nav ul li.ji02rak{
	left:284px;
	top:205px;
}
.top-nav ul li.ma05yai{
	left:267px;
	top:293px;
}

.top-nav ul li.sa02yam{
	left:288px;
	top:313px;
}
.top-nav ul li.ma12met{
	left:360px;
	top:360px;
}

.top-nav ul li.ts10sla{
	left:397px;
	top:395px;
}

.top-nav ul li.ma13tsu{
	left:433px;
	top:326px;
}

.top-nav ul li.ma01tai{
	left:351px;
	top:248px;
}

.top-nav ul li.ji01jis{
	left:363px;
	top:188px;
}

.top-nav ul li.sa01kas{
	left:420px;
	top:204px;
}

.top-nav ul li.bo03hin{
	left:535px;
	top:210px;
}

.top-nav ul li.ek03sma{
	left:544px;
	top:250px;
}

.top-nav ul li.ts09mor{
	left:555px;
	top:282px;
}

.top-nav ul li.ts05bou{
	left:561px;
	top:341px;
}


.top-nav ul li.ts01cai{
	left:623px;
	top:482px;
}
.top-nav ul li.bo04jin{
	left:616px;
	top:301px;
}
.top-nav ul li.ma09sui{
	left:613px;
	top:262px;
}
.top-nav ul li.ma03rib{
	left:619px;
	top:210px;
}
.top-nav ul li.ma01tak2{
	left:695px;
	top:190px;
}
.top-nav ul li.sa04jpo{
	left:690px;
	top:247px;
}
.top-nav ul li.sa04gom{
	left:690px;
	top:268px;
}
.top-nav ul li.ts02bou{
	left:794px;
	top:308px;
}

.top-nav ul li.ts07lag{
	left:806px;
	top:240px;
}
.top-nav ul li.ek02sok{
	left:882px;
	top:192px;
}

.top-nav ul li.ko01jac{
	left:441px;
	top:468px;
}

.top-nav ul li a {
	background-image:url(/products/construction/safetycity/img/index/btn-head-dot.png);
	background-repeat:no-repeat;
	line-height:1;
	display:block;
	width:22px;
	height:22px;
}
.top-nav ul li a + span{
	background-color: #fff;
    display: block;
	padding:4px 8px;
    position: relative;
    top: -54px;
	left: 0%;
    white-space: nowrap;
	
	width:0;
	z-index:-1;
	overflow:hidden;
	opacity:0;
	transition: all 0.2s ease 0s;
	
	font-size:112.50%; /* 18px */

}

.top-nav ul li a:hover + span{
	left: -40%;
	height:auto;
	opacity: 1;
	width:100%;
	z-index:100;
	overflow:visible;　/* ie7 */
}

#container .top-nav ul li a img{
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0;
	vertical-align:top;
}

#container .top-nav ul li a:hover img{
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    -khtml-opacity: 1;
    -moz-opacity: 1;
}

#container .top-nav ul li img{ /* ie7 */
	max-width:none;
}
/* sec1 -------------------- */
.sec1 {
	overflow:hidden;
	padding:24px 30px 0px;
}
.sec1 .bousai,
.sec1 .tsunami,
.sec1 .jisuberi,
.sec1 .ekijou,
.sec1 .machi{
	float:left;
}

.sec1 .kowan,
.sec1 .saigai{
	float:right;
}

.sec1 .bg_box ul{
	overflow:hidden;
	list-style:none;
	margin-bottom:24px;
}

.sec1 .bg_box ul li{
	text-align:center;
}

.sec1 .bg_box ul li a{
	font-size:14px;
	line-height:1;
	display:block;
	padding-bottom:16px;
}

#container .sec1 .bg_box ul li a img{
	margin-bottom:4px;
	border:1px solid #9e9e9f;
}

.sec1 .bg_box ul li a span{
	display: inline-block;
    *display: inline;
    *zoom: 1;
}
	
.sec1 .bg_box ul li a:hover span{
	text-decoration:underline;
}

/* list bousai */
.sec1 .bousai .bg_box{
	background-image:url(/products/construction/safetycity/img/index/bg-bousai01.jpg);
	background-repeat:no-repeat;
	padding: 16px 0 8px;
	overflow:hidden;
	width:482px;
}
.sec1 .bousai .bg_box ul{
	margin:0 0 24px;
}

.sec1 .bousai .bg_box ul li{
	float:left;
	width:49.9%;
}

.sec1 .bousai .bg_box ul li a{
	color:#3a876d;
}
	
/* list tsunami */
.sec1 .tsunami{
	width:241px;
}
.sec1 .tsunami .bg_box{
	background-image:url(/products/construction/safetycity/img/index/bg-tsunami01.jpg);
	background-repeat:no-repeat;
	padding: 16px 0 8px;
	overflow:hidden;
}
.sec1 .tsunami .bg_box ul li{
	float:none;
}
.sec1 .tsunami .bg_box ul li a{
	color:#0093c4;
}

/* list kowan */
.sec1 .kowan{
	width:241px;
}
.sec1 .kowan .bg_box{
	background-image:url(/products/construction/safetycity/img/index/bg-kowan01.jpg);
	background-repeat:no-repeat;
	padding: 16px 0 8px;
	overflow:hidden;
}
.sec1 .kowan .bg_box ul li{
	float:none;
}
.sec1 .kowan .bg_box ul li a{
	color:#154b9e;
}

/* list jisuberi */
.sec1 .jisuberi .bg_box{
	background-image:url(/products/construction/safetycity/img/index/bg-jisuberi01.jpg);
	background-repeat:no-repeat;
	padding: 16px 0 8px;
	overflow:hidden;
	width:241px;
}
.sec1 .jisuberi .bg_box ul li{
	float:none;
}
.sec1 .jisuberi .bg_box ul li a{
	color:#af8300;
}

/* list ekijou */
.sec1 .ekijou .bg_box{
	background-image:url(/products/construction/safetycity/img/index/bg-ekijou01.jpg);
	background-repeat:no-repeat;
	padding: 16px 0 8px;
	overflow:hidden;
	width:241px;
}
.sec1 .ekijou .bg_box ul li{
	float:none;
}
.sec1 .ekijou .bg_box ul li a{
	color:#b0825b;
}

/* list machi */
.sec1 .machi .bg_box{
	background-image:url(/products/construction/safetycity/img/index/bg-machi01.jpg);
	background-repeat:no-repeat;
	padding: 16px 0 8px;
	overflow:hidden;
	width:241px;
}
.sec1 .machi .bg_box ul li{
	float:none;
}
.sec1 .machi .bg_box ul li a{
	color:#3a876d;
}

/* list saigai */
.sec1 .saigai{
	width:240px;
}
.sec1 .saigai .bg_box{
	background-image:url(/products/construction/safetycity/img/index/bg-saigai01.jpg);
	background-repeat:no-repeat;
	padding: 16px 0 8px;
	overflow:hidden;
}
.sec1 .saigai .bg_box ul li{
	float:none;
}
.sec1 .saigai .bg_box ul li a{
	color:#d1745f;
}

/* contact-link */
.contact-link{
	text-align:right;
	padding:0 30px;
}

/* common css reset
--------------------------------------------- */	
.top-nav ul li a:hover img{
	opacity:1;
}

main .sec1  li {
    padding:0;
}

main .sec1 ol, main .sec1 ul {
    margin-left: 0;
}