@charset"utf-8";
/*
-----------------------------------------------
SENYO KOGYO Web Site ver.1 navigation
Version:  June 2013
----------------------------------------------- */


/* a link
--------------------------------------------------
----------------------------------------------- */
a{color:#4342C7; text-decoration:underline; outline:none; word-wrap:break-word;}
a:visited{color:#4342C7;}
a:hover, a:active{color:#36f;}

a:hover img.btn{opacity:0.7; filter:alpha(opacity=70);}


/* header navigatiion
--------------------------------------------------
----------------------------------------------- */
#headnav		{ margin-right:20px; height:23px; text-align:left; background:#4342C7;
	border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;
}
#headnav ul		{ padding-left:15px; height:23px; font-size:0;}
#headnav ul li	{ display:inline-block; padding:5px 19px 0 0;}
#headnav li a	{ display:block; padding:0 0 0 8px; 
	line-height:1.1; text-align:left; font-size:12px; font-size:1.2rem; color:#D1D0F1; text-decoration:none;
	background:url(../img/nav/li_headnav.gif) no-repeat left 4px;
}
#headnav li a:hover{color:#fff;}
#headnav li.current-menu-item a{color:#fff;}


/* main navigatiion
--------------------------------------------------
----------------------------------------------- */
#globalnav ul	{ position:absolute; left:-240px; margin:0; padding:0; width:420px;}
#globalnav li	{ float:left; margin:0 20px 0 0; padding:0; width:120px; height:45px; box-sizing: content-box;}
#globalnav li a	{ display:block; width:100px; height:45px; text-decoration:none; text-indent:-9000px; 
	border-bottom:3px solid #A6B7E7; overflow:hidden; box-sizing: content-box;
	transition:opacity 0.2s ease;
	opacity:0; filter:alpha(opacity=0);
}

#globalnav li.gn_products	{ width:64px;  background:url(../img/nav/gn_products.png) no-repeat 0 0;}
#globalnav li.gn_products a	{ width:64px;  background:url(../img/nav/gn_products.png) no-repeat 0 -96px;}
#globalnav li.gn_location	{ width:115px; background:url(../img/nav/gn_location.png) no-repeat 0 0;}
#globalnav li.gn_location a	{ width:115px; background:url(../img/nav/gn_location.png) no-repeat 0 -96px;}
#globalnav li.gn_newfield	{ width:93px;  background:url(../img/nav/gn_newfield.png) no-repeat 0 0;}
#globalnav li.gn_newfield a	{ width:93px;  background:url(../img/nav/gn_newfield.png) no-repeat 0 -96px;}
#globalnav li.gn_restaurant	{ width:63px;  background:url(../img/nav/gn_restaurant.png) no-repeat 0 0;}
#globalnav li.gn_restaurant a	{width:63px; background:url(../img/nav/gn_restaurant.png) no-repeat 0 -96px;}

#globalnav li.gn_products a:hover,
#globalnav li.gn_location a:hover,
#globalnav li.gn_newfield a:hover,
#globalnav li.gn_restaurant a:hover{background-position:0 -48px; border-color:#f00; opacity:1; filter:alpha(opacity=100);}

#globalnav li.gn_products.current-menu-item a,
#globalnav li.gn_location.current-menu-item a,
#globalnav li.gn_newfield.current-menu-item a,
#globalnav li.gn_restaurant.current-menu-item a{background-position:0 0px; border-color:#4342C7; opacity:1; filter:alpha(opacity=100);}

.productslist #globalnav li.gn_products a,
.products #globalnav li.gn_products a,
.productunique #globalnav li.gn_products a,
.locationlist #globalnav li.gn_location a,
.newfieldlist #globalnav li.gn_newfield a,
.newfielditem #globalnav li.gn_newfield a,
.restaurant #globalnav li.gn_restaurant a{background-position:0 0px; border-color:#4342C7; opacity:1; filter:alpha(opacity=100);}

