/*

Theme Name: US-Japan Foundation
Theme URI: http://www.us-jf.org/
Description: United States-Japan Foundation
Version: 1.0
Author: US-Japan Foundation
Author URI: http://www.us-jf.org/
*/



/* #Import

================================================== */

@import url("css/base.css");
 @import url("css/skeleton.css");
/* #Basic Styles

================================================== */

/*label, legend {
  display: none; /* commenting out for resposive menu to be desplayed
}*/

/*this style for new archive on right side menu on news page*/
label.screen-reader-text {
  display: none; 
}

#wrapper {
	background: #fff;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background-image: url('images/top_bg.png');
	background-repeat:repeat-x;
}
#wrapper img {
	height: auto;
	max-width: 100%;
}
img, object, video {
	height: auto;
	display:block;
}
img {
	width: auto;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
.image-left {
	float: left;
	margin: 5px 15px 8px 0;
}
.image-right {
	float:right;
	margin: 5px 0 8px 15px;
}
.image-right,  .image-left {
	padding: 2px;
	border: 1px solid #e0e0e0;
	max-width: 100%;
	-webkit-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
}
/* #Font Styles

================================================== */

body, h1, h2, h3, h4, h5, h6 {
	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body.ja body, h1, h2, h3, h4, h5, h6 {
		 font-family: 'Hiragino Kaku Gothic Pro',Meiryo,Osaka,'MS P Gothic',sans-serif;
}

.button, input[type="button"], input[type="submit"],  input[type="text"], input[type="password"], input[type="email"], textarea, select {
	/*font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}
/* #Header
================================================== */

#top_container {
	width: 1000px;
	display:block;
	margin: 0 auto;
	height:148px;
}
#top {
	width: 100%;
	display:block;
	height: 35px;
}
#globalnavi {
	width: 100%;
}
.lang-Selecter {
	float:right;
	margin:5px 10px 0 0;
}
.top-search {
	float: right;
	margin-top:5px;
}
.top-search input {
	width: 200px;
	font-size: 11px;
	color: #888;
	border:3px solid #094379;
	border-radius:5px;
}

.top-search input:focus  {
	width: 200px;
	font-size: 11px;
	color: #888;
	border:3px solid #094379;
	border-radius:5px;
}
.search-btn {
	float: right;
	position: relative;
	padding: 0;
	top: 0;
	right: 0;
	margin: 1px 0 0 -35px;
	background: url('images/search.png') center center no-repeat;
	width: 35px;
	height: 32px;
	cursor: pointer;
	border: none;
	z-index: 100;
	box-shadow: none;
}
.search-field {
	float: right;
	position: relative;
}
/* Search widget */

.search-form .search-submit {
	display: none;
}
input[type="text"], input[type="password"], input[type="email"], textarea, select {
}
#header { /*min-height: 130px; */
}
.contact-details {
	float: right;
	margin: -1px 0 1px 0;
	display: block;
	color: #888;
	font-size: 11px;
}
.top-links {
	float: left;
	display: block;
	font-size: 12px;
	margin-top: 5px;
	margin-left: 10px;
}
.top-links ul li:first-child {
	border: medium none;
	padding-left: 0;
}
.top-links ul li {
	float: left;
	margin: 0 11px 0 0;
	border-left:#666666 1px dotted;
	padding-left:11px;
}
.top-links ul li a {
	color: #ACD4E6;
}
.top-links ul li.current_page_item {
	background:none;
}
.top-links ul li a:hover {
	color: #107AB2;
}
/* #Logo

================================================== */

#logo {
	margin-top: 20px;
}
#logo a img {
	float: left;
	width: 159px;
	height: 46px;
}
#tagline {
	margin: 10px 0 0 8px;
}
#tagline img{
	float:left;
}
/* #Social Icons

================================================== */

.social-icons {
	float: left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}


.social-icons li {
	display: inline;
	list-style: none;
	text-indent: -9999px;
	float: left;
	margin-right: 5px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.ie8 .social-icons li {
	background-color: #fff;
}
.social-icons li a {
	display: block;
	padding-left: 11px;
	height: 24px;
	width: 24px;
}
.social-icons li:hover {
	opacity: 1;
}
/* Icon List */

.facebook {
	background: url(images/social/facebook_l.png) no-repeat;
	width:24px;
	height:24px;
}
.rss {
	background: url(images/social/rss_l.png) no-repeat;
	width:24px;
	height:24px;
	margin-left:8px;
}

.sm_facebook {
	background: url(images/social/facebook.png) no-repeat;
	width:16px;
	height:16px;
}
.sm_rss {
	background: url(images/social/rss.png) no-repeat;
	width:16px;
	height:16px;
	margin-left:5px;
}
.sm_email {
	background: url(images/social/email.png) no-repeat;
	width:16px;
	height:16px;
	margin-left:5px;
}
/* #Navigation Menu

================================================== */

#navigation {
	float: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	z-index:2000;
}
.js .selectnav {
	display: none;
}
.main-menu i.halflings {
	margin: 1px 2px 0 -2px;
}
.main-menu ul, .main-menu li > div {
	visibility: hidden;
	display: none;
}
.main-menu li:hover > ul, .main-menu li:hover > div {
	visibility: visible;
	display: block;
}
/*main menu current page nav style added on Dec 30 2013*/

.main-menu li.current-menu-item {
	/*background:url(images/menu_arrow.png) no-repeat right; list-style:none;*/

color:#fff;
}
.main-menu li.current_page_parent {
	background-image:url(images/menu_arrow.png) no-repeat right;
	list-style:none;
	color:#fff;
}
/*page menu (widget) current page nav style added on Dec 30 2013*/

li.current_page_item {
	/*background: #d7e8f6;*/
	color:#21384A;
}
/* Reset  */

.main-menu, .main-menu ul {
	margin:0;
	padding:0;
	list-style:none;
	z-index:2000;
}
.main-menu li, .main-menu ul a {
	position:relative;
}
.main-menu > li {
	float:left;
	background:url(images/menu_arrow.png) no-repeat right;
	list-style:none;
}
.main-menu > li.floatr {
	float:right;
}
.main-menu li > a {
	display:block;
}
.main-menu ul {
	position:absolute;
	display:none;
	width:200px;
	right:0;
}
.main-menu ul ul {
	top:9px;
	left:-202px;
}
.main-menu li:hover > ul {
	display:block;
}
#navigation ul li:first-child {
	margin-left: 0;
}
#navigation ul li ul li:first-child,  #navigation ul li ul li ul li:first-child {
	margin-left: 0;
}
#current {
	background-color: #169fe6;
	border-right: 1px solid #169fe6;
	/*margin-left: -1px;
	padding-left:21px;*/
	z-index: 8;
	position: relative;
}
.sub-menu{
	z-index:2000;
}
.main-menu a {
	text-decoration:none;
}
.main-menu > li > a {
	color:#fff;
	font-weight: 500;
	font-size: 13px;
	line-height:18px;
	padding: 15px 15px 16px 15px;
	margin-left:20px;
}
.main-menu > li:hover > a {
	border-left:none;
	/*padding-left:21px;
	margin: 0 0 0 -1px;*/
	padding: 15px 15px 16px 15px;
	margin-left:20px;
}
ul.main-menu li a {
	-webkit-transition: background-color 80ms ease-in-out;
	-moz-transition: background-color 80ms ease-in-out;
	-o-transition: background-color 80ms ease-in-out;
	-ms-transition: background-color 80ms ease-in-out;
	transition: background-color 80ms ease-in-out;
	font-size:19px;
	text-shadow: 0 1px 2px #222;
}
.main-menu ul li a {
	-webkit-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
	-moz-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
	-o-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
	-ms-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
	transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
	font-size:13px;
	text-shadow: 0 1px 2px #fff;
	color: #21384A;
}

