@charset "UTF-8";


/* --page common */
header.page {
  clear:both;
  overflow:hidden;
}

header.page h1 {
  overflow:hidden;
  text-align:center;
  color:#ffffff;
  background-color:#00878f;
}

header.page h1 p.en {
  margin-top:50px;
  font-family:"Zag Bold";
  font-size:45px;
  letter-spacing:0.1em; 
  background-color:#00878f;
}

header.page h1 p.ja {
  margin:20px auto;
  font-size:18px;
  background-color:#00878f;
}

header.page nav.categories {
  display:block;
  overflow:hidden;
  text-align:center;
  padding:20px;
  word-break:break-all;
  font-size:18px;
  color:#000000;
  background-color:#fffed5;
}

header.page nav.categories.en {
  font-family:"Zag Bold";
  font-size:24px;
  letter-spacing:0.1em;
}

header.page nav.categories span {
  margin:0 10px;
}

header.page nav.categories a:hover {
  text-decoration:underline;
}

header.page div.breadcrumb{
  clear:both;
  margin:15px auto;
  width:960px;
  font-size:15px;
}

header.page div.breadcrumb p a:hover {
  text-decoration:underline;
}

header.page form.search{}

header.page form.search {
  float:right;
  overflow:hidden;
  padding:5px 10px;
}

header.page form.search input.text {
  float:left;
  width:75%;
  box-sizing:border-box;
  border:1px solid #888;
  padding:5px;
  height:40px;
  font-size:18px;
  line-height:40px;
  vertical-align:middle;
}

header.page form.search input.submit {
  float:right;
  height:40px;
  border:1px solid #888;
  padding:5px;
  color:#fff;
  font-size:18px;
  font-weight:bold;
  letter-spacing:3px;
  background-color:#000;
}




footer.page {
  clear:both;
  overflow:hidden;
  width:100%;
}

footer.page section.pagenavi {
  clear:both;
  overflow:hidden;
  background-color:#000;
  color:#fff;
}

footer.page section.pagenavi >div {
  overflow:hidden;
  width:960px;
  margin:30px auto;
}

footer.page section.pagenavi ul {
  float:left;
  overflow:hidden;
  width:600px;
  margin-left:15px;
}

footer.page section.pagenavi ul li {
  float:left;
  margin-right:10px;
}

footer.page section.pagenavi div.prev {
  float:left;
}

footer.page section.pagenavi div.next {
  float:right;
}

footer.page section.pagenavi a {
  color:#fff;
}

footer.page section.pagenavi a:hover,
footer.page section.pagenavi a:active,
footer.page section.pagenavi a:visited {
  color:#fff;
}

footer.page section.pagenavi a:hover {
  text-decoration:underline;
}

section.pagenavi .page-numbers {
  padding:0 5px;
}

section.pagenavi .page-numbers.next {
  float:right;
}

section.pagenavi .page-numbers.current {
  background-color:#fff;
  color:#000;
}



main.page {
  clear:both;
}




/* --page_common-- */

main.page_common{
  clear:both;
  overflow:hidden;
  width:960px;
  margin:0 auto;
  margin-bottom:50px;
  background-color:#ffffff;
}

main.page_common section{
  clear:both;
  overflow:hidden;
  margin-bottom:50px;
}

main.page_common section h2{
  margin:50px 0;
  text-align:center;
  font-weight:bold;
  font-size:28px;
}

main.page_common section h3{
  margin:10px 0;
  text-align:center;
  vertical-align:middle;
  font-weight:bold;
  font-size:24px;
  line-height:50px;
  color:#1f838a;
}

main.page_common section h3.page_common {
  padding:15px;
  padding-top:0;
  text-align:left;
  border-bottom:solid 5px #1f838a;
  line-height:36px;
}

main.page_common section p.page_common {
  margin:20px 0;
}

main.page_common section div.right {
  margin:30px 0;
  text-align:right;
}

