@charset "utf-8";
*{
	padding:0;
	margin:0;
	border:0;
}

.clearfix:after{
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

.clear {
	clear:both;
}





/* html
-----------------------------*/
html {
	font-family:Arial, Helvetica, sans-serif;
}

body {
  line-height: 1.5em;
  margin: 0;
  padding: 0;
  text-align: center;
}
p {
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
}

img {
	vertical-align:top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* shareed page structure
-----------------------------*/
.wrapper {
	color: #222;
	width: 900px;
	text-align: left;
	background-image: url(../common-images/bg-pattern.gif);
	background-repeat: repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
}
#content{

}

#main {
	width:528px;
	float:left;
	margin-bottom:20px;
}
#sub {
	width:295px;
	float:right;
	padding-top: 70px;
}
#sub-koen {
	width:295px;
	float:right;
	padding-top: 30px;
}
#header {
	background-color: #FFFFFF;
	padding-right: 0px;
	padding-left: 30px;
}


#footer {
	color:#999999;
	clear: both;
	background-color: #FFFFFF;
	padding-top: 5px;
}

/*   link global
-----------------------------*/
a:link{ color:#D40023; font-weight:normal; text-decoration:underline;}
a:visited{ color:#97001B; font-weight:normal; text-decoration:underline;}
a:hover{ color:#FF2D52; font-weight:normal; text-decoration:underline;}
a:active{ color:#D40023; font-weight:normal; text-decoration:underline;}



/* rollover by javascript
----------------------------- */
.imgover{
}

/*
-------------------------------*/

/* In header
------------------------------*/
#logo {
	margin-top: 9px;
	float: left;
	padding-bottom: 9px;
}

#info {
	width: 520px;
	margin-top: 9px;
	background-image: url(../common-images/dots-gray.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: right;
	padding-top: 0px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	padding-right: 0px;
}
#info p {
	line-height: normal;
}
#info span#companyname {
	font-weight: bold;
}

#header-contents {
	float: right;
	width: 550px;
	margin-bottom: 9px;
}

/*  Global nav
---------------------------------*/
#nav-global {
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #194384;
	border-right-color: #194384;
	border-bottom-color: #194384;
	border-left-color: #194384;
	background-color: #FFFFFF;
	clear: both;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#nav-global ul{
	list-style-type: none;
	float: left;
	margin-top: auto;
	margin-bottom: auto;
}
#nav-global ul li{
	display:inline;
}
#nav-sub img#sitemap {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-top-color: #194384;
	border-right-color: #194384;
	border-bottom-color: #194384;
	border-left-color: #194384;
	margin-left: 3px;
}

#nav-sub img#feed {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-top-color: #194384;
	border-right-color: #194384;
	border-bottom-color: #194384;
	border-left-color: #194384;
	margin-left: 3px;
}
#nav-sub {
	text-align: right;
	padding-right: 28px;
}


/*   link nav-sub 
-----------------------------*/

div#nav-sub a:link{ color:#fff; font-weight:normal; text-decoration:none;}
div#nav-sub a:visited{ color:#fff; font-weight:normal; text-decoration:none;}
div#nav-sub a:hover{ color:#fff; font-weight:normal; text-decoration:none;}
div#nav-sub a:active{ color:#fff; font-weight:normal; text-decoration:none;}

/* search form
--------------------------------*/
div#nav-global div#searchBox {
	float: right;
	width: 320px;
	text-align: right;
	margin-top: 5px;
	margin-bottom: auto;

}
div#searchBox form#searchForm {
	vertical-align: middle;
}

form#searchForm input#dosearch {
	width: 84px;
	height: 24px;
	margin-left: 3px;
	margin-right: 28px;
	vertical-align: middle;
}
form#searchForm input#searchWord {
	font-size: 1em;
	line-height: 1.5em;
	height: 1.6em;
	width: 7em;
	background-image: url(../common-images/nav-searchIcon.gif);
	background-repeat: no-repeat;
	background-position: 1px center;
	padding-left: 25px;
	border: 1px solid #194384;
	vertical-align: middle;
	padding-top:0.1em;
}

