/*
Theme Name: GovPress
Theme URI: http://govpress.co/
Author: GovFresh
Author URI: http://govfresh.com/
Description: GovPress is a free WordPress theme designed for government use.   Features include color customizations options, custom headers, multiple widget areas, and an optional icon navigation menu.  Extensive documentation and recommended plugins can be found at govpress.co.  All code is peer reviewed and patches are welcome via GitHub.
Version: 1.1
License: GNU General Public License
License URI: license.txt
Text Domain: govpress
Domain Path: /languages/
Tags: responsive-layout, two-columns, custom-header, custom-menu, featured-image-header, full-width-template, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

GovPress is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
*/
/* =Global Variables
----------------------------------------------- */
/*
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/* =Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
font-family: 'Source Sans Pro', sans-serif;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll;
  /* Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */


}

*,
*:before,
*:after {
  /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
  -webkit-box-sizing: border-box;
  /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
  -moz-box-sizing: border-box;
  /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
  box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

ol, ul {
  list-style: none;
}

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  font-weight: normal;
  text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

a img {
  border: 0;
}

/* =Global
----------------------------------------------- */
body,
button,
input,
select,
textarea {
  color: #000000;

font-family: 'Source Sans Pro', sans-serif;
  font-size: 110%;
  line-height: 1.5;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  clear: both;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

/* Text elements */
p {
  margin-bottom: 0.5em;
}

ul, ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

b, strong {
  font-weight: bold;
}

dfn, cite, em, i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
font-family: 'Source Sans Pro', sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code, kbd, tt, var {
  font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

figure {
  margin: 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

th {
  font-weight: bold;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

button,
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */
  *vertical-align: middle;
  /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid #ccc;
  border-color: #ccc #ccc #bbb #ccc;
  border-radius: 3px;
  background: #e6e6e6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa #bbb;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  border-color: #aaa #bbb #bbb #bbb;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */
  -webkit-box-sizing: content-box;
  /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 3px;
}

textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 3px;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
  width: 98%;
}

/* Links */
a {
  color: #000000;
}

a:hover,
a:focus,
a:active {
  color: #0072bc;
}

/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #211613;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar */
}

/* Clearing */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: '';
  display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/* =General
----------------------------------------------- */
body {
  -webkit-font-smoothing: antialiased;
  background: #ffffff;
font-family: 'Source Sans Pro', sans-serif;
}

a {
  text-decoration: none;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
color:#315BA9;
}

a:hover {
  text-decoration: underline;
}

/* =Layout
----------------------------------------------- */
.content-area {
  float: left;
  margin: 0 -27% 0 0;
  width: 100%;
overflow: hidden;
font-family: 'Source Sans Pro', sans-serif;
}

.col-width {
  max-width: 1164px;
  padding: 0 0px;
  margin: 0 auto;



}

.site-main {
  margin: 0 27% 0 0;
  min-height: 100%;
padding-bottom:20px;
}

.full-width .site-main {
  margin: 0;

}

#secondary {
  float: right;
  overflow: hidden;
  width: 27%;
}

.site-footer {
  clear: both;
  width: 100%;
color:#05274f;

}

/* =Menu
----------------------------------------------- */
#site-navigation {
  background: #f4f4f4;
  position: relative;


}

.main-navigation ul {
  list-style: none;
  margin: 0px auto;

}

.main-navigation li {
 margin: 0px auto;
width:159px;
text-align:center;

}

@media screen and (max-width: 480px) {
.main-navigation li {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
width:100%;
text-align:center;
border-bottom:dotted 1px #cccccc;
}
}

.main-navigation ul ul {
  margin-left: 20px;
}

.main-navigation a {
  color: #000000;
  text-decoration: none;
  display: block;

width:160px;
text-align:center;
padding-top:10px;
padding-bottom:4px;
display:block;

}

.main-navigation a:hover{
  color: #ffffff;
  text-decoration: none;
  display: block;

width:100%;
text-align:center;
background-color:#221815;

display:block;
}

@media screen and (max-width: 480px) {
.main-navigation li a{
  border-top: 1px solid rgba(255, 255, 255, 0.2);
width:100%;
text-align:center;
border-bottom:dotted 1px #cccccc;
}
}

.main-navigation a:hover {
  color: #ffffff;
}

.main-navigation {
  font-size: 14px;
  min-height: 32px;
}

.main-navigation.toggled-on {
  padding: 72px 0 36px;
}

.main-navigation .nav-menu {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  display: none;
}

.main-navigation.toggled-on .nav-menu {
  display: block;
}

.main-navigation a {
  padding: 7px 0;
}

.menu-toggle {
  cursor: pointer;
  font-size: 0;
  margin: 0;
  overflow: hidden;
  position: absolute;
  top: 12px;
  right: 10px;
  text-align: center;
}

.menu-toggle:before {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font: normal 18px/1 FontAwesome;
  text-decoration: inherit;
  vertical-align: text-bottom;
  color: #fff;
  content: "\f0c9";
  margin: 0;
}

/* =Icon Menu
----------------------------------------------- */
#icon-menu {
  margin: 0 0 1.5em;
}

.icon-menu-container {
  background: #666;
  border-radius: 5px;
  padding: 1em;
}

.icon-menu-container ul {
  text-align: center;
  list-style: none;
  margin: 0;
}

.icon-menu-container li {
  display: inline-block;
  padding: 1em 5%;
}

.icon-menu-container li:before {
  content: none;
}

.icon-menu-container a:hover {
  text-decoration: none;
  color: #333;
}

.icon-menu-container a:before {
font-family: 'Source Sans Pro', sans-serif;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 52px;
  font-size: 5.2rem;
  display: block;
  margin: 0 0 5px;
  text-decoration: none;
}

.icon-menu-container a:hover:before {
  opacity: .8;
}