main.page_common section b {
  font-weight:bold;
}

main.page_common section h3 b {
  vertical-align:center;font-size:40px;
}

main.page_common section p {
  line-height:2.0em;
}

main.page_common section p a {
  text-decoration:underline;
}

main.page_common section span.red {
  color:#ff0000;
}

main.page_common section div.box {
  margin:30px 0 15px 0;
  border:#1f838a solid 5px;
  padding:20px;
}

main.page_common section div.box hr {
  margin:15px 0;
  border:0;
  border-top:#1f838a solid 5px;
}

main.page_common section div.box table {
  margin:30px 0 15px 0;
}

main.page_common section div.box table tr td {
  word-break:break-all;
  padding-bottom:30px;
}

main.page_common section div.box table tr td a {
  word-break:break-all;
}

main.page_common section div.box table tr td:first-child {
  width:23%;
  padding-right:30px;
  text-align:center;
}

main.page_common section div.box a {
  text-decoration:underline;
}




/* --service */
main.service section.section1 ul {
  overflow:hidden; margin-bottom:30px;
}

main.service section.section1 ul li {
  clear:left;
  overflow:hidden;
  margin:30px 0;
}

main.service section.section1 ul li img {
  float:left;
}

main.service section.section1 ul li div {
  float:right;
  width:620px;
}

main.service section.section1 ul li h3 {
  margin:87px 0 15px 0;
  border:#1f838a solid 5px;
  padding:5px 15px;
  text-align:left;
}

main.service section.section2 {
  clear:both;
  overflow:hidden;
}

main.service section.section3 h3 {
  border:#1f838a solid 5px;
  padding:5px 15px;
  text-align:left;
}

main.service section.section1 ul li div p,
main.service section.section2 div.box p,
main.service section.section3 p {
  white-space:pre-wrap;
}


/* --works */
main.works {
  clear:both;
  overflow:hidden;
  width:960px;
  margin:0 auto;
  padding-bottom:50px;
  background-color:#ffffff;
}

/* section.posts_common is written on common.css */

main.works_detail {
  clear:both;
  overflow:hidden;
  width:100%;
  margin:0 auto;
}

main.works_detail section.info {
  overflow:hidden;
  width:100%;
  background:#000;
}

main.works_detail section.info p {
  width:960px;
  margin:15px auto;
  text-align:center;
  font-size:15px;
  color:#fff;
}

main.works_detail section.info p b {
  font-weight:bold;
  font-size:18px;
}

main.works_detail section.info p a {
  color:#fff
}

main.works_detail section.info hr {
  width:960px;
  margin:0 auto;
  border:0;
  border-top:1px solid #888;
}

main.works_detail section.image {
  overflow:hidden;
  width:100%;
}

main.works_detail section.image div.mainimage {
  position:relative;
  overflow:hidden;
  width:100%;
}

main.works_detail section.image div.mainimage div.left {
  position:fixed;
  top:70%;
  left:50px;
  font-size:38px;
}

main.works_detail section.image div.mainimage div.right {
  position:fixed;
  top:70%;
  right:50px;
  font-size:38px;
}

main.works_detail section.image div.mainimage div.left:hover,
main.works_detail section.image div.mainimage div.right:hover {
  text-decoration:underline;
}

main.works_detail section.image div.mainimage div.center {
  overflow:hidden;
  width:690px;
  margin:0 auto;
  text-align:center;
}

main.works_detail section.image div.mainimage div.center a {
  display:block;
  margin:50px 0;
}

main.works_detail section.image div.mainimage div.center a img {
  max-width:100%;
}

main.works_detail section.image div.images {
  display:none;
  width:690px;
  margin:0 auto;
}

main.works_detail section.image div.images img {
  width:30%;
  margin:15px 1%;
  cursor:pointer;
  transition:0.3s;
}

main.works_detail section.image div.images img:hover {
  opacity:0.7;
  filter:alpha(opacity=70);
  -ms-filter:"alpha(opacity=70)";
}