/* content
---------------------------------*/
#content {
	padding-right: 25px;
	padding-left: 30px;
	padding-bottom: 30px;
}

/*  main folder
-----------------------------------*/
div.folder {
	background-image: url(../common-images/main-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 10px;
	margin-top: 30px;
	line-height: 150%;
}

div.folder h1{
	height:54px;
}

div.inner-folder {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom:15px;
	background-color: #FFFFFF;
}
div.folder div.inner-folder div.text {
	margin-bottom: 10px;
}
/*  about
---------------------------------*/
div#about div.inner-folder img {
	float: left;
}
div#about div.inner-folder div.text {
	margin-left:130px;
}

div.text p{
	margin-bottom:1em;
}
/*  main books
--------------------------------*/
div#books .text {
	margin-left: 110px;
	/* font-size: 90%; */
}
div#books div.text {
	line-height: 1.5em;
}
div#books div.bookdata {
	width: 230px;
	padding-right: 10px;
}
div#books div.odd {
	float: left;
}
div#books div.even {
	float: right;
}
div#books div.bookdata ul {
	list-style-type: none;
}

/*  list
-------------------------------*/
ul.outer-list {
	list-style-type: none;
}
ul.outer-list li {
	background-image: url(../common-images/blue-bullet.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-left: 2px;
	background-position: 0em 0.2em;
	margin-bottom:0.5em;
}

ul.inner-list {
	list-style-type: disc;
}
ul.inner-list li {
	background-image: none;
	margin-left: 1.3em;
	padding-left: 0px;
}

/* sub folder
-------------------------------*/
div.sub-folder {
	margin-top:30px;
	background-image: url(../common-images/sub-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
}
div.sub-folder h2{
	height:37px;
}
div.sub-folder span.title{
	font-weight:bold;
}
div.sub-folder#blog h2{
	height:72px;
}
div.inner-sub-folder {
	padding-right: 14px;
	padding-left: 14px;
	padding-bottom: 4px;
	width: 262px;
	background-color: #FFFFFF;
}
.thumbnail {
	float: left;
	margin-bottom:1em;
}
div#profile .thumbnail{
	margin-bottom:5px;
}

div.inner-sub-folder div.text {
	margin-left: 130px;
}
div.sub div#profile{
	margin-top:0px;
}



/*  book
---------------------------*/
div#book div.inner-sub-folder div.text {
	margin-left: 110px;
	/* font-size:70%; */
	margin-bottom:10px;
}
div#book div.inner-sub-folder div.text ul {
	list-style:none;
}
div#book div.inner-sub-folder img.onlycover {
	margin-right: 40px;
}

.booktitle {
	font-weight: bold;
}

/*  jisseki date
------------------------*/
div#jisseki span.date {
	margin-right: 1em;
}
div#jisseki span.title,
div#koentab span.title {
	font-weight: bold;
}
div#jisseki ul.outer-list li,
div#koentab ul.outer-list li
 {
	margin-bottom:2em;
}

/*  footer
----------------------------------*/
div#footer {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #194384;
	text-align: center;
}
#footer ul {
	list-style-type: none;
	margin-top: 5px;
	margin-bottom: 5px;
}
#footer ul li {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}
#footer li.firstitem {
	border-left-style: none;
}
#footer #copyright {
	/* font-size: 70%; */
}
/*  form object
------------------------------*/
form select.jumpMenu {
	border: 1px solid #7F9DB9;
	font-size: 110%;
	line-height: 115%;
	margin-top: 5px;
}
/*  koen tab
------------------------------*/
h1#aboutkoen {
	height:45px;
}
div#koentab ul#tab {
	list-style-type: none;
	height: 56px;
}
div#koentab ul#tab li {
	background-image: none;
	display: inline;
	margin-left: 0px;
	padding-left: 0px;
	line-height: normal;
	background-position: 0px 0px;
}
div#koentab div.inner-folder div.leadtext {
	width: 380px;
	float: left;
	line-height: 150%;
}
div#koentab div.inner-folder div#faqtext {
	width: auto;
	float: none;
	line-height: 150%;
}
div.dropdownlist {
	float: right;
}

