@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*
Theme Name: ku_nsn2016
Theme URI: http://wordpress.org/
Description: 2010年版の WordPress テーマ「Twenty Ten」は、スタイリッシュで、カスタマイズ可能で、簡潔で、読みやすいデザインです。カスタムメニュー、ヘッダー画像、背景をあなたなりにアレンジしてみてください。Twenty Ten テーマでは6つのウィジェットエリア (サイドバーに2つ、フッターに4つ) と、アイキャッチ画像 (ギャラリー投稿のサムネイルと、投稿やページのカスタムヘッダー画像) に対応しています。印刷用、管理画面のビジュアルエディター用、アサイドおよびギャラリーカテゴリー用のスタイルシートが用意されています。また、サイドバーを取り去った1カラムページのテンプレートもあります。
Author: the WordPress team
Version: 1.2
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/


a img {
	border: none;
}



.single-attachment /*#content*/ {
	margin: 0 auto;
	width: 900px;
}


#wrapper {
	background: #fff;
	margin-top: 20px;
	padding: 0 20px;
}

/* Structure the footer area */
#footer-widget-area {
	overflow: hidden;
}
#footer-widget-area .widget-area {
	float: left;
	margin-right: 20px;
	width: 220px;
}
#footer-widget-area #fourth {
	margin-right: 0;
}
#site-info {
	float: left;
	font-size: 14px;
	font-weight: bold;
	width: 700px;
}
#site-generator {
	float: right;
	width: 220px;
}

.label{
   float: left;
   margin-right: 10px;
   font-size:12px;
   font-weight: normal;
   color:#fff;
   padding:1px 5px;
   border-radius: 4px;
}

.label-news,.label-info{
	background-color: #F46C6F !important;	
}

.label-event{
	background-color: #B2CC53;
}

.label-web{
	background-color:#246306;    
}

.label-pr-activity{
	background-color: #84F0AB;
}

.label-interview{
	background-color: #9865E9;
}

.label-showcase{
	background-color: #F887D8;
}
.label-webpr{
	background-color:#107382;
}
/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body {
}
/*body,
input,
textarea {
	color: #666;
	font-size: 12px;
	line-height: 18px;
}*/


hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}

strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}


/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}


/* =Header
-------------------------------------------------------------- */

/*#header {
	padding: 30px 0 0 0;
}*/
#site-title {
	float: left;
	font-size: 30px;
	line-height: 36px;
	margin: 0 0 18px 0;
	width: 700px;
}
#site-title a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
#site-description {
	clear: right;
	float: right;
	font-style: italic;
	margin: 15px 0 18px 0;
	width: 220px;
}

/* This is the custom header image */
#branding img {
	border-top: 4px solid #000;
	border-bottom: 1px solid #000;
	display: block;
	float: left;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	background: #000;
	display: block;
	float: left;
	margin: 0 auto;
	width: 940px;
}
#access .menu-header,
/*div.menu */{
	font-size: 13px;
	margin-left: 12px;
	width: 928px;
}
#access .menu-header ul/*,
div.menu ul */{
	list-style: none;
	margin: 0;
}
#access .menu-header li/*,
div.menu li*/ {
	float: left;
	position: relative;
}
#access a {
	color: #aaa;
	display: block;
	line-height: 38px;
	padding: 0 10px;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #333;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #333;
	color: #fff;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
}

div#content02 a{
	color:#fff;
}


/* =Content
-------------------------------------------------------------- */

#main {
	clear: both;
	overflow: hidden;
	padding: 0;
}


#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom: 0;
}
#content pre,
#content kbd,
#content tt,
#content var {
	font-size: 15px;
	line-height: 21px;
}
#content code {
	font-size: 13px;
}
#content dt,
#content th {
	color: #000;
}