/* --news */
main.news {
  clear:both;
  overflow:hidden;
  width:960px;
  margin:0 auto;
}

main.news section.posts {
  overflow:hidden;
  float:left;
  width:660px;
  margin:0;
  padding-bottom:50px;
}

main.news section.posts article header {
  overflow:hidden;
  border-bottom:solid 2px #00878f;
  padding:5px;
}

main.news section.posts article header p.date {
  font-weight:bold;
  font-size:15px;
}

main.news section.posts article header h1 {
  float:left;
  font-weight:bold;
  font-size:20px;
}

main.news section.posts article header p.category {
  float:right;
  padding:5px;
  font-weight:bold;
  font-size:15px;
  color:#fff;
  background-color:#000;
}

main.news section.posts article header p.category a {
  color:#fff;
}

main.news section.posts article header p.category a:hover,
main.news section.posts article header p.category a:active,
main.news section.posts article header p.category a:visited {
  color:#fff;
}

main.news section.posts article header p.category a:hover {
  text-decoration:underline;
}

main.news section.posts article main {
  clear:both;
  overflow:hidden;
  margin-bottom:50px;
  padding:15px;
  line-height:2.0em;
}

main.news aside {
  overflow:hidden;
  float:right;
  width:280px;
  margin:0;
}

main.news aside form.search {
  overflow:hidden;
  padding:5px 10px;
  background-color:#1f838a;
}

main.news aside form.search input.text {
  float:left;
  width:75%;
  box-sizing:border-box;
  border:1px solid #888;
  padding:5px;
  height:40px;
  font-size:18px;
  line-height:40px;
  vertical-align:middle;
}

main.news aside form.search input.submit {
  float:right;
  width:22%;
  height:40px;
  border:1px solid #888;
  padding:5px;
  color:#fff;
  font-size:18px;
  font-weight:bold;
  letter-spacing:3px;
  background-color:#000;
}

main.news aside nav {
  clear:both;
  margin:20px 0;
}

main.news aside nav h5 {
  border:solid #000;
  border-width:3px 0;
  padding:10px 0;
  text-align:center;
  font-family:"Zag Bold";
  font-size:24px;
  letter-spacing:2px;
}


main.news aside nav a {
  display:block;
  padding:10px 20px;
}

main.news aside nav >ul >li >a{
  padding:10px;
}

main.news aside nav a:hover {
  color:#fff;
  background-color:#000;
}


/* news-detail css = news css */



/* --shop */
/* shop mv:section.mv_common is written on common.css */

header.shop {
  clear:both;
  overflow:visible;
  margin:0 auto;
  width:960px;
  height:180px;
}

header.shop nav {
  position:relative;
  overflow:visible;
  margin:5px 0 0 0;
  height:45px;
  width:960px;
}

header.shop nav >ul >li {
  float:left;
}

header.shop nav >ul >li >a {
  display:block;
  box-sizing:border-box;
  border-left:3px solid #000;
  width:160px;
  height:45px;
  text-align:center;
  vertical-align:middle;
  line-height:45px;
  transition:0.2s;
}

header.shop nav >ul >li >a:hover {
  color:#fff;
  background-color:#000;
}

header.shop nav >ul >li:last-child >a:hover {
  color:#000;
  background-color:#fff;
}

header.shop nav >ul >li:last-child >a:hover span {
  color:#fff;
  background-color:#000;
}

header.shop nav >ul >li >a.en {
  font-family:"Zag Bold";
  font-size:20px;
  letter-spacing:2px;
}

header.shop nav >ul >li >a.ja {
  font-size:18px;
  font-weight:bold;
}

header.shop nav >ul >li:last-child >a span {
  border:3px solid #000;
  padding:5px 12px 2px 15px;
}