.home #globalnav li.gn_products		{background:url(../img/nav/gn_products_home.png) no-repeat 0 -48px;}
.home #globalnav li.gn_location		{background:url(../img/nav/gn_location_home.png) no-repeat 0 -48px;}
.home #globalnav li.gn_newfield		{background:url(../img/nav/gn_newfield_home.png) no-repeat 0 -48px;}
.home #globalnav li.gn_restaurant	{background:url(../img/nav/gn_restaurant_home.png) no-repeat 0 -48px;}

.home #globalnav li{border-bottom:3px solid #fff;}
.home #globalnav li.gn_products a	{background:url(../img/nav/gn_products_home.png) no-repeat 0 0;}
.home #globalnav li.gn_location a	{background:url(../img/nav/gn_location_home.png) no-repeat 0 0;}
.home #globalnav li.gn_newfield a	{background:url(../img/nav/gn_newfield_home.png) no-repeat 0 0;}
.home #globalnav li.gn_restaurant a	{background:url(../img/nav/gn_restaurant_home.png) no-repeat 0 0;}

.home #globalnav li.gn_products a:hover,
.home #globalnav li.gn_location a:hover,
.home #globalnav li.gn_newfield a:hover,
.home #globalnav li.gn_restaurant a:hover{background-position:0 0; border-color:#f00;}



/* bread crumb
--------------------------------------------------
----------------------------------------------- */
#breadcrumb		{ margin:0 auto; height:31px; padding:0 0; text-align:left; background:#131447; border-bottom:1px solid #42436C;}
#breadcrumb ul	{ margin:0 auto; padding:0; width:930px; height:33px; font-size:12px; font-size:1.2rem; color:#8CC6EA;}
#breadcrumb li	{ float:left; margin:0; padding:0px 0 0 11px; height:30px; line-height:30px;}
#breadcrumb li a{display:block; padding:0 27px 0 0; color:#fff; text-decoration:none; background:url(../img/nav/breadcrumb-arrow.gif) no-repeat right center;}
#breadcrumb li a:hover{color:#8CC6EA;}
#breadcrumb li.home{padding-left:21px; background:url(../img/nav/breadcrumb-home.gif) no-repeat 0px 9px;}



/* #content-head
--------------------------------------------------
----------------------------------------------- */
#content-head { background:#131447;}
#content-head .wrap { margin:0 auto; padding:14px 0; width:930px;}
#content-head .wrap:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
* html #footer #content-head .wrap             { zoom: 1; } /* IE6 */  
*:first-child+html #footer #content-head .wrap { zoom: 1; } /* IE7 */

#content-head ul		{ float:left; width:700px; font-size:12px; font-size:1.2rem;}
#content-head ul li		{ float:left; }
#content-head ul li a	{ float:left; display:block; margin:0 2px 1px 0; padding:2px 5px 1px 15px; width:200px; color:#A5B7E6; text-decoration:none;
	background:url(../img/nav/li_categorynav.gif) no-repeat 4px 6px;
	border-radius:25px;
}
#content-head ul li a:hover { background-color:#26295B;}
#content-head ul li.current-menu-item a,
#content-head ul li.current-menu-ancestor a,
#content-head ul li.current-products-ancestor a {color:#fff; background-color:#0E3BA3;}

#content-head ul ul.sub-menu { clear:both; display:block; width:200px;}
#content-head ul ul.sub-menu li { float:none;}
#content-head ul ul.sub-menu li a { float:none;}
#content-head ul li ul.sub-menu li a { background-color:transparent !important;}
#content-head ul li ul.sub-menu li a:hover { background-color:#26295B !important;}
#content-head ul li ul.sub-menu li.current-menu-item a { background-color:#0E3BA3 !important;}