.hentry {
	margin: 0 0 48px 0;
}
.home .sticky {
	background: #f2f7fc;
	border-top: 4px solid #000;
	margin-left: -20px;
	margin-right: -20px;
	padding: 18px 20px;
}
.single .hentry {
	margin: 0 0 36px 0;
}
.page-title {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 36px 0;
}
.page-title span {
	color: #333;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}
.page-title a:link,
.page-title a:visited {
	color: #888;
	text-decoration: none;
}
.page-title a:active,
.page-title a:hover {
	color: #ff4b33;
}
#content .entry-title {
	font-size: 18px;
	color:#023b7a;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 0;
}
.entry-title a:link,
.entry-title a:visited {
	color: #000;
	text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
	color: #ff4b33;
}
.entry-meta {
	color: #888;
	font-size: 12px;
}
.entry-meta abbr,
.entry-utility abbr {
	border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
	border-bottom: 1px dotted #666;
}
.entry-content,
.entry-summary {
	clear: both;
	padding: 12px 0 0 0;
}
#content .entry-summary p:last-child {
	margin-bottom: 12px;
}
.entry-content fieldset {
	border: 1px solid #e7e7e7;
	margin: 0 0 24px 0;
	padding: 24px;
}
.entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}
.entry-content input {
	margin: 0 0 24px 0;
}
.entry-content input.file,
.entry-content input.button {
	margin-right: 24px;
}
.entry-content label {
	color: #888;
	font-size: 12px;
}
.entry-content select {
	margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
	font-size: 10px;
}
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}
.page-link {
	clear: both;
	color: #000;
	font-weight: bold;
	margin: 0 0 22px 0;
	word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.home .sticky .page-link a {
	background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
	color: #ff4b33;
}
body.page .edit-link {
	clear: both;
	display: block;
}
#entry-author-info {
	background: #f2f7fc;
	border-top: 4px solid #000;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	margin: 24px 0;
	overflow: hidden;
	padding: 18px 20px;
}
#entry-author-info #author-avatar {
	background: #fff;
	border: 1px solid #e7e7e7;
	float: left;
	height: 60px;
	margin: 0 -104px 0 0;
	padding: 11px;
}
#entry-author-info #author-description {
	float: left;
	margin: 0 0 0 104px;
}
#entry-author-info h2 {
	color: #000;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}
.entry-utility {
	clear: both;
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
.entry-meta a,
.entry-utility a {
	color: #888;
}
.entry-meta a:hover,
.entry-utility a:hover {
	color: #ff4b33;
}
#content .video-player {
	padding: 0;
}


/* =Asides
-------------------------------------------------------------- */

.home #content .format-aside p,
.home #content .category-asides p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 0;
}
.home .hentry.format-aside,
.home .hentry.category-asides {
	padding: 0;
}
.home #content .format-aside .entry-content,
.home #content .category-asides .entry-content {
	padding-top: 0;
}


/* =Gallery listing
-------------------------------------------------------------- */

.format-gallery .size-thumbnail img,
.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.format-gallery .gallery-thumb,
.category-gallery .gallery-thumb {
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}
.home #content .format-gallery .entry-utility,
.home #content .category-gallery .entry-utility {
	padding-top: 4px;
}


/* =Attachment pages
-------------------------------------------------------------- */

.attachment .entry-content .entry-caption {
	font-size: 110%;
	margin-top: 0px;
}
.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}


/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}

#gallery-1.gallery table.db_table{
	width: 31%;	
    margin-bottom: 30px;
    margin-left: 15px;
}

#subpage #gallery-1.gallery table.db_table tr th{
	padding:0;
	margin:0;
	background-color:#efefef;
	text-
}

#subpage #gallery-1.gallery table.db_table tr th img{
	margin:0 auto;
}

div#subpage form#searchform table.db_search{
	border:1px solid #ccc;	
}

div#subpage form#searchform table.db_search tr th{
	background-color:#efefef;
}

div#subpage form#searchform table.db_search tr td input{
	width:200px;
}
#subpage div#post-572.post-572 form#searchform table.db_search tbody tr th input.db_submit{
	width:125px;
	height:35px;
}

