/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

    1. Open style.css file and find any clasess you want to override
	2. Copy classes to override in this file, make sure you put classes outside
	3. Activate custom.css file in theme admin panel

*/
/* START OVERRIDING / ADDING NEW CLASESS BELOW THIS LINE */

/*--------- General Styling --------- */
  a:hover{ color:#0099CC; text-decoration:none; background:none }


/*--------- HEADER --------- */

/*=== Logo Spot ===*/
#header .blog-title{ line-height:49px; display:inline }
#header .blog-title a{ background:#000066; color:#ffffff; font-size:24px; font-weight:bold; padding:10px 15px; text-transform:uppercase; font-family:verdana}
  #header .blog-title a:hover{ text-decoration:none; background:#0099CC}
#header .blog-description{ display:inline; color:#0099CC; font-style:oblique; font-size:16px; font-weight:bold; padding:0 15px; text-transform:lowercase }
#header h1.logo a:hover{ backgroundblock:none }

/*=== Search Spot ===*/
  #search-spot .search-form input{ border:1px solid #000066; width:248px; padding:6px 10px 5px 10px; color:#000066; font-size:14px }
  #search-spot .search-form button{ background:url(images/search-btn-trans.png) #000066 no-repeat; border:none; position:absolute; width:30px; height:30px; top:15px; right:0 }

/*=== Language Spot ===*/
.language {float:right; clear:both}
.language ul li{margin:5px; float:left; width:32px; height:32px;}


/*=== DROPDOWN NAVIGATION FOR PAGES ===*/
#pagenav, #pagenav ul{float:left; list-style:none; padding:0; font-size: 10px }
#pagenav a{display:block }
#pagenav li{float:left; font-weight:normal; line-height:40px; font-family:Georgia, Times, serif }
#pagenav li a{font-size: 1.5em; padding-top:4px; border-right:1px solid #F9F9F2; text-transform:none }
#pagenav .hometab a{border-left:1px solid #F9F9F2 }
#pagenav li ul li a{font-size: 13px; padding-top:0 }
#pagenav li a:hover{background:#DEDBD1; text-decoration:none; }
#pagenav li ul li a:hover{text-decoration:underline }
#pagenav li ul{position:absolute; width:18em; left:-999em; padding-top:1px }
#pagenav li:hover ul, #pagenav li.sfhover ul{left:auto; z-index:1000 }
#pagenav li ul li{background:#FFF; border:solid #D8D8D8; padding-top:5px; line-height:21px; width:18em; border-width:0 1px 1px 1px }
#pagenav li:hover, #pagenav li.hover{position:static }
#pagenav li ul ul{margin:-37px 0 0 180px }
#pagenav li:hover ul ul, #pagenav li:hover ul ul ul, #pagenav li.sfhover ul ul, #pagenav li.sfhover ul ul ul{left:-999em; padding:2px 0 0 }
#pagenav li:hover, #pagenav li.sfhover{background:#DEDBD1 }
#pagenav li ul li ul li, #pagenav li ul li ul li ul li, #pagenav li ul li ul li ul li ul li{border:solid #D8D8D8; border-width:1px 1px 0 1px }
#pagenav li ul li ul, #pagenav li ul li ul li ul, #pagenav li ul li ul li ul li ul{border:solid #D8D8D8; border-width:0 0 1px 0 }
#pagenav li:hover ul ul, #pagenav li.sfhover ul ul, #pagenav li:hover ul ul, #pagenav li:hover ul ul ul, #pagenav li:hover ul ul ul ul, #pagenav li.sfhover ul ul, #pagenav li.sfhover ul ul ul, #pagenav li.sfhover ul ul ul ul{left:-999em }
#pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li li li.sfhover ul, #pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li li li:hover ul, #pagenav li li li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li li li.sfhover ul, #pagenav li li li li.sfhover ul{left:auto }
select, #pagenav{padding:0 }
.bot, #header .spacer p, .list2{clear:both }
#pagenav li a span{font-size:12px; color:#9D9D9D; font-weight:normal }


/*--------- FEATURED SLIDER --------- */
  .slider-post .slider-title{ font:normal 23px Georgia; text-transform:none; padding:2 0 20px 0 }



/*--------- PAGES --------- */
#breadcrumb p{ padding:20px 0 0 20px; margin:0 0 -12px 0; font:normal 11px Verdana }

/*=== Posts ===*/
.post {margin: 10px 0px 40px}
.post small {font-size:0.9em}
.post p.bigfont{ font-size:1.5em}

.post .halfl { float:left; background:none; width:47%; height:auto; margin:10px 5px 10px 15px; padding:0; display:}
.post .halfr { float:right; background:none; width:47%; height:auto; margin:10px 15px 10px 5px; padding:0; display:}


.post ul.compact { padding-left:5px; margin:0px }
  .post ul.compact li{ color: #555555; margin:3px 0; padding:5px; line-height: 1em; background:none }

.post table.mettable {background: #e9e9df; width:90%; height:auto; margin:15px; padding:15px 25px; display:block ;  -webkit-border-radius: 8px; -moz-border-radius: 8px; font-family: verdana}
.post table.mettable tr {border-bottom: #cccccc 1px dotted;}
.post table.mettable tr.energy {background:#f0f8ff url(images/EnergySmallMark.png) no-repeat 0px; } 
.post table.mettable tr td {padding-left: 25px; }

.post table.supinfo {margin:50px 0px 0px 400px; border-left: #000066 solid 5px;}
.post table.supinfo tr td {padding:1px 10px;}

.post blockquote { background:#e9e9df url(images/ico-quote-trans.png) no-repeat 10px 15px; width:80%; height:auto; margin:0 0 15px 10px; padding:15px 25px 15px 55px; display:block }
.post a img { border:0px solid black; text-decoration:none }
.post img.nb { border:0px solid black; margin:10px 0px 30px 0px }
.post img.flnb { float: left; border:0px solid black; margin:0px; padding:0px }
.post img.frnb { float: right; border:0px solid black; margin:0px; padding:0px }
.post img.fl { float: left; border:0px solid black; margin:10px; padding:0px }
.post img.plain {border:0px; margin:0px; padding:0px }
.post img { border:8px solid #f6f5ed }
.post .gray_bg { background:#e9e9df; width:80%; height:auto; margin:0 0 15px 10px; padding:15px 25px 15px 55px; display:block ;  -webkit-border-radius: 8px; -moz-border-radius: 8px}
.post .article { background:#e9e9df url(images/article.png) no-repeat 10px 15px; width:70%; height:auto; margin:15px 20px; padding:15px 25px 15px 70px; display:block }
.post .white_bg { background:white; width:80%; height:auto; margin:15px 20px; padding:15px 25px 15px 70px; display:block;-webkit-border-radius: 8px; -moz-border-radius: 8px; }

.post h2 a {color:#000066; font-weight:bold;}
.post h4 {border-left: 20px solid #000066; background:#f6f5ed; margin:20px 0px 10px; padding: 3px 10px; font-size: 15px}

.post .tags {margin:20px 5px}

.post .titlejournal{ background:url(images/journal.png) no-repeat 5px 5px; padding:5px 0px 5px 35px; font-size:0.7em;color:#666666}

/*インサイト景色指定*/
.post .insightclosed {float:left; color: white; font-size:12px; background:#006600; width:auto; height:auto; margin:2px; padding:5px 10px; display:block ; text-align: center; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
.post .insighttype { float:left; background:#e9e9df; width:auto; height:auto; margin:2px; padding:5px 10px; display:block; text-align: center;  -webkit-border-radius: 8px; -moz-border-radius: 8px}
.post .plantfield { float:left; color: white; background:#009933; width: auto; height:auto; margin:2px; padding:5px 10px; display:block ; text-align: center; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
.post .biologyfield { float: left; color: white; background:#006699; width: auto; height:auto; margin:2px; padding:5px 10px; display:block ; text-align: center; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
.post .analysisfield { float:left; color: white; background:#CC0000; width: auto; height:auto; margin:2px; padding:5px 10px; display:block ; text-align: center; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
.post .infofield { float:left; color: black; background:#FFCC99; width: auto; height:auto; margin:2px; padding:5px 10px; display:block ; text-align: center; -webkit-border-radius: 8px; -moz-border-radius: 8px;}


/*コンタクトフォーム*/
/***************************************************************/
.post .phone { background:#e9e9df url(images/phone.png) no-repeat 5px; width:80%; height:auto; margin:15px 20px; padding:15px 25px 15px 70px; display:block ;  -webkit-border-radius: 8px; -moz-border-radius: 8px}
.post .cf { background:#f8f8ff; width:80%; height:auto; margin:15px 20px; padding:15px 25px 15px 70px; display:block; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.post dl.cf {margin:10px; padding:10px; background:white; width:80%; margin:15px 20px; padding:15px 25px 15px 70px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
.post dl.cf dt {clear: left; float: left; padding: 5px; color: #666666;}
.post dl.cf dd {
	margin-bottom:0em; margin-left:200px;
        padding: 5px;
}

.post .cfpost { background:#f8f8ff; width:90%; height:auto; margin:15px 10px; padding:15px 10px; display:block; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.post dl.cfpost {margin:10px; padding:10px; background:white; width:90%; margin:15px 10px; padding:15px 20px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
.post dl.cfpost dt {clear: left; float: left; padding: 5px; color: #666666;}
.post dl.cfpost dd {
	margin-bottom:0em; margin-left:200px;
        padding: 5px;
}
.post .white_bgpost { background:white; width:90%; height:auto; margin:15px 10px; padding:15px 20px; display:block;-webkit-border-radius: 8px; -moz-border-radius: 8px; }

.post .cf_bg_inside { background:#f8f8ff; width:70%; height:auto; margin:15px 20px; padding:15px; display:block }


/*定義リスト・青*/
/***************************************************************/
dl.blue dt {
	color: #1B2642;/*1*/
	border-left: solid 4px #1B2642;/*1*/
	margin: 5px 0 0;
	padding: 0 0 1.2em 10px;
	font-size:1em;
	font-weight: bold;
	vertical-align:middle;
}

dl.blue dd {
	border-bottom: 1px dotted #999;
	margin: -1.2em 0 0;
	padding: 0 0 5px 14px;
	position: relative;
}

/*テーブル・会社概要*/
/***************************************************************/
table.compro {
	float:center;
	width:48em;
	padding:0;
	margin:0 auto;}
table.compro td {border-bottom:solid 1px #CCCCCC;padding:1em;}
table.compro colgroup.narrow {
	border-right:solid 1px #CCCCCC;
	background:#F5F3F4;
	width:20％;}
table.compro colgroup.wide {width:80%;}

table.compro tr {vertical-align:middle;}

/*右・テーブル・経歴*/
/***************************************************************/
table.biog {
	width:48em;
	padding:auto;
	margin:10px 50px;}
table.biog colgroup.narrow {vertical-align:top;width:10％;}
table.biog colgroup.wide {width:90%;}
table.biog td {padding:-1em auto;}
/*************/



/*メタボロミクスインサイト・HMTコメント*/
/***************************************************************/
.post .bubble {
  position: relative;
  width: 90%;
  margin:50px 10px;
}

.post .bubble .body {
  color: black;
  background-color:#99CCCC;
  height:auto;
  margin:0 0 15px 10px;
  padding:15px 25px;
  display:block
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.post .bubble .tail {
  border-top: 18px solid #99CCCC;
  border-right: 15px solid transparent; 
  position: absolute;
  bottom: -18px;
  left: 36px;
  width: 0; 
  height: 0; 
}

/*---------PRESS RELEASE --------- */

.post ul.tagindex {width:100%; margin:10px; clear:both;}
.post ul.tagindex li{background:none; display:block; float:left; padding:2px; margin:5px; border-left:1px dotted #000000;}

.post ul.press{ padding:0; margin:0}
.post ul.press li{ color:silver; font-size:12px; border-bottom:1px solid #f1f1ed; padding:5px 0; margin:0; background:none }
.post .pressdate{ float: left;	text-transform: uppercase; color: #666666; width: 120px; border-right: dashed 1px #ddd; margin:0 15px 0 0 }

/*---------R & D --------- */
ul.index {width: 700px; list-style: none; margin: 0 0 2em 5em; padding: 0;}
ul.index li {clear: both; margin: 0; padding: 0 0 1.8em 0; position: relative; border-bottom: dotted 2px #999; background: none;}
ul.index strong {background: #fff; padding: 0 10px 0 0; fonweight: normal; position: absolute; bottom: -.5em; left: 0;}
ul.index em {background: #fff; padding: 0 0 0 5px; position: absolute; bottom: -.2em; right: 0;}
ul.index-index {width:auto; margin: -1em 0 0 0; padding: 0 0 0 2em;}
ul.index-index li {clear: both; margin: 0em; padding: 0em; position: relative; border:none;}

/*---------Events & Campaign --------- */
.post .eventclosed {color: white; font-size:0.7em; background:#006600; width:7em; height:auto; margin:2px 2px 10px 2px; padding:5px 10px; display:block ; text-align: center; -webkit-border-radius: 8px; -moz-border-radius: 8px;}

dl.events{margin:10px; padding:10px}

dl.events dt {
        clear: left;
        float: left;
        background:#e9e9df url(images/calendar.png) no-repeat 5px 3px;
	margin: 0 0 2em;
	padding: 10px 10px 15px 60px;
        width:600px;
	color: #666666;
	font-size:1.2em;
	font-weight: bold;
        -webkit-border-radius: 8px; -moz-border-radius: 8px;
}
dl.events dd {
	margin-bottom:2em; margin-left:700px;
	border-left:dashed 3px #ddd;
        padding: 5px 10px;
}

dl.events dt.exhibit {background:#e9e9df url(images/coffeeShop.png) no-repeat 5px 3px}
dl.events dt.seminar {background:#e9e9df url(images/seminar.png) no-repeat 5px 3px}
dl.events dt.presentation {background:#e9e9df url(images/presentation.png) no-repeat 5px 3px}
dl.events dt.campaign {background:#e9e9df url(images/campaign.png) no-repeat 5px 3px}

/*テーブル・プログラム*/
.post table.program {width:90%; padding:0; margin:0 auto;}
.post table.program tr {border-bottom: #cccccc 1px dotted;}
.post table.program td {padding:10px;}

/*テーブル・解析サービス*/
.post table.anaser {width:99%; padding:0; margin:0 auto; background: url(images/bg-alt.png); font-family: 'Amaranth', arial, serif;}
.post table.anaser tr {text-align: center; padding:20px 10}
.post table.anaser tr.title {font-size: 20px}
.post table.anaser tr.bg-main {background: url(images/bg-main.gif)}
.post table.anaser td {padding:10px;border: #CCCCCC 1px solid; width:20%;}
.post table.anaser ul {padding:10px;border: 0;}
.post table.anaser li {padding:10px;border-bottom: #CCCCCC 2px dotted; list-style: none;}

/*テーブル・カレンダー*/
.post table.cal {width:99%; padding:0; margin:0 auto; font-family: 'Amaranth', arial, serif; text-align: center;}
.post table.cal tr.date {padding:20px 10; background: url(images/bg-alt.png); font-size:15px;}
.post table.cal td {padding:10px; border: #CCCCCC 1px solid; width:14%;}
.post table.cal td.holiday {font-size: 10px;}

/*=== Archive ===*/
	  .archive-spot .date a:hover{ color:#0099CC }



/*---------PAGE NAVIGATION - pagination --------- */
  .Navi .on { color:#fff; display: block; float: left; font-size: 12px; padding: 4px 9px; margin-left: 4px; background: #000066 !important }


/*---------SIDE BAR --------- */
  /*=== Widget styling ===*/
  .sidebar .widget h3 span{ background:#9f9f9f; color:#ffffff; font:normal 15px Georgia; padding:10px 20px; text-transform:none }



/*=== Footer Widgets ===*/
#footwidgets-front .widget-spot .widget h3{ text-transform:none; font-weight:normal; font-size:20px }
#footwidgets-front .widget-spot .widget ol { margin:10px 0 5px; padding:2px; background: none; list-style-type:none;}
#footwidgets-front .widget-spot .widget ol li{ color: #555555; margin:0; padding:2px; background: none; list-style-type:none}
#footwidgets-blog  .widget-spot .widget ol { margin:10px 0 5px; padding:2px; background: none; list-style-type:none;}
#footwidgets-blog  .widget-spot .widget ol li{ color: #555555; margin:0; padding:2px; background: none; list-style-type:none; background: none;}





/*=== Contact Form ===*/
span.wpcf7-list-item { display: block; }