/*-----------------------------------------------------
LAYOUT
-------------------------------------------------------*/
div#h5cx-h7cx-wrapper{
	width:684px;
}


/* GLOBAL NAVI */
div#h5cx-h7cx-wrapper div#globalNavi{
	position: relative;
	width: 684px;
	background: url(image/common/bg_head.jpg) repeat-x left top;
}
div#h5cx-h7cx-wrapper div#globalNavi p{
	margin:0;
	padding:0;
}
div#h5cx-h7cx-wrapper div#globalNavi p.logo{
	margin: 0;
	position: absolute;
	top: 20px;
	left: 21px;
	padding: 0;
}
div#h5cx-h7cx-wrapper div#globalNavi p.main-img{
	position: relative;
	width: 185px;
	left: 499px;
}
div#h5cx-h7cx-wrapper div#globalNavi p.main-img2{
	position: relative;
	width: 223px;
	left: 461px;
}

div#h5cx-h7cx-wrapper div#globalNavi ul{
	position: absolute;
	left: 226px;
	width: 452px;
	margin: 0;
	padding: 0;
	top: 64px;
}
div#h5cx-h7cx-wrapper div#globalNavi ul li{
	float:left;
	list-style-type:none;
	margin:0 0 0 4px;
	padding:0;
	display: inline;
}

div#h5cx-h7cx-wrapper img{
	vertical-align:top;
	border:0;
}
/* CONTENTS ----------------------------------------- */
div#h5cx-h7cx-wrapper div#h5cx-h7cx-content{
	width: 684px;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	background:url(image/common/bg_contents.gif) repeat-y left top;
}

div#h5cx-h7cx-wrapper div#h5cx-h7cx-content h2{
	margin:0 0 10px;
	padding:0;
}

div#h5cx-h7cx-content p{
	line-height:1.6;
	margin:0 0 15px;
}

div#h5cx-h7cx-content div.section{
	width: 634px;
	margin-left: 25px;

}
div#h5cx-h7cx-content p.sample{
	text-align:center;
}
div#h5cx-h7cx-content ul{
	margin:0;
	padding:0;
}
div#h5cx-h7cx-content li{
	margin:0;
	padding:0;
	list-style-type:none;
}

div#h5cx-h7cx-content .mb00{
	margin-bottom:0!important;
}
div#h5cx-h7cx-content .mb20{
	margin-bottom:20px!important;
}
div#h5cx-h7cx-content p.pagetop{
	margin:10px 30px 30px;
	padding:0;
	text-align:right;
	clear: both;
}

/*-----------------------------------------------------
INDEX
-------------------------------------------------------*/
div#h5cx-h7cx-wrapper div.h5cx-h7cx-index{
	background:url(image/index/bg_main.jpg) no-repeat left top;
	position: relative;
	width: 684px;

}
div#h5cx-h7cx-wrapper div.h5cx-h7cx-index h2{
	padding: 20px 0 0 21px!important;
	margin: 0;
}
div#h5cx-h7cx-wrapper div.h5cx-h7cx-index p{
	padding: 0;
	margin: 0;
}

div#h5cx-h7cx-wrapper div.h5cx-h7cx-index .main-img{
	position: absolute;
	left:378px;
	top:29px;
	width: 298px;
}
div#h5cx-h7cx-wrapper div.h5cx-h7cx-index .wrapper{
	position: relative;
	left:20px;
	top: 40px;
}

div#h5cx-h7cx-wrapper div.h5cx-h7cx-index .wrapper .catch{
	margin-bottom:22px;
}
div#h5cx-h7cx-wrapper div.h5cx-h7cx-index .wrapper .lead{
	margin-bottom:14px;
}
div#h5cx-h7cx-wrapper div.h5cx-h7cx-index .wrapper ul{
	margin: 0;
	padding: 0;
	position: relative;
}
div#h5cx-h7cx-wrapper div.h5cx-h7cx-index .wrapper li{
	float:left;
	list-style-type: none;
	margin: 0 3px 0 0;
}