.main-menu > li > a {
}
.main-menu > li > a:hover {
	color:#61c3f5;
}
.main-menu > li > a img, .main-menu li > ul > li > a img {
	border:0;
	margin-right:7px;
}
/* Sub Menu */

.main-menu ul {
	background-color: #ffffff;
	border:1px solid #E5EAEE;
	z-index: 2000;
	margin-top:-10px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.main-menu ul a {
	line-height: 18px;
	padding: 9px 12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E5EAEE;
}
.main-menu ul a:hover {
	background-color:#E7F0F8;
}
/* Slideshow home

================================================== */

.slideshow_home {
	margin-top:20px;
}

/* Slideshow sub page

================================================== */

.slideshow_sub {
	margin-top:10px;
	margin-bottom:10px;
	border:1px #cccccc solid;
	padding:2px;
}

.slideshow_narrow {
	margin-top:10px;
	margin-bottom:22px;
	border:1px #cccccc solid;
	padding:2px;
}
/* menu link below the sub slider

================================================== */

#sub-banner-menu {
	width:100%;
	text-align:center;
}
#slideshow-menu {
	background-color:#333333;
	font-size:13px;
	padding:6px;
}
ul.slide-menu li:first-child {
	border: medium none;
	padding-left: 0;
  	margin-left: 0px;
}
ul.slide-menu li {
	border-left: 1px solid #666666;
	display: inline-block;
	*display: inline;
	line-height: 20px;
}
ul.slide-menu li.current_page_item {
	background:none;
}
	
ul.slide-menu li a {
  background-image: url("images/slidemenu-arrow.png");
  background-position: 5px 7px;
  background-repeat: no-repeat;
  color: #FFFFFF;
  margin-left: 3px;
  margin-right: 3px;
  padding: 0 0 0 18px;
  text-decoration: none;
}

/* #Highlights

================================================== */

.highlight.color,  .highlight.gray,  .highlight.light {
	padding: 2px 6px;
	color: #fff;
	border-radius: 2px;
}
.highlight.color {
	background: #169fe6;
}
.highlight.gray {
	background: #4c4c4c;
}
.highlight.light {
	background: #aaa;
}

/* #Blackquote

================================================== */

blockquote {
  font-family: Georgia,"Times New Roman",Times,serif;
  width: 90%;
  border-left: none;
}


/* Page Title

================================================== */
.page-title {
	padding:0 0 10px 0;
}
.page-title h3 {
	color:#1F4B78;
	font-weight: normal;
	margin-top: 10px;
}
.page-title h3 a {
	color:#013265;
	font-weight: normal;
}
.page-title h4 {
	
}
.page-title h2 {
	font-weight: normal;
	padding: 30px 0;
	float: left;
}
.page-sub-title h3 a {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#013265;
	font-weight: normal;
}



/* Breadcrumbs

================================================== */

#breadcrumbs-container {
	background: #F6F8FA;
	width: 100%;
	line-height:33px;
	font-size:12px;
}
#breadcrumbs {
	/*margin:5px 0 0 18px;*/
	width: 960px;
	display:block;
	margin: 0 auto;
}

/* image and text together float left 
  mision&history page

================================================== */
.box-float-left {
    float: left;
	color: #1F4B78;
	/*text-align:center;*/
	width:260px;
	height:200px;
	margin:5px 40px 0 40px;
}
.box-float-left img {

}
.box-center {
	text-align:center;
	font-style:italic;
	display:block;
	margin: auto;
	padding:20px;
	width:400px;
}

body.ja .box-center {
	text-align:center;
	font-style:normal;
	display:block;
	margin: auto;
	padding:20px;
	width:400px;
}
.box-center img{
	text-align:center;
	border: 1px solid #E0E0E0;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.03);
    padding: 2px;
	display:block;
	margin:auto;
}
/* list style for annual 

================================================== */

#report {
    float: left;
    margin-top: 5px;
	font-size:12px;
}
#report ul li:first-child {
    border: medium none;
    padding-left: 0;
}
#report ul{
    padding-bottom:5px;
}
#report ul li {
    border-left: 1px solid #222222;
    display: inline-block;
	*display: inline;
    line-height: 15px;
    margin: 0;
    padding-right: 5px;
	padding-left: 5px;
}
#report ul li a{
    color:#222222;
}
#report ul li a:hover{
    color:#169FE6;
}

/* testmonial frame style pre-education/us-policy/communication

================================================== */
.testmonial {
	border: 5px solid #D8E3E5;
	clear: both;
	display: inline-block;
	padding: 15px;
	width: 98%;
	line-height: 20px;	
}

