@charset "utf-8";
/*
Theme Name: KHB-module
Theme URI: http://www.kyowahakko-bio.co.jp/
Description: Copyright KYOWA HAKKO BIO Co., Ltd. All rights reserved.
Version: 1.0.0
Author: AWTK
*/

html,body { -webkit-text-size-adjust: none; }
body { min-width:1002px; }

/* ----------------------------------------------------------
Grid
------------------------------------------------------------*/

/* !Layout */
/* -------------------------------------------------------- */

header,
#contents,
footer { text-align:center; }

#contents { background: #f6f4f4 url(../img/bg_contents.jpg) repeat-x top left; }

#contents,
article { clear:both; }

.inner { margin:0 auto; width:1002px; text-align:left;}

#contents {position: relative;}
article {position:relative; z-index:999;}
#page-top {position:relative; height:128px; z-index:99999;}

#page-top {*height:128px;}
html*#page-top {height:128px;}


/* !pane */
/* -------------------------------------------------------- */

/* ----- .pane1 ----- */
.pane1 #contents { }
.pane1 article { margin-top:40px; margin-bottom:100px;}
.pane1 aside { }

/* ----- .pane2 ----- */
.pane2 #contents { }
.pane2 article { float:left; width:740px; padding-bottom:100px; /*margin-top:30px;*/ margin-top:0; padding-left:12px; }
.pane2 article .inner { width:660px; /*margin-bottom:100px;*/ padding:40px 39px; border:1px solid #f1e9e9; background:#ffffff; }
.pane2 aside { float:right; width:234px; margin-bottom:100px; }


/* !float */
/* -------------------------------------------------------- */
.left {float:left;}
.right {float:right;}
.clear { clear:both;}

/* !.italic */
/* -------------------------------------------------------- */
.italic { font-style: italic; }

/* !glid */
/* -------------------------------------------------------- */
/* ----- .col2S ----- */
.col2S { width:660px;}
.col2S.last-child { margin-bottom:0; }
.col2S .grid-1 { float:left; width:120px;}
.col2S .grid-2 { float:right; width:520px;}

/* ----- .col-half ----- */
.col-half .grid-1 { float:left; width:306px;}
.col-half .grid-2 { float:right; width:306px;}

/* ----- .col-half ----- */
.col-half-gray { margin-bottom:30px;}
.col-half-gray .grid-1 { float:left; width:261px; padding:30px; background-color:#fafafa;}
.col-half-gray .grid-2 { float:right; width:261px; padding:30px; background-color:#fafafa;}


/* !header */
/* -------------------------------------------------------- */
/* ----- #ci ----- */
#page-top { background: #f2f0f0 url(../img/bg_header.gif) repeat-x bottom left; }

/* ----- #ci ----- */
#ci { float:left; width:257px; padding:26px 0 9px 12px; }

/* ----- #utility-area ----- */
#utility-area { float:right; width:643px; padding:16px 12px 0 0;}

/* ----- #select-lang ----- */
#select-lang li { float:left; }

/* ----- gloval-nav ----- */
#gloval-nav { clear:both; width:978px; padding:0 12px; background:url(../img/bg_gnv.gif) no-repeat top center; }
#gloval-nav li { float:left; }

/* ----- global-search ----- */
#global-search { float: right;}
#global-search input.input-search { width:185px; height:27px; padding:2px 10px; border:none; line-height:1.0; font-size:14px; background:url(../img/c_h_bg_search.gif) no-repeat top left;}
#global-search input { vertical-align:top;}

/* !footer */
/* -------------------------------------------------------- */
footer { padding:27px 0 17px 0; clear:both; color:#948484; background: #ffffff url(../img/bg_footer.gif) repeat-x left top; }
footer .inner { width:990px; padding-left:12px;}
#footer-utility-nav li { float:left; margin-right:14px; font-size:12px; }
footer a,
footer a:hover { color:#948484; text-decoration:none; }
footer a:hover { text-decoration:underline; }
#copyright { float:right; margin-top: 4px;padding-right:12px; font-size:12px; color:#9b9b9b;}

/* !#contents */
/* -------------------------------------------------------- */
/* !section */
/* -------------------------------------------------------- */
section { clear:both; padding-top:60px;}
section section { padding-top:50px;}
section section section { padding-top:40px;}

section.first-child,
.literature section.first-child { padding-top:0;}

.col-half section { clear:none;}


.literature section { padding-top:35px;}

/* !.news-box */
/* -------------------------------------------------------- */
#news section { padding-top:40px; }
#news section.first-child { padding-top:0; }
#news section section.news-box { margin:0; padding:18px; font-size:14px; line-height:1.4;}
#news section section.odd { background-color:#f5f3f3; }
.news-box time { float:left; width:150px; font-weight:bold; }
.news-box h3 { float:right; width:455px; font-weight:normal; }
.news-box h3 a { color:#0f7f30; text-decoration:none; display:block; }
.news-box h3 a i { float:right; }
.news-box h3 a:hover { text-decoration:underline; }
#news-box li { overflow: hidden;white-space: nowrap; text-overflow: ellipsis; }


/* !.contact-box */
/* -------------------------------------------------------- */
.contact-box { margin-top:50px; padding:25px 29px 30px; line-height:1.4; background:#efecec; box-shadow: 0 0 10px 3px #eae7e7 inset; /*margin-bottom:100px;*/ }
.contact-box h1 { padding:0; font-size:18px; font-weight:bold; color:#0f7f30; line-height:1.2; margin-bottom:15px; }
.contact-box nav { height:50px; }
.contact-box nav li { float:left;width:94px; height:50px; margin-right:4px; position:relative; line-height:1.2; }
.contact-box nav li.last-child { margin-right:0; }
.contact-box nav li a { display:block; width:92px; height:44px; background:#e2dddd; border:1px solid #e2dddd; font-size:11px; color:#776d6d; font-weight:bold; }
.contact-box nav li .stay { display:block; width:92px; height:49px; background:#ffffff; border:1px solid #e3dede; border-bottom:1px solid #ffffff; position:absolute; top:0; left:0; z-index:10; }
.contact-box nav li strong { display:block; }
.contact-box .contact-content { background:#ffffff; border:1px solid #e3dede; padding:15px; min-height:92px; }
#contents .contact-content a { color:#0f7f30; }
.contact-box .disnon { display:none; }

.contact-box nav #tabJAO strong { width:67px; height:34px; padding:10px 0 0 25px; }
.contact-box nav #tabNAS strong { width:86px; height:34px; padding:10px 0 0 6px; }
.contact-box nav #tabEAR strong { width:70px; height:34px; padding:10px 0 0 22px; }
.contact-box nav #tabMAA strong { width:86px; height:34px; padding:10px 0 0 6px; }
.contact-box nav #tabSA strong { width:76px; height:34px; padding:10px 0 0 16px; }
.contact-box nav #tabInd strong { width:92px; height:27px; padding:17px 0 0 0; text-align:center; }
.contact-box nav #tabCn strong { width:92px; height:27px; padding:17px 0 0 0; text-align:center; }

.contact-box .contact-content .grid-1 { width:120px; float:left; }
.contact-box .contact-content .grid-1 h2 { font-size:18px; font-weight:normal; margin-bottom:5px; line-height:1; }
.contact-box .contact-content .grid-1 h2.last-child { margin-bottom:0; }
.contact-box .contact-content .grid-2 { width:520px; float:right; }
.contact-box .contact-content .grid-2 p { margin:0; padding:0; line-height:1.6; }

.contact-box .contact-content .icon-newwin { margin-right:9px; }

.branch { margin-top:10px; padding-top:10px; border-top:1px solid #ccc;}
/*.contact-box .contact-content .branch .grid-1 h2 { font-size:14px;}*/


/* !.contact-area */
/* -------------------------------------------------------- */
.contact-area { padding:25px 29px 30px; margin:0 0 30px; line-height:1.4; background:#fbfbfb; box-shadow: 0 0 10px 3px #f0f0f0 inset; }
.contact-area h1 { padding:0; font-size:18px; font-weight:bold; color:#0f7f30; line-height:1.2; margin-bottom:15px; text-align:center; }
.contact-area .btn { width:422px; height:94px; margin:0 auto; }
.contact-area .btn a { display:block; width:380px; height:42px; padding:30px 21px 22px; background:url(../img/bg_btn_contact.gif) no-repeat 0 0; text-align:center; font-weight:bold; color:#fff; }

.contact-area .txt { width:380px; margin:0 auto; }



/* !topic-path */
/* -------------------------------------------------------- */
#topic-path { padding:14px 0 10px 0; background:#e6e2e2; border-bottom:1px solid #d6cfcf; }
#topic-path ol { width:978px; margin:0 auto; padding:0 12px; }


#topic-path li { float:left; font-size:12px; }
#topic-path li a { display:block; margin-right:5px; padding:4px 10px 4px 0; color:#333333; text-decoration:none; background:url(../img/topicpath.gif) no-repeat center right;}
#topic-path li a:hover { color:#333333; text-decoration:underline;}
#topic-path li.you-are-here { padding:4px 10px 4px 0; color:#333333; }


/* !back-to-top */
/* -------------------------------------------------------- */
#back-to-top { clear:both; padding:7px 0 4px 0; background-color:#0f7f30;}
#back-to-top .inner { text-align:right; }
#back-to-top .inner p { margin:0; padding:0 12px 0 0; font-size:14px; }
#back-to-top a,
#back-to-top a:hover { color:#ffffff; }


/* !.title-area */
/* -------------------------------------------------------- */
.title-area {  margin-top:30px; margin-bottom:27px; padding-left:12px; text-align:left; line-height:1.0; }
.title-area.first-child { margin-bottom:0; }
.title-area p.category-name { display:inline-block; *display: inline; *zoom: 1; margin:0 18px 0 0; padding:12px 0 0 0; font-size:18px; color:#0f7f30; font-weight:bold; }
.title-area h1.page-title { display:inline-block; *display: inline; *zoom: 1; font-size:36px; color:#0f7f30; font-family: Futura, Arial, sans-serif; font-weight:normal; }

.title-area p.note { display:inline-block; *display: inline; *zoom: 1; padding-left:20px; }



/* !#local-nav */
/* -------------------------------------------------------- */
#local-nav { /*margin-top:66px;*/ margin-top: 0; margin-bottom:30px; }
#ln-category-name { width:191px; height:26px; /*padding:41px 0 0 43px;*/ padding: 18px 0 0 43px; background:url(../img/bg_lnv_top.gif) no-repeat bottom left; color:#0f7f30; font-weight:bold; font-size:14px; line-height:1.0;}
#contact #local-nav { padding-bottom:0; }

#ln-category-name a,
#ln-category-name a:hover { display:block; width:171px; height:26px; color:#0f7f30; }
#ln-category-name a:hover { text-decoration:underline; }

#local-nav dl { width:248px;}

#local-nav dl li a,
#local-nav .selected strong { display:block; color:#72b017; text-decoration:none;padding:12px 0 12px 27px; background:url(../img/icon_navi.gif) no-repeat 12px 48%; }
#local-nav dl li a:hover { text-decoration:underline; }

#local-nav dl #ln-level-1 li a.stay { margin-left:0; border-bottom:2px solid #72b017; color:#72b017; }

#local-nav dl #ln-level-1 li a.stay2 { margin-left:0; border-bottom:1px solid #dfd8d8;background:url(../img/icon_navi.gif) no-repeat 12px 48%; }
#local-nav dl #ln-level-1 li a.stay2 strong { color:#0f7f30;  }


#local-nav dl #ln-level-2 li a.stay { margin-left:0; padding:8px 0 8px 27px; }

#local-nav dl li { margin:0 26px 0 17px; border-bottom:1px solid #dfd8d8; font-size:14px;font-weight:bold;  }
#local-nav dl .selected { border-bottom:none; }
#local-nav dl .group { border-bottom:1px solid #dfd8d8; }

/* ----- #ln-level-1 ----- */
#local-nav dl li a { color:#0f7f30; }
#local-nav .selected { line-height:0; }
#local-nav .selected a { padding:12px 0 12px 27px; width:178px; line-height:normal; background:url(../img/bg_gnv_select.gif) no-repeat 0 50%;border-bottom:1px solid #dfd8d8; zoom: 1; }
#local-nav .selected strong { padding:0;font-weight:bold; background:none; }
#local-nav .last-child.selected { margin-bottom:5px; }

/* ----- #ln-level-2 ----- */
#local-nav #ln-level-2 {  }
#local-nav #ln-level-2 li { font-weight:normal;padding:0;margin:0;border-bottom:1px dotted #cac3c3;color:#333333; }
#local-nav #ln-level-2 .selected { border-bottom:none; }
#local-nav #ln-level-2 li a { padding:9px 0 9px 27px;color:#333333; background:none;border-bottom:none; }
#local-nav #ln-level-2 li.selected a.stay { background:url(../img/bg_gnv_select.gif) no-repeat 0 50%;}
#local-nav #ln-level-2 li.selected a.stay2 { background:url(../img/bg_gnv_select2.gif) no-repeat 0 50%; border-bottom:2px solid #72b017; color:#72b017;}
#local-nav #ln-level-2 .last-child { border-bottom:none; }

#local-nav .selected .selected { margin: 0; padding:0; background-image: none;border-bottom:none; }
#local-nav .selected .selected strong { margin-left:0; font-weight:normal; background:none; }


/* ----------------------------------------------------------
megadropdown
------------------------------------------------------------*/
#megadropdown-overlay
{
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9998;
	display:none;
	background-color: #000000;
}

#mddBox{
	width: 1250px;
	background-color: #000000;
	margin: 0 auto;
	position: absolute;
}

.megadropdown
{
	clear:both;
	display:none;
	width:100%;
	margin: 0 auto;
	padding-bottom:7px;
	/*padding:22px 0;*/
	z-index:10000;
	/*background: #dad6d6 url("../img/mdd_bg.jpg") left bottom repeat-x;*/
	background: url("../img/mdd_bg_btm.gif") left bottom repeat-x;
	text-align:left;
	position:relative;
	text-align:center;
}

.megadropdownContentsBg {
	/*width:1002px;
	margin:0 auto;*/
	padding:20px 0 14px 0;
	background: url("../img/mdd_bg.gif") left top repeat-x;
}
.megadropdownContents {
	width:1002px;
	margin:0 auto;
	/*padding:22px 0 15px 0;
	background: url("../img/mdd_bg.gif") left top repeat-x;*/
}

.mdd-list { margin-bottom:16px; }
.mdd-list.btm { margin-bottom:0; }

.mdd-list li { display:inline-block; *display: inline; *zoom: 1; margin-right:10px; }
.mdd-list li.last-child { margin-right:0; }



/* !.greenBox */
/* -------------------------------------------------------- */
section .greenBox { padding:20px;margin-bottom:30px;background-color:#dfefc8; }
section .greenBox a { text-decoration:none;/*color:#1f60b4;*/ color:#0f7f30; }
section .greenBox a:hover { text-decoration:underline; color:#0f7f30; }


/* ----------------------------------------------------------
List
------------------------------------------------------------*/
/* !.bnr-list */
/* -------------------------------------------------------- */
.bnr-list { border-top:1px solid #e3dedd; box-shadow:0 0 10px 3px #edebeb; }
.bnr-list li { border:1px solid #e3dedd; border-top:none; }
aside .bnr-list { width:205px; margin:0 auto; }

/* !.index-panel-list */
/* -------------------------------------------------------- */
.index-panel-list { margin:0 27px; }
.index-panel-list li { float:left; width:291px; margin:0 37px 30px 0; /*padding-bottom:0;*/ }
.index-panel-list li.last-child { margin:0; }

.index-panel-list li section { padding:0; /*width:291px; margin:0; padding:0;*/ }
.index-panel-list li section a { display:block; /*width:291px;*/ color:#0f7f30; }
.index-panel-list li section .img { /*width:291px;*/ height:124px; position:relative; margin-bottom:10px; }
.index-panel-list li section .img h2 { /*width:251px;*/ position:relative; margin:-0.5em 0 0; padding:0; position:absolute; top:50%; left:20px; color:#0f7f30; line-height:1.25; font-size:114%; }
.index-panel-list li section .img h2.line2 { margin:-1.2em 0 0; }
.index-panel-list li section .txt { line-height:1.25; /*margin:0;*/ color:#000; }
.index-panel-list li section a:hover { text-decoration:none; }
.index-panel-list li section p.btn { padding-left:23px; background:url(../img/icon_next_g.gif) no-repeat 0 50%; /*margin:5px 0 0;*/ }

.index-panel-list li.center-child .img { width:292px; }
.index-panel-list li.center-child .img h2 { width:252px; }


/* !.index-option-list */
/* -------------------------------------------------------- */
.index-option-list { margin:0 12px 90px; }
.index-option-list li { float:left; width:485px; margin:0 6px 0 0; background-color:#fff; }
.index-option-list li.last-child { margin:0; }

.index-option-list li section { margin:0; padding:25px 35px 6px; }
.index-option-list li section a { display:block; color:#0f7f30; }
.index-option-list li section a:hover { text-decoration:none; }
.index-option-list li section .img { width:170px; float:left; }
.index-option-list li section h2 { margin:0 0 10px 0; padding:0; color:#0f7f30; line-height:1.25; font-size:114%; }
.index-option-list li section .txt { width:230px; float:right; line-height:1.25; color:#000; }
.index-option-list li section .txt p { line-height:1.25; }
.index-option-list li section p.btn { padding-left:23px; background:url(../img/icon_next_g.gif) no-repeat 0 50%; margin:10px 0 0; color:#0f7f30; }

/* !.list-disc */
/* -------------------------------------------------------- */
.list-disc li { padding-left:15px; background:url(../img/icon_disc.gif) no-repeat top left; font-size:14px; line-height:1.4;}

/* !.list-decimal */
/* -------------------------------------------------------- */
.list-decimal {
    margin-bottom: 30px;
}
.list-decimal li {
    line-height: 1.4;
    margin-bottom: 17px;
	margin-left:2em;
	list-style-type:decimal;
}
.list-decimal.last-child, .list-decimal li.last-child {
    margin-bottom: 0;
}


/* ----------------------------------------------------------
Icon
------------------------------------------------------------*/
i { display:inline-block; vertical-align:middle; overflow:hidden; }
.icon-back-to-top { width:7px; height:4px; margin-right:13px; background:url(../img/icon_back_to_top.gif) no-repeat top left; }
.icon-link-s { width:13px; height:13px; margin-right:7px; background:url(../img/icon_link_s.gif) no-repeat top left; }
.icon-prev { width:17px; height:17px; margin-right:7px; background:url(../img/icon_prev.gif) no-repeat top left; }
.icon-next { width:17px; height:17px; margin-left:7px; background:url(../img/icon_next.gif) no-repeat top left; }

/* ----- cap ----- */
.cap { padding-left:1em; text-indent:-1em; }


/* ----------------------------------------------------------
Button / Link
------------------------------------------------------------*/
a { text-decoration:none; outline:none; color: #0b5e24;}
a:hover { text-decoration:underline; }
a:hover img.btn { float:none; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }

area { outline:none; }


/* ----------------------------------------------------------
Line
------------------------------------------------------------*/
/* !.line-dot */
/* -------------------------------------------------------- */
.line-dot { background:url(../img/c_line_dot.gif) repeat-x bottom left;}

/* ----------------------------------------------------------
Background
------------------------------------------------------------*/
/* !.shadow */
/* -------------------------------------------------------- */
.shadow2 { box-shadow: 0 1px 2px 0px #d4d3d4; }
.shadow { box-shadow: 0 1px 3px #e5e4e5; border-top:none; border-bottom:1px solid #d2d1d2;}
.shadow-text-box { padding:24px 30px; line-height:1.4; background:#fbfbfb; box-shadow: 0 0 10px 3px #f0f0f0 inset; }
.shadow-text-white { text-shadow: 0 0 5px #ffffff;  }


/* ----------------------------------------------------------
Typography
------------------------------------------------------------*/
body{ font-size:14px; color:#403738;}


/* !Paragraph */
/* -------------------------------------------------------- */
article p { margin-bottom:30px; line-height:1.8;}
/*article p.first-child,*/
article p.first-child,
article p.last-child { margin-bottom:0; }
article header p { line-height:1.0;}
article p.fig,
article p.pic { margin-bottom:20px; }

/*p.fig img { border:1px solid #d6d3cd;}*/


/* !align */
/* -------------------------------------------------------- */
.align-r { text-align:right;}
.align-l { text-align:left;}
.align-c { text-align:center;}


/* !indent */
/* -------------------------------------------------------- */
.indent {
    padding-left: 1em;
    text-indent: -1em;
}



/* ----------------------------------------------------------
Headdings
------------------------------------------------------------*/

h3,h4 { margin-bottom:5px;}

/*
------------------------------------------------------------*/
.headline,
.heading,
.subhead,
.title { margin-bottom:15px; }

.headline { padding:0; font-size:18px; font-weight:bold; color:#0f7f30; line-height:1.2; }
.title { font-size:18px; font-weight:bold; color:#0f7f30; line-height:1.2; }

/* ----------------------------------------------------------
Icon
------------------------------------------------------------*/
i { display:inline-block; vertical-align:middle; overflow:hidden; }

.icon-pdf { margin-left:5px; width:16px; height:18px; background:url(../img/c_icon_pdf.gif) no-repeat top left; }
.icon-link { padding-left:18px; padding-top:1px; background:url(../img/icon-link.png) no-repeat 0 3px; color:#0b5e24; font-size:14px; line-height:1.4; }

.icon-external {display:block; float:right; width:12px; height:12px; background:url(../img/icon_newwin.gif) no-repeat top left;  }
.icon-external2 {margin-left:5px; width:12px; height:12px; background:url(../img/icon_newwin2.gif) no-repeat 0 0;  }

/*
.icon-newwin { display:block; float:left; width:12px; height:12px; background:url(../img/icon_newwin.gif) no-repeat 0 50%;  }
*/
.icon-newwin { display: block; float: left; width: 12px; height: 17px; background: url(../img/icon_newwin.gif) no-repeat 0 5px; }


.icon-dev { margin-bottom:10px; width:134px; height:22px; background:url(../img/c_icon_dev.gif) no-repeat 0 0;  }


/* ----------------------------------------------------------
Table
------------------------------------------------------------*/
.table-basic { border:1px solid #d7d7d7; width:658px; line-height:1.8; }
.table-basic th { width:200px; padding:12px; text-align:left; vertical-align:middle; border-bottom:1px dotted #d0cbcb; background-color:#f5f3f3; color:#666; }
.table-basic td { border-bottom:1px dotted #d0cbcb; padding:12px 30px; }


/* !display */
/* -------------------------------------------------------- */
.inline-block { display: inline-block !important;}



/* ----------------------------------------------------------
privacypolicy_eea
------------------------------------------------------------*/
#privacypolicy_eea article section > section + section { padding-top: 20px;}
#privacypolicy_eea article section > section + section .indent { margin-left: 10px;}
#privacypolicy_eea article section ul li { margin-bottom: 10px; padding-left: 1em; text-indent: -1em; line-height: 1.5; }

/*EOF*/