/* base
----------------------------------------------- */

/* pager */
.cycle-pager { 
    text-align: center; top: 10px;
}

.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}

.cycle-overlay {
        padding-top:20px;
        padding-bottom:55px;
	font-weight: normal;
        color: #000;;
        clear: both;
        text-align: center;
	width: 768px;
        background: none;
}

body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	background-color: #fff;
}

blockquote, h3, p, li {
	padding-right: 10px;
	padding-left: 10px;
	line-height: 1.6em;
}

blockquote {
	margin-right: 0;
	margin-left: 20px;
}

h1, h2, h3 {
	margin: 0 0 15px 0;
	padding: 0 10px;
	font-weight: normal;
        clear: both;
        text-align: center;
}

h1 {
	font-size: 1.4em;
	font-family: Helvetica, Arial, sans-serif;
}

h2 {
	font-size: 1em;
	font-style: normal;
	font-family: Helvetica, Arial, sans-serif;
}

hr {
	margin: 2em auto;
	width: 370px;
	height: 1px;
	color: #7a7e7d;
	background-color: #7a7e7d;
	border: none;
}

small, .small {
	font-size: 0.8em;
}

#contactinfo {
        font-size: .8em;
  	font-style: normal;
        text-align: center;
}

.menu{
        text-align: center;
        clear: both;
}

.submenu {
        text-align: left;
        margin-left: 20px;
        clear: both;
}

.bold {
       font-weight: bold;
}

.slogan {
        float: right;
	font-size: .81em;
       font-style:normal;
       font-weight:150;
       text-align:center;
       margin-top: 0px;
       margin-left: 0px;
       margin-bottom: 10px;
       color: #7a7e7d;
}
/* links
----------------------------------------------- */

a {
	text-decoration: none;
	color: #000;
	border-bottom: 1px #000 solid;
}

a img {
	border: none;
}

h1 a, h2 a, h3 a {
	border: none;
}

#site-name a {
	border: none;
}

#sidebar-2 a, #sidebar-1 a:link {
	color: #808080;
border: none;
}

#sidebar-2 a, #sidebar-1 a:visited {
	color: #808080;
border: none;
}

#sidebar-2 a, #sidebar-1 a:hover {
	color: #000000;
border: none;
}

#sidebar-2 a, #sidebar-1 a:focus {
	text-decoration: none;
	border: none;
}

#greyfont {
        color: #808080;
        border: none;
}

.directory a {
	border: none;
}


/* layout
----------------------------------------------- */

#accessibility {
	position: absolute;
	top: -10000px;
}

#container {
	margin: 0px;
	width: 1024px;
}

#head {
	text-align: left;
}
#genereight {
	width: 214px;
	margin-left: 14px;
        margin-top: 14px;
}

#genereight a{
        border: none;
}

#contact_head {
       
	width: 768px;
	margin-left: 242px;
        margin-top: -37px;
        margin-bottom: -50px;
}

#contactinfo {
        margin-top: 4px;
        margin-bottom: 5px;
}
#site-name {
	margin: 15px 0;
	font: 3em Georgia, Times, serif;
}

#site-slogan {
	font: italic 1em Georgia, Times, serif;
}

#sidebar-1, #sidebar-2 {
	padding-top: 50px;
	width: 214px;
}

#sidebar-1 {
	margin-right: 5px;
	margin-top: 150px;
	padding: 0px;
	width: 214px;
	position: fixed;
	left: 14px;
	text-align: center;
        z-index: 50;
}

.logo {
	margin-right: 5px;
	margin-top: 112px;
	padding: 0px;
	width: 214px;
	position: fixed;
	left: 14px;
        z-index: -10;
}

#sidebar-2 {
	margin-left: 5px;
	float: right;
}

.section_list {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}

.section_list ul {
	list-style-type: none;
}

.section_list li {
	margin: 0 10px 2px 0;
	padding: 0;
}

#content {

        margin-top: 62px;
        margin-left: 242px;
	padding: 0px;
	width: 768px;
}

.en {
	margin-right: 14px;
	width: 370px;
        float: left;
        text-align: left;
        clear: left;
}

.jp {
	margin-left: 14px;
	width: 370px;
        float: left;
        text-align: justify;
        clear:right;
}

.cp-date {
        font-size: 0.8em;
        text-align: right;

}

.cp-item {
	margin-right: 14px;
	width: 200px;
        float: left;
        text-align: left;
        clear: left;
}

.cp-body {
	margin-left: 14px;
	width: 540px;
        float: left;
        text-align: justify;
        clear:right;
}

.clients { 
  float: left;
  padding: 0 20px 20px 0;
  display: block;
  width: 100px;
  overflow:hidden;
  }

#foot {
        margin-top: 230px;
	clear: both;
	text-align: center;
}

#foot a{
        color: #808080;
	margin-top: 50px;
	clear: both;
	text-align: center;
        font-size: .7em;
}

.article {
        padding-top: 15px;
}

.article_gallery{
        margin: 0px;
        clear: both;
}

.article_img {
        text-align: center;
        clear: both;
}

.directly_related {
        float:left;
        clear: both;
}

blog_img {
        text-align: center;
        clear: both;
        margin-top: 10px;
        margin-bottom: 10px;
}

.article_thumbnail a, .article_thumbnail li {
        float: left;
        margin-top: -7px;
        margin-right: 16px;
        margin-left: -25px;
        border: none;
}

.article_nav {
        clear: both;
}

.thumbnail {
        float: left;
        text-align: center;
        margin: 3px;
}

.thumbnail_img {
        padding: 3px;
}

.thumbnail_img_profile {
        float: left;
}

.profile {
        float: left;
}

.info_img {
        margin-top: 14px;
        margin-bottom: 14px;
}

.map {
        display: block;
        margin-left: auto;
        margin-right: auto;
        clear: both;
}

.contact{
        line-height: 20px;
}

.login{
        margin-top: 20px;
        margin-bottom: 20px;
}

.login a {
        font-size: .9em;
}

.related {
        clear: both;
        margin-top: 10px;
        padding-top: 10px;
}

.specs {
        clear: left;
        padding-top: 15px;
}

.spec_img {
        float: right;
        vertical-align: middle;
}


/* box model hacks
http://archivist.incutio.com/viewlist/css-discuss/48386
----------------------------------------------- */

#container {
\width: 1024px;
w\idth: 1024px;
}

#sidebar-1, #sidebar-2 {
\width: 214px;
w\idth: 214px;
}

/* overrides
----------------------------------------------- */

#sidebar-2 p, #sidebar-1 p {
	font-size: 0.8em;
	line-height: 1.5em;
}

.caps {
	font-size: 0.9em;
	letter-spacing: 0.1em;
}

div.divider {
	margin: 2em 0;
	text-align: center;
}

/* articles
----------------------------------------------- */

.directory {
	list-style-type: circle;
}
ul, li {
    list-style-type: none;
}
.author {
	font-style: normal;
	font-size: 0.8em;
}

.published {
	font-size: 0.8em;
}

/* comments
----------------------------------------------- */

.comments_error {
	color: #000;
	background-color: #fff4f4;
}

ul.comments_error {
	padding : 0.3em;
	list-style-type: circle;
	list-style-position: inside;
	border: 2px solid #fdd;
}

div#cpreview {
	color: #000;
	background-color: #f1f1f1;
	border: 2px solid #ddd;
}

form#txpCommentInputForm td {
	vertical-align: top;
}

#comments-help {
	margin: 2px 0 15px 0;
	font-size: 0.7em;
}

/* error page
----------------------------------------------- */

.error-status {
	font: 1.3em Georgia, Times, serif;
}