html body.page div#wrap.hfeed div#main_wrap div#main div#container div#content div#subpage div#subpage div#post-572.post-572 form#searchform table.db_search tbody tr td select#meta_text
{
	padding:5px 5px 6px 5px;
	width:125px;	
}
/* html body.page div#wrap.hfeed div#main_wrap div#main div#container div#content div#subpage div#subpage div#post-572.post-572 form#searchform table.db_search tbody tr td select#meta_text option{
	padding:5px 5px 6px 5px;
	
}
 */
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;

}
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #ff4b33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}


/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget-area select {
	max-width: 100%;
}
.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display: none;
}
.widget-container {
	margin: 0 0 18px 0;
}
.widget-title {
	color: #222;
	font-weight: bold;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #ff4b33;
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}

/* Main sidebars */
#main .widget-area ul {
	margin-left: 0;
	padding: 0 20px 0 0;
}
#main .widget-area ul ul {
	border: none;
	margin-left: 1.3em;
	padding: 0;
}
#primary {
}
#secondary {
}

/* Footer widget areas */
#footer-widget-area {
}


/* =Footer
-------------------------------------------------------------- */

/*#footer {
	margin-bottom: 20px;
}*/
/*#colophon {
	border-top: 4px solid #000;
	margin-top: -4px;
	overflow: hidden;
	padding: 18px 0;
}*/
#site-info {
	font-weight: bold;
}
#site-info a {
	color: #000;
	text-decoration: none;
}
#site-generator {
	font-style: italic;
	position: relative;
}
#site-generator a {
	background: url(images/wordpress.png) center left no-repeat;
	color: #666;
	display: inline-block;
	line-height: 16px;
	padding-left: 20px;
	text-decoration: none;
}
#site-generator a:hover {
	text-decoration: underline;
}
img#wpstats {
	display: block;
	margin: 0 auto 10px;
}


/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	/*#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}*/
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	/*#container,*/
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display: none;
	}
	#site-generator a {
		margin: 0;
		padding: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
	}
	.home .sticky {
		border: none;
	}
}

/* =add
-------------------------------------------------------------- */
@charset "utf-8";

/* reset
-------------------------------------------------- */
* { margin: 0px; padding: 0px;}
body, html { height: 100%;}

body{
	font-family:"Noto Sans Japanese", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;		
	line-height:180%;
}

a { color:#333333; text-decoration:none;}
a:hover { text-decoration: underline;}


a>img:hover{
	opacity:0.8;
}



/*  TAG
-------------------------------------------------------------*/

ul li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type:none;
}


img{
	border:none;
}

/* class
-------------------------------------------------- */
.back { text-align: right;}
.image_center{ text-align: center;
padding:0px;
margin:0px;
}
/*clear*/
.both{ clear: both;}
/*clearfix*/
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;} .clearfix { min-height: 1px;} * html .clearfix { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/}


/* footerを最下部表示
-------------------------------------------------- */
#wrap { width: 100%; position: relative; height:auto !important; height: 100%; /* min-height: 100%; */}
#main {  /* padding-bottom: 260px; */  padding-bottom: 85px; min-height:800px;}
#footer { background-color: #1e3558;  width: 100%; height: 42px;padding-top: 3px;}
#container{clear:both;    width: 1100px; margin:0px auto;} 
/* main_wrap
-------------------------------------------------- */



/* search
-------------------------------------------------- */
#searchform {
	position: relative;
}
#keywords	{
	width: 190px;
	height: 16px;
	background: #9ac9d6;
	border: #8cacc3 solid 1px;
	padding: 4px; padding-right: 25px;
}
#searchBtn	{
	position: absolute;
	top: 4px;
	_top: 3px;
	left: 200px;
	background: #9ac9d6;
}
*:first-child + html #searchBtn	{
	top: 5px;
}

/* header
-------------------------------------------------- */
/*#wrap { background: #fbfbfb url(images/bg_top.png) repeat-x;}*/
#wrap { background: #ffffff /* url(images/bg_top.png)  repeat-x*/;

 background-repeat:repeat-y;
 width:1001px;
margin:0 auto;
margin-bottom:40px;
}


#main_wrap{

background-repeat:no-repeat;
background-position:left bottom;
}