/* =Header
----------------------------------------------- */
.site-header {
margin:0px auto;
width:100%;
  font-weight: 400;
  padding: 0em 0;
  text-align: center;
color:#EFEFEF;
font-size: 100%;
font-family: 'Source Sans Pro', sans-serif;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000045+1,262989+50,000045+52,27286d+100 */
background: #000045; /* Old browsers */
background: -moz-linear-gradient(top,  #000045 1%, #262989 50%, #000045 52%, #27286d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #000045 1%,#262989 50%,#000045 52%,#27286d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #000045 1%,#262989 50%,#000045 52%,#27286d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000045', endColorstr='#27286d',GradientType=0 ); /* IE6-9 */
padding-bottom:15px;
background: #101522;


/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#101522+0,333e56+34,292d47+60,101522+100 */
background: #101522; /* Old browsers */
background: -moz-linear-gradient(top,  #101522 0%, #333e56 34%, #292d47 60%, #101522 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #101522 0%,#333e56 34%,#292d47 60%,#101522 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #101522 0%,#333e56 34%,#292d47 60%,#101522 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101522', endColorstr='#101522',GradientType=0 ); /* IE6-9 */




}

.site-title {
  font-size: 100%;
  font-size: 3.6rem;

}

@media only screen and (max-width: 480px) {
.site-title {
  font-size: 36px;
  font-size: 3.6rem;
margin-top:0px;
}
}
.site-title a {
  text-decoration: none;
}

/* =Content
----------------------------------------------- */
#content {

  background: #ffffff;

  margin: 0 0 3em;


}

.sticky {
  /* Required for theme review */
}

.hentry {
  margin: 0 0 1.5em;
}

.entry-title {
  font-size: 21px;
  font-size: 2.0rem;
  border-bottom: 1px dotted #B25F2A;
  padding: 6px 0 6px;
  margin: 10px 0 .5em;
color: #C35108;
font-weight:bold;
}

.entry-title a{
color: #5E7DFC;
}

.entry-content {
  border-bottom: 1px solid #f8f8f8;
  margin-bottom: 1em;
  padding-bottom: 1em;
}

.entry-content h1, .entry-content h2, .entry-content h3,
.entry-content h4, .entry-content h5, .entry-content h6 {
  font-weight: 600;
  margin: 0 0 1em;
  clear: none;
}

.entry-content h1 {
  font-size: 22px;
  font-size: 2.2rem;
}

.entry-content h2 {
  font-size: 20px;
  font-size: 2.0rem;
}

.entry-content h3 {
  font-size: 18px;
  font-size: 1.8rem;
}

.entry-title a:hover {
  color: #111;
  text-decoration: none;
}

.entry-meta {
  color: #666;
  font-size: 14px;
  border-bottom: 1px solid #f8f8f8;
}

.entry-meta a {
  color: #666;
}

.entry-header .entry-meta {
  padding: 0 0 1em;
  margin: 0 0 1.5em;
}

.byline,
.updated {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.author-meta {
  border-bottom: 1px solid #f8f8f8;
  padding: 0 0 1.5em;
  margin: 0 0 1.5em;
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
  color: #555;
  min-height: 100px;
}

.author-avatar {
  position: absolute;
  left: 0;
}

.author-avatar img {
  border-radius: 50%;
}

.author-description {
  margin-left: 100px;
}

.author-description h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: .5em;
}

footer.entry-meta {
  padding-bottom: .75em;
  font-size: 12px;
  font-size: 1.2rem;
}

footer.entry-meta ul {
  list-style: none;
  margin: 0;
}

footer.entry-meta li {
  display: inline-block;
  margin: 0 .5em .5em 0;
}

footer.entry-meta a {
  display: block;
  background: #efefef;
  border-radius: 5px;
  color: #666;
  padding: .5em .75em;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* =Layouts
----------------------------------------------- */
.layout-sidebar-left .site-main {
  margin: 0 0 0 30%;
}

.layout-sidebar-left #secondary {
  float: left;
}

.layout-sidebar-left .content-area {
  float: right;
  margin: 0 0 0 -25%;
}

/* =Search
----------------------------------------------- */
.search .entry-header {
  margin: 0 0 1.5em;
}

.search .entry-title {
  font-size: 26px;
  font-size: 2.6rem;
}

.search #main .search-form {
  border-radius: 5px;
  background: #f8f8f8;
  padding: 1em;
  margin: 0 0 1.5em;
}

.search-submit {
  min-height: 28px;
}

/* =404
----------------------------------------------- */
.error404 #main .search-form {
  border-radius: 5px;
  background: #f8f8f8;
  padding: 1em;
  margin: 0 0 1.5em;
}

/* =Asides
----------------------------------------------- */
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

/* =Media
----------------------------------------------- */
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

.wp-caption {
  border: 1px solid #ccc;
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 1.2% auto 0;
  max-width: 98%;
}

.wp-caption-text {
  text-align: center;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.site-main .gallery {
  margin-bottom: 1.5em;
}

.gallery-caption {
  /* Required for theme review */
}

.site-main .gallery a img {
  border: none;
  height: auto;
  max-width: 90%;
}

.site-main .gallery dd {
  margin: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%;
}

/* =Navigation
----------------------------------------------- */
.site-main [class*="navigation"] {
  margin: 0 0 1.5em;
  overflow: hidden;
}

[class*="navigation"] .nav-previous {
  float: left;
  width: 50%;
}

[class*="navigation"] .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

.paging-navigation, .post-navigation {
  font-size: 15px;
  fonts-size: 1.5rem;
}

/* =Comments
----------------------------------------------- */
.comments-title {
  margin: 0 0 1.5em;
}

.comment-list {
  list-style: none;
  margin: 0 0 3em;
}

.comment-list .children {
  list-style: none;
  margin: 1.5em 0 0 5em;
}

.comment {
  margin-bottom: 1em;
  position: relative;
}

.comment-body {
  padding: 0 0 0 5em;
}

#comments .avatar {
  left: 0;
  position: absolute;
  border-radius: 50%;
}

.comment-content, .reply {
  font-size: 14px;
  font-size: 1.4rem;
}

.comment-content a {
  word-wrap: break-word;
}

.comment-content p {
  margin: 0 0 .5em;
}

.comment-meta {
  margin: 0 0 .5em;
}