header.shop li.pulldown ul {
  display:none;
  position:absolute;
  z-index:1;
  top:45px;
  overflow:hidden;
  box-sizing:border-box;
  border:3px solid #fff;
  width:160px;
}

header.shop li.pulldown ul a {
  display:block;
  padding:5px 0;
  text-align:center;
  font-size:15px;
  color:#fff;
  background-color:#000;
}

header.shop li.pulldown ul a:hover {
  background-color:#888;
}

header.shop li.pulldown.zuanco ul {
  left:320px;
}

header.shop li.pulldown.hirune ul {
  left:480px;
}

header.shop form.search {
}


main.shop section.posts {
  clear:both;
  overflow:hidden;
  width:960px;
  margin:0 auto;
  padding-bottom:50px;
  background-color:#ffffff;
}

main.shop section.brand_logo {
  margin:10px 0;
  text-align:center;
}

main.shop section.posts ul {
  margin:15px;
  overflow:hidden;
}

main.shop section.posts ul li {
  position:relative;
  overflow:hidden;
  float:left;
  width:310px;
  margin:15px 0;
}

main.shop section.posts ul li a div.img {
  position:relative;
  text-align:center;
  overflow:hidden;
  width:200%;
  height:310px;
  left:-50%;
}

main.shop section.posts ul li a div.img img {
  height:100%;
}

main.shop section.posts ul li p.caption {
  text-align:center;
  background-color:#ffffff;
}

main.shop section.posts ul li p.caption span.title {
  font-size:100%;
}

main.shop section.posts ul li p.caption span.new {
  margin-right:5px;
  padding:0 5px;
  font-size:75%;
  color:#fff;
  background-color:#f00;
}

main.shop section.posts ul li p.caption span.soldout {
  margin-right:5px;
  font-size:75%;
  color:#f00;
}

main.shop section.posts ul li p.caption span.date {
  padding-right:5px;
  font-size:75%;
}

main.shop section.posts ul li p.caption span.category {
  padding-left:5px;
  font-size:75%;
}

main.shop section.posts ul li p.caption span.category a:hover {
  text-decoration:underline;
}

main.shop section.posts ul li img:hover {
  opacity:0.7;
  filter:alpha(opacity=70);
  -ms-filter:"alpha(opacity=70)";
}


main.shop section.posts_common ul li {
  width:310px;
}

main.shop section.posts_common ul li a div.img {
  width:310px;
  height:310px;
  left:0;
  background-color:#fff;
}

main.shop section.posts_common ul li a div.img img {
  width:auto;
  height:100%;
}


div.right.shop {
  overflow:hidden;
  float:right;
  width:250px;
  margin:0;
}

div.right.shop div.cart {
  margin-bottom:15px;
  border:solid #000;
  border-width:5px 0;
  padding:15px 0;
}

div.right.shop div.cart p {
  margin:15px;
}

div.right.shop span.new {
  padding:0 5px;
  color:#fff;
  background-color:#f00;
}

div.right.shop span.soldout {
  color:#f00;
}

div.right.shop div.cart p.category >span {
  font-weight:bold;
  padding:5px 10px;
  font-size:15px;
  color:#fff;
  background-color:#000;
}

div.right.shop div.cart p.category a {
  color:#fff;
  background-color:#000;
}

div.right.shop div.cart p.category a:hover {
  text-decoration:underline;
}

div.right.shop div.cart p.item_code {
  font-size:20px;
}

div.right.shop div.cart p.item_name {
  font-size:28px;
}

div.right.shop div.cart p.item_price_tax {
  font-size:26px;
  margin-bottom:0;
}

div.right.shop div.cart p.item_price_tax span {
  font-size:20px;
}

div.right.shop div.cart p.item_price {
  font-size:15px;
  font-weight:normal;
  margin:0 15px;
}

div.right.shop div.cart form {
  margin-top:30px;
}

div.right.shop div.cart form span.item_qty_label {
  font-size:20px;
  font-weight:bold;
  margin:15px;
}