.testmonial p {
	font-size: 14px;
	line-height: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

body.ja .testmonial p {
		 font-family: 'Hiragino Kaku Gothic Pro',Meiryo,Osaka,'MS P Gothic',sans-serif;
}

.testmonial img{
    border: none;
	box-shadow: none;
	margin-top: 0px;
}

.testimonial-author {
	display: block;
	margin-top: 20px;
	font-size: 13px;
	line-height: 18px;
	font-style: normal;
}
.testimonial-author span {
	font-style: normal;
	font-size: 90%;
}

/* back & FW btn on distinguish award

================================================== */
.back-btn{
    width:40%;
	float:left;
	margin-bottom: 15px;
}
.back-btn a{
	background-image:url("images/back-btn.png");
	background-repeat:no-repeat;
	background-position: left bottom;
	text-indent:20px;
	line-height:16px;
	display:block;
	height:16px;
	/*float:left;*/
}


.fw-btn{
	width:50%;
	float:right;
	margin-bottom: 15px;
}
.fw-btn a{
	background-image:url("images/fw-btn.png");
	background-repeat:no-repeat;
	background-position: right bottom;
	line-height:16px;
	display:block;
    padding-right:20px;
	height:16px;
	float:right;
}

.undeline a{
	text-decoration:underline;
	font-weight:700;
	font-size:16px;
}
.undeline-black a{
	text-decoration:underline;
	color:#222222;
}
.undeline-black a:hover{
	text-decoration:underline;
	color:#61c3f5;
}


.undeline-black li{
	line-height:24px;
}


/* light blue box 

================================================== */
.blue-filled-box{
	background-color:#EEEFF2;
	padding:12px;
	font-size:13px;
	line-height:20px;
	display: inline-block;
	margin-top:20px;
}
.small-filled-box {
	background-color:#EEEFF2;
	clear: both;
	color: #666666;
	font-size: 12px;
	line-height: 22px;
}

.small-filled-box h5 {
	margin-top:10px;
	margin-bottom:5px;
}

.small-filled-box ul {
	margin-bottom:20px;
}

.small-filled-box ul li {
}
.small-filled-box li {
	margin-bottom:5px;
}

/* light gray box 

================================================== */
.gray-filled-box{
	background-color: #e9e9e9;
	padding:15px;
	height:150px;
}
/*FAQ page*/
#acitem{
	margin-bottom:10px;
}
#acitem dt{
	display:block;
	border-bottom: #1F4B78 1px solid;
	cursor:pointer;
	background:url(images/accordion_on_off.png) 0px -123px no-repeat;
	padding-top:5px;
	padding-bottom:10px;
	text-align:left;
	font-size: 14px;
}

#acitem dt .q{
	line-height:25px;
	text-align:left;
	margin-left:30px;
}
#acitem dd{
	height:auto;
	display:none;
	text-align:left;
	margin-left:27px;
	margin-top:10px;
	margin-bottom:15px;
}

#acitem dd ul.number li{
	list-style:decimal;	
    margin:0 0 5px 50px;
}
#acitem dd img{
	margin:0 10px 10px 25px;
}
#acitem dt.active{
	background:url(images/accordion_on_off.png) 0px 9px no-repeat;
}
	
/* Sidebars

================================================== */

.sidebar, sidebar a {
	color: #1F4B78;
}
.floated.sidebar.right {
	margin-left: -1px;
	border-left: 1px solid #e0e0e0;
	margin-top: 30px;
}
.floated.sidebar-home.right {
	margin-left: -1px;
	border-left: 1px solid #e0e0e0;
}
.floated.sidebar.left {
	margin-right: -1px;
}
.sidebar,  .page-content {
	padding: 10px 0;
}
h4.margin {
	margin: 0 0 10px 0;
}
h3.margin {
	margin: 0 0 10px 0;
}
p.margin {
	margin: 0 0 25px 0;
}
.divline {
	height: 1px;
	width: 100%;
	border-bottom: 1px solid #e0e0e0;
	-webkit-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: -10px;
	padding-top: 0;
	padding-right: 80px;
	padding-bottom: 0;
	padding-left: 0;
}
.widget-search {
	float: left;
}
.ie8 .widget-search,  .ie8 .top-search {
	float: none;
}
.widget-search input {
	width: 200px;
	color: #888;
}
.search-btn-widget {
	float: right;
	position: relative;
	padding: 0;
	top:0;
	right:0;
	margin: 0 0 0 -35px;
	background: url(../images/search-2.png) 50% no-repeat;
	background-color: #169fe6;
	width: 35px;
	height: 36px;
	cursor: pointer;
	border: none;
	z-index: 100;
	border-radius: 0 2px 2px 0;
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.15);
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.search-btn-widget:hover {
	background-color: #aaa;
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
}
/* Categories */

.categories a {
	color: #1F4B78;
	display: block;
	/*margin: 3px 0 5px 0;*/
	font-size:13px;
}
body.ja .categories a {
	font-size:13px;
}
.categories li a:hover {
	color: #107AB2;
}
.categories li:first-child a {
	padding: -6px 0 0 0;
}
.categories li span {
	color: #6E6F6F;
	line-height: 27px;
	text-indent: 3px;
}

.categories li span.veiw-all a {
	float:right;
	color:#436a94;
	margin-bottom: 20px;
}

/*.post-date{
	font-size:12px;
}*/
	
/* Top News

================================================== */
	
#topnews h3{
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 8px;
  font-weight:normal;
}

#topnews ul li{
	line-height: 1.8em;
	margin-bottom: 10px;
}
	
#topnews li a {
	margin-bottom: 0px;
	line-height: 1.4em;
}
	
#topnews span{
	font-size: 12px;
}

/*home page side menu style*/

li.smart-post-list-single-container {
	border-bottom:#E5EAEE solid 1px;
	width: 100%;
}


/*side menu left page page side menu style*/

/*.categories span.side-menu a {
	border-top:#E5EAEE solid 1px;
	color: #1F4B78;
}*/
.categories ul.side-menu {
	margin-left:0px;
}
.categories ul.side-menu li {
	line-height: 27px;
	text-indent: 3px;
}
.categories ul.side-menu li a {
	border-top:#E5EAEE solid 1px;
	color: #1F4B78;
}

.categories ul.side-menu li a:hover {
	color: #107AB2;
	background: #F6F8FA
}

/* Blog Widgets */

.widget {
	margin: 30px 0 0 0;
}
.widget-right {
	margin: 0 0 0 0;
}
.widget-right ul li{
	padding-bottom:10px;
}

.widget h4, .widget-right h4 {
	margin: 0;
	color:#1f4b78;
	font-size:14px;
	font-weight: bold;
}
.widget h3, .widget-right h3 {
	margin: 0;
	color:#1f4b78;
	font-size:20px;
	font-weight: normal;
}

/* Tags */

.tags a {
	padding: 3px 10px 5px 10px;
	display: inline-block;
	color: #888;
	background-color: #f2f2f2;
	margin: 0 2px 6px 0;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	box-shadow:  inset 0px -1px 0px 0px rgba(0, 0, 0, 0.05);
	border-radius: 2px;
}
.tags a:last-child {
	margin-right:0;
}
.tags a:hover {
	background: #169fe6;
	color: #fff;
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.15);
}

/* Popular Posts */

