*{margin: 0px;padding: 0px;}
html{overflow-y: scroll;  margin: 0px;padding: 0px;}
body{font-size: 75%;line-height: 110%;margin: 0px;padding: 0px;color: #333333; background: #ffffff; font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka,sans-serif, "ƒqƒ‰ƒMƒmŠpƒS Pro W3"; 	}

A,A:link,A:visited,A:active{color: #669900;text-decoration: none;outline:none;}
A:hover{ color: #669900; text-decoration: underline; }
img,a img {border-style:none;margin: 0px;padding: 0px;vertical-align: bottom;}
a img {border-style:none;margin: 0px;padding: 0px;}

header,footer,nav,section,article,aside {
display:block;margin: 0px;padding: 0px;}

h1,h2,h3,h4,h5,p{font-size: 100%;display: block;}
ul,li{text-decoration: none;list-style:none;}
p,dt,dd{font-size:100%;line-height: 160%;}

figure{ margin: 0px auto; padding: 0px auto;display: block;}
/*style*/

.left{float: left;}
.right{float: right;}
.cnt{text-align: center;}
.cl{clear: both;}

.w410{width: 410px;}
.w500{width: 500px;}
.w540{width:540px;}

.w390{width:390px;}
.w520{width: 520px;}
.mb10{ margin-bottom: 10px;}
.mb20{ margin-bottom: 20px;}
.mt10{ margin-top: 10px;}
.mb0{ margin-bottom: 0px;}

.clearfix:after {
content: ".";
display: block;
height: 0.1px;
line-height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {	display: block;}
/* for IE 5.5-7 */
.clearfix {	zoom:100%;}
/* for IE6 */
* html body {font-size: 75%;}

/* for IE7 */
*:first-child+html body {font-size: 75%;}

#wrapper{width:100%;margin: 0px;padding: 0px;}

/*header*/
header{ width: 840px; height: 80px;margin: 14px auto 0px;padding: 0px auto;}
h1 a{background: #ffffff url("../images/logo_opg_01.gif") no-repeat center top; height: 65px;	width: 301px;margin: 0px;}
header .logo_r{float: right;width: 238px;}
p.logo_03 a{background: #ffffff url("../images/logo_npg.gif") no-repeat right top; height: 22px;	width: 129px;margin: 0px 0px 15px auto;}
p.logo_02{background: #ffffff url("../images/logo_opg_02.gif") no-repeat right top; height: 18px;	width: 238px;margin: 0px;}
p.logo_04{background: #ffffff url("../images/logo_npg.gif") no-repeat center top; height: 22px;	width: 129px;margin: 0px 0px 15px auto;}
header a,.logo_02,.logo_03,.logo_04{text-indent: -9999px;display: block;}

/*footer*/
footer{width:100%; margin: 0px; padding:20px 0px;text-align: left;border-top: 1px solid #CCCCCC;}
p.copyright{ background: url("../images/copyright.gif") no-repeat left top; margin: 0px auto; text-indent: -9999px; display: block; height: 12px; width: 341px; }
footer ul{ margin: 0px auto; padding: 0px auto;}
footer li{float: left;margin:0px;padding-right:15px;margin-right:20px;background: url("../images/icon_window.gif") right top no-repeat;}

/*nav*/
nav#mainmenu{width:100%;border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
nav#mainmenu ul{ margin: 0px auto; padding: 0px auto; width: 840px;height: 47px; }
nav#mainmenu li{float: left;margin:0px;}
nav#mainmenu li a{overflow:hidden;display: block;text-indent: -9999px;height: 47px;}

nav#mainmenu li a.menu_01{
background: url("../images/menu_01.gif") left top no-repeat;width:200px;}
nav#mainmenu li a.menu_02{
background: url("../images/menu_02.gif") left top no-repeat;width:160px;}
nav#mainmenu li a.menu_03{
background: url("../images/menu_03.gif") left top no-repeat;width:204px;}
nav#mainmenu li a.menu_04{
background: url("../images/menu_04.gif") left top no-repeat;width:158px;}
nav#mainmenu li a.menu_05{
background: url("../images/menu_05.gif") left top no-repeat;width:118px;}
nav#mainmenu li a:hover,nav#mainmenu li a.on{background-position: bottom left;}
nav#spmenu,nav#spmenu .nav-closebtn,.nav-openbtn,nav#submenu{
	display: none;
	}

h3{ margin: 0px;padding:0px;text-indent: -9999px;display: block;}

/*img*/
#img{ width:100%; margin: 0px; padding: 0px; background: #f0f8e1; text-align: center;border-bottom: 1px solid #CCCCCC; }
.inner{ width: 840px; margin: 0px auto; padding: 0px auto; text-align: left;}
.pagetop{width:840px;padding:0px auto; margin: 0px auto 20px;text-align: right;}




/* Media Queries
==========================================================================*/
@media screen and (min-width: 979px) {
}

@media screen and (max-width:799px) {

html {
	-webkit-text-size-adjust: none;
	}

img {
	max-width: 100%;
	height: auto;
     }
nav#mainmenu,footer{
	width: 100%;
	}
header{
	width: 96%;
	margin: 14px auto 0px;
	}
.inner{
	width: 96%;
	margin: 0px auto;
	}
.pagetop{
	width: 96%;
	margin: 0px auto 20px;
	}

nav#mainmenu ul{
	width: 700px;
	height: 39px;
	margin: 0px auto;
	}
nav#mainmenu li a{
	height: 39px;
	}

nav#mainmenu li a.menu_01{
	width:166px;
	-webkit-background-size: 166px 78px;
	-o-background-size: 166px 78px;
	-khtml-background-size: 166px 78px;
	background-size: 166px 78px;
	}
