@charset "Shift_JIS";	/* Products.css	製品紹介	*/
/* support Firefox, WebKit, Opera and IE8+ */
html {
 	overflow: scroll;
 	overflow: -moz-scrollbars-vertical;
 	overflow-x: scroll;
	}
.c{
	width:1010px;
	margin:0 auto;
	}
/*グローバールナビ*/
ul#globalnavi {
 	overflow:hidden;
 	}
 ul#globalnavi li {
 	float:left;
 	height:41px;
 	display:block;
	}
 ul#globalnavi li a {
 	display:block;
 	overflow:hidden;
 	background-image:url(globalmenu5.png);
 	height:41px;
 	line-height:41px;
 	text-align:center;
 	text-decoration:none;
 	color:#fff;
	}

 #navi1 a { width:128px; background-position:0 0;}
 #navi2 a { width:128px; background-position:-128px 0;}
 #navi3 a { width:128px; background-position:-256px -41px;}
 #navi4 a { width:127px; background-position:-384px 0;}
 #navi5 a { width:127px; background-position:-511px 0;}
 #navi6 a { width:127px; background-position:-638px 0;}
 #navi7 a { width:127px; background-position:-765px 0;}
 #navi8 a { width:127px; background-position:-892px 0;}
 /* global navi rollover ----------------------*/
 #navi1 a:hover { width:128px; background-position:0 -41px;}
 #navi2 a:hover { width:128px; background-position:-128px -41px;}
 #navi3 a:hover { width:128px; background-position:-256px -41px;}
 #navi4 a:hover { width:127px; background-position:-384px -41px;}
 #navi5 a:hover { width:127px; background-position:-511px -41px;}
 #navi6 a:hover { width:127px; background-position:-638px -41px;} 
 #navi7 a:hover { width:127px; background-position:-765px -41px;} 
 #navi8 a:hover { width:127px; background-position:-892px -41px;} 
/*全体を真ん中*/
.b{
	width:1020px;
	margin:0 auto;
	}
/* サイドメニュー */
.sidemenu	{	width:100%	}
.sidemenu	{
	color: #8abc60;
	padding-bottom:175px;
	}
.sidemenu li a:hover	{	background-color: #eeeeee	}
.sidemenu{background-color:#f4f4ff
          }
/* コピーライト */
.copyright p	{
	margin: 0;
	color: #666666;
	font-size: 14px
	}
/*box7の設定*/
.box7{
	padding-left: 15px;
	padding-right: 15px
	}
/* ボックスの上下 */
.box7	{
	padding-top: 25px;
	padding-bottom: 25px
	}
/* BOX7-1とBOX7-2を横に並べる設定 */
.box7:after	{
	content: "";
	display: block;
	clear: both
	}
.box7-1	{
	float: right;
	width: 78%;
	}
.box7-1{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f9ff+0,cbebff+47,a1dbff+100;Blue+3D+%2313 */
background: rgb(240,249,255); /* Old browsers */
background: -moz-linear-gradient(left, rgba(240,249,255,1) 0%, rgba(203,235,255,1) 47%, rgba(161,219,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=1 ); /* IE6-9 */

}
.box7-2	{
	float: left;
	width: 22%
	}
.box5 {
	float: left;
       	width:100%
	}
/* BOX5をバーの形にする */
.box5	{
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #dddddd
	}
/* コピーライト */
.copyright p	{
	margin: 0;
	color: #666666;
	font-size: 14px
	}
ul{
	margin: 0px; /* 上下の余白削除 */
	padding: 0px; /* 左の余白（箇条書きの「・」）削除 */
	}
body { 
 	background-image:url('1304.png');
 	background-repeat:no-repeat;
 	background-attachment:fixed;
 	background-position:center; 
 	margin: 0px;
	}
.alpha a:hover img {
  	opacity: 0.7;
  	filter: alpha(opacity=70);
  	-ms-filter: "alpha(opacity=70)";
	}
h3 {
  position: relative;
  padding: .25em 0 .5em .75em;
  border-left: 6px solid #446689;
}
h3::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
}

h4 {
     position: relative;
     padding-left: 1em;
}
 
h4::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 10px;
     height:10px;
     border: solid 4px #446689;
     border-radius:100%;
}

table.brwsr1 {
font-size: 12px;
margin: 0 auto;
border-collapse: separate;
border-spacing: 0px 1px;
}

table.brwsr1 th {
padding: 12px;
vertical-align: middle;
text-align: left;

color: #fff;
}

table.brwsr1 td {
padding: 12px;
vertical-align: middle;
text-align: left;

font-size: 11px;
}



table.brwsr1 th.r2,
table.brwsr1 td.r2 {


background: #5893b1;
}

table.brwsr1 th.r2,
table.brwsr1 th.r3,
table.brwsr1 th.r4 {
text-align: center;
}

table.brwsr1 th.r3,
table.brwsr1 td.r3 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b679e+0,2b88d9+50,207cca+51,7db9e8+100;Blue+Gloss+%232 */
background: rgb(59,103,158); /* Old browsers */
background: -moz-linear-gradient(top, rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */}


table.brwsr1 th.r4,
table.brwsr1 td.r4 {


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
background: rgb(246,248,249); /* Old browsers */
background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */}


table.brwsr1 th.r5,
table.brwsr1 td.r5 {

background-image: linear-gradient(176deg, #001d8e, #082ab2, #1338d8, #1d47ff)}

table.brwsr1 th.r6,
table.brwsr1 td.r6 {
background-image: linear-gradient(25deg, #016247, #128e69, #23bc8d, #35edb3)}