/* header
-------------------------------------------------- */
#header { 
   background-image: url("images/top_bg.jpg");
   background-repeat: repeat-x;
   margin-left: 17px;
    width: 969px;
/* background: url(images/bg_header.jpg) right top no-repeat; width: 935px; margin: 0px auto; */
}
h1{ font-size: 23px; line-height: 1em; padding: 19px 0px 0px 17px; float: left;}
h1 span { font-size: 12px;}
.header-right { width: 245px; float:right; padding-bottom: 25px;  }
.header-right dl { padding-top: 10px; padding-left: 15px;}
.header-right p { padding-top: 5px; text-align: right; padding-right: 12px;padding-right: 12px; font-size: 14px;}

#masthead{
 width: 948px; 	
}

#header_wrap{  
/* background-image:url(images/top_bg.jpg);	
 background-repeat:repeat-x;
 margin-left: 17px; */
 width: 969px
 }
 
 #footer_wrap{  
 /* margin-left: 17px; */
 width: 100%;
 }

/* navi */
#menu {
	height:48px; 
	background: url(images/menu_bg.jpg) no-repeat;
	width:934px;
	margin:0;
	margin-left:17px;
	}


#menu ul {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 2px;
	height:46px;
}

#menu ul li{
	float:left;
	margin: 0px 0px 0px 0px;
	/*padding: 0px 0px 0px 0px;*/
}

.sub-menu li a{/*droppy*/
	padding:10px 12px;

}

#menu ul li a{
	font-size: 14px;
	color:#FFF;
	display:block;
	/*padding: 10px 18px 0px 18px;*/
	padding:10px 8px 12px 8px;
	margin: 0px 0px 0px 0px;
	height: 36px;
	min-width: 117px;
	text-align: center;
	background-image: url(images/menu_line.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;	
}

body #menu ul li a{
	min-width: 155px;
}

#menu ul li a:hover,
#menu ul li a#on{
	text-decoration:none;
	background-image: url(images/menu_on.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;	
}

.current-menu-item,
.current_page_item{
	text-decoration:none;
	background-image: url(images/menu_on.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;	
	
}

/*#navi li {display:inline;list-style-type:none;}
#navi li a {
	font-size: 1px;
	height:48px;
	display:block;
	float:left;
	text-indent:-9999em;
	text-decoration:none;
	overflow:hidden;
}*/
/*------off*/
/*#navi li.navi01 a { background: url(images/bg_navi.jpg) no-repeat 0px 0px; width:101px;}
#navi li.navi02 a { background: url(images/bg_navi.jpg) no-repeat -102px 0px; width:105px;}
#navi li.navi03 a { background: url(images/bg_navi.jpg) no-repeat -207px 0px; width:100px;}
#navi li.navi04 a { background: url(images/bg_navi.jpg) no-repeat -307px 0px; width:105px;}
#navi li.navi05 a { background: url(images/bg_navi.jpg) no-repeat -412px 0px;width:106px;}
#navi li.navi06 a { background: url(images/bg_navi.jpg) no-repeat -518px 0px;width:183px;}
#navi li.navi07 a { background: url(images/bg_navi.jpg) no-repeat -701px 0px;width:130px;}
*/
/*------hover*/
/*#navi li.navi01 a:hover { background: url(images/bg_navi.jpg) no-repeat 0px -48px;}
#navi li.navi02 a:hover { background: url(images/bg_navi.jpg) no-repeat -102px -48px;}
#navi li.navi03 a:hover { background: url(images/bg_navi.jpg) no-repeat -207px -48px;}
#navi li.navi04 a:hover { background: url(images/bg_navi.jpg) no-repeat -307px -48px;}
#navi li.navi05 a:hover { background: url(images/bg_navi.jpg) no-repeat -412px -48px;}
#navi li.navi06 a:hover { background: url(images/bg_navi.jpg) no-repeat -518px -48px;}
#navi li.navi07 a:hover { background: url(images/bg_navi.jpg) no-repeat -701px -48px;}
*/

/* header
-------------------------------------------------- */
#main { padding-top: 6px; width: 935px; margin: 0px auto;} 

/* leftbar */
#home-left { width: 620px; float: left; /* height:1200px; */}

/*------eyecatch*/
#eyecatch { 
width: 620px; 
height: 174px; 
margin-bottom: 20px;
*margin-top:15px;
	/* background: url(images/eyecatch.jpg) no-repeat; */
    background-color: #EEEEEE;
	position:relative;
 }
