/*
jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
Copyright (c) 2009 Niall Doherty
This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

.panel h2.title { margin-bottom: 2px; }
.panel p.title { margin-bottom: 2px; }

noscript div { background: #fff; margin: 0; padding: 0; }


.featurearea { width: 1000px;height: 210px;　margin: 0; }


/* slidepanel */

.coda-slider-wrapper { padding: 0; }
.coda-slider { background: #fff; }

 /* slidepanel_sotowaku */
.coda-slider-no-js .coda-slider { height: 180px; overflow: hidden; !important; padding:0; }

/* panel */
.coda-slider, .coda-slider .panel { width: 1000px;height: 180px; overflow: hidden; } 


/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 1000px; }
.coda-slider-wrapper.arrows .coda-slider { margin: 0; }

/*yajirushi
.coda-nav-left a, .coda-nav-right a {background: #000; color: #fff; padding:0; width: 100px; }
*/

/* tab_link */

.coda-nav {
	text-align:right;
}

.coda-nav ul {
	clear: both;
	display: block;
	margin: 0;
	overflow: hidden
	top: 276px;
	list-style: none;
}

.coda-nav ul li {
	float: left;
	margin-right: 1px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.coda-nav a { 
	display: block;
	margin:7px 2px 0 0;
	padding: 0 3px;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	line-height: 13px;
	background: #fff;
	color: #ababab;
	text-decoration: none;
}

.coda-nav li.tab1 a,
.coda-nav li.tab2 a,
.coda-nav li.tab3 a,
.coda-nav li.tab4 a,
.coda-nav li.tab5 a,
.coda-nav li.tab6 a,
.coda-nav li.tab7 a,
.coda-nav li.tab8 a,
.coda-nav li.tab9 a,
.coda-nav li.tab10 a,
.coda-nav li.tab11 a,
.coda-nav li.tab12 a,
.coda-nav li.tab13 a,
.coda-nav li.tab14 a,
.coda-nav li.tab15 a,
.coda-nav li.tab16 a,
.coda-nav li.tab17 a,
.coda-nav li.tab18 a {
	background: #fff;
	border: 1px solid #ababab;
}


.coda-nav li a:hover {
	background: #ababab;
	color: #fff;
}

/* choice_tab */
.coda-nav ul li a.current {
	background: #ababab;
	color: #fff;
}

/* Panel padding */
.coda-slider { padding:0; }

/* Preloader */
.coda-slider p.loading { padding: 0; text-align: center }

/* Don't change anything below here unless you know what you're doing */

/* tab_menu
.coda-nav ul {
clear: both;
display: block;
margin: auto;
overflow: hidden;
}

.coda-nav ul li { display: inline }

.coda-nav ul li a {
display: block;
color: #fff;
float: left;
margin-right: 1px;
padding: 3px 6px;
text-decoration: none
background: #000;
}
*/

/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: hidden; }
.coda-slider { float: left; overflow: hidden; position: relative; }
.coda-slider .panel { display: block; float: left; }
.coda-slider .panel-container { position: relative; }

/* yajirushi     display:none */
.coda-nav-left, .coda-nav-right { float: left; }
.coda-nav-left a, .coda-nav-right a { display: none; text-align: center; text-decoration: none; }


/* slide_img */
.panel-wrapper { padding：0; text-indent:-9999px; }

#menu1 a { display: block;width:1000px;height:180px;background: url("/images/apos.png") no-repeat;}
#menu2 a { display: block;width:1000px;height:180px;background: url("/images/remark.png") no-repeat;}
#menu3 a { display: block;width:1000px;height:180px;background: url("/images/platinum_v42.png") no-repeat; background-position:left bottom; }
#menu4 a { display: block;width:1000px;height:180px;background: url("/images/wocr.png") no-repeat;}
#menu5 a { display: block;width:1000px;height:180px;background: url("/images/foip.png") no-repeat;}
#menu6 a { display: block;width:1000px;height:180px;background: url("/images/smoothfirst.png") no-repeat;}
#menu7 a { display: block;width:1000px;height:180px;background: url("/images/web.png") no-repeat;}
#menu8 a { display: block;width:1000px;height:180px;background: url("/images/glue_ec.png") no-repeat;}
#menu9 a { display: block;width:1000px;height:180px;background: url("/images/sol.png") no-repeat;}
#menu11 a { display: block;width:1000px;height:180px;background: url("/images/a10x.png") no-repeat;}
#menu12 a { display: block;width:1000px;height:180px;background: url("/images/glue_ents.png") no-repeat;}
#menu13 a { display: block;width:1000px;height:180px;background: url("/images/systemmining.png") no-repeat;}
#menu14 a { display: block;width:1000px;height:180px;background: url("/images/pl_lite.png") no-repeat;}
#menu15 a { display: block;width:1000px;height:180px;background: url("/images/mdm.png") no-repeat;}
#menu16 a { display: block;width:1000px;height:180px;background: url("/images/glue_sns.png") no-repeat;}
#menu17 a { display: block;width:1000px;height:180px;background: url("/images/sol_kt.png") no-repeat; background-position:left bottom; }

#menu18 a { display: block;width:1000px;height:180px;background: url("/images/glue_ci.gif") no-repeat;}

#menu1 a:hover { background: url("/images/apos_h.png") no-repeat; }
#menu2 a:hover { background: url("/images/remark_h.png") no-repeat; }
#menu3 a:hover { background: url("/images/platinum_v42.png") no-repeat; background-position:left top; }
#menu4 a:hover { background: url("/images/wocr_h.png") no-repeat; }
#menu5 a:hover { background: url("/images/foip_h.png") no-repeat; }
#menu6 a:hover { background: url("/images/smoothfirst_h.png") no-repeat; }
#menu7 a:hover { background: url("/images/web_h.png") no-repeat; }
#menu8 a:hover { background: url("/images/glue_ech.png") no-repeat; }
#menu9 a:hover { background: url("/images/sol_h.png") no-repeat; }
#menu11 a:hover { background: url("/images/a10x_h.png") no-repeat; }
#menu12 a:hover { background: url("/images/glue_ents_h.png") no-repeat; }
#menu13 a:hover { background: url("/images/systemmining_h.png") no-repeat; }
#menu14 a:hover { background: url("/images/pl_lite_h.png") no-repeat; }
#menu15 a:hover { background: url("/images/mdm_h.png") no-repeat; }
#menu16 a:hover { background: url("/images/glue_snsh.png") no-repeat; }
#menu17 a:hover { background: url("/images/sol_kt.png") no-repeat; background-position:left top; }
#menu18 a:hover { background: url("/images/glue_cih.gif") no-repeat; }
