/*
Theme Name:     BA-Tokyo
Author:         nanatsumori
Template:       twentyten
Version:        2.9
*/

/* 
UHY primary color:	#003478	(Dark Blue)
UHY secondary color:	#92BA5D (Initial Green)
			#61C250 (Incidental Green)
UHY			#000;	(Black)
*/

@import url('../twentyten/style.css');

/* layout ================================================ */
/* sticky footer */
* {
  margin: 0;
}
html {  
  overflow-y: scroll; 
}
html, body {
  height: 100%;
}
#wrapper {
  min-height: 100%;
/*  padding: 0; // test */
}
#main {
  padding-top:5px;
/*  padding-left: 20px; //test */
/*  padding-right: 20px; //test */
}
.home #main {
  padding-top:18px;
}
#main2 {
  overflow: auto;
  padding-bottom: 70px;
}
#container {
  clear: both;
}
#footer {
  position: relative;
  margin-top: -70px;
  height: 70px;
  clear: both;
}

/* remove top and bottom margin */
#wrapper {
  margin-top: 0;
}
#header {
  padding-top: 3px;
}
#footer {
  margin-bottom: 0;
}
#colophon {
  padding: 8px 0 3px;
}



/* fonts ================================================== */

body, input, textarea, .page-title span, .pingback a.url {
  font-family: Arial,sans-serif;
}
#site-title {
  font-size: 24px;
  line-height: 30px;
}
h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #site-title, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text, input[type="submit"] {
    font-family: Arial,sans-serif;
}
#content, #content input, #content textarea {
    font-size: 14px;
    line-height: 16px;
}
#content .entry-title,
h3#reply-title,
h3#comments-title {
    font-size: 16px;
}
.widget-title {
    font-size: 14px;
    font-weight: bold;
}

/* content color */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
  color: #003478;	/* UHY main color */
}
.widget-title,
#content .entry-title {
  color: #003478;	/* UHY main color */
}
.entry-title a:link, .entry-title a:visited {
    color: #003478;
}


/* block elements ================================================= */
/* title logo */
#branding {  
  position: relative;
/*  background-color: #000; // test */
}

#site-title {
  margin: 0 0 0 5px;
  width: 300px;
  position: absolute;
  top: 40px;
}
#site-title span,
#site-title a {
  display: block;
  width: 241px;
}
#site-title span {
}
#site-title a {
  height: 34px;
  width: 241px;
  padding-top: 60px;
  background: url(/wp-content/uploads/2017/11/UHY_Tokyo_Logo.png) no-repeat left top;
  font-weight: normal;
  font-size: 16px;
}

/* tagline */
#site-description {
  position: absolute;
  float: none;
  top: 130px;
  width: 300px;
  margin: 0 0 0 5px;
  font-style: normal;
  font-size: 14px;
  color: #666;
}

/* sub menu */
.utt ul.menu {
  list-style: none;
  margin: 0;
}
.utt ul.menu li {
  position:relative;
  float: left;
}
.utt ul.menu li a {
  display: block;
  font-size: 13px;
}
.utt.header ul.menu {
  float: right;
}
.utt.header ul.menu li {
  margin: 0 0 5px 1em;
}
.utt.header ul.menu li a {
/*  color: #AAA; // test */
}
.utt.footer {
  position:relative;
  overflow:visible;
  margin-top: 5px;
  padding-bottom: 0.7em;
}
.utt.footer ul.menu {
  width: 620px;
  position:absolute;
  top: -20px;
  left:50%;
  float: left;
}
.utt.footer ul.menu li {
  left:-50%;
  padding: 0 0.7em;
  border-right: solid 1px #888;
}
.utt.footer ul.menu li:first-child {
  border-left: solid 1px #888;
}
.utt.footer ul.menu li a {
  color: #888888;
  text-decoration: none;
  font-size: 12px;
}

/* breadcrumbs */
ul.breadcrumbs {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size:12px;
}
ul.breadcrumbs li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0 0px;
}

/* side menu */
.widget-area ul.menu {
  margin-top: 0.8em;
  font-size: 14px;
}
.widget-area ul.menu li {
  margin-bottom: 1em;
}
.widget-area ul.sub-menu {
  margin-top: 0.8em;
}




/* parts ================================================== */

/* footer */
#colophon {
  font-size: 13px;
}

#site-info {
  width: 150px;
  font-weight: normal;
}
#site-email {
  font-weight: normal;
  position: relative;
  float: right;
  width: 170px;
}
#site-email a {
  display: inline-block;
  float: right;
  background: url(images/email.png) no-repeat left 50%;
  padding-left: 20px;
  margin-left: 1em;
  text-decoration: none;
}
#site-email a:link {
  color: #0066CC;
}
#site-email a:active,
#site-email a:hover {
  color: #FF4B33;
}




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

