@charset "utf-8";

/************************************************

skin CSS
last update 120226

************************************************/

/* ===================================

	1.index 

====================================== */

/************************************************
	      
1.index
	        
************************************************/

.alpha-shadow {
	background-image: url(../img_home/bg_shadow_long.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom:4px;
	margin-bottom:16px;
}

.news-section {
	background-color: #FFF;
	padding: 20px;
	border: 1px solid #CCC;
	position: relative;
}

.news-section .hx_spline {
	margin-bottom:8px;
}

.news-section .btn_news {
	position: absolute;
	left: 517px;
	top: 15px;
}

ul .news_cl {
	background-image: url(../images/line_dot1px.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 8px;
	padding-bottom: 8px;
}

ul .news_cl span.day {
	float:left;
	display:block;
	width:100px;
	color: #666;
}

ul .news_cl span.news_contents {
	float: right;
	display: block;
	width: 540px;
}

.news-sec ul .news_cl span.news_contents {
	float: right;
	display: block;
	width: 520px;
}


ul .news_cl span.news_contents a {
	display: block;
}

.productlist-section {
	background-color: #FFF;
	padding: 20px 20px 12px;
	border: 1px solid #004DA0;
	position: relative;
}

.productlist-section li {
	float:left;
	margin-right:14px;
	margin-bottom:8px;
}
.productlist-section ul {
	float:left;
	margin-right:-14px;
}


/****************************************

          2. Slide

*****************************************/

.mainvisual {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}

.mainvisual .flL {
	width: 725px;
	background-image: url(../images/top_img/mainvisual_head.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 5px;
}

.mainvisual .flR {
	width: 235px;
	padding-top: 6px;
}

.search-section {
	background-image: url(../img_home/bg_search.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 70px;
}

.search-section li {
	float:left;
	padding-top:15px;
}

.search-section li.input-txt {
	margin-left:84px;
}


.search-section li.input-txt input {
	width: 500px;
	line-height: 36px;
	height: 36px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

.search-section li.input-btn {
	width:79px;
	text-align:right;
}

.search-section li.input-btn input {
	width: 69px;
	height: 39px;
	border: 0px solid;
	cursor: pointer;
	background-image: url(../img_home/btn_search.jpg);
	background-repeat: no-repeat;
}

.search-section li.input-btn input[type="submit"]:hover {
	background-image: url(../img_home/btn_search.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	filter: alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
}

/************************************************
	      
3.product
	        
************************************************/

.cate-section {
overflow: hidden;	
}

.cate-section .cate-blk {
    margin: 0 -20px 0 0;
    /zoom: 1;/* for IE6,7 */	
}

.cate-section .catebox {
	width: 340px;
	float: left;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0;
}

.cate-section .catebox h3 {
	border: 1px solid #CCC;
	font-size: 16px;
	line-height: 38px;
	font-weight: bold;
	background-image: url(../common/bg_hx_productlist.jpg);
	padding-left: 15px;
}

.cate-section .catebox .catebox-inner {
	padding: 15px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	background-color: #FFF;
}

.cate-section .catebox .catebox-inner .flL {
	padding:10px;
	border:#CCC 1px solid;
}

.cate-section .catebox .catebox-inner .flR {
	width: 160px;
	font-size: 12px;
	line-height: 1.6;
}

/* category
------------------------------------------ */

.productbox {
	background-image: url(../common/bg_cate.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding: 20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	margin-bottom: 10px;
}

.productbox .flL {
	width:130px;
}

.productbox .flL p {
	margin-bottom:20px;
}

.productbox .flR {
	width:490px;
}

.productbox .flR h2 {
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #004DA0;
	font-size: 16px;
	color: #004DA0;
	margin-bottom: 10px;
}



.productbox .listtag {
	background-color: #FFF;
	padding: 10px;
}

.listtag li {
	float: left;
	margin-right: 10px;
	/*padding: 8px 8px;*/
	background-color: #59B200;
	color: #fff;
	line-height: 1;
	font-size: 12px;
}

.listtag li.tag-cate {
	background-color: #00BFFF;
}

.listtag li.tag-cut {
	background-color: #59B200;
}

.listtag li.tag-cool {
	background-color:#59B200;
}

.listtag li.tag-heat {
	background-color: #59B200;
}

.listtag li.tag-measure {
	background-color: #59B200;
}
.listtag li.tag-robots {
    background-color: #59B200;
}
.listtag li.tag-others {
    background-color: #59B200;
}

.listtag li.tag-license {
	background-color: #E30212;
    padding: 8px 8px;
}

/* detail
------------------------------------------ */


.detail-section .detailbox {
	margin-bottom:10px;
}

.detail-section .listtag {
	background-color: #FFFFFF;
	padding: 10px;
	border: 1px solid #CCC;
}

.detail-section .detailbox .flL {
	width:350px;
}

.detail-section .detailbox .flL .product-img {
	padding: 9px;
	border: #CCC 1px solid;
	background-color: #FFF;
}

.detail-section .license-section {
	background-color: #FFFFFF;
	padding: 10px;
	border: 1px solid #CCC;
	margin-bottom:10px;
}

.detail-section .license-section .listtag {
	background-color: #FFF;
	padding: 0px;
	border: none;
}

.license-section p {
	margin-bottom:0;
	padding-top:8px;
}

.detail-section .detailbox .flL h3 {
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 15px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #004DA0;
	margin-bottom: 10px;
}

.detail-section .detailbox .flL h3 {
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 15px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #004DA0;
	margin-bottom: 10px;
}

.detail-section .detailbox .flL ul {
	margin: 0 -10px 0 0;
}

.detail-section .detailbox .flL ul li {
	float:left;
	padding: 4px;
	border: #CCC 1px solid;
	background-color: #FFF;
	margin: 0 10px 10px 0;
}

.detail-section .detailbox .flR {
	width:330px;
}

.detail-section .detailbox .flR h2 {
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: bold;
	color: #004DA0;
}

.entry-button {
	margin: 0 -10px 10px 0;
}

.entry-button li {
	margin: 0 10px 0 0;
	height: 41px;
	float:left;
}

.entry-button li a {
	width: 160px;
	background-image: url(../common/bg_btn_maincontact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 36px;
	color: #004DA0;
	text-align: center;
	display: block;
	height: 36px;
	font-weight: bold;
}

.entry-button li a:hover {
	filter: alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
	text-decoration:none;
}

.detail-section table {
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	background-color: #FFF;
	margin-bottom:20px;
}

.detail-section table thead tr {
	margin: 0px;
	padding: 0px;
}

.detail-section table thead td {
	color: #FFF;
	padding: 10px;
	margin: 1px;
}

.detail-section table thead th {
	background-image: none;
	margin: 0px;
	font-weight: bold;
	white-space: nowrap;
	color: #FFF;
	background-color: #2E4A68;
	padding: 10px;
}

.detail-section table tbody tr {
	margin: 0px;
	padding: 0px;
}

.detail-section table tbody tr.odd {
	background-color:#FFF;
}

.detail-section table tbody tr.even {
	background-color:#F0F0F0;
}

.detail-section table tr.odd {
	background-color:#FFF;
}

.detail-section table tr.even {
	background-color:#F0F0F0;
}

.detail-section table td {
	color: #333;
	padding: 10px;
	margin: 0px;
	vertical-align: middle;
	border: 1px solid #CCCCCC;
}

.detail-section table th {
	background-image: none;
	margin: 0px;
	text-align: left;
	vertical-align: top;
	padding: 10px;
	color: #000;
	font-weight: bold;
	border: 1px solid #CCC;
	white-space: nowrap;
}

.detail-section table tbody td {
	color: #333;
	padding: 5px 10px;
	margin: 0px;
	vertical-align: middle;
	border: 1px solid #CCCCCC;
}

.detail-section table tbody th {
	background-image: none;
	margin: 0px;
	text-align: left;
	vertical-align: top;
	padding: 5px 10px;
	color: #000;
	font-weight: bold;
	border: 1px solid #CCC;
}

.detail-section table tfoot tr {
	margin: 0px;
	padding: 0px;
}

table.tableoutline tfoot td {
	color: #FFF;
	padding: 5px 10px;
	margin: 1px;
}

.detail-section table tfoot th {
	background-image: none;
	margin: 0px;
	font-weight: bold;
	vertical-align: top;
	white-space: nowrap="nowrap";
	color: #FFF;
	background-color: #424C50;
	padding: 10px;
}

.youtubebox {
	background-color: #FFF;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #CCC;
	margin-bottom: 20px;
}

div#alpha-block .contact-box {
	background-image: url(../common/bg_foot_inquirybox.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 80px;
	position: relative;
}

div#alpha-block .contact-box li {
	display: block;
	position: absolute;
	top: 8px;
	left: 470px;
}


/*20140408追加　製品ラインアップ用*/

.textBody table {
	background-color: #F3F7FA;
	border-collapse: collapse;
	border: 1px solid #F3F7FA;
	padding: 0px;
	border:none;
	border-spacing: 0px;
	margin-bottom:20px;
}

.textBody table th,
.textBody table tbody th {
	width:150px;
	background-color: #F3F7FA;
	border-collapse: collapse;
	border: 1px solid #F3F7FA;
	margin: 0px;
	text-align: left;
	vertical-align: top;
	padding: 10px 10px 0px;
	color: #333;
	font-weight:normal;
	white-space: nowrap;
}

.textBody table td,
.textBody table tbody td {
	width:150px;
	background-color: #F3F7FA;
	border-collapse: collapse;
	border: 1px solid #F3F7FA;
	color: #333;
	padding: 10px;
	margin: 0px;
	vertical-align: middle;
	border: none;
}


/************************************************
	      
4.recruit
	        
************************************************/

.recruitbox {
	margin: 0 -18px 0 0;
}

.recruitbox li {
	margin: 0 18px 18px 0;
	float:left;
}

.voice-section {
	background-image: url(../common/line_dot1px.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 30px;
}

.voice-section .flL {
	width:250px;
}

.voice-section p {
	margin-bottom:20px;
}

.voice-section .flR {
	width:370px;
}

/* form_01
------------------------------------------ */

.formbox {

}

.formbox table {
	line-height: 1.6;
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	background-color: #FFF;
}

.formbox table tbody tr {
	margin: 0px;
	padding: 0px;
}

.formbox table tbody tr.even {
	background-color:#F4F7F9;
}

.formbox table tbody td {
	padding: 10px;
	margin: 0px;
	vertical-align: middle;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
}

.formbox table tbody th {
	background-image: none;
	margin: 0px;
	text-align: left;
	vertical-align: top;
	padding: 10px 10px;
	font-weight: bold;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
}

/* ico_mandatory
------------------------------------------ */

.formbox .ico_mandatory {
	background-repeat: no-repeat;
	background-position: right 0px;
	display: block;
	padding: 0 50px 0 0;
	min-height:20px;
	height: auto !important;
	height: 20px;
}

.formbox .ico_mandatory {
	background-image: url(../common/ico_form01_mandatory.jpg);
}

/* ===================================

	7: prize

====================================== */

.prize-sec {
	margin: 0 -20px 10px 0;
   /zoom: 1;/* for IE6,7 */
}


.prize-sec .col {
	width: 340px;
	margin: 0 20px 20px 0;
	position: relative;
	float: left;
	background-color: #FFF;
}

.prize-sec .col ul {
	padding:20px 20px 0px;
	margin-bottom:20px
}

.prize-sec .col ul li.txtbc {
	float: left;
	font-size: 30px;
	line-height: 1;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
}

.prize-sec .col ul li.txtjpbc {
	float:right;
	line-height:30px;
	font-weight:bold;
}

.prize-sec .col h2 {
	font-size:116%;
	padding:0 20px;
	margin-bottom:8px;
}

.prize-sec .col h3 {
	padding-bottom:10px;
	font-weight:normal;
	margin:0 20px 10px 20px;
	border-bottom:#CCC 1px solid;
}

.prize-sec .col p {
	padding:0 20px;
	margin-bottom:20px;
}

.prize-sec .col p.photo {
	margin-bottom: 10px;
	text-align: center;
}

/* ===================================

	6: sitemap

====================================== */

.border1boxframesitemap {
	display: block;
	padding: 15px 0px 5px 15px;
	border: 1px solid #E1E1E1;
	background-color: #fff;
	margin: 0 0 15px 0;
	clear: both;
}

ul.sitemapList {
	margin-bottom: 0px;
	display: block;
	clear: both;
	margin-right: 15px;
	margin-left: 0px;
}

ul.sitemapList li {
	margin-bottom: 5px;

	line-height: 1.5;
	padding-bottom: 5px;
	margin-left: 0px;
	display: block;
	letter-spacing: 1px;
}

ul.sitemapList li a {
	padding-left: 15px;
	display:block;
	background-image: url(../common/ico_cursor_br.png);
	background-repeat: no-repeat;
	background-position: left center;
}

ul.sitemapList li ul{
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EFEFEF;
	font-size: 100%;
	background-image: none;
	background-repeat: no-repeat;
	padding-left: 0px;
	line-height: 1.5;
	margin-top: 10px;
	margin-left: 20px;
	list-style-type: none;
}

ul.sitemapList li ul li{
	font-size: 100%;
	line-height: 1.5;
	margin-left: 0px;
	letter-spacing: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
}

ul.sitemapList li ul li ul{
	padding-top: 10px;
	border-top-width: none;
	border-top-style: none;
	font-size: 100%;
	background-image: none;
	background-repeat: no-repeat;
	padding-left: 0px;
	line-height: 1.5;
	margin-top: 0px;
	margin-left: 20px;
	list-style-type: none;
}

ul.sitemapList li ul li ul li {
	font-size: 100%;
	line-height: 1.5;
	margin-left: 0px;
	letter-spacing: 1px;
	border-bottom-width: none;
	border-bottom-style: none;
	border-bottom-color: none;
}