@charset "utf-8";
body { margin: 0; padding:0; height:100%; width:100%; background:#FFF; }
p { line-height:135%; }
#other { background:none; }
#cont h1 { color:#FFF; margin:0 0 20px 0; height:12px; line-height:12px; text-shadow:#000 0px 0px 10px; }
html { height:100%; width:100%; }
body { margin:0; padding:0; }
#bgimg { position:fixed; z-index: -2; }
#fade { height:100%; width:100%; background:url(../img/bg_fade.png); position:fixed; z-index:-1; }
#wrapper { width:920px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 12px; padding-right: 0; padding-bottom: 0; padding-left: 0; }
#head { height:41px; margin-top: 0; margin-right: 0; margin-bottom: 30px; margin-left: 0; }
#head #rogo { width:179px; height:44px; background:url(../img/rogo_top.png); float:left; margin-top: 0; margin-right: 20px; margin-bottom: 0; margin-left: 0; text-indent:-9999px; }
#other #rogo { width:352px; height:53px; float: right; margin-top: -45px; margin-left: 300px; }
#head #headinfo { width:366px; height:28px; float:left; margin:9px 0 0 0; }
#cont { height: auto; clear:both; margin-bottom: 80px; padding-top: 0; padding-right: 0; padding-bottom: 80px; padding-left: 0; }
#cont p { font-size: 12px; color:#FFF; line-height:25px; margin-top: 15px; margin-right: 0; margin-left: 0; text-shadow:#000 0px 0px 10px; clear: both; }
#cont h2 { margin-bottom: 30px; }
#cont:after { content: ".";  /* 新しい要素を作る */ display: block;  /* ブロックレベル要素に */ clear: both; height: 0; visibility: hidden; }
#cont #comment { }
#cont #comment h2 { width:279px; height:22px; }
#cont #comment p { color: #2a6447; line-height:25px; text-shadow:#fff 1px 1px 0px; }
#product_top { clear:both; height:200px; margin:70px 0 0 0; }
#product_top #image1 { height:197px; width:130px; float:left; margin:0 30px 0 0; }
#product_top #image2 { height:169px; width:148px; float:left; margin:30px 30px 0 0; }
#menu { clear:both; font-size:12px; color:#FFF; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 0; padding-right: 0; padding-bottom: 20px; padding-left: 0; position: fixed; bottom: 120px; height: auto; }
#menu #inr { width:920px; margin:0 auto; }
#menu a { font-size:12px; color: #333; }
#menu ul { width:920px; margin:0 auto; }
#menu li { line-height:12px; }
#foot_link { clear:both; height:25px; margin-top: 0; margin-right: auto; margin-bottom: 10px; margin-left: auto; padding-top: 25px; padding-right: 0; padding-bottom: 0; padding-left: 0; float: left; width: 800px; }
#foot_link a { font-size:12px; color:#FFF; }
#foot_link ul { width:auto; }
#foot_link li { float:left; margin:0 15px 0 0; padding:0 15px 0 0; line-height:12px; text-shadow:#030 1px 1px 0px; background:url(../img/line_footmenu.gif) right no-repeat; line-height:12px; }
#copyright { width:382px; height:9px; clear:both; margin-top: 15px; }
#foot { clear:both; width:100%; height:91px; position:fixed; bottom:15px; background:url(../img/bg_menu1.jpg) repeat-x; -webkit-box-shadow: 3px 3px 5px 0px #333; /* Safari, Chrome用 */ -moz-box-shadow: 3px 3px 5px 0px #333; /* Firefox用 */ box-shadow: 3px 3px 5px 0px #333; /* CSS3 */ }
#foot #inr { width:920px; height:91px; background:url(../img/bg_menu2.jpg) no-repeat; margin:0 auto; }
#product { width:350px; height:205px; background-image:url(../img/bg_cont.png); padding:30px 10px 30px 30px; margin-bottom:50px; margin-right:50px; float: left; }
#product img { width:156px; height:205px; float:left; }
#product #inr { width:170px; float:left; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 15px; }
#product h3 { font-size:18px; line-height:18px; height:18px; width:;
color:#333; margin-top: 0; margin-right: 0; margin-bottom:0; margin-left: 0; text-shadow:#fff 1px 1px 1px; }
#product p { font-size:12px; color:#333; text-shadow:#fff 1px 1px 0px; }
#aboutus { width:800px; height:auto; background-image:url(../img/bg_cont.png); padding:60px; margin-bottom:30px; overflow:auto; }
#aboutus #inr { width:auto; float:left; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 30px; }
#aboutus h3 { font-size:15px; line-height:20px; height:20px; color:#333; margin:0 0 15px 0; border-left: 4px solid #333; padding:0 0 0 12px; text-shadow:#fff 1px 1px 0px; }
#aboutus p { width:auto; font-size:12px; color:#333; text-shadow:#fff 1px 1px 0px; }
#aboutus table { width:400px; font-size:12px; line-height:25px; text-shadow:#fff 1px 1px 0px; }
#aboutus th { width:200px; height:30px; padding:0 0 0 16px; text-shadow:#fff 1px 1px 0px; }
#aboutus td { width:400px; text-shadow:#fff 1px 1px 0px; }
.ff1 { width:200px; border:solid 1px #CCC; padding:2px; }
.ff2 { width:86px; border:solid 1px #CCC; padding:2px; }
.ff3 { width:300px; height:250px; border:solid 1px #CCC; padding:2px; }
#submenu li.on {/* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1NzY1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(37, 118, 85, 1) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(37, 118, 85, 1)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(37, 118, 85, 1) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(37, 118, 85, 1) 0%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(37, 118, 85, 1) 0%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background: linear-gradient(top, rgba(37, 118, 85, 1) 0%, rgba(255, 255, 255, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#257655', endColorstr='#00ffffff', GradientType=0 ); /* IE6-8 */
}
#submenu .on { border-bottom:solid 2px #257655 }
#submenu li a { margin-bottom:20px; color:#257655; margin-right: 2px; width:auto; padding:0 15px; height:25px; float:left; text-align:center; line-height:25px; display:block; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; font-size:12px; background: rgb(238,238,238); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0 ); /* IE6-8 */
}
#top_3col { margin-top: 20px; }
#top_3col #first { width:294px; height:98px; float:left; margin-right: 11px; }
#top_3col #second { width:294px; height:98px; float:left; margin-right: 11px; }
#top_3col #third { width:294px; height:98px; float:left; }