/* #content next-prev navigation
--------------------------------------------------
----------------------------------------------- */
.products .nav-single{ margin:0; padding:0; border:none;}
.products .nav-single .nav-previous a,
.products .nav-single .nav-next a 		{
	position:absolute; display:block; margin:0; padding:106px 0 0 0;
	width:60px; height:0; overflow:hidden; white-space:nowrap;
	border:none; border-radius:0;
	transition:opacity 0.2s ease, background-position 0.2s ease;
	opacity:0.7; filter:alpha(opacity=70);
}
.products .nav-single .nav-previous a	{ top:244px; left:0px; background:url(../img/nav/nav-previous.png) no-repeat -40px 0;}
.products .nav-single .nav-next a 		{ top:244px; right:0px; background:url(../img/nav/nav-next.png) no-repeat 10px 0;}
.products .nav-single .nav-previous a:hover{opacity:1; filter:alpha(opacity=100); background-position:-30px 0;}
.products .nav-single .nav-next a:hover{opacity:1; filter:alpha(opacity=100); background-position:0 0;}
.products .nav-single .none{display:none;}




/* subnav
--------------------------------------------------
----------------------------------------------- */
#secondary ul.subnav{}
#secondary ul.subnav li{margin:0 0 5px 0;}
#secondary ul.subnav li a{display:block; padding:4px 8px; border:1px solid #444; color:#999; text-decoration:none;
	background-color:#222; background-color:rgba(125,125,125,0.1);
	}
#secondary ul.subnav li a:hover{color:#ccc; background-color:#333; background-color:rgba(225,225,225,0.1);}



/* footer navigation
--------------------------------------------------
----------------------------------------------- */
#footer .nav{border-top:1px solid #ddd;}
#footer .nav ul{margin:0 auto; padding:11px 0;}
#footer .nav ul:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
* html #footer .nav ul             { zoom: 1; } /* IE6 */  
*:first-child+html #footer .nav ul { zoom: 1; } /* IE7 */

#footer .nav li{float:left;}
#footer .nav li a{float:left; margin:4px 14px; padding:0 0 0 14px; font-size:11px; font-size:1.1rem; line-height:1.2; color:#444; text-decoration:none;
	background:url(../img/nav/li_footnav.png) no-repeat 0 0.1em; border:none;}
#footer .nav a:hover{color:#999;}



/* #secondary banners and promos btn
--------------------------------------------------
----------------------------------------------- */
#secondary .promos{margin:0 0 26px 0;}
#secondary .promos a{display:block; margin:0 0 7px 0;}
#secondary .banners a{display:block; margin:0 0 7px 0;}
#secondary .promos a:hover img, #secondary .banners a:hover img{opacity:0.7; filter:alpha(opacity=70);}