/* page-title, entry-title */
body #content div.entry-title,
body #content div.page-title {
  background: #FFF url(images/bg_entry-title-06.png) repeat-x 50%;
  color: #FFF;
  font-size: 15px;
  font-weight: normal;
  padding: 5px 8px;
  border: solid 1px #999;
  margin-top: 1em;
  margin-bottom: 1em;
}
body #content div.entry-title div,
body #content div.page-title div {
  background: url(images/capsule_blue-02.png) no-repeat left top;
  padding: 2px 0 2px 15px;
  font-weight: bold;
}

/* meta info */
#content div.entry-meta {  
  text-align: right;
}
#content div.entry-meta a {  
  text-decoration: none;
  color: #333;
  font-size: 14px;
}



/* H1 - H6 */

#content h1 {
  font-size: 15px;
  font-weight: bold;
  color: #333;
  background: url(images/bg_test2h2-08.png) no-repeat left 50%;
  border: none;
  padding: 4px 4px 4px 25px;
}
#content h1.entry-title {  
  margin-top: 1em;
}

#content h2 {
  margin-left: 0.5em;
  font-size: 15px;
  background: url(images/capsule_green-02.png) no-repeat 3px top;  
  border-bottom: solid 1px #ccc;
  padding: 1px 0 1px 18px;
  font-weight: bold;
}
#content h2 a {
  text-decoration: none;
  color: #003478;
}
#content h2.entry-title {  
  margin-left: 0;
  margin-bottom: 3px;
}
#content .entry-content h3 {
  font-size: 15px;
  margin-left: 1em;
}
#content .entry-content h4,
#content .entry-content h5,
#content .entry-content h6 {
  font-size: 14px;
  margin-left: 1em;
}


#content p {
  line-height: 1.5em;
  margin: 0 1em 18px;
}

#content div.noline p a,
#content div.entry-summary a {
  text-decoration: none;
  color: #333;
}
#content .entry-summary p:last-child { 
    margin-bottom: 0;
}
#content .entry-summary p { 
  margin-bottom/*\**/: 0\9;	/* for IE7-8 */
}


/* list */
#content ul,
#content ol {  
  margin: 1em 0 24px 2.5em;
}
#content dl {  
  margin: 1em 0 24px 1em;
}

#content dl ul,
#content dl ol,
#content ul dl,
#content ul ul,
#content ul ol,
#content ol dl,
#content ol ul,
#content ol ol {  
  margin-left: 1em;
}
#content dl dl {  
  margin-left: 0;
}

#content ul li,
#content ol li {
  margin: 0.7em 0;
  line-height: 1.3em;
}
#content dl dt,
#content dl dd {  
  margin: 0.7em;
  line-height: 1.3em;
}
#content dl dt {  
  margin-left: 1em;
}
#content dl dd {  
  margin-left: 2em;
}

#content img.size-full {  
  max-width: 600px;
}

#content .wp-caption {
  padding: 0;
  margin-bottom: 0;
  background-color: transparent;
}
#content .wp-caption img {
  margin: 0;
}



.posted {  
  padding-left: 2px;
  font-size: 90%;
}
.posted a {  
  text-decoration: none;
  color: #333;
}

/* form */
#content form.wpcf7-form p {
  margin-bottom: 1em;
}
.entry-content input {
  margin-bottom: 0.7em;
}

/* sitemap */
div.sitemap {
  margin-left: 2em;
}
#content .sitemap ul.menu li {
  margin: 1em 0;
}

/* table */
#content table.basic {
  border-collapse: collapse;
  max-width: 90%;
  border: solid 1px #999;
  background: #FFF;
  font-size: 13px;
}
#content table.basic th,
#content table.basic td {
  border: solid 1px #777;
  padding: 6px 10px;
  font-size: 13px;
}
#content table.basic th {
  background-color: #00224F;	/* dark blue */
  color: #FFF;
  font-weight: normal;
}
#content table.basic td.level2 {
  padding-left: 2em;
}
#content table.basic td.right {
  text-align: right;
}
#content table.basic td {
}

#content table.basic.finance {
  max-width: auto;
  padding: 1px;
  border: double 3px #ccc;
}
#content table.finance {
  white-space: nowrap;
}
#content table.finance th,
#content table.finance td {
  border-color: #eee;
  border:none;
}
#content table.finance thead th {
  border-bottom: solid 1px #ccc;
  background-color: #eee;
  color: #333;
}
#content table.finance td {
  padding-left: 1em;
}
#content table.finance td.border1 {
  border-bottom: solid 1px #333;
}
#content table.finance td.border2 {
  border-bottom: double 3px #333;
}


/* custom parts */
.email {
  background: url(images/email.png) no-repeat left 50%;
  padding-left: 20px;
}
a.email {
  text-decoration: none;
}

/* sano-追加 */
.desk {
  background-color: #afeeee;
  width: 300px;
  height: 200px;
  border: 0px solid gray;
  margin: 2em 0;
}