@charset "UTF-8";
/* CSS Document */

/* common */
#article h3.textHed {
	margin-top: 25px;
	margin-bottom: 26px;
	font-size: 140%;
	color: #127d7e;
	font-weight: 800;
}

/*** article **********************/

#index #wrap #content #article #lead {
	margin-bottom:45px;
}

#wrap #content #article #product_list {
	width: 698px;
	margin:0 auto 80px auto;
}

#wrap #content #article #product_list:after {
	content:"";
	clear:both;
	display:block;
}

/* product_wrap common */

#wrap #content #article #product_list .product_wrap {
	padding: 40px 0;
	border-bottom: 1px solid #e3e3e3;
	float: left;	
}

#wrap #content #article #product_list .product_wrap:after {
	content:"";
	clear:both;
	display:block;
}

#wrap #content #article #product_list .product_wrap:nth-of-type(odd) {
	width:319px;
	padding-right:30px;
	border-right: 1px solid #e3e3e3;
	float: left;	
}

#wrap #content #article #product_list .product_wrap:nth-of-type(even) {
	width:318px;
	padding-left:30px;
	float: right;	
}

#wrap #content #article #product_list .product_wrap:last-of-type,
#wrap #content #article #product_list .product_wrap:nth-last-of-type(2) {
	padding-bottom:0;
}

#wrap #content #article #product_list .product_wrap .cat_list {
	width: 170px;
	float: left;	
}

#wrap #content #article #product_list .product_wrap h2 {
	margin-bottom: 5px;
	padding:0 0 0 13px;
	background: url(/common/images/ico_arrow_green.png) no-repeat 0 1px;
	border-left:0;
	display:block;
	font-size: 117%; 
	font-weight: bold;
	line-height:21px;
}

#wrap #content #article #product_list .product_wrap h2 a:link,
#wrap #content #article #product_list .product_wrap h2 a:visited{
	color: #000000;
}

#wrap #content #article #product_list .product_wrap h2 a:hover,
#wrap #content #article #product_list .product_wrap h2 a:active{
	color: #737373;
}

#wrap #content #article #product_list .product_wrap .cat_list p {
	line-height: 22px;
}

#wrap #content #article #product_list .product_wrap img {
	width:125px;
	float: right;
}

#wrap #content #article #product_list .product_wrap ul li {
	color: #12457e;
	line-height: 22px;
	padding-left: 13px;
	background: url(/common/images/ico_arrow_gray.png) no-repeat 0 2px;
}

/* product_wrap */
#wrap #content #article #product_list #gascogene_list,
#wrap #content #article #product_list #genelight_list {
	padding-top: 0px;
}

#wrap #content #article #product_list #etc_list,
#wrap #content #article #product_list #ngv_list {
	border-bottom: none;
}

/* case common */

#wrap #content #article #case h2 {
	margin-bottom: 30px;
}

#wrap #content #article #case h4 {
	font-size: 134%;
	border-bottom:none;
	line-height: inherit;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 8px 0px 7px 40px;
	font-weight: bold;
}

#wrap #content #article #case #hotel h4 {
	background: url(../images/product_case_ico_hotel.png) no-repeat;
}

#wrap #content #article #case #sports h4 {
	background: url(../images/product_case_ico_sports.png) no-repeat;
}

#wrap #content #article #case #hospital h4 {
	background: url(../images/product_case_ico_hospital.png) no-repeat;
}

#wrap #content #article #case #onsen h4 {
	background: url(../images/product_case_ico_onsen.png) no-repeat;
}

#wrap #content #article #case #store h4 {
	background: url(../images/product_case_ico_store.png) no-repeat;
}

#wrap #content #article #case #restaurant h4 {
	background: url(../images/product_case_ico_restaurant.png) no-repeat;
}

#wrap #content #article #case #school h4 {
	background: url(../images/product_case_ico_school.png) no-repeat;
}

#wrap #content #article #case #welfare h4 {
	background: url(../images/product_case_ico_welfare.png) no-repeat;
}

#wrap #content #article #case #office h4 {
	background:url(../images/product_case_ico_office.png) no-repeat;
}

#wrap #content #article #case #horse h4 {
	background: url(../images/product_case_ico_horse.png) no-repeat;
}

#wrap #content #article #case #leisure h4 {
	background: url(../images/product_case_ico_leisure.png) no-repeat;
}

#wrap #content #article #case #composite h4 {
	background: url(../images/product_case_ico_composite.png) no-repeat;
}

#wrap #content #article #case #government h4 {
	background:url(../images/product_case_ico_government.png) no-repeat;
}