#eyecatch p { color: #FFFFFF; text-align:right; padding: 230px 10px 0px 0px;}
#eyecatch .eyecatch_copy{
	position:absolute;
	z-index:1000;
	font-size:23px;
	font-weight:bold;
	color:#333;
	left:40px;
	top:20px;
/* for modan browser */
text-shadow:0px 3px 1px #fff,0px 2px 1px #fff,1px 2px 1px #fff,2px 2px 1px #fff,2px 1px 1px #fff,2px 0px 1px #fff,3px 0px 1px #fff,2px -1px 1px #fff,2px -2px 1px #fff,2px -3px 1px #fff,1px -3px 1px #fff,0px -3px 1px #fff,-1px -3px 1px #fff,-2px -3px 1px #fff,-3px -3px 1px #fff,-3px -2px 1px #fff,-3px -1px 1px #fff,-3px 0px 1px #fff,-3px 1px 1px #fff,-3px 2px 1px #fff,-2px 2px 1px #fff,-1px 2px 1px #fff;

/*  for IE  */
 filter:dropshadow(color=#fff,offx=0,offy=3,positive=1),dropshadow(color=#fff,offx=2,offy=1,positive=1),dropshadow(color=#fff,offx=2,offy=-1,positive=1),dropshadow(color=#fff,offx=1,offy=-3,positive=1),dropshadow(color=#fff,offx=-2,offy=-3,positive=1),dropshadow(color=#fff,offx=-3,offy=-2,positive=1),dropshadow(color=#fff,offx=-3,offy=1,positive=1),dropshadow(color=#fff,offx=-1,offy=2,positive=1);
 


/* 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fff', endColorstr='#fff')";
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fff', endColorstr='#fff'); */
	}
	
	
	
/* #eyecatch .eyecatch_copy2{
	position:absolute;
	z-index:4000;
	font-size:25px;
	font-weight:bold;
	color:#fff;
	left:40px;
	top:20px;
	}
 */
/*------posts*/
#posts01, 
#posts02 { 
height:525px;
padding-bottom: 20px;}

#posts01 
{ 
height:340px;
padding-bottom: 20px;}

#posts01 h2 { height: 50px; padding-bottom: 8px; background: url(images/bg_h2-posts01.jpg) no-repeat; text-indent:-9999em;}
#posts02 h2 { height: 50px; padding-bottom: 8px; background: url(images/bg_h2-posts02.jpg) no-repeat; text-indent:-9999em;}

#posts01 p, 
#posts02 p { padding: 0px 30px 11px 15px;}

#posts02 .linkmap{ padding-top: 5px; text-align: center; }
#maplink-text { padding:3px; width: 560px;border:none;}

/* rightbar */
#home-right { /* width: 345px; */ width:295px;  float: right;}

/*------mypage*/
#mypage{ 
height:265px;
margin-bottom: 10px; background-color:#d6e2e9; width:345px; padding:0;
position:relative;
}
#mypage h2{ color:#07387b; font-size:15px; margin: 0px 13px 10px; padding: 7px 0 2px;; border-bottom: #FFFFFF solid 1px; background-image:none;}
#mypage dl { padding: 0px 18px 10px;}
#mypage dl dd{ margin-bottom:10px;}

#mypage p.login_txt{
width:250px;
margin:0 0 0 38px;	

}

#user{
	position:absolute;
	top:40px;
	}
#pass{
	position:absolute;
	top:70px;
	}

#input{
position:absolute;
top:112px;
left:18px;
}
	