.latest-post-blog {
	margin-bottom: 18px;
}
.latest-post-blog p {
	margin: 0;
	color: #666;
	line-height: 19px;
	margin-left: 75px;
}
.latest-post-blog p a {
	color: #666;
	display: block;
}
.latest-post-blog p a:hover {
	color: #888;
}
.latest-post-blog p span {
	color: #888;
	margin: 5px 0 0 0;
	display: block;
}
.latest-post-blog img {
	float: left;
	width: 56px;
	height: 56px;
	border: 1px solid #e0e0e0;
	padding: 4px;
	-webkit-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.latest-post-blog img:hover {
	background: #169fe6;
	border: 1px solid #169fe6;
}

/*sidebar indivisual styles*/

.categories .connect-us {
	clear:both;
	border:5px solid #d8e3e5;
	display:block;
	width: 220px;
	color: #666666;
	padding: 10px 10px 0px 10px;
	display: inline-block;
}

.categories .connect-us h3 {
	color:#1f4b78;
	font-size:20px;
	line-height: 20px;
	font-weight: normal;
	margin-bottom: 10px;
}
.categories .connect-us p {
	font-size: 13px;
}	

.categories .connect-us label {
  display: block;
  font-size: 13px;
  font-weight: normal;
  margin-top: 10px;
}

.categories .connect-us input {
 margin-bottom: 10px;
}


/* Google Maps

================================================== */

.google-map-container {
	margin: 15px 0 30px 0;
}
.google-map-container img {
	max-width: none !important;
}


/* Blog Post

================================================== */
.news_post {
	margin-bottom:5px;
	border-bottom: 1px solid #E0E0E0;
}
.news_post h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 0;
	font-family:Georgia, "Times New Roman", Times, serif;
}
body.ja .news_post h3 {
		 font-family: 'Hiragino Kaku Gothic Pro',Meiryo,Osaka,'MS P Gothic',sans-serif;
}

.news_post h3 a{
	color:#666666;

}

.postlist-content {
    padding-bottom:20px;
}

/* post list
================================================== */
.postlist-content ul, .postlist-content ol{margin:8px 0;}
.postlist-content ul li{list-style-type: disc;margin-left:15px;}
.postlist-content ol li{list-style: decimal outside;margin-left:15px;}


.postlist-content p {
	margin-bottom: 1.429em; /* 20px */
}
.comments-sec {
	float:left;
	width:100%;
	margin: 30px 0 25px 0;
}
ol.commentlist {
	float:left;
	width:100%;
	margin: 0;
}
ol.commentlist li {
	float:left;
	padding: 10px 0 15px 0;
}
ol.commentlist li:first-child {
	border:none;
	padding: 25px 0 0px 0;
}
ol.commentlist li {
	list-style: none;
}
ol li ol.childlist {
	float:right;
	width:86%;
	margin:0px;
}
ol.commentlist li ol.childlist li:first-child {
	padding: 25px 0 0 0;
}
ol.commentlist li ol.childlist li {
	margin: 0px 0 15px 0;
}
.comments-amount {
	color: #888;
}
ol li ol.childlist .comment-des {
	float: left;
	width: 78%;
}
.avatar {
	float:left;
}
.avatar img {
	float: left;
	border-radius: 2px;
}
.comment-des p {
	margin:0;
}
.comment-des {
	float: left;
	margin: -60px 0 0 81px;
	width: 81%;
	background: #f6f6f6;
	color: #888;
	border-radius: 2px;
 -webkit-box-shadow:: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.06);
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.06);
	padding: 17px 20px 20px 20px;
}
.arrow-comment {
	width: 10px;
	height: 20px;
	position: relative;
	float: left;
	background: url(../images/comment-arrow.png) no-repeat;
	margin-left: -30px;
}
.comment-des strong {
	float:left;
	padding-right:5px;
	font-size:13px;
}
.comment-des span {
	float:left;
	color:#888;
}
.comment-by {
	float:left;
	width:100%;
	padding-bottom:8px;
	padding-top:5px;
}
.comment-by span.reply {
	color:#888;
	float:right;
	display: inline;
}
.comment-by span.reply a {
	float: right;
	height: 17px;
	margin-left: 5px;
	font-weight: normal;
	float:right;
}
.comment-by span.date {
	color: #999;
	padding-right: 7px;
	float: right;
}


/* Buttons

====================================*/

.button,  input[type="button"],  input[type="submit"] {
	padding: 5px 14px 7px 14px;
	display: inline-block;
	border: 0px;
	font-weight: 500;
	outline: none;
	font-size: 13px;
	cursor: pointer;
	width: auto;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	border-radius: 2px;
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.2);
	letter-spacing: -0.2px;
}
input[type="button"],  input[type="submit"] {
	float: left;
}
.button i {
	margin: 0 2px 0 -1px;
	height: 14px;
}
.button i.halflings {
	margin: 2px 0px 0 -1px;
}
.button.medium {
	padding: 9px 18px;
	font-size: 14px;
}
.button.gray {
	color: #fff;
	background: #4c4c4c;
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.4);
}
.button.gray:hover {
	background:#169fe6;
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.2);
}
.button.light {
	color:#fff;
	background:#aaa;
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.15);
}
.button.light:hover {
	background:#169fe6;
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.2);
}
.button.color {
	color:#fff;
	background:#169fe6;
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.15);
}
.button.color:hover {
	background:#aaa;
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.15);
}

/* Input Button */

input[type="button"],  input[type="submit"],  input[type="button"]:focus,  input[type="submit"]:focus {
	background: none repeat scroll 0 0 #2EA2CC;
  	border-color: #0074A2;
  	box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
  	color: #FFFFFF;
  	text-decoration: none;
}
ininput[type="button"]:hover,  input[type="submit"]:hover {
	background: none repeat scroll 0 0 #0074A2;
	color: #FFFFFF;
  	text-decoration: none;

}


/* Tabs

====================================*/