div.right.shop div.cart form input.item_qty {
  font-size:20px;
  width:80px;
  height:50px;
  text-indent:10px;
  border-color:#000;
}

div.right.shop div.cart form input.submit {
  font-size:20px;
  font-weight:bold;
  box-sizing:border-box;
  margin-top:15px;
  padding:10px 0;
  border:3px solid #000;
  width:100%;
  color:#fff;
  background-color:#000;
  display:block;
  cursor:pointer;
}

div.right.shop div.cart form input.submit:hover {
  color:#fff;
  background-color:#888;
}

div.right.shop nav.category ul li a {
  display:block;
  padding:10px 15px;
}

div.right.shop nav.category ul li a:hover {
  color:#fff;
  background-color:#000;
}

div.right.shop nav.category >ul >li {
  margin-bottom:30px;
}

div.right.shop nav.category >ul >li >a {
  display:block;
  border:solid #000;
  border-width:5px 0;
  padding:10px;
  text-align:center;
}


main.shop_detail {
  clear:both;
  overflow:hidden;
  width:960px;
  margin:0 auto;
}

  
main.shop_detail section.brand {
  overflow:hidden;
  width:960px;
  margin:0 auto;
}

main.shop_detail section.brand div {
  float:left;
  overflow:hidden;
  width:690px;
  text-align:center;
}

main.shop_detail section.brand div img {
  margin:10px 0;
  width:30%;
}

main.shop_detail div.left {
  float:left;
  overflow:hidden;
  width:690px;
}

main.shop_detail section.image div.mainimage {
  width:690px;
  height:441px;
  text-align:center;
}

main.shop_detail section.image div.mainimage img {
  max-width:100%;
  max-height:100%;
}

main.shop_detail section.image div.images {
  overflow:hidden;
  margin:30px 0;
}

main.shop_detail section.image div.images ul li {
  float:left;
  width:118px;
  height:118px;
  text-align:center;
}

main.shop_detail section.image div.images ul li img {
  margin-right:25px;
  max-width:100%;
  max-height:100%;
  cursor:pointer;
}

main.shop_detail section.image div.images img:last-child {
  margin-right:0
}

main.shop_detail section.image div.images img:hover {
  opacity:0.7;
  filter:alpha(opacity=70);
  -ms-filter:"alpha(opacity=70)";
}

main.shop_detail section.item_text {
  margin:30px 0;
}

main.shop_detail section.item_text h2 {
  font-size:18px;
  font-weight:bold;
}

main.shop_detail section.item_text p {
  white-space:pre-wrap;
}

main.shop_detail section.same_category_items {
  overflow:hidden;
}

main.shop_detail section.same_category_items h2 {
  text-align:center;
  font-size:22px;
  font-weight:bold;
}

main.shop_detail section.same_category_items ul {
  overflow:hidden;
  margin-top:15px;
}

main.shop_detail section.same_category_items ul li {
  float:left;
  width:225px;
  margin-bottom:15px;
  text-align:center;
}

main.shop_detail section.same_category_items ul li a {
  display:block;
  overflow:hidden;
  height:225px;
}

main.shop_detail section.same_category_items ul li a img {
  height:100%;
}

main.shop_detail section.same_category_items ul li a img:hover {
  opacity:0.7;
  filter:alpha(opacity=70);
  -ms-filter:"alpha(opacity=70)";
}

main.shop_detail section.same_category_items ul li p {
  height:36px;
  padding:0 5px;
  text-align:center;
  line-height:18px;
}



main.page.shop {
  clear:both;
  overflow:hidden;
  width:960px;
  margin:0 auto;
  margin-bottom:100px;
}

main.page.shop div.left {
  float:left;
  overflow:hidden;
  width:690px;
}

main.page.shop section {
  margin-bottom:50px;
}

main.page.shop section h2 {
  clear:both;
  border:solid #000;
  border-width:5px 0;
  padding:25px 0;
  text-align:center;
  font-family:"Zag Bold";
  font-size:24px;
  letter-spacing:2px;
}