#mypage #user, #mypage #pass{ height: 20px; padding-left: 3px; width: 230px; margin-bottom: 10px; }
#mypage #input { margin-bottom: 15px;}
#mypage .button { text-align: right;padding:10px 15px 0 0;}
#mypage img{
position:absolute;
bottom:0;
left:15px;
}
/*------topics link*/
#topics{ border: #999999 solid 1px; margin-bottom: 20px; padding:7px 5px 5px 13px; min-height:1000px;}
#link{/* overflow:auto; *//* height:510px; */padding:7px 5px 0px 13px;border:1px solid #999;margin-top:10px;}
	
#topics h3, #download h3, #link h3{ font-size: 18px; margin-bottom: 7px; padding-bottom:2px; border-bottom: 1px solid #e4e4e4;padding-left:8px;}
#download{padding:7px 2px 5px 4px;border:1px solid #999;margin-top:18px;
}
#download h3 span{font-size:12px; color:#999;}
#download div table tbody tr td{padding:0 5px 0 0;}

#topics div.ttl_h3 h3{
	float:left;
	width:300px;	
	border:none;
	margin-bottom: 0px; 
	padding-bottom:0px;
	padding-top:5px;

	}

#topics div.ttl_h3{
	border-bottom:1px solid #e4e4e4;
	height:40px;
	margin-bottom:6px;
	}

#topics div.ttl_h3 p.more{
	float:right;
	width:160px;	
	padding-top:3px;
	}
	
#topics div.ttl_h3 p.more a {
	background-color:#efefef;
	padding:3px 6px;	
}

#topics dl { padding-left: 9px;padding-right: 10px;}
#topics .news{ padding:0px 0px 0px 70px; background: url(images/icon_topics-news.png) no-repeat;}
#topics .pr-activity{ padding:0px 0px 0px 70px; background: url(images/icon_pr-activity.png) no-repeat;}
#topics .showcase{ padding:0px 0px 0px 70px; background: url(images/icon_pr-showcase.png) no-repeat;}
#topics .event { padding:0px 0px 0px 70px; background: url(images/button_topics-event.png) no-repeat;}
#topics .info { padding:0px 0px 0px 70px; background: url(images/button_topics-news.png) no-repeat;}
#topics .interview { padding:0px 0px 0px 70px; background: url(images/icon_topics-interview.jpg) no-repeat;}
#topics dl dd { margin-bottom: 10px; padding: 3px 0px 9px; background:url(images/border_topics.jpg) no-repeat bottom; }
#topics .more { text-align: right; padding-bottom:3px;padding-right:10px;}


#content #link ul{ padding:0 5px 0 0px;}

/*------event*/
#event{ background-color: #dfdfdf; padding: 4px;}
#event h4 { color: #FFFFFF; font-size: 14px; padding: 4px 5px 4px 26px; background: #184a96 url(images/bg_h4.png) no-repeat 7px 8px; border-bottom: 3px solid #a6c5b1;}
#event table { width:100%; padding: 3px; background: #FFFFFF url(images/bg_event-text.jpg) repeat-x;}
#event th { padding-top: 6px; text-align: left; width: 165px; vertical-align:top;}
#event td { padding-top: 6px; text-align: left; }
#event .readmore { text-align: right; background: url(images/icon_arrow.jpg) no-repeat 80px 5px ;}
#event .readmore a { color: #153d72;}
#event .readmore a:hover { color: #6b8ebd;}

#event .more { text-align: right; padding-top: 5px;}



/*  MAIN
---------------------------------------------------------------------------------*/
#main #content{
	/*padding: 20px 30px 30px 20px;*/
	min-height:600px;
	height:auto;
	margin: 0px 0px 0px 0px;
}

#subpage{
padding: 10px 15px 30px 10px;	
}

/*#content h2{
	margin: 0px 0px 15px 0px;
	padding: 10px 0px 0px 6px;
	font-size: 18px;
	color:#023b7a;
	background-image: url(images/h2_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;	
	height: 35px;
}*/