div#h5cx-h7cx-wrapper div.h5cx-h7cx-index div.navi{
	background:url(image/index/bg_navi.jpg) no-repeat left top;
	clear: both;
	padding:0 0 10px;
	margin: 48px 0 15px;
}
div#h5cx-h7cx-wrapper div.h5cx-h7cx-index div.navi ul{
	margin:0 24px 0 43px;
	padding: 0;
}
div#h5cx-h7cx-wrapper div.h5cx-h7cx-index div.navi li{
	float:left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#h5cx-h7cx-wrapper div.h5cx-h7cx-index div.navi li span{
	display:block;
	text-align:center;
}
div#h5cx-h7cx-wrapper div.h5cx-h7cx-index div.navi li.h7cx{
	margin-left: 111px;
}

/*-----------------------------------------------------
H5CX
-------------------------------------------------------*/
div#h5cx-h7cx-content div.h5cx{
}
div#h5cx-h7cx-content div.h5cx div.lead{
	background:url(image/h5cx/img_h5cx_main.jpg) no-repeat left top;
	margin:10px 20px 30px;
	padding:0 0 ;
}
div#h5cx-h7cx-wrapper div#h5cx-h7cx-content div.h5cx div.lead h2{
	text-align:right;
	padding:23px 0 10px;
	margin:0;
}
div#h5cx-h7cx-content div.h5cx div.lead p{
	text-align:right;
	margin:0 0 10px;	
}

div#h5cx-h7cx-content div.h5cx div.lead ul{
	margin: 0 0 0 174px;
	padding: 18px 0 0;

}
div#h5cx-h7cx-content div.h5cx div.lead li{
	float:left;
}

div#h5cx-h7cx-content div.h5cx .section{
	background:url(image/h5cx/bg_section.gif) repeat-y left top;
	border-bottom:solid 1px #F4A51A;	
}
div#h5cx-h7cx-content div.h5cx .section p{
	margin:0 0 15px;
	padding: 0 20px;
}
div#h5cx-h7cx-content div.h5cx .section h3{
	margin:0 20px 10px;
}

div#h5cx-h7cx-content div.h5cx .fl{
	float:left;
	width: 375px;
}
div#h5cx-h7cx-content div.h5cx .fl p{
	margin-right:0;
	padding-right:0;
	
}

div#h5cx-h7cx-content div.h5cx .fr{
	float:right;
	width: 215px;

}
div#h5cx-h7cx-content div.h5cx .fr img{
	margin-top:30px;
}

/* 螳牙ｿ??螳牙? */
div#h5cx-h7cx-content div.h5cx div.safety-l{
	float:left;
	width: 304px;
	margin:0 0 0 20px;
	display:inline;
}

div#h5cx-h7cx-content div.h5cx div.safety-r{
	float:right;
	width: 264px;
	margin:0 20px 0;	
	display:inline;	
}
div#h5cx-h7cx-content div.h5cx div.safety-l h3,
div#h5cx-h7cx-content div.h5cx div.safety-r h3{
	margin:0 0 10px;
}
div#h5cx-h7cx-content div.h5cx div.safety-l p,
div#h5cx-h7cx-content div.h5cx div.safety-r p{
	margin:0 0 15px;
	padding:0;
}

/* 繝ｩ繧､繝ｳ繧｢繝?? */
div#h5cx-h7cx-content div.h5cx div.waterproofing{
	float:left;
	width: 304px;
	margin:0 0 0 20px;
	display:inline;
}

div#h5cx-h7cx-content div.h5cx div.new-mode{
	float:right;
	width: 264px;
	margin:0 20px 0;	
	display:inline;	
}
div#h5cx-h7cx-content div.h5cx div.waterproofing h3,
div#h5cx-h7cx-content div.h5cx div.new-mode h3{
	margin:0 0 10px;
}
div#h5cx-h7cx-content div.h5cx div.waterproofing p,
div#h5cx-h7cx-content div.h5cx div.new-mode p{
	margin:0 0 15px;
	padding:0;	
}


/*-----------------------------------------------------
H7CX
-------------------------------------------------------*/
div#h5cx-h7cx-content div.h7cx{
}
div#h5cx-h7cx-content div.h7cx div.lead{
	background:url(image/h7cx/img_h7cx_main.jpg) no-repeat left top;
	margin:10px 20px 30px 13px;
	padding:0;
}
div#h5cx-h7cx-content div.h7cx div.lead h2{
	text-align:right;
	padding:5px 0 1px!important;
	margin:0;
}
div#h5cx-h7cx-content div.h7cx div.lead p{
	text-align:right;
	margin:0 0 10px;	
}