.tabs-nav {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}
.tabs-nav li {
	float: left;
	line-height: 38px;
	overflow: hidden;
	padding: 0;
	position: relative;
}
.tabs-nav li a {
	background-color: #dbeaf7;
	border: 1px solid #e0e0e0;
	border-right: none;
	color: #1F4B78;
	font-weight: 500;
	display: block;
	letter-spacing: 0;
	outline: none;
	padding: 0 20px;
	text-decoration: none;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.tabs-nav li:first-child a {
	border-left: 1px solid #e0e0e0;
}
.tabs-nav li:last-child a {
	border-right: 1px solid #e0e0e0;
}
.tabs-nav li.active a {
	color: #333;
	font-weight: 500;
}
.tabs-nav li.active i:before {
	color: #555;
}
.tabs-nav li i:before {
	color: #909090;
}
.tabs-nav li span {
	margin-left: -7px;
}
.tabs-nav li.active a i {
	opacity: 1;
	filter: alpha(opacity=100);
}
.tabs-nav li i {
	opacity: 0.64;
	filter: alpha(opacity=64);
	margin: 10px 0 0 0;
}
.tabs-nav li a:hover {
	background: #fff;
}
.tabs-nav li.active a {
	background: #fff;
	border-bottom: 1px solid #fff;
	/*border-top: 1px solid #169fe6;*/
	color: #1F4B78;
}
.tab-content {
	padding: 20px;
}
.tabs-container {
	border: 1px solid #e0e0e0;
	;
	margin: -1px 0 20px;
	overflow: hidden;
	width: 100%;
	line-height: 21px;
	-webkit-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
}

/* home page bottom btn

====================================*/

.home-btn-container{
	background-color:#155080;
	float:left;
	width:290px;
	height:135px;
	margin-right:25px;/* 30px*/
	margin-top:5px;
}
.home-btn-container p{
	margin:0px;
}
.home-btn-container img{
	width:180px;
	height:135px;
	float:left;
}
.blue-square{
	color:#ffffff;
	font-size:15px;
	padding:10px;
	float:left;
	width:90px;
}
.blue-square a{
	color:#ffffff;
}


/* Accordions

====================================*/

.accordion {
	-webkit-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	padding: 0;
	font-size: 13px;
	padding: 14px 0 15px 0;
	line-height: 26px;
	outline: none;
	color: #707070;
	border: 1px solid #e0e0e0;
	margin-top: -1px;
	font-weight: 500;
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}
.ui-accordion .ui-accordion-header {
	background-color: #fcfcfc;
}
.ui-accordion .ui-accordion-header:hover {
	background-color: #fff;
}
.ui-accordion .ui-accordion-header-active:hover,  .ui-accordion .ui-accordion-header-active {
	background-color: #fff;
	color: #169fe6;
	border-bottom: 0;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 50px;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: 20px;
}
.ui-accordion .ui-accordion-content {
	padding: 0px 20px 20px 20px;
}
.ui-accordion .ui-accordion-content p {
	margin: 0;
}
.ui-accordion .ui-accordion-content {
	border: 1px solid #e0e0e0;
	border-top: 0;
}
.ui-accordion-icon,  .ui-accordion-icon-active {
	width: 18px;
	height: 18px;
	display: inline-block;
	background-color: #ccc;
	border-radius: 2px;
	background-image: url(../images/accordion-plus.png);
	background-repeat: no-repeat;
	background-position: 50%;
	float: left;
	margin: 5px 10px 0 0;
	box-shadow:  inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}
.ui-accordion-icon-active {
	background-color: #169fe6;
	box-shadow:  inset 0px -1px 0px 0px rgba(0, 0, 0, 0.15);
	background-image: url(../images/accordion-minus.png);
}

/* Toggle

====================================*/

.toggle-wrap {
	float: left;
	width: 100%;
	border: 1px solid #e0e0e0;
	margin-bottom: 15px;
	-webkit-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
}
.trigger a {
	display: block;
	cursor: pointer;
	position: relative;
	font-size: 13px;
	padding: 14px 0 15px 20px;
	line-height: 26px;
	color: #707070;
	font-weight: 500;
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}
.trigger a {
	background-color: #fcfcfc;
}
.trigger a:hover,  .trigger.active a,  .trigger.active a:hover {
	background: #fff;
}
.trigger.active a {
	color: #169fe6;
}
.toggle-icon {
	width: 18px;
	height: 18px;
	display: inline-block;
	background-color: #ccc;
	border-radius: 2px;
	background-image: url(../images/accordion-plus.png);
	background-repeat: no-repeat;
	background-position: 50%;
	float: left;
	margin: 5px 10px 0 0;
	box-shadow:  inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}
.trigger.active .toggle-icon {
	background-color: #169fe6;
	box-shadow:  inset 0px -1px 0px 0px rgba(0, 0, 0, 0.15);
	background-image: url(../images/accordion-minus.png);
}
.toggle-container p {
	margin: 0;
}
.toggle-container {
	padding: 0 20px 17px 20px;
}

/* Notice

====================================*/

.large-notice {
	background-color: #fcfcfc;
	border: 1px solid #e0e0e0;
	padding: 32px;
	-webkit-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
}
.large-notice h2 {
	margin-bottom: 10px;
}
.large-notice p {
	font-size: 14px;
	color: #888;
	line-height: 22px;
}

/* List Styles

====================================*/

.sign-list li,  .plus-list li,  .star-list li,  .check-list li {
	list-style: none;
	margin: 5px 0;
}
.sign-list li:first-child,  .plus-list li:first-child,  .star-list li:first-child,  .check-list li:first-child {
	margin-top: 0;
}
.check-list li {
	background: url(../images/icon-list-check.png) no-repeat 0% 3px;
	padding: 0 0 0 18px;
}
.sign-list li {
	background: url(../images/icon-list-sign.png) no-repeat 0% 3px;
	padding: 0 0 0 18px;
}
.plus-list li {
	background: url(../images/icon-list-plus.png) no-repeat 0% 3px;
	padding: 0 0 0 18px;
}
.star-list li {
	background: url(../images/icon-list-star.png) no-repeat 0% 3px;
	padding: 0 0 0 18px;
}

/* Table

====================================*/

table.standard-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border:none;
	margin-bottom: 15px;
	-webkit-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
}
table.standard-table th {
	border: 1px solid #e0e0e0;
	border-right: none;
	background-color: #fafafa;
	text-align: left;
	padding: 10px 15px;
	color: #444;
	vertical-align: top;
	font-size: 14px;
	font-weight: 600;
}
table.standard-table td:last-child {
	border-right: 1px solid #e0e0e0;
}
table.standard-table th:last-child {
	border-right: 1px solid #e0e0e0;
}
table.standard-table td {
	padding: 10px 15px;
	border: #e0e0e0 1px solid;
	border-top: none;
	border-right: none;
}
table.standard-table tr:hover td {
	background-color: #fafafa;
}

/* Tooltip

====================================*/