/*#subpage h2{
	margin: 0px 0px 15px 0px;
	padding: 10px 0px 0px 6px;
	font-size: 18px;
	color:#023b7a;
	background-image: url(images/h2_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;	
	height: 35px;
}
*/
#subpage .ttl_h2 h2{
	background: url("images/h2_bg_l.jpg") repeat-x scroll center top transparent;
    border-bottom: 1px solid #DCDCDC;
    height: auto;
    margin: 0 0 15px;
    max-height: 100px;
    min-height: 14px;
    padding: 8px 0 7px 6px;
	color:#023b7a;


}


/*#content h3{
	margin: 0px 0px 15px 0px;
	padding: 5px 0px 5px 10px;
	font-size: 16px;
	border-bottom-width: 1px;
	border-left-width: 4px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #06C;	
	}*/
	
	
#subpage h3{
	margin: 0px 0px 15px 0px;
	padding: 5px 0px 5px 10px;
	font-size: 16px;
	border-bottom-width: 1px;
	border-left-width: 4px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #06C;	
    background-color:#fff;
	}
	
/*#content h4{
	margin: 0px 0px 15px 0px;
	padding: 5px 0px 5px 0px;
	font-size: 16px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCC;
	border-bottom-color: #CCC;	
}*/

#subpage h4{
	margin: 0px 0px 15px 0px;
	padding: 5px 0px 5px 0px;
	font-size: 16px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCC;
	border-bottom-color: #CCC;	
	position:relative;
}

#subpage h4 img{
	position:absolute;
	top:7px;
	left:7px;
}

#subpage h4 a{
	padding-left: 80px;
}

#subpage #topics h4 a{
	padding-left: 5px;	
}

#subpage div#topics {
	border:none;	
}


#content h5{
	margin: 0px 0px 15px 0px;
	padding: 5px 0px 5px 5px;
	background-color:#e7f2ff;
	font-size: 14px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 4px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-top-color: #cfdce9;
	border-right-color: #cfdce9;
	border-bottom-color: #cfdce9;
	border-left-color: #cfdce9;	
	
}

#content h6 {
	font-size: 100%;
	font-weight: bold;
	padding: 0 0 0 30px;
}

/*#content p{
	margin: 0px 0px 10px 0px;
	padding: 0px 15px 0px 15px;
}*/

#subpage p{
	margin: 0px 0px 10px 0px;
	padding: 0px 15px 0px 15px;
}

#subpage div.entry-attachment p.text_comments{
	text-align:right;	
    padding-right: 102px;
    padding-top: 5px;
}
#subpage p.backpage{
    padding-right: 107px;
	text-align:right;	
}
#content ul{
	margin: 0px 0px 20px 0px;
	padding: 0px 30px 0px 30px;
}

#content ul li{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 15px;
	background-image: url(images/list_icon.png);
	background-repeat: no-repeat;
	background-position: left 6px;	
}

#content ol{
	margin: 0px 0px 20px 0px;
	padding: 0px 50px 0px 50px;
}

#content ol li{
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
}
	

/*#content dl{
	margin: 0px 0px 20px 0px;
	padding: 0px 50px 0px 50px;
}*/

/*#content dl dt{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight:bold;
}
*/
#subpage dl dt{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight:bold;
}

/*#content dl dd{
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
}*/


/*#content table{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}*/

#subpage table{
	margin: 0px 0px 15px 15px;
	padding: 0px 0px 0px 0px;
}

#subpage table#attachment_table{
	width:658px;
	margin-left:110px;
	margin-bottom:10px;
}

#content table tr{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*#content table tr td{
	margin: 0px 0px 0px 0px;
	padding: 6px;
	background-color:#f3f7fb;
	vertical-align:top;
	text-align:left;
}*/

#subpage table tr td{
	margin: 0px 0px 0px 0px;
	padding: 6px;
	background-color:#f3f7fb;
	vertical-align:top;
	text-align:left;
    border-bottom:1px solid #ccc;
}

#subpage .machines table tr td{
	border: 1px solid #ffffff;	
}


#content table tr td h5{
	margin: 0px 0px 5px 0px;
	
}

#content table tr td p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#content details summary,
#content details[open] summary{
    border:1px solid #ccc !important;
    padding:5px 10px; 
    cursor:pointer;
}

