﻿/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/

/*====================*/
/*=== Reset Styles ===*/
/*====================*/
body {
	background: #FFF;
	margin: 0px;
	color: #353535;
	font-size: 12px;
	line-height:20px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,Helvetica,'メイリオ',Arial,sans-serif;}
p{
line-height:18px;}
.texnho{
	font-size:11px;
}
.t1{
	font-family: Arial, Helvetica, sans-serif;
	font: 1.05em Arial, Helvetica, sans-serif;
	color: #3A3A3A;
	line-height: 1.6em;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

h1 {
	font-weight: normal;
	font-size:18px;
	font-weight:bold;
	line-height:36px;
}
h2 {
	font: 1.8em/1 Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	text-transform: uppercase;
	color: #55c867;
	text-shadow: 1px 1px 0 #f9f9f7, 1px 2px 0 #e7e6e2;
	margin: 0 0 px;
	font-weight: normal;
}
h3 {
	font: 1.4em/1 Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #666;
	text-shadow: 1px 1px 0 #f9f9f7, 1px 2px 0 #e7e6e2;
	margin: 0 0 px;
	font-weight: bold;
}
h4 {
	font: 2em/1 "Avenir LT W01 95 Black", sans-serif;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 1px 1px 0 #000, 1px 1px 0 #000;
	margin: 0 0 px;
	font-weight: bold;
}


/*===================*/
/*=== Main Styles ===*/
/*===================*/

a, a:visited {
	color: #197399;
	text-decoration: none;
}
a:hover, a:active {
	color: #AEAEAE;
	text-decoration: underline;
}

#dev7link {
    position:absolute;
    top:0;
    left:50px;
    background:url(images/dev7logo.png) no-repeat;
    width:60px;
    height:67px;
    border:0;
    display:block;
    text-indent:-9999px;
}

.slider-wrapper { 
	width: 1000px; 
	margin: 0px auto;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}