div#h5cx-h7cx-content div.h7cx div.lead ul{
	margin: 0 0 0 9px;
	padding: 18px 0 0;

}
div#h5cx-h7cx-content div.h7cx div.lead li{
	float:left;
}

div#h5cx-h7cx-content div.h7cx .section{
	background:url(image/h7cx/bg_section.gif) repeat-y left top;
	border-bottom:solid 1px #999966;
}
div#h5cx-h7cx-content div.h7cx .section p{
	margin:0 0 15px;
	padding: 0 20px;
}
div#h5cx-h7cx-content div.h7cx .section h3{
	margin:0 0 10px 20px;
}


div#h5cx-h7cx-content div.h7cx .fl{
	float:left;
	width: 370px;
}
div#h5cx-h7cx-content div.h7cx .fl p{
	margin-right:0;
	padding-right:0;	
}
div#h5cx-h7cx-content div.h7cx .fr img{
	margin-top:30px;
}

div#h5cx-h7cx-content div.h7cx .fr{
	float:right;
	width: 220px;
	padding-top:30px;
	margin-right: 20px;
}

/* 螳牙ｿ??螳牙? */
div#h5cx-h7cx-content div.h7cx div.safety-l{
	float:left;
	width: 274px;
	margin:0 0 0 20px;
	display:inline;
}

div#h5cx-h7cx-content div.h7cx div.safety-r{
	float:right;
	width: 294px;
	margin:0 20px 0;	
	display:inline;	
}
div#h5cx-h7cx-content div.h7cx div.safety-l h3,
div#h5cx-h7cx-content div.h7cx div.safety-r h3{
	margin:0 0 10px;
}
div#h5cx-h7cx-content div.h7cx div.safety-l p,
div#h5cx-h7cx-content div.h7cx div.safety-r p{
	margin:0 0 15px;
	padding:0;
}

div#h5cx-h7cx-content div.h7cx .waterproofing{
	float:right;
	margin-bottom:15px;
}

div#h5cx-h7cx-content div.h7cx dl{
	margin: 0 20px;
}
div#h5cx-h7cx-content div.h7cx dt{
	margin: 0 0 3px;
}
div#h5cx-h7cx-content div.h7cx dd{
	margin: 0 0 15px 20px;
	padding: 0;
}
div#h5cx-h7cx-content div.h7cx dd p{
	margin: 10px 0!important;
	padding:0!important;
}
div#h5cx-h7cx-content div.h7cx dd table{
	background: #CCCCCC;
	width: 554px;
	margin: 10px 0 20px;
}

div#h5cx-h7cx-content div.h7cx dd table caption{
	text-align:left;
	padding:0 0 5px;
	margin:0;
}

div#h5cx-h7cx-content div.h7cx dd th{
	background: #E1EFCE;
	font-weight: normal;
	text-align: center;
	padding: 6px 10px;
	vertical-align: middle;
}
div#h5cx-h7cx-content div.h7cx dd th.type{
	text-align:left;
}

div#h5cx-h7cx-content div.h7cx dd td{
	background: #FFF;
	vertical-align: middle;
	text-align: center;
}

div#h5cx-h7cx-content div.h7cx .roll{
	margin:-10px 13px 0 0!important;
	padding:0!important;
	text-align:right;
}

div#h5cx-h7cx-content div.h7cx ul.other{
	margin:0 20px 10px;
	background-color: #E7E7E7;
}
div#h5cx-h7cx-content div.h7cx ul.other li{
	display:inline;
	line-height:1.8;
	margin: 0 10px;
	font-weight: bold;
}


/*-----------------------------------------------------
CLEARFIX
-------------------------------------------------------*/

/* clearfix (Firefox)
------------------------------- */
.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* WinIE7
------------------------------- */
.clearfix{
   display:inline-block;
}

/* WinIE5,6
------------------------------- */
/* Hides from IE-mac \*/
* html .clearfix{
   height:1px;
}

.clearfix{
	display: block;


}