.ui-tooltip,  .arrow:after {
	background: #444;
}
.ui-tooltip {
	color: #fff;
	padding: 1px 8px;
	position: absolute;
	z-index: 9999;
	font-size: 11px;
	max-width: 300px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.fade {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 100ms ease-in-out;
	-moz-transition: opacity 100ms ease-in-out;
	-o-transition: opacity 100ms ease-in-out;
	-ms-transition: opacity 100ms ease-in-out;
	transition: opacity 100ms ease-in-out;
}
.fade.in {
	opacity: 1;
	filter: alpha(opacity=100);
}
.ie8 .arrow {
	display: none;
}
.arrow {
	width: 70px;
	height: 5px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -5px;
}
.arrow.top {
	top: -16px;
	bottom: auto;
}
.arrow.left {
	left: 20%;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 23px;
	top: -20px;
	width: 21px;
	height: 21px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	tranform: rotate(45deg);
}
.arrow.top:after {
	top: auto;
}

/* Posts

====================================*/

.post {
	margin: 20px 0;
}
.post-content {
	line-height:24px;
	margin-top: 38px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

/*.post-content p {
	margin-bottom: 0px;　p <p>tagは改行する時勝手につくので、margin/paddingはナシ
}*/

.post-content p {
	margin-bottom: 1.429em; /* 20px */　/*wp <p>tagは改行する時勝手につくので、margin/paddingはナシ*/
}


.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignright { float: right; margin: 5px 0 8px 15px; }	
.alignleft { float: left; margin: 5px 15px 8px 0; }
	
.post-content div.wp-caption{font-size: 12px; line-height: 18px; margin-top:5px;}
	.post-content div.wp-caption img{ margin-bottom: 5px;}

img.attachment-post-thumbnail{float: left; margin:0 15px 0 0 !important;}


.post-img a img {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	margin: 0 0 23px 0;
}
.post-img a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/* Tags */

.meta {
	color: #888;
	margin: 0 0 15px 0;
}
.meta a {
	color:  #169FE6;
	text-decoration: none;
}
.meta time {
	margin: 0 0 0 -2px;
}
.meta a:hover {
	color: #666;
}
.meta i.halflings {
	display: inline-block;
	opacity: 0.53;
	filter: alpha(opacity=53);
	margin: 2px 5px 0 0;
}
.meta:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.meta i.halflings:before {
	color: #a5a5a5;
}
.meta span {
	margin-right: 12px;
	float: left;
}

/* Title */

.meta h2 {
	line-height: 26px;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 2px 0;
}
.meta h2 a {
	color: #444;
}
.meta h2 a:hover {
	color: #666;
}

/* Pagination

====================================*/

.pagination {
	margin: 30px 0;
}
.pagination ul li a {
	padding: 6px 10px;
	border-bottom: none;
	display: inline-block;
	color: #888;
	float: left;
	margin-right: 4px;
	background-color: #f4f4f4;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	box-shadow:  inset 0px -1px 0px 0px rgba(0, 0, 0, 0.07);
	border-radius: 2px;
}
.pagination .current {
	background: #169fe6 !important;
	color: #fff;
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.15);
}
.pagination ul li a:hover {
	background-color: #ccc;
	color: #fff;
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
}

/* About Author

====================================*/

.about-author {
	margin-bottom: 40px;
	padding: 20px;
	background: #f6f6f6;
	color: #888;
	border-radius: 2px;
 -webkit-box-shadow:: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.06);
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.06);
}
.about-author p {
	margin: 0 0 2px 0;
}
.about-author img {
	float: left;
	margin: 7px 5px 5px 5px;
	width: 65px;
	height: 65px;
	border-radius: 2px;
}
.about-description {
	margin: -2px 0 0 90px;
}

/* =================================================================== */

/* Footer

====================================================================== */

#footer {
	background: #ffffff;
	width: 100%;
	;
	font-size: 12px;
	background-image: url('images/footer_bg.png');
	background-repeat:repeat-x;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0;
}
#footer-bottom {
	background: #0a487e;
	width: 100%;
	padding: 15px 0;
	margin: 0 auto;
	font-size: 12px;
}
#footer, #footer p, #footer a {
	color: #1F4B78;
}
#footer a:hover {
color: #107AB2;}
#footer h4 {
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 15px;
	color: #1F4B78;
	font-weight:bold;
}
.designby {
	color: #e3e3e3;
	float:left;
	font-size:9px;
}
.designby a {
	color: #e3e3e3;
}
.designby a:hover {
	color: #1176ab;
}
.copyright {
	color: #ffffff;
	float:right;
	font-size: 10px;
}
.copyright a,  .copyright span {
	color: #ffffff !important;
}
#sub-menu {
	float: left;
	font-size: 10px;
	margin-top:5px;
}
#sub-menu ul li{
	float: left;

}
#sub-menu ul li a {
	color: #ffffff;
}
#sub-menu ul li.current_page_item {
	background:none;
}
#sub-menu ul li a:hover {
	color: #ffffff;
}
#sub-menu ul li {
	display: inline-block;
	border-left: 1px solid #ffffff;
	margin:0;
	padding: 0 8px 0 8px;
	line-height: 12px;
}
#sub-menu ul li:first-child {
	border: none;
	padding-left: 0;
}
#sub-menu ul li:last-child {
	padding-right: 0;
}
#logo-footer {
	width: 123px;
	height: 34px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

#tagline-footer {
	margin-bottom: 30px;
}

/* Contact Details

====================================*/

.contact-details-alt li p strong {
	color:#fff;
	float: left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0;
}
.contact-details li p strong {
	color:#666;
	float: left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0;
}
span.hours {
	float: right;
}
.contact-informations.second {
	margin: 15px 0 0 0
}
.address {
	line-height: 21px;
}
.contact-details-alt li {
	margin: 0 0 5px 0;
}
.contact-details p,  .contact-details li,  .contact-details a {
	color: #666;
}
.contact-informations p {
	margin:0;
}
.contact-informations.hours i {
	float: left;
	margin: 0 5px 0 0;
}
.contact-details-alt p {
	margin: -2px 0 0 0px;
	line-height: 18px;
}
.contact-informations li i {
	float: left;
	margin: 3px 5px 0 0;
}
.contact-details-alt li i {
	float: left;
	margin: 1px 0 0 0;
}

/*footer widgit menu list style*/

.textwidget {
	padding-bottom:20px;
	line-height: 24px;
}

/*.categories span.side-menu a:hover {
	color: #107AB2;
	background: #F6F8FA
}*/

.textwidget ul li {
}
.textwidget ul.footer_list {
	margin-left:2px;
}
.textwidget ul.footer_list li {
	color: #6E6F6F;
	/*border-bottom:#E5EAEE solid 1px;*/
	line-height: 20px;
	/*text-indent: 2px;*/
}

.textwidget ul.sub_list {
	margin-left:10px;
}

/* Sidebar widgit*/
a.smart-post-list-title{
	color:#004650;
	font-size:15px;
}
.smart-post-list-date{
	color:#004650;
	font-size:12px;
}
.smart-post-list-excerpt{
	color:#666666;
	font-size:12px;
}

/* #Board of Staff Page Style

================================================== */

.b-and-s ul {
}

.b-and-s ul li {
    line-height: 22px;
}
.b-and-s li {
	margin-bottom: 15px;
}

.b-and-s h4 {
}
body.ja .b-and-s h4 {
	font-size: 14px;
    font-weight: normal;
    line-height: 18px;
}
.b-and-s h5 {
	font-size: 13px;
    font-weight: normal;
    line-height: 18px;
	}
body.ja .b-and-s h5 {
	font-size:12px;
}

.b-and-s h6 {
	 font-size: 12px;
    line-height: 21px;
	font-weight:bold;
}

.b-and-s span {
	font-style:normal; /* italic*/
	font-size: 90%;
}

body.ja .b-and-s span {
	font-style:normal;
	
}



/* =================================================================== */

/* Media Queries

====================================================================== */

/* Higher than standard 960 (desktop devices)

====================================================================== */

@media only screen and (max-width: 960px) {
#top_container {	
	width: 940px;
}
#breadcrumbs {
    width: 900px;
}
#slideshow-menu {
    font-size: 10px;
}
}