/* point right for anchors in subs */
#menu ul .sf-sub-indicator { background-position:  -10px 0; }
#menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#menu ul a:focus > .sf-sub-indicator,
#menu ul a:hover > .sf-sub-indicator,
#menu ul a:active > .sf-sub-indicator,
#menu ul li:hover > a > .sf-sub-indicator,
#menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


	#main-nav { float: right; margin-top:30px; }

		#main-nav > ul { margin-top:-15px; }

			#main-nav li {
				list-style: none;
				float: left;
				margin: 0;
				position: relative;
				margin-right:10px;
			}
			
			#main-nav li:last-child {margin-right:0px;}
			
			#main-nav a {
	color: #fff;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,Helvetica,'メイリオ',Arial,sans-serif;

	font-size: 12px;
	display: block;
	position: relative;
	text-align: center;
	z-index: 98;
	padding: 6px 12px 6px 12px !important;
	background: #2186d3;
	border-radius: 4px;
}


				#main-nav a:after {
					color: #aeaeae;
					font-size: 11px;
					font-style: italic;
					font-weight: 400;
					display: block;
					line-height: 0;
					text-align: center;
					text-transform: lowercase;
				}

					#main-nav a:hover, #main-nav .hover > a, #main-nav .current > a, {
						border-top-color: #fff;
						color: #000;
						background:#03bbf2;
						text-shadow: 0 0px 0 #333);
					}

					#main-nav a:hover, #main-nav .hover > a, #main-nav .current > a { 
						color:#fff;
						text-decoration:none;
						background-color: #03bbf2;
						background-repeat: repeat-x;
							
	background-image: linear-gradient(top, #c52b2f, #03bbf2);
	border-left-color: #03bbf2;
	border-right-color: #03bbf2;
	border-top-color: #03bbf2;
	border-bottom-color: #387038;
}
					#main-nav ul li ul li a:hover > #main-nav ul li a {background:#03bbf2 !important;}

				/* Dropdown */
					

				#main-nav ul ul {
					left: -25px;
					padding: 0;
					position: absolute;
					top: 45px;
					visibility:hidden;
				}
				#main-nav ul ul ul {
					left: 150px;
					padding: 0;
					position: absolute;
					top: 0px;
					visibility:hidden;
				}
				#main-nav li:hover > ul {
					visibility:visible;
					}
					#main-nav ul ul li { float: none; }

						#main-nav ul ul a {
							color: #fff;
							font-size: 12px;
							font-weight: 400;
							text-align:left !important;
							width:120px;
							border-bottom:1px solid #555;
							background:#444;
							border-radius:0px;

						}

						#main-nav ul ul a:hover, #main-nav ul ul .hover > a, #main-nav ul ul .current > a, #main-nav ul ul .current > a:hover {
							color: #fff;
							text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.2);
							border-bottom-color:#353535;
							border-bottom-color:#353535;
						}

						#main-nav ul li.current > a:after {
							content: '';
							position: absolute;
							left:50%;
							top: 100%;
							margin-left:-5px;
							border-left: 6px solid transparent;
							border-right: 6px solid transparent;
							border-top: 6px solid #03bbf2;

						}
						#main-nav ul li ul li:first-child > a:after {
							content: '';
							position: absolute;
							left:24%;
							top: 0%;
							margin-left:-5px;
							margin-top:-6px;
							border-left: 6px solid transparent;
							border-right: 6px solid transparent;
							border-bottom: 6px solid #444;
						}
						#main-nav ul li ul li:first-child > a:hover:after {
							border-bottom-color:#9ac92c;

						
						}
						#main-nav ul li.current ul li:first-child > a:after {
							content: '';
							position: absolute;
							left:24%;
							top: 0%;
							margin-left:-5px;
							margin-top:-6px;
							border-left: none;
							border-right: none;
							border-bottom: none;

						}
						#main-nav ul li ul li ul li:first-child > a:after {
							content: '';
							position: absolute;
							left: -1px;
							top: 50%;
							margin-top: -6px;
							border-left: 0;	
							border-bottom: 6px solid transparent;
							border-top: 6px solid transparent;
							border-right: 6px solid #444;

						}
						#main-nav ul li ul li ul li:first-child > a:hover:after {
							border-bottom-color: transparent;
							border-right-color:#bf292b;
						}
						nav select { display: none; }
						
						.gray_bg { background-color:#f7f7f7; border-top:1px solid #eee; border-bottom:1px solid #eee;}
						
.red{
font-size:13px;
font-weight:bold;
color:#003f98;
	
}

.blue{
	
	color: #ed2e38;
	background:#f3f3f3;
	border-bottom:1px #ed2e38 solid;
	height:28px;
	padding-left:5px;
	font: 1.4em/1 Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}

.footer {
	background-image: url('images/bg_f.gif');
	height: 50px;
	color: #333;
	line-height: 1.4em;
}
.footer1 {
	background-image: url('images/bg_top.gif');
	height: 22px;
	
}

.banner{
	background:url(images/banner.jpg) no-repeat;
	height:160px;

}
.banner2{
	background: #2186d3;
	padding: 2px 5px 2px 5px;
	border-radius: 4px;
	margin-right: 15px;
	color:#fff;
	
}
.banner2a{
	background: #2186d3;
	padding: 2px 5px 2px 5px;
	border-radius: 4px;
	margin-right: 15px;
	color:#fff;
	width:90px;
	margin-right:10px;
	
}
.banner2a1{
	background: #003f98;
	padding: 2px 5px 2px 5px;
	border-radius: 4px;
	margin-right: 15px;
	color:#fff;
	width:90px;
	margin-right:10px;
	
}

.banner3{
	background:url(images/banner3.jpg) no-repeat;
	height:160px;

}

.banner4{
	background:url(images/banner4.jpg) no-repeat;
	height:160px;

}
.banner5{
	background:url(images/banner5.jpg) no-repeat;
	height:160px;

}
.redtex{
	color:red;
}
.banner6{
	background:url(images/banner6.jpg) no-repeat;
	height:160px;

}

.box{
padding:20px;
border:3px #f0f0f0 solid;
}
.box2{
background:#fff;
border-top:2px silver dotted;

}


.form{
	border-right: 1px silver solid;
	padding: 0px 20px 20px 20px;
	width: 33%;
}
.form2{
	border-right: 1px silver solid;
	padding: 0px 20px 20px 0px;
	width: 33%;
}

.form1{
	
	
	padding: 0px 20px 20px 20px;
	width:33%;
	
}

.bg_content5  {
	color: #fff;
	text-align: right;
}

.bg_content5 a:link  {
	color: #fff;
		

}
.bg_content5 a:visited {
	color: #fff;

}

.bg_content5 a:hover {

	color: #10bef2;	
	

}

.td1a{
	border-right: 1px #C0C0C0 solid;
	padding-right: 30px;
}
.td1b{
	
	padding-left: 30px;
}

.tdc{
	background:#fff ;
	border-bottom:2px silver dotted;
	
}
.tdd{
font-size:20px;
line-height:32px;
font-weight:bold;
	background: #fff;
	border-bottom: 2px #ECECEC solid;
}

.dot{
font-size:22px;

}



ul.menu .menulink {
	border-bottom: 0px solid #aaa;
	font-weight: bold;
	width: 117px;
	margin-right: 0px;
	text-transform: uppercase;
	text-align: center;
	font-size: 12px;
	height:40px;
	line-height:40px;
		font-family: Arial, Helvetica, sans-serif;

}
ul.menu .menulink:hover, ul.menu .menuhover { background:url('images/bg_menu.gif');;color:#000}
ul.menu .sub {
	background: #13baea url(images/arrow.gif) 136px 10px no-repeat;
	
}
ul.menu .topline {
	border-bottom: 1px #808080 solid;
	top: 1px;
}

.sub {
	
	text-transform: capitalize;
}
	
.sub a {
		
		height:28px;
		display:block; 
		background:#ccc ; 
		color:#000; 
	
		font-family:Arial, Helvetica, sans-serif;
	    	font-size:11px;
		line-height:28px; 
		text-decoration:none; 
		padding:0px 0px 0px 20px;
		}
		
.sub a:hover {
		
		height:28px;
		background:#f0f0f0 url(images/bg_3.gif) 0 0 no-repeat ; 
		color:#333; 		
		padding: 0px 0px 0px 20px;
		}
.td_l{

text-align:center;
font-size:10px;
}

.t_t{
	color:#fff;
}

.box3{
	border-bottom: 1px silver solid;
	padding: 8px 5px 8px 5px;
}
.title1{
	background-image: url('images/bgProductH1.gif');
	font-size:14px;
	line-height:40px;
	padding-left:10px;
}

.padd{
	padding:10px;
}
.img1{

}
.img{
margin-top:5px;
}


.menu_div ul
{
    padding:0px;
    margin:0px;
    list-style:none;
    text-indent:15px;
}
.menu_div ul li
{
	background-image: url('images/bg_m2.gif');
    line-height:32px;
        border-bottom:1px solid #97abcc;}
.menu_div ul li a
{
    text-decoration:none;
    color:#000;
    display:block;
    padding-left:10px;
}
.menu_div ul li a:hover
{
	background-image: url('images/bg_m2r.gif');
}
.menu_div ul li#active
{
	background-image: url('images/bg_m2r.gif');
}

.top1
{
	border-top:1px solid #97abcc;}
	
.cell_p{
	width: 25%;
	padding:8px;
	border-right:1px #999 dotted;
	border-bottom:1px #999 dotted;

}
.cell_p1{
	width: 25%;
	padding:8px;
	border-bottom:1px #999 dotted;

}
.cell_p2{
	width: 25%;
	padding:8px;
	border-right:1px #999 dotted;

}
.cell_p3{
	width: 25%;
	padding:8px;
	border:1px #999 dotted;

}

.bb{
	border:1px #999 dotted;
}
.topmenu{
	background-image: url('images/bg_m1.gif');
	height: 40px;
	

	color: #fff;
	padding: 0px 0px 0px 25px;
	line-height:40px;
}

.xam1{
	background:#ececec;
	font-size:11px;
	padding:3px;
	text-align:center;
	margin:1px;
	
}
.xam2{
	background:#f5f5f5;
	font-size:11px;
	padding:3px;
	text-align:center;
}
.subtit{
	font-size:15px;
	line-height:20px;
	font-weight:bold;
}
#tabmenu { 
color: #000; 
border-bottom: 1px solid black; 
margin: 12px 0px 0px 0px; 
padding: 0px; 
z-index: 1; 
padding-left: 10px } 

#tabmenu li { 
display: inline; 
overflow: hidden; 
list-style-type: none; } 

#tabmenu a, a.active { 
color: #aaaaaa; 
background: #295229;
font: normal 1em verdana, Arial, sans-serif; 
border: 1px solid black; 
padding: 2px 5px 0px 5px; 
margin: 0px; 
text-decoration: none;
cursor:hand; } 

#tabmenu a.active { 
background: #ffffff; 
border-bottom: 3px solid #ffffff; } 

#tabmenu a:hover { 
color: #fff; 
background: #ADC09F; } 

#tabmenu a:visited { 
color: #E8E9BE; } 

#tabmenu a.active:hover { 
background: #ffffff; 
color: #DEDECF; } 

#content {font: 0.9em/1.3em verdana, sans-serif; 
text-align: justify; 
background: #ffffff; 
padding: 20px; 
border: 1px solid black; 
border-top: none; 
z-index: 2; } 

#content a { 
text-decoration: none; 
color: #E8E9BE; } 

#content a:hover { background: #aaaaaa; } 