#content details summary:before{
    content:"\f0fe";
}

#content details[open] summary:before{
    content:"\f146" !important;
}


#content div.bikou {
	border: 1px dotted #cfdce9;
	padding: 5px;
	margin: 0 0 20px 0;
}

#content div.bikou p {
	padding:0;
}

#content div.bikou .lst {
	margin:0;
	padding:0;
}

#content table tr td p.bikou {
	padding:10px 0 0 0;
	color:#808080;
}



/*#content table tr th{
	/*background-color:#8b9aa7;*/
	/*background-color:#fff;
	margin: 0px 0px 0px 0px;
	padding: 6px;
	color:#fff;
	vertical-align:top;
	text-align:left;
}*/


#subpage table tr th{
	background-color:#376EA7 !important;
	/*background-color:#fff;*/
	margin: 0px 0px 0px 0px;
	padding: 6px 10px;
	color:#fff;
	vertical-align:top;
	text-align:left;
    border-bottom:1px solid #fff;
}



#content .white tr td{
	/*background-color: #FBFBFB;*/
	background-color:#fff;
}


#content a{
	color:#069;
    word-break: break-all;
}


#content .s_image{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 200px;
}


#banner{
padding-bottom:15px; 
padding-top:5px;
}


#banner img{
padding-top:5px; 
margin-left: 2px; 	

}

#home-right  p.top_banner{
padding-bottom:11px; 
}

p.image_center{
	
	background:url(images/button_bg.jpg) no-repeat 0 0;
	width:295px;
	height:195px;
	position:relative;
	margin-bottom:19px;
}

p.image_center>a, p.image_center>img{

	position:absolute;
}



/* header
-------------------------------------------------- */
#labo-list { background-color:#d9e8ec; padding: 10px;}
#labo-list table { width: 935px; margin: 0px auto; font-size: 11px; }
#labo-list table td { vertical-align: top;}

#footer .copy { color: #FFFFFF; text-align: center; font-size: 12px;}


/* login_form
-------------------------------------------------- */

#login_form{
	padding:5px 11px 8px 11px;
background:url(./images/login_bg.jpg) repeat-x 0 0;
border:1px solid #aaa;		
}

#login_form h2{
   color: #FFFFFF;
    font-size: 16px;
    padding-bottom: 15px;
    padding-left: 2px;
    padding-right: 0;
    padding-top: 6px;
}
#login_form a#login_bt img
{
	margin:5px 0 0px 0;	
}

#login_form p input{
bolder:1px solid #ccc;
padding:5px;
width:259px;
}

#login_form h3{
/* padding:10px 0 10px 0;	 */
background:url(./images/registrationentry_title.png) repeat-x 0 0;
/* margin:10px; */
font-size:14px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-left: 3px;
    padding-right: 0;
    padding-top: 8px;

}

#login_form p#password{
background:url(./images/login_bt.png) no-repeat 0 18px;
margin:5px 0 5px 2px;
padding-left:13px;
padding-top:15px;
}

#login_form p.input_text{
font-weight:bold;
color:#0d426a;
margin-bottom:10px;
}


#subpage table.gallery-item.db_table tbody tr td.image_area{
	text-align:center;
	height:180px;
	}



#subpage select.postform{
	width:180px;	
}

#search input#submit{
	width:150px;	
	height:30px;
}

#search input.data_base{
	width:150px;	
	height:30px;
}


/* jquery tab changer */

.tab{
	overflow:hidden;
}

ul.tab{
	padding: 0 !important;	
	margin-bottom: 0px !important;
}

.tab li{
	padding:5px 10px !important;
	margin: 0 2px 0 0 !important; 
	float:left; 
	background-image:none !important;
	cursor:pointer;	
}

ul.tab_content{
	padding: 0 !important;	
}

.tab_content li{
	background:#fcfcfc; 
	padding:10px !important;
	background-image:none !important;
}


.tab li.select{
	background:#eee !important;
}

.tab_content li.hide2 {
	display:none;
}

#content .attachment_ab a{
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    text-decoration: underline;
}