/* Tablet Portrait size to standard 960 (devices and browsers)
ipad 縦サイズ
====================================================================== */

@media only screen and (min-width: 768px) and (max-width: 959px) {
img{
	padding-top:5px;
}
#top_container {	
	width: 750px;
}

.top-search {
    float:right;
}
#tagline {
   margin:10px 0 0 0;
}
#tagline img{
    width:90%;
}
ul.main-menu li a {
    font-size: 14px;
    transition: background-color 80ms ease-in-out 0s;
}
.slideshow_home {
    margin-top:10px;
    width:720px;
}
.slideshow_sub {
    margin-top:10px;
    width:720px;
}
.slideshow_narrow {
    width:500px;
}
#slideshow-menu {
    font-size: 9px;
    padding: 4px;
}
#breadcrumbs {
    width: 720px;
}
.five floated sidebar {
    clear:both;
}
.home-btn-container img {
    padding:0px;
}
.box-float-left {
	margin:0 5px; 0 0;
	width:240px;
}
.back-btn {
    width: 200px;
}
.fw-btn {
    width: 200px;
}
.bio {
	font-size:10px;
}
.google-map-container iframe{
	width:300px;
}

.testmonial img{
	float:none;

	}
#report ul li {
    line-height: 18px;
    margin: 0;
    padding:0;
	display:block;
	border:none;
}
.fw-btn {
    width: 60%;
}
.blue-filled-box {
    height: 280px;
}

.contact-details-alt li p strong {
    margin: 0 5px 0 0;
}
.line {
    margin: 0 0 0 -28px;
    padding: 0 56px 0 0;
}
.widget-search input {
    width: 134px;
}
.cut {
    display: none;
}
.sidebar {
    padding: 0;
}
.post {
    margin: 24px 0;
}
ol li ol.childlist .comment-des {
    float:right;
    width:70%;
}
.comment-des {
    float:right;
    width: 73%;
}
#contact textarea {
    max-width: 425px;
    min-width: 425px;
}
/*.postlist-image {
    margin: 0 25px 0 0;
    width: 35%;
}
.postlist-content {
    width: 100%;
}
.post.postlist {
    margin: 30px 0;
}*/
#not-found h2 {
    font-size: 160px;
    line-height: 160px;
}
#not-found i {
    font-size: 155px;
}
#not-found p {
    font-size: 22px;
    line-height: 32px;
}
.client-list img {
    width: 130px;
    height: auto;
}
}

/* All Mobile Sizes (devices and browsers)
iphone 横
====================================================================== */

@media only screen and (max-width: 767px) {
#sub-menu {
    float: left;
    margin: 5px 0 0 0;
}
#tagline {
    font-size:16px;
}
.contact-details,  .slide-caption,  .js #responsive,  .left-corner,  .right-corner {
    display: none;
}

/*added Dec 18*/
.top-search {
    width:33%;
    float:left;
    margin:0;
}
.portfolio-item,  .recent-blog {
    margin: 0 0 40px 0;
}
.js .selectnav {
    display: block;
}
#navigation {
    margin:0;
    width: 100%;
    height: auto;
    background-color:#164e7e;
}
.selectnav {
    cursor: pointer;
    padding: 5px;
    margin: 0;
    float: left;
    font-size: 14px;
}

/*media screen size select style*/

label{position: relative;}
label:after {
	background-image:url('images/select_arrow.png');
    background-position: top right; 
	width:37px;
	height:37px;
    content:'-';
    font:1px;
    color:#2E82AB;
    right:0; 
	top:0;
    padding:0 0 2px;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:5px; top:0px;
    width:30px; height:34px;
    background:#2E82AB;
    position:absolute;
    pointer-events:none;
    display:block;
}
select {
	padding-right:18px   
    margin: 0;
    background: #2E82AB;
    color:#ffffff;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}


option {
    background-color:#2E82AB;
    color:#ffffff;
    border-bottom:solid 1px #ffffff;
    padding:3px 0 3px 3px;
	
}

/*style for mailchimp input form no arrow iamge*/
.mc-field-group label:after {
	background-image:none;
	color:#ffffff;
    
}
.mc-field-group label:before {
    background:#ffffff;
	 content: none;
    font:1px;
    color:#ffffff;
}

#header {
    min-height: 115px;
}
#footer h4 {
    margin-top: 20px;
}
#footer {
    padding-top: 20px;
}
.page-title {
    padding-bottom: 0 !important;
}

.icon-box-container {
    margin: 30px 0 20px 0;
}
.icon-box {
    margin-bottom: 20px;
}
.page-title h2 {
    padding: 0;
    position: relative;
}
.post {
    margin: 24px 0;
}
.meta span {
    display: none;
}
.line {
    margin: 0 0 0 -30px;
    padding: 0 60px 0 0;
}
.floated.sidebar.left,  .floated.sidebar.right {
    -webkit-box-shadow:  none;
    box-shadow:  none;
    padding-bottom: 0;
    margin: 0;
    border: none;
}
.floated.sidebar.left {
    border-bottom: 1px solid #e0e0e0;
}
.floated.sidebar.right {
    border-top: 1px solid #e0e0e0;
}
#portfolio-navi {
    float: left;
    margin-left: 0;
}
#not-found h2 {
    font-size: 110px;
    line-height: 120px;
}
#not-found i {
    font-size: 105px;
}
#not-found p {
    font-size: 22px;
    line-height: 32px;
}
body .container .columns.carousel-intro {
    float:none !important;
}
.comment-by {
    margin-bottom: 20px;
}
.caption-gray,  .caption-color,  .caption-transparent {
    display: none !important;
}
.post.postlist {
    margin: 40px 0;
}
#logo-footer {
    margin: 20px 0;
}
.pricing-table {
    margin-bottom: 20px;
}
.pricing-table.featured {
    margin-top: 12px;
}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
iphone 横
====================================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {
h3 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 3px;
}
#top_container {
    width: 500px;
}
.top-search {
    display:none;
}
#logo {
    margin-top: 10px;
    margin-left:150px;
}
#tagline {
    font-weight: 400;
    margin: 10px 0 0 -20px;;
}
label:after {
	background-image:url('images/select_arrow.png');
    background-position: top right; 
	width:33px;
	height:33px;
    
}
.selectnav {
    width: 500px;
	padding:8px;
}
#breadcrumbs-container {
    background-color:#ffffff;
}
#breadcrumbs {
    width: 500px;
}
.container.floated {
    width: 420px;
    padding: 0;
}
#sub-banner-menu {
   display:none;
}
.fw-btn {
    float: right;
    width: 100%;
}
.floated.sidebar.left {
    display:none;
}
.blank.floated {
    width: 360px;
    padding: 0 30px;
}
.flickr-widget a {
    width: 73px;
    height: 73px;
    margin-right: 9px;
    margin-bottom: 9px;
}
ol li ol.childlist .comment-des {
    float:right;
    width:61%;
}
.comment-des {
    float:right;
    width: 67%;
}
#contact textarea {
    max-width: 340px;
    min-width: 340px;
}
/*.postlist-image {
    margin: 0 25px 0 0;
    width: 30%;
}
.postlist-content {
    width: 46%;
}*/
.client-list img {
    width: 179px;
    height: auto;
}
.copyright {
   margin-top:-45px;
   
}


}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
iphone縦
====================================================================== */
@media only screen and (max-width: 479px) {
	
#top_container {
    width: 280px;
}
.top-links {
    display: block;
    float: left;
    font-size: 10px;
    margin-left: -5px;
    margin-top: 5px;
}
.lang-Selecter {
    float: right;
    margin: 5px 0px 0 0;
}
#logo {
    margin-left: 45px;
    margin-top: 5px;
}
#tagline img{
    width:270px;
	margin:5px 0 0 -40px;
}
.top-search {
    display:none;
}
label:after {
	background-image:url('images/select_arrow.png');
    background-position: top right; 
	width:26px;
	height:26px;
    
}
	/*added 2px padding 8px to 10px for Chrom responsive view added on 2/21/18*/