main.page.shop section >p {
  margin:20px 0;
}

main.page.shop section img.logo{
  margin:20px 0;
}

main.page.shop section.zuanco img.logo{
  width:30%;
}

main.page.shop section.hirune img.logo{
  width:40%;
}

main.page.shop section img.concept{
  width:100%;
  margin:20px 0;
}

main.page.shop_concept section {
  text-align:center;
}

main.page.shop_concept section p {
  white-space:pre-wrap;
}

main.page.shop_guide section.tokutei h2 {
  border-width:0 0 5px 0;
  padding:15px;
  font-size:24px;
  font-weight:bold;
  text-align:left;
}

main.page.shop_guide section p {
  white-space:pre-wrap;
}

main.shop_cart table {
  margin:0 auto;
  margin-bottom:50px;
}

main.shop_cart table tbody {
  border:solid #000 1px;
}

main.shop_cart table caption {
  text-align:center;
  font-size:125%;
  margin-bottom:30px;
}

main.shop_cart table tr.head {
  border-bottom:solid #000 1px;
  background-color:#ddd;
}

main.shop_cart table tr.blank {
  height:50px;
}

main.shop_cart table tr.sum {
  border-top:solid #000 1px;
}

main.shop_cart table tr.sum td {
  font-weight:bold;
}

main.shop_cart table tr th,
main.shop_cart table tr td {
  padding:5px 10px;
}

main.shop_cart table input.item_qty {
  width:50px;
  font-size:75%;
}

main.shop_cart table input.submit {
  border:none;
  border:solid 2px #000;
  border-radius:5px;
  padding:2px 5px;
  font-size:75%;
  background-color:#fff;
  cursor:pointer;
}

main.shop_cart table input.submit:hover {
  color:#fff;
  background-color:#000;
}

main.shop_cart div.next {
  text-align:center;
}

main.shop_cart div.next a,
main.shop_cart div.next input.submit {
  border:2px solid #000;
  padding:10px;
  font-size:100%;
  color:#fff;
  background-color:#000;
  cursor:pointer;
}

main.shop_cart div.next a:hover,
main.shop_cart div.next input.submit:hover {
  border-color:#555;
  background-color:#555;
}

main.shop_cart p.message {
  white-space:pre-wrap;
}





/* --material */
header.material {
}

header.material h1 {
  text-align:center;
  font-weight:bold;
  color:#000;
  background-color:#e4fb00;
}

header.material h1 p {
  font-weight:bold;
  margin:10px 0;
}

header.material nav {
  overflow:hidden;
  background-color:#f5fc92;
}

header.material nav >ul {
  margin:3px auto;
  height:45px;
  width:960px;
}

header.material nav >ul >li {
  float:left;
}

header.material nav >ul >li >a {
  display:block;
  box-sizing:border-box;
  border-left:3px solid #000;
  width:320px;
  height:45px;
  text-align:center;
  vertical-align:middle;
  line-height:45px;
  font-weight:bold;
  transition:0.2s;
}

header.material nav >ul >li:last-child >a {
  border-right:3px solid #000;
}

header.material nav >ul >li >a:hover {
  color:#f5fc92;
  background-color:#000;
}

header.material nav >ul >li >a.en {
  font-family:"Zag Bold";
  font-size:20px;
  letter-spacing:2px;
}

header.material nav >ul >li >a.ja {
  font-size:18px;
}


main.material {
  clear:both;
  overflow:hidden;
  width:960px;
  margin:0 auto;
}

main.material section.left,
main.material section.posts {
  overflow:hidden;
  float:left;
  width:660px;
  margin:0;
  padding-bottom:50px;
}

main.material section.left article header,
main.material section.posts article header {
  overflow:hidden;
  background-color:#87bec1;
  padding:10px 15px;
}