/* 
--------------------------------------------------
----------------------------------------------- */
a.libtn{padding:1px 0 3px 15px; color:#888; text-decoration:none; background:url(../img/nav/li_btn.gif) no-repeat 0 0;}
a:hover.libtn{color:#4342C7; background-position:0 -50px;}

.btn a { display:block; padding:9px 24px 7px 16px; text-decoration:none;
	background:#fff url(../img/nav/arrow_btn.gif) no-repeat right center;
	border:3px solid #ddd;
	border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px;
	transition:border-color 0.2s ease;
}
.btn a:hover { border-color:#81B7E3;}
.btn a img { box-shadow:none;}



/* button
--------------------------------------------------
----------------------------------------------- */
.col_about { float:right; width:440px;}
.col_about h1 		{ position:relative; margin:-39px 0 0; padding:0 0; width:80px; height:80px; text-indent:-9000px; background:url(../img/headline/h_home-about.gif) no-repeat 0 0;}
.col_about .aboutnav{ position:relative; margin:12px 0 0; padding:11px 11px 11px 21px; border:8px solid #ddd; border-radius:22px; background:url(../img/nav/b_about_bg.jpg) no-repeat right top;}
.col_about ul li { margin:0.8em 0; padding:0 0 0 18px; font-weight:bold; background:url(../img/common/li_home-about.gif) no-repeat 0 0.25em;}
.col_about a { color:#333; text-decoration:none;}
.col_about a:hover { color:#4342C7;}

.b_about {position:relative; margin:80px 0 0 150px; padding:26px 100px 24px 0; width:600px;
	display:block; position:relative; text-align:center; border:8px solid #ddd;
	background:url(../img/nav/b_about_bg.jpg) no-repeat right top;
	border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px;
	transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -webkit-transition:border-color 0.2s ease;
}
.b_about:hover{border-color:#81B7E3;}
.b_about a{padding:14px 0 0 0; text-align:center; font-size:14px; font-weight:bold; text-decoration:none;
	transition:opacity 0.2s ease; -moz-transition:opacity 0.2s ease; -webkit-transition:opacity 0.2s ease;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.b_about a:hover{opacity:1;}
.b_about .balloon{position:absolute; top:-18px; left:-80px;
	width:116px; height:108px; text-indent:-9000px;
}
.b_about .bal_about{background:url(../img/nav/n_balloon_about.png) no-repeat 0 0;}
.b_about:hover .bal_about {
	-moz-animation: bal_aboutjump 0.4s ease 0s infinite alternate;
	-webkit-animation: bal_aboutjump 0.4s ease 0s infinite alternate;
	animation: bal_aboutjump 0.4s ease 0s infinite alternate;
}
@-moz-keyframes bal_aboutjump {
	0% {left:-78px;}
	100% {left:-110px;}
}
@-webkit-keyframes bal_aboutjump {
	0% {left:-78px;}
	100% {left:-110px;}
}
@keyframes bal_aboutjump {
	0% {left:-78px;}
	100% {left:-110px;}
}


/* index Field
--------------------------------------------------
----------------------------------------------- */
#col_fieldswrap {}
#col_fields 	{margin:0 auto; width:930px;}
#col_fields h1 	{ display:none; position:relative; margin:0 auto; padding:0 0; width:150px; height:152px; text-indent:-9000px; background:url(../img/headline/h_home-fields.png) no-repeat 0 0;}

#col_fields ul 	{margin:00px 0 40px 0; padding:0;}
#col_fields ul:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
* html #col_fields ul             { zoom: 1; } /* IE6 */  
*:first-child+html #col_fields ul { zoom: 1; } /* IE7 */

#col_fields ul li 	{float:left; margin:0 18px 0 0; width:219px; height:131px; line-height:1.2; background:url(../img/home/sdw_fields.png) no-repeat center bottom; }
#col_fields ul li a {display:block; position:relative; padding:11px 11px 11px 11px; border:8px solid #ddd;
	border-radius:22px;
	transition:border-color 0.2s ease;
}
#col_fields ul li a:hover 		{border-color:#81B7E3;}
#col_fields ul li .thumbnail 	{display:block; width:179px; height:90px; overflow:hidden;}
#col_fields ul li .thumbnail img{border-radius:5px;}
#col_fields ul li .balloon 		{position:absolute; top:-90px; left:46px;
	width:108px; height:118px; text-indent:-9000px;
}
#col_fields ul li .bal_products 	{background:url(../img/nav/n_balloon_products.png) no-repeat 0 0;}
#col_fields ul li .bal_location 	{background:url(../img/nav/n_balloon_location.png) no-repeat 0 0;}
#col_fields ul li .bal_newfield 	{background:url(../img/nav/n_balloon_newfield.png) no-repeat 0 0;}
#col_fields ul li .bal_restaurant 	{background:url(../img/nav/n_balloon_restaurant.png) no-repeat 0 0;}


#col_fields ul li a:hover .balloon {
	-moz-animation: balloonjump 0.4s ease 0s infinite alternate;
	-webkit-animation: balloonjump 0.4s ease 0s infinite alternate;
	animation: balloonjump 0.4s ease 0s infinite alternate;
}
@-moz-keyframes balloonjump {
	0% {top:-88px;}
	100% {top:-110px;}
}
@-webkit-keyframes balloonjump {
	0% {top:-88px;}
	100% {top:-110px;}
}
@keyframes balloonjump {
	0% {top:-88px;}
	100% {top:-110px;}
}





/* #b_pagetop
--------------------------------------------------
----------------------------------------------- */
#b_pagetop{position:relative; margin:0 0; height:0; display:none;}
#b_pagetop{}
#b_pagetop a{position:absolute; bottom:0; right:8%; display:block;
	padding:0; width:103px; height:94px;
	text-decoration:none; text-indent:-9000px;
	background: url(../img/nav/b_pagetop.png) no-repeat 0 0;
}