nav#mainmenu li a.menu_02{
	width:133px;
	-webkit-background-size: 133px 78px;
	-o-background-size: 133px 78px;
	-khtml-background-size: 133px 78px;
	background-size: 133px 78px;
	}
nav#mainmenu li a.menu_03{
	width:169px;
	-webkit-background-size: 169px 78px;
	-o-background-size: 169px 78px;
	-khtml-background-size: 169px 78px;
	background-size: 169px 78px;
	}

nav#mainmenu li a.menu_04{
	width:131px;
	-webkit-background-size: 131px 78px;
	-o-background-size: 131px 78px;
	-khtml-background-size: 131px 78px;
	background-size: 131px 78px;
	}
nav#mainmenu li a.menu_05{
	width:98px;
	-webkit-background-size: 98px 78px;
	-o-background-size: 98px 78px;
	-khtml-background-size: 98px 78px;
	background-size: 98px 78px;
	}

.w410,.w500,.w540,.w390,.w520{
	width: 50%;
	}

}

@media screen and (max-width:699px) {
h1 a{
	width: 151px;
	height: 33px;
	-webkit-background-size: 151px 33px;
	-o-background-size: 151px 33px;
	-khtml-background-size: 151px 33px;
	background-size: 151px 33px;
	}
header .logo_r{
	float: right;
	width: 130px;
	}
p.logo_03 a{
	margin: 0px 0px 2px auto;
	}
p.logo_02{
	width: 119px;
	height: 9px;
	-webkit-background-size: 119px 9px;
	-o-background-size: 119px 9px;
	-khtml-background-size: 119px 9px;
	background-size: 119px 9px;
	margin-left: 9px;
	}
#img{
	border-top: 1px solid #CCCCCC;
	}
nav#mainmenu{
	display: none;
	}
nav#spmenu{
	width: 100%;
	margin: 0px;
	display: none;
	border-bottom: none;
	}

nav#spmenu .nav-closebtn,.nav-openbtn{
	position: absolute;
	display: block;
	top: 59px;
	left: 0px;
	border: 0px;
	display: block;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	width: 100%;
	height: 35px;
	background: #609300 url('../images/sp_menu.gif') 98% center no-repeat;
	background: #609300 url('../images/sp_menu.gif') -webkit-calc(100% - 10px) center no-repeat;
	background: #609300 url('../images/sp_menu.gif') calc(100% - 10px) center no-repeat;
	-webkit-background-size: 21px 21px;
	-o-background-size: 21px 21px;
	-khtml-background-size: 21px 21px;
	background-size: 21px 21px;
	}


nav#spmenu ul{
	width: 100%;
	height: auto;
	}

nav#spmenu ul li{
	float: none;
	margin-right: 0px;
	border-bottom: 1px solid #cccccc;
	}

nav#spmenu ul li:last-child{
	border-bottom: none;
	}

nav#spmenu li a{
	display: block;
	text-indent: 0px;
	padding: 0px 10px;
	height: 35px;
	line-height: 35px;
	color: #999999;
	font-weight: bold;
	}


nav#spmenu li a:link{
	color: #999999;
	}

nav#spmenu li a:active{
	color: #ffffff;
	background: #8cbf00;
	text-decoration: none;
	}

nav#spmenu li a:visited{
	color: #999999;
	}

nav#spmenu li a:hover,nav#spmenu li a.on{
	color: #ffffff;
	background: #8cbf00;
	text-decoration: none;
	}

nav#submenu{
	display: block;
	}
nav#submenu ul{
	width: auto;
	height: auto;
	}

nav#submenu ul li{
	background: url('../images/icon_submenu.gif') 7px 7px no-repeat;
	-webkit-background-size: 15px 15px;
	-o-background-size: 15px 15px;
	-khtml-background-size: 15px 15px;
	background-size: 15px 15px;
	line-height: 29px;
	padding-left: 29px;
	font-weight: bold;
	border-bottom: 1px dotted #cccccc;
	}

nav#submenu ul li:last-child{
	border-bottom: 1px solid #cccccc;
	}

/*footer*/
p.copyright{
	height: 11px;
	width: 300px;
	-webkit-background-size: 300px 11px;
	-o-background-size: 300px 11px;
	-khtml-background-size: 300px 11px;
	background-size: 300px 11px;
	}

.w410,.w500,.w540,.w390,.w520{
	width: auto;
	}
}