.comment-metadata {
  font-size: 13px;
  font-size: 1.3rem;
}

.bypostauthor {
  background: #f8f8f8;
  padding: .5em;
}

.bypostauthor .avatar {
  left: .5em;
}

#reply-title {
  margin: 0 0 .5em;
}

#commentform label[for="author"],
#commentform label[for="email"],
#commentform label[for="url"] {
  float: left;
  padding: 5px 0;
  width: 100px;
}

.form-allowed-tags, .form-allowed-tags code {
  font-family: 'Open Sans';
  font-size: 13px;
  font-size: 1.3rem;
}

/* =Widgets
----------------------------------------------- */
.widget {
  font-size: 14px;
  margin: 0 0 1.5em;
}

.widget ul {
  list-style: none;
}

.widget ul li {
  margin-bottom: .2em;
}

/* Make sure select elements fit in widgets */
.widget select {
  max-width: 100%;
}

/* Sidebar Widgets & Home Page Featured Widgets */
#secondary .widget, #home-page-featured .widget {
  background: #ffffff;
  padding: 0 0 1.5em;
  overflow: hidden;

}
#secondary .widget-title, #home-page-featured .widget-title {
  color: #fff;
  background: #F1D5E6;
  padding: .5em 1.25em;
  margin-bottom: 1em;
}
#secondary .widget-title a, #home-page-featured .widget-title a {
  color: #fff;
}
#secondary .widget ul, #home-page-featured .widget ul {
  margin: 0 1.25em;
}

/* Ridiculous workarounds for lack of widget-content wrapper */
#secondary .tagcloud,
#secondary .textwidget,
#secondary select,
#secondary .recentcommentsavatar,
#secondary #subscribe-blog,
#secondary .milestone-content,
#secondary .widgets-multi-column-grid,
#secondary .widgets-grid-layout,
#secondary #pd_top_rated_holder,
#secondary .widget_gravatar p,
#secondary .widget_image img,
#secondary .widget_goodreads embed,
#secondary .widget_goodreads img,
#secondary .widget-grofile .grofile-thumbnail,
#secondary .widget-grofile h4,
#secondary .widget-grofile p,
#secondary .widget-grofile ul,
#secondary .widget_facebook_likebox iframe, #home-page-featured .tagcloud,
#home-page-featured .textwidget,
#home-page-featured select,
#home-page-featured .recentcommentsavatar,
#home-page-featured #subscribe-blog,
#home-page-featured .milestone-content,
#home-page-featured .widgets-multi-column-grid,
#home-page-featured .widgets-grid-layout,
#home-page-featured #pd_top_rated_holder,
#home-page-featured .widget_gravatar p,
#home-page-featured .widget_image img,
#home-page-featured .widget_goodreads embed,
#home-page-featured .widget_goodreads img,
#home-page-featured .widget-grofile .grofile-thumbnail,
#home-page-featured .widget-grofile h4,
#home-page-featured .widget-grofile p,
#home-page-featured .widget-grofile ul,
#home-page-featured .widget_facebook_likebox iframe {
  margin: 0 1.25em;
}

/* Specific Widget Styling */
#secondary .widget-title .rsswidget img, #home-page-featured .widget-title .rsswidget img {
  display: none;
}
#secondary .widget_search form, #home-page-featured .widget_search form {
  margin: 0 1.25em;
  padding-top: 1.25em;
}
#secondary .widget_search .widget-title, #home-page-featured .widget_search .widget-title {
  margin-bottom: 0;
}

/* Header Widgets */
#hero-widgets .widget {
  font-size: 18px;
  margin: 0 0 1em;
}

#hero-widgets .widget a {
  color: #fff;
  text-decoration: underline;
}

#hero-widgets .widget-title {
  font-size: 30px;
  font-size: 3.0rem;
  margin-bottom: .5em;
}

#hero-widgets {
  background: #f1d5e6;
  color: #fff;
  margin-bottom: 3em;
  padding: 1.5em 0;
  text-align: center;
}

#hero-widgets .section-wrap {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.3);
  padding: 1.75em 1.5em;
}

#hero-widgets .search-field {
  height: 39px;
  color: #555;
  padding: 3px 6px;
}

#hero-widgets .search-submit {
  font-size: 16px;
  min-height: 47px;
}

#hero-widgets .search-submit:hover {
  background: #fff;
}

/* Footer Widgets */
#footer-widgets {
  margin-bottom: 3em;
}

#footer-widgets a {
  color: #666;
  text-decoration: none;
}

#footer-widgets a:hover {
  color: #111;
  text-decoration: underline;
}

#footer-widgets .widget-title {
  font-size: 18px;
  margin-bottom: 1em;
}

#footer-widgets .widget ul {
  margin: 0 0 1.5em;
}

#footer-widgets .widget ul ul {
  margin: 0 0 0 1.5em;
}

#footer-widgets.widgets-count-2 .widget-area {
  float: left;
  width: 47.5%;
  margin-right: 5%;
}

#footer-widgets.widgets-count-2 #footer-widget-2 {
  margin-right: 0;
}

#footer-widgets.widgets-count-3 .widget-area {
  float: left;
  width: 30%;
  margin-right: 5%;
}

#footer-widgets.widgets-count-3 #footer-widget-3 {
  margin-right: 0;
}

/* =Footer
----------------------------------------------- */
.site-footer {
  font-size: 14px;
  background-color:#05274f;
  color:#ffffff;
  padding: 1.5em 0px 300px;
  text-align: center;
overflow:hidden;
font-family: 'Source Sans Pro', sans-serif;
}

.site-footer.widgets {
  padding: 1.5em 0 .5em;
}

.site-footer a {
color:#666464;
}

/* =Plugin Support
----------------------------------------------- */
.breadcrumb {
margin:0px auto;
overflow:hidden;
  padding: 8px 15px;
  margin-bottom: 1.5em;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
text-align:left;

}

/* Plugin : WP PageNavi */
.wp-pagenavi {
  font-weight: 600;
}