div.uilist {
	text-align: right;
	margin-bottom: 10px;
	float:right;
}
div.leadtext{
	float:left;
}
div.tabHead {
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}
div.tabcontents div.kanso {
	padding-top: 15px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #DE8354;
}
div#koentab div#answers {

	padding-top: 10px;
	padding-bottom: 10px;
}
div#koentab div#questions {
	padding-top: 10px;
	padding-bottom: 10px;
}
div#questions h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
	margin-top: 25px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	padding-left: 2px;
}
div#answers h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
	margin-bottom: 10px;
	border: 1px solid #D40023;
	padding-top: 0.2em;
	padding-right: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.2em;
	background-color: #FFECEC;
}

div#answers div.q {
	background-image: url(../common-images/icon-faq-q.gif);
	background-repeat: no-repeat;
	background-position: 2px 0.55em;
	color: #D40023;
	padding-left: 30px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-left-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 5px;
	line-height: 2em;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
}
div#answers div.a {
	padding-left: 30px;
	background-image: url(../common-images/icon-faq-a.gif);
	background-repeat: no-repeat;
	background-position: 2px 1em;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-bottom: 5px;
	padding-top: 1em;
	line-height: 2em;
	padding-right: 0.5em;
	padding-bottom: 1em;
}
div#answers ul.faqlist {
	list-style-type: none;
}
div#answers ul.faqlist li {
	margin-bottom: 10px;
}

div#answers p.returnlist {
	text-align: right;
	color: #999999;
}
div#answers p.returnlist img{
	vertical-align: middle;
}
/*     contact form
---------------------------------*/
div.inner-sub-folder div#questions ul {
}
div.inner-sub-folder div#questions h2 {
	padding-bottom: 0px;
}
form#contactform select,
form#contactform textarea,
form#contactform input{
	border: 1px solid #7F9DB9;
	font-size: 1em;
	line-height: 150%;
	margin-bottom: 10px;
	padding:0.1em;
	vertical-align: middle;
}
form#orderform select,
form#orderform textarea,
form#orderform input {
	border: 1px solid #7F9DB9;
	font-size: 1em;
	line-height: 150%;
	padding:0.1em;
	vertical-align: middle;
	margin: 0.1em;
	width: 100%;
}
form input#submit,
form input#henko{
	border:none;
	vertical-align: bottom;
	width:auto;
}

form span#submitalert{
	vertical-align: bottom;
}
span.alert{
	color:#D40023;
}


form textarea:focus ,
form input:focus {
	background-color:#E1FFFF;
}

form select#title {
	width:10em;
}
form select#subject {
	width:90%;
}
form textarea#body {
	width: 90%;
	height: 15em;
}
form input{
	width:90%
	}
form#contactform label{
	background-image: url(../common-images/blue-bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
div.sub-folder div#questions h3 {
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D40023;
	font-size: 0.9em;
	padding-top:1em;
	margin-bottom:1em;
}
div.sub-folder div#questions p.more{
	margin-bottom:1em;
	margin-left:1em;
}
div#sub #faq{
	margin-top:0px;
}
div#sub #faq #questions ul.inner-list {
	margin-bottom: 1em;
}
div#sub #faq #questions ul.inner-list li {
	font-size: 0.8em;
}
/* orderform
-----------------------------------------*/
div#orderform h2 {
	background-image: url(../common-images/blue-bullet.gif);
	background-repeat: no-repeat;
	background-position: left 20px;
	padding-left: 20px;
	line-height: 1em;
	font-size: 1.1em;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CC6600;
	padding-top: 20px;
}
div#orderform table {
	width: 90%;
	margin-top: 5px;
	margin-bottom: 20px;
}
div#orderform th {
	font-weight: normal;
	text-align: left;
	width: 30%;
	vertical-align: top;
}