.selectnav {
    width: 100%;
	padding:10px;
}
option {
    width:240px;
	
}


#breadcrumbs-container {
    display:none;
}

.slideshow_home, .slideshow_sub, .slideshow_narrow {
    display:none;
}
.floated.sidebar.left {
    display:none;
}
.container.floated {
    width: 320px;
    padding: 0;
}
.page-title h3 a {
    font-size:80%;
}
.post.postlist {
    margin: 10px 0;
}
.page-title {
    padding-bottom: 5px !important;
}
.tabs-nav li {
    float: none;
    line-height: 28px;
}
.home-btn-container {
    width: 250px;
	height:auto;
}
.home-btn-container img{
    width: 160px;
}
.blue-square {
    font-size: 13px;
    width: 70px;
}
.box-float-left {
	margin:5px 0 0 0;
	width:220px;
}
.box-center {
	width:220px;
	padding:0;
}
.google-map-container iframe{
	width:230px;
	height:auto;
}
#report ul li {
    line-height: 18px;
    margin: 0;
    padding:0;
	display:block;
	border:none;
}
.fw-btn {
    float: right;
    width: 100%;
	text-align:right;
}
.back-btn {
    float: left;
    width: 100%;
	padding-bottom:10px;
}
.blue-filled-box {
    height: 280px;
}
.gray-filled-box {
    height: 240px;
}
/*FAQ Accordion*/
/*#acitem dt{
	height:130px;
	
}
#acitem dd p {

    width: 220px;
}*/
.widget {
    margin: 0;
}
.blank.floated {
    width: 260px;
    padding: 0 30px;
}
.flickr-widget a {
    width: 69px;
    height: 69px;
    margin-right: 9px;
    margin-bottom: 9px;
}
ol li ol.childlist .comment-des {
    float:right;
    width:47%;
}
.comment-des {
    float:right;
    width: 54%;
}
#contact textarea {
    max-width: 240px;
    min-width: 240px;
}
/*.postlist-image {
    margin: 0 25px 0 0;
    width: 100%;
}
.postlist-content {
    width: 80%;
}*/
.client-list img {
    width: 260px;
    height: auto;
}
.image-right {
	margin-top: 5px;
	margin-bottom: 8px;
	width:100%;
}
.image-left {
    margin-top: 5px;
	margin-bottom: 8px;
    width: 100%;
}

}

/* Retina Images (High Resolution)

====================================================================== */

@media (min--moz-device-pixel-ratio: 1.3),  (-o-min-device-pixel-ratio: 2.6/2),  (-webkit-min-device-pixel-ratio: 1.3),  (min-device-pixel-ratio: 1.3),  (min-resolution: 1.3dppx) {

/* Miscellaneous */

#breadcrumbs ul li {
    background: url(../images/breadcrumbs@2x.png) no-repeat 100% 50%;
    background-size: 3px auto;
}
.categories a {
    background: url(../images/categories@2x.png) no-repeat left 47%;
    background-size: 5px auto;
}
.search-btn {
    background: url('../images/search@2x.png') center center no-repeat;
    background-size: 13px auto;
}
.search-btn-widget {
    background: url(../images/search-2@2x.png) 50% no-repeat;
    background-color: #169fe6;
    background-size: 13px auto;
}
.flex-direction-nav .flex-next {
    background: url(../images/slider-right@2x.png) no-repeat 50%;
    background-color: #4c4c4c;
    right: 0;
    background-size: 25%;
}
.flex-direction-nav .flex-prev {
    background: url(../images/slider-left@2x.png) no-repeat 50%;
    background-color: #4c4c4c;
    left:0;
    background-size: 25%;
}
.ls-fullwidth .ls-nav-prev {
    background: url(../images/slider-left@2x.png) no-repeat 50%;
    background-color: #4c4c4c;
    left: 0;
    background-size: 25%;
}
.ls-fullwidth .ls-nav-next {
    background: url(../images/slider-right@2x.png) no-repeat 50%;
    background-color: #4c4c4c;
    right: 0;
    background-size: 25%;
}
.ui-accordion-icon, .ui-accordion-icon-active {
    background-image: url(../images/accordion-plus@2x.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 12px;
}
.ui-accordion-icon-active {
    background-image: url(../images/accordion-minus@2x.png);
}
.toggle-icon {
    background-image: url(../images/accordion-plus@2x.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 12px;
}
.trigger.active .toggle-icon {
    background-image: url(../images/accordion-minus@2x.png);
    background-size: 12px;
}
.check-list li {
    background: url(../images/icon-list-check@2x.png) no-repeat 0% 3px;
    padding: 0 0 0 18px;
    background-size: 13px 11px;
}
.sign-list li {
    background: url(../images/icon-list-sign@2x.png) no-repeat 0% 3px;
    padding: 0 0 0 18px;
    background-size: 12px;
}
.plus-list li {
    background: url(../images/icon-list-plus@2x.png) no-repeat 0% 3px;
    padding: 0 0 0 18px;
    background-size: 12px;
}
.star-list li {
    background: url(../images/icon-list-star@2x.png) no-repeat 0% 3px;
    padding: 0 0 0 18px;
    background-size: 12px;
}

/* Social Icons */

.facebook {
    background: url(images/social/facebook_l.png) no-repeat 50%;
    margin: 0 -4px;
    background-size: 50%;
}
.rss {
    background: url(images/social/rss_l.png) no-repeat 50%;
    margin: 0 -5px 0 0;
    background-size: 50%;
}
}