.wp-pagenavi a,
.wp-pagenavi span {
  color: #999;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 7px 8px;
  display: inline;
  margin: 0 2px;
}

.wp-pagenavi span.pages {
  display: block;
  color: #999;
  margin-bottom: 1em;
}

.wp-pagenavi span.pages:before {
  content: "\f15c";
font-family: 'Source Sans Pro', sans-serif;
  margin-right: 10px;
}

.wp-pagenavi a:hover,
.wp-pagenavi a:active,
.wp-pagenavi span.current {
  color: #333;
}

.wp-pagenavi a {
  color: #428bca;
  border-top: 1px solid #f8f8f8;
}

/* =Infinite Scroll
----------------------------------------------- */
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
  display: block;
}

/* =Responsive
----------------------------------------------- */
@media screen and (min-width: 1100px) {
  /* Primary Navigation */
  .main-navigation {
    padding: 0;
  }

  .main-navigation .menu-toggle {
    display: none;
    padding: 0;
  }

  .main-navigation .nav-menu {
    border-bottom: 0;
    display: block;
  }

  .main-navigation.toggled-on {
    border-bottom: 0;
    margin: 0;
    padding: 0;
  }

  .main-navigation li {
    border: 0;
    display: inline-block;
    
    position: relative;
  }

  .main-navigation a {
    display: inline-block;
    padding: 0 12px;
    white-space: nowrap;
padding-top:5px;
height: 30px;
  }

  .main-navigation .current_page_item > a,
  .main-navigation .current_page_ancestor > a,
  .main-navigation .current-menu-item > a,
  .main-navigation .current-menu-ancestor > a {;
    color: #666666;
  }

  .main-navigation ul > li.menu-item-has-children:hover > a,
  .main-navigation ul > li.menu-item-has-children.focus > a,
  .main-navigation ul > li.page_item_has_children:hover > a,
  .main-navigation ul > li.page_item_has_children.focus > a {
    color: #555;
    background: #f8f8f8;
  }

  .main-navigation ul ul {
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    border-top: none;
    float: left;
    margin: 0 0 0 -1px;
    position: absolute;
    top: 48px;
    left: -999em;
    z-index: 99999;
    opacity: 0;
    transition: opacity .3s ease-in-out;
  }

  .main-navigation li li {
    border: 0;
    display: block;
    height: auto;
    line-height: 1.2;
  }

  .main-navigation ul ul ul {
    left: -999em;
    top: 0;
  }

  .main-navigation ul ul a {
    color: #555;
    padding: 16px 12px;
    white-space: normal;
    width: 150px;
  }

  .main-navigation ul ul a:hover,
  .main-navigation ul ul li.focus > a,
  .main-navigation ul ul li:hover {
    color: #555;
    background-color: #fefefe;
  }

  .main-navigation ul ul li.menu-item-has-children:hover > a,
  .main-navigation ul ul li.menu-item-has-children.focus > a,
  .main-navigation ul ul li.page_item_has_children:hover > a,
  .main-navigation ul ul li.page_item_has_children.focus > a {
    color: #555;
    background-color: #fefefe;
  }

  .main-navigation ul li:hover > ul,
  .main-navigation ul li.focus > ul {
    left: auto;
    opacity: 1;
  }

  .main-navigation ul ul li:hover > ul,
  .main-navigation ul ul li.focus > ul {
    left: 100%;
  }

  .main-navigation .menu-item-has-children > a,
  .main-navigation .page_item_has_children > a {
    padding-right: 26px;
  }

  .main-navigation .menu-item-has-children > a:after,
  .main-navigation .page_item_has_children > a:after {
    -webkit-font-smoothing: antialiased;
    content: "\f0d7";
    display: inline-block;
    font: normal 10px/1 FontAwesome;
    position: absolute;
    right: 12px;
    top: 20px;
    vertical-align: text-bottom;
  }

  .main-navigation li .menu-item-has-children > a,
  .main-navigation li .page_item_has_children > a {
    padding-right: 20px;
    width: 168px;
  }

  .main-navigation .menu-item-has-children li.menu-item-has-children > a:after,
  .main-navigation .menu-item-has-children li.page_item_has_children > a:after,
  .main-navigation .page_item_has_children li.menu-item-has-children > a:after,
  .main-navigation .page_item_has_children li.page_item_has_children > a:after {
    content: "\f0da";
    right: 8px;
    top: 20px;
  }
}
@media screen and (max-width: 840px) {
  .site-main {
    margin: 0;
  }

  #secondary {
    clear: both;
    float: none;
    width: auto;
  }
}
@media screen and (max-width: 680px) {
  #footer-widgets.widgets-count-3 .widget-area {
    float: none;
    width: auto;
    margin-right: 0;
  }

  .comment-list .children {
    list-style: none;
    margin: 1.5em 0 0 0;
  }
}
@media screen and (max-width: 480px) {
  .col-width {
    padding: 0;
  }

  .main-navigation.toggled-on {
    padding: 42px 0 0px;
  }

  .main-navigation a {
    padding: 7px 20px;
  }
}

.tableleft{
width:100%;
float:left;
background-color:#e4e4e4;
padding:4px 10px 4px 15px; 
}

.tableright{
width:100%;
float:left;
padding:4px 10px 10px 15px;
}

.kocate ul{
margin-left:0px;
padding-left:0px;
}
.kocate li{
display:inline;
margin-right:15px;
margin-left:0px;
padding-left:0px;
}

.entrybody{

padding:15px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin-top:8px;
overflow:hidden;
}

.piczone{
margin:0px auto;
text-align:center;
background-color:#e2f2ef;
}

.phonetext{
font-size:200%;
}

.shinchaku {
    overflow: hidden;
    text-align: left;
color:#ffffff;
padding-left:20px;
margin-top:10px;
margin-bottom:10px;
}

.shinchaku span {
    display: inline-block;
    padding: 0 0.5em;
    position: relative;
color:#000000;
}

.shinchaku span:before,
.shinchaku span:after {
    border-top: 2px dotted #000000;
    content: "";
    position: absolute;
    top: 50%;
    width: 99em;
}