main.material section.left article header span.title,
main.material section.posts article header span.title {
  font-weight:bold;
  font-size:24px;
}

main.material section.posts article header span.date {
  float:left;
  padding:0 10px;
  font-size:15px;
}

main.material section.posts article header span.category {
  float:right;
  padding:0 10px;
  font-weight:bold;
  font-size:15px;
  color:#fff;
  background-color:#000;
}

main.material section.posts article header span.category a,
main.material section.posts article header span.category a:hover,
main.material section.posts article header span.category a:active,
main.material section.posts article header span.category a:visited {
  color:#fff;
}

main.material section.posts article header span.category a:hover {
  text-decoration:underline;
}

main.material section.left article main,
main.material section.posts article main {
  clear:both;
  overflow:hidden;
  margin-bottom:80px;
  padding:15px;
}

main.material section.posts article main a.sampleimage {
  display:block;
  overflow:hidden;
  background-color:#000;
}

main.material section.posts article main a.sampleimage img {
  width:100%;
  transition:0.2s;
}

main.material section.posts article main a.sampleimage img:hover {
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter:"alpha(opacity=80)";
}

main.material section.posts article main p.text {
  margin:15px 0;
  white-space:pre-wrap;
}

main.material section.posts article main p.tags,
main.material section.posts article main p.keyword {
  margin:15px 0;
  background-color:#87bec1;
  padding:10px 15px;
}

main.material section.posts article main p.tags a:hover,
main.material section.posts article main p.keyword a:hover {
  text-decoration:underline;
}

main.material section.left article main h2 {
  margin:15px 0;
  padding:15px 0;
  border-bottom:solid #87bec1 3px;
  font-size:24px;
  font-weight:bold;
}

main.material section.left article main p {
  white-space:pre-wrap;
}

main.material section.left article main p.sourcecode{
  margin:20px 0;
  padding:15px;
  background-color:#87bec1;
}

main.material aside {
  overflow:hidden;
  float:right;
  width:280px;
  margin:0;
}

main.material aside form.search {
  overflow:hidden;
  padding:5px 10px;
  background-color:#87bec1;
}

main.material aside form.search input.text {
  float:left;
  width:75%;
  box-sizing:border-box;
  border:1px solid #888;
  padding:5px;
  height:40px;
  font-size:18px;
  line-height:40px;
  vertical-align:middle;
}

main.material aside form.search input.submit {
  float:right;
  width:22%;
  height:40px;
  border:1px solid #888;
  padding:5px;
  color:#fff;
  font-size:18px;
  font-weight:bold;
  letter-spacing:3px;
  background-color:#000;
}

main.material aside nav {
  clear:both;
  margin:20px 0;
  border-bottom:solid #000 5px;
  background-color:#87bec1;
}

main.material aside nav h5 {
  border:solid #000;
  border-width:5px 0;
  padding:10px 0;
  text-align:center;
  font-weight:bold;
}

main.material aside nav h5.en {
  font-family:"Zag Bold";
  font-size:24px;
  letter-spacing:2px;
}

main.material aside nav li {
  list-style:disc inside;
}

main.material aside nav a {
  display:block;
  padding:10px 20px;
}

main.material aside nav >ul >li {
  list-style:none;
}

main.material aside nav.tag >ul {
  overflow:hidden;
  padding:5px 10px;
}

main.material aside nav.tag >ul >li {
  float:left;
}

main.material aside nav.tag >ul >li >a {
  font-weight:bold;
  padding:5px 10px;
}

main.material aside nav a:hover {
  color:#fff;
  background-color:#000;
}




/* --sitemap */

main.sitemap section div.box a {
  text-decoration:none;
}

main.sitemap section div.box a:hover {
  text-decoration:underline;
}

main.sitemap section div.box ul {
  margin-left:15px;
}

main.sitemap section div.box ul li {
  margin:5px 0;
}



@media screen and (min-width:641px) {
  
  
  
  
 
}


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