#wrap #content #article #case h5 {
	margin-bottom: 15px;
	font-weight: bold;
	line-height: 150%;
}

#hbk_merit #wrap #content #article #case h5 {
	font-size:16px;
}

#wrap #content #article #case .case_wrap {
	width: 697px;
	margin-bottom: 40px;
	margin-left: 20px;
}

#wrap #content #article #case .case_wrap_inn {
	width: 698px;
	margin-right: -1px;
	overflow:hidden;
	_zoom:1;
}

#wrap #content #article #case .case_wrap:after {
	content:"";
	clear:both;
	display:block;
}

#wrap #content #article #case .case_wrap .case_detail_wrap {
	width: 697px;
}

#hbk_merit #wrap #content #article #case .case_wrap .case_detail_wrap {
	width: 697px;
	overflow:hidden;
}


#wrap #content #article #case .case_wrap .case_detail {
	width: 290px;
	height: auto;
	padding: 0 58px 60px 0;
	border-right: 1px solid #e3e3e3;
/*	background: url(../images/dt.gif) repeat-x 0 bottom; */
	float: left;
	/overflow:hidden;
}

#hbk_merit #wrap #content #article #case .case_wrap .case_detail {
	width: 290px;
	height: auto;
	padding: 0 58px 0 0;
	border-right: 1px solid #e3e3e3;
	float: left;
	/overflow:hidden;
}

#hbk_merit #wrap #content #article #case .case_wrap  .case_detail_even img,
#hbk_merit #wrap #content #article #case .case_wrap  .case_detail img{
	margin:0;
}
#hbk_merit #wrap #content #article #case .case_wrap .case_detail_wrap .ttl{font-weight: bold; margin:40px 0 5px; }
#hbk_merit #wrap #content #article #case .case_wrap .case_detail_wrap .text{font-weight: bold; margin:25px 0 35px;}
#hbk_merit #wrap #content #article #case #store.case_wrap .text{margin:25px 0 35px;}
#hbk_merit #wrap #content #article #case #store.case_wrap .text + ul li{font-weight: bold;}
/*#wrap #content #article #case .case_wrap  .case_detail.even {
	padding-right:0;
	padding-left:58px;
	_padding-left:56px;
	border-right: 0;
}*/

#wrap #content #article #case .case_wrap  .case_detail_even {
	width: 290px;
	height: auto;
	padding-right:0;
	padding-left:58px;
	_padding-left:56px;
	border-right: 0;
	float: right;
	/overflow:hidden;
}


#wrap #content #article #case .case_wrap .case_detail.last_wrap {
	padding-bottom: 10px;
	background-image: none;
}

#wrap #content #article #case .case_wrap .case_detail.lastprev {
	margin-bottom: 30px;
	padding-bottom: 10px;
	background-image: none;
}

#wrap #content #article #case .case_wrap  .case_detail_even img,
#wrap #content #article #case .case_wrap  .case_detail img{
	margin-bottom:10px;
}

#wrap #content #article #case .case_wrap  .case_detail_even p,
#wrap #content #article #case .case_wrap p {
	line-height: 22px;
}

@media print{
#wrap #content #article #catalog .catalog_wrap .catalog,
#wrap #content #article #catalog .catalog_wrap .bo,
#wrap #content #article #hcj .presentation,
#wrap #content #article #case .case_wrap {
	page-break-inside:avoid;  /* 要素内での改ページを禁止する  */
}

#wrap #content #article #about_nav ul {
	/padding-bottom: 30px;
}

#tyubo_index #wrap #content #article #index .merit ul li.end {
	/margin-right: -3px;
}

#wrap #content #article #hcj .hcj_wrap .seminar dl dt {
	white-space: nowrap;
}

#wrap #content #article #hcj .hcj_wrap .seminar dl dd a {
	/zoom: 1;
}	

#ngv_news #wrap #content #article #news .date{
	/padding-left: 40px;
	/zoom: 1;
}

#ngv_index #wrap #content #article #information ul li{
	/zoom: 1;
}

#wrap #content #article #netsuden .maker ul {
	/display: block;
	/float: none;
}

#wrap #content #article #hcj .presentation #takashi_tamura {
	/position: absolute;
	/left: 10px;
	/top: 300px;
}

#wrap #content #article #hcj .presentation #andre_pachon {
	/position: absolute;
	/top: 300px;
	/left: 370px;
}

#wrap #content #article #hcj .presentation #chen_kenichi {
	/position: absolute;
	/top: 320px;
	/left: 560px;
}