/*******************
	INDUSTRY
********************/
/* header */
#header_image {
	background: url(/webroot/img/industry/top_banner.jpg) center top no-repeat;
	background-color: #306785;
}
#main_contents {
	margin: 50px 0!important;
}
.contents_header h2 { font-size: 14px; line-height: 26px; }
.contents_header p { font-size: 13px; line-height: 26px; }

.contents h2 { height: 65px; margin-bottom: 10px; position: relative; clear: both; }
.contents h3 { margin-bottom: 15px; }
.contents_header { margin-bottom: 70px; }
.contents h2.section { height: 10px; margin-bottom: 30px; }
.page-casestudy .contents > div.section { float: left; width: 290px; height: 490px;}
.page-casestudy .contents > div.section a:hover { 
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
}
.contents p { font-size: 11px; line-height: 16px;}
.contents .txt_contain_margin { margin-bottom: 10px; }



.contents a.link { font-size: 11px; color: #ae0101; float: right; display: block; margin-top: 5px; }
.page-casestudy .section { margin-right: 160px; margin-bottom: 50px; }
.section.end { margin-right: 0px }

/********************
	sidemenu
********************/
.sidemenu {
	float: left;
	width: 154px;
	padding: 10px;
	margin-top: 20px;
}
.sidemenu > ul {
	margin: 0;
	padding: 0;
}
.sidemenu > li > span {
	background: url(/webroot/img/common/underline_non_sidenavi.png);
	width: 154px;
	height: 44px;
	line-height: 5.5em;
	display: block;
	text-decoration: none;
	color: #002e54;
	font-size: 12px;
	position: relative;
	bottom: 0;
}
.sidemenu > li > span:hover {
	background: url(/webroot/img/common/underline_active.png);
	color: #b4b4b4;
	cursor: pointer;
}
.sidemenu > li > a {
	background: url(/webroot/img/common/underline_non_sidenavi.png);
	width: 154px;
	height: 44px;
	line-height: 5.5em;
	display: block;
	text-decoration: none;
	color: #002e54;
	font-size: 12px;
	position: relative;
	bottom: 0;
}
.sidemenu > li > a:hover {
	background: url(/webroot/img/common/underline_active.png);
	color: #b4b4b4;
}
.sidemenu ul li a {
	background: url(/webroot/img/common/underline_non_sidenavi_mini.png) no-repeat;
	width: 130px;
	height: 37px;
	line-height: 4.5em;
	display: block;
	color: #b4b4b4;
	background-position: center bottom;
	text-decoration: none;
	color: #002e54;
	font-size: 12px;
	vertical-align: baseline;
}
.sidemenu ul li a:hover {
	background: url(/webroot/img/common/underline_active_mini.png) no-repeat;
	background-position: center bottom;
	color: #b4b4b4;
}
.sidemenu_active {
	background: url(/webroot/img/common/underline_active_mini.png) no-repeat !important;
	background-position: center bottom !important;
	color: #b4b4b4 !important;
}
.subitem {
	padding-left: 23px;
}


/********************
	campaign
********************/

/*new product*/
.new_products{
	margin-top: 30px;
	overflow: hidden;
}

.new_product{
	width: 380px;
	height: 280px;
	background-color: #21333b;
	margin: 0 20px 0 0;
	float: left;
}

.power_title{
	margin: 5px 101px 14px 105px;
	padding-top: 16px;
	text-align: center;
}

.power_subtitle{
	width: 220px;
	height: 28px;
	font-size: 14px;
	font-style: bold;
	color: white;
	text-align: center;
	margin: 0 auto;
}

.flex_title{
	margin: 5px 73px 14px 73px;
	padding-top: 16px;
	text-align: center;
}

.flex_subtitle{
	width: 138px;
	height: 28px;
	font-size: 14px;
	font-style: bold;
	color: white;
	text-align: center;
	margin: 0 auto;
}
.new_product .new_product_img_power{
	margin: 0 auto 0 auto;
	width: 350px;
	height: 170px;
	background-image: url(/webroot/img/industry/img_power.png);
	background-repeat: no-repeat;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;

}
.new_product .new_product_img_flex{
	margin: 0 auto 0 auto;
	width: 350px;
	height: 170px;
	background-image: url(/webroot/img/industry/img_flex.png);
	background-repeat: no-repeat;
	cursor: pointer;	
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.new_product_img_power:hover,
.new_product_img_flex:hover{
	background-position: left bottom;
}

.nepcon_text{
	width: 150px;
	height: 13px;
	margin: 6px 40% 0 30%;
	padding-top: 2px;
	text-align: center;
	clear: left;
}
.nepcon_text_over{
	width: 210px;
	height: 13px;
	margin: 6px 0 0 22%;
	padding-top: 2px;
	text-align: center;
	clear: left;
}
/*product*/

.contents .products{
	clear: left;
}

.three_products_title h3{
	margin: 30px 0px 0px 0px;
	padding-top: 20px;
}

.new_product_line {
	width: 800px;
	margin: 0 auto;
}

.three_products {
	margin-top: 12px;
	overflow: hidden;
}

.three_products .current_product{
	margin: 0px 15px 0px 0px;
	float: left;
}

.product_img1 {
	width: 250px;
	height: 120px;
	display: block;
	overflow: hidden;
	text-align: center;
	background-image:url(/webroot/img/industry/product_01.png);
} 
.product_img1:hover{
	background-position: left bottom;
}
.product_img2 {
	width: 250px;
	height: 120px;
	display: block;
	overflow: hidden;
	text-align: center;
	background-image:url(/webroot/img/industry/product_02.png);
} 
.product_img2:hover{
	background-position: left bottom;
}
.product_img3 {
	width: 250px;
	height: 120px;
	display: block;
	overflow: hidden;
	text-align: center;
	background-image:url(/webroot/img/industry/product_03.png);
} 
.product_img3:hover{
	background-position: left bottom;
}
.three_products h2{
	height: 20px;
	margin: 0;
	font-size: 20px;
	padding-top: 10px;
}
.three_products p{
	padding-top: 15px;
		clear: left;
}
.product_attention_text{
	color:#ae0101;
	clear: left;
}

/*map*/

.nepcon_map{
	margin-top: 40px;
	padding: 16px;
	width: 750px;
	height: 150px;
	background-color: #f0f0f0;

	clear: left;
}
.nepcon_texts{
	float: left;
}
.nepcon_texts p{
	margin: 14px 0 0 8px;
}
.nepcon_map .date{
	font-size: 16px;
}
.nepcon_map .nepcon_jp{
	font-size: 16px;
	font-weight: bold;
}
.nepcon_map .address{
	font-size: 13px;
	line-height: 14px;
}
.nepcon_map .address_attention{
	font-size: 11px;
	margin-top: 25px;
	color: #ae0101;
	float: left;
}
.map_detail{
	margin: 15px 60px 0 0;
	width: 195px;
	height: 110px;
	float: right;

}

.map_detail .map_button{
	width: 135px;
	height: 36px;
	margin: 20px 0 0 30px;
	font-size: 14px;
	color: #fff;
	background-image: url(/webroot/img/industry/button_map.png);
	text-align: center;
	line-height: 36px;
	text-decoration: none;
	cursor: pointer;
	float: left;
}
.map_detail .map_button:hover { 
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
}

.map_attention{
	line-height: auto;
	margin: 10px;
}

.contents .invite_button{
	display: block;
	width: 345px;
	height: 52px;
	font-size: 20px;
	color: #fff;
	background-image: url(/webroot/img/industry/button_contact.png);
	margin: 30px 28% 68px 28%;
	text-align: center;
	line-height: 52px;
	text-decoration: none;
	cursor: pointer;

}
.contents .invite_button:hover { 
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
}


/********************
    campaign post
********************/
.event_nepcon_title h3{
	margin: 30px 0 0 0;
}

.event_nepcon_images{
	margin-top: 12px;
	overflow: hidden;
}

.event_image{
	margin: 0 10px 0 0;
	float: left;
}

.contact_button_post{
	display: block;
	width: 495px;
	height: 52px;
	font-size: 20px;
	color: #fff;
	background-image: url(/webroot/img/industry/button_contact_post.png);
	margin: 40px 18% 68px 18%;
	text-align: center;
	line-height: 52px;
	text-decoration: none;
	cursor: pointer;

}
.contact_button_post:hover { 
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
}

/********************
	banner
********************/
#banner {
	clear: both;
	width: 740px;
	margin: 40px 0px 100px 35px;
	overflow: hidden;
}
#banner ul {
	overflow: hidden;
	float: right;
	margin-left: 20px;
}
#banner ul li {
	float: left;
	margin-right: 45px;
	margin-bottom: 20px;
}


/********************
	main_contents
********************/

.contact_section {
	margin-bottom: 100px;
}

/********************
	multilingual
********************/
.comingsoon{
	margin: 60px 0 0 30px;
	font-size: 16px;
}