div#orderform span.kijitsu {
	vertical-align: middle;
}
div#orderform select.kijitsu {
	width: 4.5em;
	border: 1px solid #7F9DB9;
}
div#orderform input#ryokin {
	width: 8em;
}
div#orderform input.radiobutton {
	width: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* blog
--------------------------------*/

div.blog div.text img {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}
div.blog div.text {
	padding-bottom: 0px;
}
div.blog-nav div {
	padding-top:12px;
	padding-left:20px;
	padding-right:20px;
	background-color: #FFFFFF;
}
div.folder h1.entrytitle,
div.folder h1.archivetitle,
div.folder h1.search-results-header {
	font-size: 126%;
	line-height: 1.4em;
	font-weight: bold;
	background-color: #FFFFFF;
	padding-left: 20px;
	padding-right:20px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #D56D46;
	padding-bottom: 10px;
	height: auto;
}
div.blog span.date {
	margin-left: 15px;
	/* font-size: 75%; */
	font-weight: normal;
}
div.blog .inner-folder {
	padding-top: 15px;
}
div.folder {
	padding-top:0px;
}
div#main div.blog {
	background-image: url(../common-images/main-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	margin-top: 40px;
	padding-bottom: 0px;
}
div#main div.blog div.blog-nav {
	background-image: url(../common-images/main-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #D56D46;
}
div#main div.blog div.blog-nav ul.tags{
	list-style-type: none;
}
div#main div.blog div.blog-nav ul.tags li{
	margin-right: 0.8em;
	display: inline;
}
div#main div.blog div.blog-nav ul.tags li.first{
	margin-left: 0px;
	margin-right: 0px;
}
div#info img#blog-officeyoshikoshi-logo {
	margin-top: 5px;
	margin-bottom: 5px;
}
div#blog-wrapper div#sub {
	padding-top: 10px;
}
div#blog-wrapper div#header div#logo {
	padding-bottom: 10px;
	margin-top: 10px;
}
div#blog-wrapper div#header img#bloglogo {
	float: left;
	margin-top: 11px;
}
div#blogarchive h1 {
}
div#blogarchive div.folder-head {
	background-repeat: no-repeat;
}
div.archiveentry h2 {
	margin-bottom: 10px;
	padding-left: 15px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #D56D46;
}

div.archiveentry {
	margin-bottom: 2em;
	padding-top: 1em;
	padding-bottom:1em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7B361C;
}
/* general font
------------------------------*/
span.bold {
	font-weight: bold;
}

/*  jumpMenu
-----------------------------*/
form select#jumpMenu {
	border: 1px solid #7F9DB9;
	line-height: 120%;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 0.3em;
	width: 10em;
	text-align:center;
}

/* search result
-------------------------*/
div.search-results-container {
	background-color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	padding-top:14px;
}

div.searchentry {
	padding-bottom:30px;
}
div.search-results-container h2 {
	font-size: 1em;
	line-height:1.2em;
	margin-bottom: 10px;
	padding-left: 15px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #D56D46;
}
body.mt-search-results div.folder {
	margin-bottom:30px;
}
ul.entry-tags-list {
	list-style-type:none;
}
ul.entry-tags-list li{
	display:inline;
}
/* sitemap
--------------------------*/
div#sitemap h3{
	font-weight:normal;
 	font-size: 1em;
}
/* 
-------------------------*/
blockquote {
	border: 1px dotted #9F9A7D;
	padding: 1em;
	margin: 10px;
	background-color: #F2F0E5;
}