@charset "UTF-8";
@media screen and (max-width:800px) {

html {
}
body {
	font-size:13px;
}
#nav-sp a:hover{
	text-decoration: none;
}
.pc {
	display:none;
}
#header p{
	display:none;
}
  /* Navigation Button
  -------------------------------------------------------- */
.nav-button, .nav-button:hover {
 display: block;
 position: absolute;
 top: 0;
 right: 0;
 width: 44px;
 height: 44px;
 background:url('../images/menu-icon-large.png');
 background-color:rgba(44,123,11,1);
 background-position: 50% center;
 background-repeat: no-repeat;
 cursor: pointer;
 border: 0 none;
 z-index: 999;
 text-indent: -9999px;
 margin:0;
}
 .nav-button:hover {
}
 .nav-button.open {
 background: url('../images/close-icon-large.png');
 background-color:rgba(44,123,11,1);
 background-position: center center;
 background-repeat: no-repeat;
 border:none;
}


/* Navigation Bar
-------------------------------------------------------- */

body {
padding-top: 45px;
}
 .primary-nav {
 width: 100%;
 float: none;
 display: block;
 height: 44px;
 margin: 0;
 padding: 0;
 overflow: hidden;
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 998;
 clear: both;
}
 .primary-nav li {
 display: none;
 width: 100%;
 background-color: #fffdfd; /* change the menu color */
}
 .primary-nav li a {
 display: block;
 background-color: #eee; /* change the menu color */
 width: 90%;
 padding: 10px 5%;
 font-size: 116%;
 color: #000;
 text-decoration: none;
}
 .primary-nav li a:hover {
 background-color:#f4768e;
 color:#FFF;
}
 .primary-nav li ul li a {
 background-color: #fffdfd; /* change the menu color */
 color:#000;
}
 .primary-nav > li:first-child {
}
#nav-pc {
	display:none;
	height:0;
}
#nav-sp li {
	font-size:79%;
}
#nav-sp li li {
	font-size:116%;
}
#nav-sp li .on {
	color:#FFF;
}
.primary-nav.open {
 height: auto;
 padding-top: 44px;
}
 .primary-nav.open li {
 display: block;
}



.primary-nav > li:hover > a {
 background-color:rgba(44,123,11,1);
}
 .primary-nav li.parent > a:after {
 background-color:rgba(44,123,11,1);
}
 .primary-nav li.parent > a:hover {
 background-color:rgba(44,123,11,1);
}
 .primary-nav li ul {
 display: none;
 padding: 0;
}
 .primary-nav li ul a {
 font-size: 100%;
 font-weight: normal;
}
 .primary-nav li:hover ul {
 display: block;
}
 .artifact {
display: block;
color: #3a94a7;
}
 .primary-nav li p {
 margin:0;
 padding:0;
 position:relative;
}
 .primary-nav li p .drop {
 font-size: 100%;
 font-weight: normal;
 top:5px;
 right:5px;
 display: block;
 width:20px;
 height:20px;
 padding:0;
 position:absolute;
}
 .primary-nav li .pc-t {
 display:none;
}
 .primary-nav li ul {
 clear:both;
}
#m-nav {
	background:#FFF;
}
.search-button {
	padding-top:6px;
	padding-bottom:6px;
	background: #f6f6f6;
}
.search-button #searchtext {
	width:81.2%;
}
.search-button #searchsubmit {
	width:14%;
}
.search-button fieldset {
	padding:0 6px 6px 6px;
}

/* ============================================================ content */

#contents .contents-area #side-area .navi2 {
	display:none;
}
h1{
	position:absolute;
	top:0;
	left:6px;
	z-index:999;
	
	color:#555;
	font-size:15px;
	float:left;
	line-height:1.2;
	height:74px;
	text-shadow: 1px 1px 6px rgba(255,255,255,0.6);
/*	background:url(../images/mainlogo.png) no-repeat 0 3px;
	background-size:60px,auto;*/
}
h1 img{
	display:block;
}
#header h1 strong{
	color:#317b08;
	letter-spacing:1px;
	display:block;
	font-size:12px;
	margin-top:7px;
	font-weight:normal;
}
#contents .backto {
	display:none;
}
#contents {
	padding:12px 6px 12px 6px;
}
#contents .contents-area #index-area {
	border-bottom:1px solid #bdbdbd;
	padding-bottom:2em;
}

#pankuz{
	border-top:1px solid #bdbdbd;
	border-bottom:1px solid #bdbdbd;
	font-size:72%;
	padding-left:6px;
}
#pankuz p{
	line-height:3;
	color:#999;
}
#pankuz p a{
	background:url(../images/arrow06.png) no-repeat right 2px;
	color:#999;
	padding-right:1em;
	margin-right:0.5em;
}

#mainimg{
	height:0;
}
#contents .contents-area .sp-navi {
	background:#000;
}
#contents .contents-area .sp-navi p {
	color:#FFF;
	line-height:35px;
	padding-left:15px;
}
#contents .contents-area .sp-navi p a {
	color:#FFF;
	line-height:35px;
	float:left;
	display:block;
	font-size:71%;
	padding-top:1px;
	padding-right:15px;
	border-right:1px solid #FFF;
	margin-right:15px;
}
#contents .contents-area .sp-navi p strong {
	color:#FFF;
	line-height:35px;
	float:left;
	display:block;
	font-size:91%;
	padding-top:3px;
	letter-spacing:1px;
	font-weight:normal;
}
.pagenavi {
	padding:0 10px;
	margin-top:10px;
	margin-bottom:0;
}


/* ==================================side-area */

#side {
}
#side ul.s-menu {
	margin-bottom:18px;
	margin-top:0.8em;
	border-bottom:1px solid #bdbdbd;
}
#side ul.s-menu li {
	background:url(../images/arrow05.png) no-repeat 0 8px;
	padding-left:9px;
	margin-bottom:0.8em;
}
#side ul.s-menu li:nth-child(1) {
}
#side ul.s-menu li a {
	color:#555;
}
#side ul.banner {
	padding:12px 6px 12px 6px;
	background: url(../images/bg03.png);
}
#side ul.banner li {
	padding-bottom:5px;
	text-align:center;
}
#side ul.banner li img {
	 -ms-interpolation-mode: bicubic;
}

/* ============================================================ footer */

p.pagetop {
	position:fixed;
	bottom:10px;
	right:10px;
	z-index:999;
	max-width:35px;
}
p.pagetop img {
}
#footer {
	clear:both;
	font-size:77%;
	padding:20px 10px;
}
#footer .footer-area {
}
#footer ul {
	display:none;
}
#footer #footer-area p{
	color:#d6ecc8;
	letter-spacing:1px;
}
#footer .nav-button{
    display: none;
	height:0;
}



}