.shinchaku span:before {
    right: 100%;

}

.shinchaku span:after {
    left: 100%;
}

.hyoudai{
color:#ff0000;
}

.date{
text-align:right;
}

.shousai{
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#70b3ff', endColorstr = '#386cff');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#70b3ff', endColorstr = '#386cff')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #70b3ff, #386cff);
background-image: -ms-linear-gradient(top, #70b3ff, #386cff);
background-image: -o-linear-gradient(top, #70b3ff, #386cff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#70b3ff), to(#386cff));
background-image: -webkit-linear-gradient(top, #70b3ff, #386cff);
background-image: linear-gradient(top, #70b3ff, #386cff);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
text-align:center;
}

.shousai a{
display:block;
text-decoration:none;
color:#ffffff;
padding-top:4px;
padding-bottom:4px;
}

.thumpiczone{
margin:0px auto;
width:150px;
float:right;
}


.menuzone{
margin:0px auto;
width:100%;
overflow:hidden;
}

li{
list-style: none;
cursor: pointer;
}
 
ul.acordion{
background: #f4f4f4;
border-right: solid 1px #808080;
border-left: solid 1px #808080;
margin: 15px;
padding: 0;
}
 
ul.acordion li {
border-bottom: solid 1px #808080;

}
 
ul.acordion li:first-child {
border-top: solid 1px #808080;
}
 
ul.acordion li ul {
margin: 0;
padding: 0;
border: none;
}
 
ul.acordion li ul li {
background: #fff;
}
 
ul.acordion li ul li:last-child{
border-bottom: none;
}
 
ul.acordion li ul li a {
color: #696969;
display: block;
padding: 10px;
text-decoration: none;
}
 
ul.acordion li .none-submenu {
background: url(trigger-arrow.png) no-repeat 98% 50%;
background-size: 2%;
display: block;
padding: 15px;
}
 
ul.acordion li .active-submenu {
background: url(triggeractive-arrow.png) no-repeat 98% 50%;
display: block;
padding: 15px;
}
 
@media only screen and (max-width: 600px) {
ul.acordion li .none-submenu{ background: url(trigger-arrow.png) no-repeat 96% 50%; }
ul.acordion li .active-submenu{ background: url(triggeractive-arrow.png) no-repeat 96% 50%; }
}

.titlep{
margin: 0px auto;
font-size:70%;
width:60%;
background-color:#a593aa;
color:#ffffff;
padding:15px;
text-align:center;
border:solid 1px #ffffff;
background:linear-gradient(
  to bottom,
  #a593aa,
  #a593aa 50%,
  #A898AD 50%,
  #A898AD
);
/* The rectangle in which to repeat. 
   It can be fully wide in this case */
background-size: 100% 20px;
}

.hyoudaikoumoku{
width:100%;
text-align:left;
background-color:#A3690C;
padding:4px 10px 4px 15px; 
color:#ffffff;
margin-top:10px;
clear:both;
}

.hyoudaikoumoku a{
color:#ffffff;
text-decoration:none;
}

.chiikibox{
margin:0px auto;
width:100%;
overflow:hidden;
padding-bottom:10px;
padding-top:8px;
}

.chiikibox ul{
margin:0px auto;

}

.chiikibox li{
display:inline;
margin-right:15px;
}

.chiikiboxli{
float:left;
margin-right:30px;
position:relative;
}

.tourokusuu{
margin-left:5px;
color:#cccccc;
}

.googlemap{
margin:0px auto;
width:100%;
overflow:hidden;
padding-bottom:10px;
}

.chiikicommebox{
margin:0px auto;
width:100%;
overflow:hidden;
padding:8px;
background-color:#F3EDE4;
margin-bottom:8px;
}



h2{
margin:0px auto;
width:95%;
}

.time{
margin:0px auto;
width:95%;
color:#ffffff;
}


.site-title a {
			color: #5c4453;
		}

.site-description { color:#000000;}
 #hero-widgets, #secondary .widget-title, #home-page-featured .widget-title { background:#D3D3D4;}
#site-navigation{
width:100%;

}

#page-top{
clear:both;
margin:0px auto;
width:100%;
text-align:right;
padding-bottom:5px;
margin-top:15px;
}

#page-top a{
color:#666666;

}

#page-top {
	position: fixed;
	margin-bottom: 10px;
	margin-right: 10px;
	font-size: 100%;
font-family:Arial;
margin-left:70%;
}

#page-top a {
	background: #ffffff;
	text-decoration: none;
	color: #000000;
	width: 20%;
	padding: 20px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
border:solid 1px #cccccc;
margin-top:2px;
opacity:0.5;  
filter: alpha(opacity=50);  
-ms-filter: "alpha( opacity=50 )";  
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
#page-top a:hover {
	text-decoration: none;
	background: #cccccc;
}

.rightbanner{
margin:0px auto;
width:250px;
border:solid 1px #e4e4e4;
margin-top:10px;
}




.logoleft2{
margin:0px auto;
width:40%;
float:right;
padding-top:65px;
color:#000000;
}

.logoleft2left{
margin:0px auto;
width:35%;
float:left;
padding-top:15px;
color:#000000;
}

.logoleft2right{
margin:0px auto;
width:65%;
float:left;
padding-top:10px;
color:#000000;
}

@media screen and (max-width: 480px) {
.logoleft2{
margin:0px auto;
width:100%;
float:right;
padding-top:10px;
color:#000000;
}
}


.logoright{
margin:0px auto;
width:30%;
float:right;
overflow:hidden;
font-weight:bold;
}

.logoright img{
margin-top:30px;
}

@media screen and (max-width: 480px) {
.logoleft{
margin:0px auto;
width:95%;
padding:8px 0px 0px 15px;
}
}

@media screen and (max-width: 480px) {
.logoleft2{
margin:0px auto;
width:100%;

}
}

@media screen and (max-width: 480px) {
.logoright{
margin:0px auto;
width:100%;
text-align:left;
}
}

@media screen and (min-width: 1100px) {
.breadcrumbs{
margin:0px auto;
width:1100px;
text-align:left;
padding-top:10px;
font-family: 'Source Sans Pro', sans-serif;
}
}

@media screen and (max-width: 480px) {
.breadcrumbs{
margin:0px auto;
width:95%;
text-align:left;
padding-top:10px;
padding-left:10px;
}
}

.topimgzone{
margin:0px auto;
width:100%;
background-color:#000000;
text-align:left;
padding-top:10px;
padding-bottom:10px;
color:#ffffff;
}

.telleft{
font-size:70%;
line-height:90%;
overflow:hidden;
}

.underbox{
margin:0px auto;
width:30%;
float:left;
text-align:left;
margin-top:10px;
padding:10px;
}

@media screen and (max-width: 480px) {
.underbox{
margin:0px auto;
width:100%;
text-align:left;
padding-left:10px;
padding:10px;
}
}

.copy{
margin:0px auto;
width:100%;
overflow:hidden;
}

.bwrap{
margin:0px auto;
width:100%;
overflow:hidden;

}

.rightbox{
margin:0px auto;
width:100%;
overflow:hidden;
margin-top:10px;
border-bottom:dotted 1px #808080;
}


.catemenu{
margin:0px auto;
width:49%;
text-align:center;
float:left;
border:dotted 1px #cccccc;
margin-right:5px;
margin-bottom:5px;

background-image:url(http://www.yamasiroya.com/img/10-13.jpg);
}

.catemenu a{
display:block;
padding-top:10px;
padding-bottom:10px;
}

@media screen and (max-width: 480px)  {
.catemenu{
margin:0px auto;
width:99%;
text-align:center;
float:left;
border:dotted 1px #cccccc;
margin-right:5px;
margin-bottom:5px;

background-image:url(http://www.yamasiroya.com/img/10-13.jpg);
}
}

.picthum{
margin:0px auto;
width:99%;
float:left;
background-color:#000000;
margin-top:8px;

}

.tenpokoumoku{
background-color:#e4e4e4;
margin-top:10px;
margin-bottom:5px;
padding-left:10px;
}

.answer{
margin:0px auto;
padding:10px 17px 10px 17px;

float:left;
margin-right:10px;
background-color:#5db07a;
color:#ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/

}

.voicebody{
margin:0px auto;
width:100%;
padding:8px;
background-color:#f9e7fe;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}

.todetail{
margin:0px auto;
width:99%;
background-color:#333333;
text-align:center;
margin-top:5px;

clear:both;
float:left;
}

.todetail a{
display:block;
padding-top:8px;
padding-bottom:8px;
color:#ffffff;
}

.commentbox{
margin:0px auto;
width:100%;
overflow:hidden;
padding:10px;
border:solid 7px #6598CB;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/

}

.hyoudaiblue1{
color:#6598CB;
font-size:190%;
font-weight:bold;
line-height:110%;
}

.hyoudaiblue2{
color:#6598CB;
line-height:110%;
font-weight:bold;
font-size:140%;
}

.yochokin{
margin:0px auto;
width:90%;
text-align:center;
font-size:140%;
font-weight:bold;
}



.moushikomibox{
margin:0px auto;
width:100%;
overflow:hidden;

border:solid 6px #ED6C00;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
background-color:#ED6C00;
color:#ffffff;
text-align:center;
font-size:200%;
margin-top:15px;
}

.moushikomibox a{
display:block;
padding:10px;
font-weight:bold;
color:#ffffff;
}

.commentboxgreen{
margin:0px auto;
width:90%;
overflow:hidden;
padding:10px;
margin-top:10px;
}


.greenhyoudai{
margin:0px auto;
width:90%;
text-align:left;
font-size:140%;
font-weight:bold;
color:#7FBE26;
margin-top:15px;
border:dotted 2px #cccccc;
padding:8px;
}

.commentboxgreen li{
margin:0px auto;
list-style-type: disc;
}

.commentboxgreen ul{
margin:0px auto;
padding-left:20px;
}

.houhou1{
margin:0px auto;
width:100%;
color:#ffffff;
padding:10px;
background-color:#7FBE26;
text-align:center;
float:left;
clear:both;
font-weight:bold;

}

.houhoubox{
margin:0px auto;
width:100%;
text-align:left;
overflow:hidden;
clear:both;
padding-top:10px;
padding-bottom:10px;
}

.topgreen{
margin:0px auto;
width:100%;
height:5px;
overflow:hidden;
background-color:#7FBE26;
}

.underlogo{
margin:0px auto;
width:33%;
float:left;
}

@media screen and (max-width: 480px) {
.underlogo{
margin:0px auto;
width:100%;
float:left;
}
}

.underunei{
margin:0px auto;
width:33%;
float:left;
text-align:left;
padding-top:5px;
}

@media screen and (max-width: 480px) {
.underunei{
margin:0px auto;
width:98%;
float:left;
text-align:left;
padding-top:20px;
}
}

.underunei2{
margin:0px auto;
width:33%;
float:left;
text-align:center;
padding-top:5px;
}

@media screen and (max-width: 480px) {
.underunei2{
margin:0px auto;
width:98%;
float:left;
text-align:left;
padding-top:20px;
}
}

.circle li{
list-style-type: circle;
}


.entry-title {

padding:10px;
margin:0px auto;
width:90%;
text-align:left;
font-size:140%;
font-weight:bold;
color:#7FBE26;
margin-top:15px;
border:dotted 2px #cccccc;
padding:8px;
}

.entry-title a{
color: #5E7DFC;
}

.entry-content {
margin:0px auto;
width:100%;
  border-bottom: 1px solid #f8f8f8;
  margin-bottom: 1em;
  padding-bottom: 1em;
}

.greenhyoudai a{
color: #036EB8;
text-decoration:underline;
}




.inqkoumoku{
margin:0px auto;
width:100%;
text-align:left;
background-color:#e4e4e4;
padding:8px 0px 8px 10px;
}

.inqnaiyo{
margin:0px auto;
width:100%;
text-align:left;
padding:8px 0px 8px 10px;
}

.tel{
font-size:100%;
color:#EFEFEF;
margin:0px auto;
width:20%;
float:right;
overflow:hidden;

}

@media only screen and (max-width: 480px) {
.tel{
font-size:90%;
color:#EFEFEF;
margin:0px auto;
width:100%;
overflow:hidden;
margin-top:20px;
text-align:center;
}
}

@media only screen and (min-width: 1100px) {
.tel2{
font-size:110%;
color:#EFEFEF;
margin:0px auto;
width:55%;
float:right;
overflow:hidden;
margin-top:20px;

}
}

@media screen and (max-width: 600px) {
.tel2{
font-size:90%;
color:#EFEFEF;
margin:0px auto;
width:55%;
float:right;
overflow:hidden;

padding-top:10px;
}
}

@media only screen and (max-width: 480px) {
.tel2{
font-size:80%;
color:#EFEFEF;
margin:0px auto;
width:100%;
overflow:hidden;
clear:both;
}
}

.phonenumber{
font-size:140%;
font-weight:bold;
}

.logoleft{
margin:0px auto;
width:25%;
float:left;
text-align:center;

padding-top:10px;
}

@media only screen and (max-width: 480px) {
.logoleft{
margin:0px auto;
width:100%;
text-align:center;

padding-top:10px;
}
}

.yokomenuwrap{
margin:0px auto;
width:100%;
overflow:hidden;
background-color:#05274f;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000045+1,262989+50,000045+50,27286d+100 */
background: #000045; /* Old browsers */
background: -moz-linear-gradient(top, #000045 1%, #262989 50%, #000045 50%, #27286d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #000045 1%,#262989 50%,#000045 50%,#27286d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #000045 1%,#262989 50%,#000045 50%,#27286d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000045', endColorstr='#27286d',GradientType=0 ); /* IE6-9 */
background: #101522;
}

.yokomenu{
margin:0px auto;
max-width: 1164px;
overflow:hidden;
padding-top:3px;
padding-bottom:3px;

}

.yokomenub{
margin:0px auto;
width:24.5%;
overflow:hidden;
background-color:#05274f;
float:left;
border:solid 1px #cccccc;
text-align:center;
margin: 0px 1px 0px 2px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000045+1,262989+50,000045+50,27286d+100 */
background: #000045; /* Old browsers */
background: -moz-linear-gradient(top, #000045 1%, #262989 50%, #000045 50%, #27286d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #000045 1%,#262989 50%,#000045 50%,#27286d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #000045 1%,#262989 50%,#000045 50%,#27286d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000045', endColorstr='#27286d',GradientType=0 ); /* IE6-9 */
background: #101522;
}

@media only screen and (max-width: 600px) {
.yokomenub{
margin:0px auto;
width:49%;
overflow:hidden;
background-color:#05274f;
border:solid 1px #cccccc;
margin-right:1%;
font-family: 'Source Sans Pro', sans-serif;
}
}

@media only screen and (max-width: 480px) {
.yokomenub{
margin:0px auto;
width:49%;
overflow:hidden;
background: #101522;
border:solid 1px #cccccc;
margin-right:1%;
font-family: 'Source Sans Pro', sans-serif;
}
}

.yokomenub a{
overflow:hidden;
margin:0px auto;
padding-top:10px;
padding-bottom:10px;
color:#ffffff;
display:block;
text-decoration:none;

}

.yokomenub a:hover{
overflow:hidden;
margin:0px auto;
padding-top:10px;
padding-bottom:10px;
color:#05274f;
display:block;
background-color:#cccccc;
}

.n2{
margin:0px auto;
width:98%;
border:solid 1px #cccccc;
padding:1%;
overflow:hidden;
margin-top:10px;
}

.hyoudai{
margin:0px auto;
width:98%;
font-size:150%;
overflow:hidden;

}

h2{
margin:0px auto;
width:100%;
text-align:left;
font-family: 'Source Sans Pro', sans-serif;
font-size:100%;
font-weight:bold;
color:#2B74DC;

}

@media only screen and (max-width: 480px) {
h2 span{
margin:0px auto;
width100%;
}
}

.topboxwrap{
margin:0px auto;
width:95%;
overflow:hidden;

}

.topbox{
margin:0px auto;
width:50%;
float:left;
overflow:hidden;
margin-top:10px;
min-width:220px;
font-size:80%;
}

.topboxin2{
margin:0px auto;
width:99%;
overflow:hidden;
border:solid 1px #cccccc;
min-width:220px;
}

.topboxin p{
line-height:140%;
}

.shortcut2{
clear:both;
margin:0px auto;
width:100%;
text-align:center;
background-color:#05274f;
}

.shortcut2 a{
text-decoration:none;
display:block;
padding:10px;
color:#ffffff;
}

.topboxin{
margin:0px auto;
width:98%;
overflow:hidden;
border:solid 1px #cccccc;
min-width:220px;
padding-bottom:10px;

}

.subtitle{
margin:0px auto;
width:100%;
padding-top:8px;
padding-bottom:8px;
background-color:#f4f4f4;
text-align:center;
}

.topcomme3{
margin:0px auto;
text-align:left;
width:98%;
overflow:auto;
max-height:150px;
padding-left:15px;
}

.d{
margin:0px auto;
width:98%;
border:solid 1px #cccccc;
padding:1%;
overflow:hidden;
margin-top:10px;
}

.d-left{
font-size:1000%;
float:left;
margin-left:-20px;
font-family: 'Source Sans Pro', sans-serif;
font-weight:bold;
color:#ffffff;
background-color:#171c61;
}

.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
margin:0px auto;
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
margin:0px auto;
	top: 0;
	position: absolute;
}
.wideslider_wrap {
margin:0px auto;
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(../img/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../img/next.jpg) no-repeat left center;}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #cccccc;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}

.leftmenub{
margin:0px auto;
width:90%;
font-size:16px;
text-align:center;
color:#ffffff;



}

.leftmenub a{
text-decoration:none;
color:#444444;

padding-top:50px;
padding-bottom:50px;
display:block;
border-bottom:solid #DCDCDD 2px;
}

.leftmenub a:hover{
display:block;
background-color:#f6f6f6;
color:#000000;
border-bottom:solid #AE0058 2px;
}

.leftmenub2{
margin:0px auto;
width:90%;
font-size:16px;
text-align:center;
color:#ffffff;
background-color:#0080ff;
border-top:solid 1px #fffffb;
border-bottom:solid 1px #cccccc;
font-family: 'Source Sans Pro', sans-serif;
}

.leftmenub2 a{
text-decoration:none;
color:#0080ff;
background-color:#f4f4f4;
padding-top:30px;
padding-bottom:30px;
display:block;
}

.leftmenub2 a:hover{
display:block;
background-color:#AE0058;
color:#ffffff;
}

#left{
margin:0px auto;
width:25%;
overflow:hidden;

padding-top:10px;
}

.leftsubmenu{
margin:0px auto;
width:90%;
border:solid 1px #cccccc;
padding:20px 10px 20px 10px;
margin-top:20px;
display:block;
font-size:130%;
font-family: 'Source Sans Pro', sans-serif;
}

.leftsubmenu a{
display:block;
}

.leftsubmenu ul{
list-style-type: disc;
width:90%;
margin-top:20px;
display:block;
font-size:90%;
text-align:left;
margin-left:18px;
}

.leftsubmenu li{
padding-top:4px;
}

.hyoudaitop{
margin:0px auto;
width:100%;
font-size:130%;
font-weight:bold;
margin-top:5px;
text-align:left;
line-height:160%;
background-color:#152C51;
color:#ffffff;
padding: 8px 10px 8px 20px;
}

.nakami{
margin:0px auto;
width:100%;
text-align:left;
line-height:140%;
padding:10px;
font-size:100%;
}

.nakami ul{
margin:0px auto;
padding-left:10px;
list-style-type:square;
clear:both;
}

.nakami li{
float:left;
margin-right:20px;
margin-left:20px;
}

.shortcut{
clear:both;
margin:0px auto;
width:90%;

border:solid 1px #cccccc;
text-align:center;
padding:10px;
margin-top:16px;
background-color:#ECF0E7;
}

.shortcut a{
text-decoration:none;
display:block;
}

.hyoudai2{
margin:0px auto;
width:98%;
font-size:150%;
font-weight:bold;
margin-top:5px;
text-align:left;
line-height:160%;
padding-left:14px;
}

.hyoudai2 a{
text-decoration:none;
border-left:6px solid #05274f;
padding-left:14px;
}

.gyoushub{
margin:0px auto;
width:46%;
float:left;
font-family: 'Source Sans Pro', sans-serif;
border:solid 1px #cccccc;
text-align:center;
padding:17px;
margin-top:16px;
margin-right:4%;
font-size:80%;
}

.gyoushub img{
float:left;
margin-top:8px;
width:20%;
margin-right:4px;
}

.gyocatetitle{
padding-bottom:2px;
border-bottom:dotted 1px #cccccc;
font-family: 'Source Sans Pro', sans-serif;
margin-bottom:8px;
padding-left:10px;
}

.gyocatetitle a{
text-decoration:none;
}

.shortcutgyoshu2{
margin:0px auto;
width:75%;

float:right;
text-align:center;

margin-top: 8px;
background-color:#e2cbee;
}

.shortcutgyoshu2 a{
text-decoration:none;
display:block;
color:#000000;
font-size:13px;
padding:6px;
}

.undermenu{
margin:0px auto;
width:100%;
border-bottom:dotted 1px #cccccc;
font-size:100%;
text-align:left;
line-height:140%;
padding:8px 10px 8px 10px;;
margin-bottom:20px;
clear:both;
font-family: 'Source Sans Pro', sans-serif;
}

.undermenu a{
color:#ffffff;
text-decoration:none;
border-left:solid 3px #cccccc;
padding-left:5px;
margin-right:8px;
margin-left:5px;
}

.undermenu a:hover{
color:#cccccc;
}

@media screen and (max-width: 480px) {
.topbox{
margin:0px auto;
width:100%;
float:left;
overflow:hidden;
margin-top:10px;

}
}

@media screen and (max-width: 480px) {
.gyoushub{
margin:0px auto;
width:100%;
float:left;
font-family: 'Source Sans Pro', sans-serif;
border:solid 1px #cccccc;
text-align:center;
padding:17px;
margin-top:16px;
margin-right:4%;
font-size:90%;
}
}


.donnaimg{
margin:0px auto;
width:90px;
float:left;
margin-bottom:10px;
}

.underbox a{
color:#ffffff;
text-decoration:none;
border-left:solid 3px #cccccc;
padding-left:5px;
margin-right:8px;
margin-left:5px;
margin-top:5px;
}

.underbox a:hover{
color:#cccccc;
}


@media screen and (max-width: 480px) {
body{
font-size:90%;
}
}

@media only screen and (max-width: 600px) {
body{
font-size:90%;
}
}

.kasoubody{
font-size:175%;
line-height:130%;
font-family: 'Source Sans Pro', sans-serif;
}

@media screen and (max-width: 480px) {
.d{
font-size:80%;
line-height:130%;
}
}

.phonenumber2{
font-size:150%;
font-weight:bold;
}

h1{
margin:0px auto;
width:100%;
text-align:left;
}

@media screen and (max-width: 480px) {
h1{
margin:0px auto;
width:100%;
text-align:center;
font-size:80%;
}
}


.thumb{
margin:0px auto;
width:135px;
float:left;
text-align:center;
margin-top:10px;
margin-left:8px;
height:165px;

}

.thumbtitle{
margin:0px auto;
width:135px;
text-align:center;
font-size:80%;
line-height:110%;
}

.thumbtitle a{
margin:0px auto;

text-align:center;

}

.thumbtitle a:hover{
margin:0px auto;
color:#ff0000;
text-align:center;

}

.inqkoumoku{
margin:0px auto;
width:100%;
float:left;
backgroud-color:#f4f4f4;
overflow:hidden;
}