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


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


/* !.bnr-area */
/* -------------------------------------------------------- */
#top #contents .inner { width:978px; margin:0 auto;}


/* !.main-img-area */
/* -------------------------------------------------------- */
#top #contents { position:relative; /*padding-bottom: 40px;*/ background-image:none; background-color:#f8f7f8;}

.pane1 .bg-area { background:url(../img/bg_main_img.jpg) repeat-x left top; width: 100%; height: 462px; position: absolute; }
.pane1 .main-img-box .inner { position:relative; width:1002px; margin:0 auto; }


/*#top .main-img-box { position:absolute; top:0; width:100%; height:462px; }*/
#top .main-img-box { width:100%; height:462px; position:absolute; left:0; /*background:url(../img/idx_main_img01.jpg) no-repeat center top;*/}


#top .bgArea1 { background:url(../img/idx_main_img01.jpg) no-repeat center top;}
#top .bgArea2 { background:url(../img/idx_main_img02.jpg) no-repeat center top;}
#top .bgArea3 { background:url(../img/idx_main_img03.jpg) no-repeat center top;}


.btn-detail img { position:absolute; /*display:none; z-index:999999;*/ }
#top .bgArea1 .btn-detail img.txt01 { left:0px; top:285px;}
#top .bgArea2 .btn-detail img.txt02 { right:0; top:36px;}
#top .bgArea3 .btn-detail img.txt03 { left:0px; top:209px;}

#top .bgArea1 .btn-detail img.txt02,
#top .bgArea1 .btn-detail img.txt03  { display:none !important; }

#top .bgArea2 .btn-detail img.txt01,
#top .bgArea2 .btn-detail img.txt03  { display:none !important; }

#top .bgArea3 .btn-detail img.txt01,
#top .bgArea3 .btn-detail img.txt02  { display:none !important; }


#top .bgArea1 .btn-detail img.txt02,
#top .bgArea1 .btn-detail img.txt03,
#top .bgArea2 .btn-detail img.txt01,
#top .bgArea2 .btn-detail img.txt03,
#top .bgArea3 .btn-detail img.txt01,
#top .bgArea3 .btn-detail img.txt02  { display:none !important; }


.main-img-nav { position:relative; width:1002px; margin:0 auto; /*z-index:99999;*/}
.main-img-nav li { float:left; margin-right:7px; cursor:pointer;}
.main-img-nav li.last-child { margin-right:0;}

.bgBtnArea { position:relative; top:396px; right:7px; float:right; }



/* !.news-area */
/* -------------------------------------------------------- */
#top .news-area { position:relative; width:100%; height:42px; margin-top:408px !important; background:url(../img/idx_whatsnew_bg.png) repeat-x bottom left; /*z-index:9999;*/}
#top .news-area dt { float:left; width:120px; padding-top:12px;}
#top .news-area dt img { margin-left:2px;}
#top .news-area dd { float:left;width:828px; padding-top:14px;}

#top .btn-area { float:right; margin-top:6px;}
#top #nextBtn,#top #prevBtn { cursor:pointer;}
#top #nextBtn { margin-bottom:2px;}

#top time { margin-right:20px;}
#top .news-area a { color:#0f7f30; text-decoration:none;}
#top .news-area a:hover { text-decoration:underline;}

/* !.bnr-area */
/* -------------------------------------------------------- */
#top .bnr-area { clear:both; width:100%; background:url(../img/idx_bg_bnr_area.jpg) repeat-x bottom left;}
#top .bnr-area li { float:left; margin-top:8px;}
#top .bnr-area li.bnr-end { /*margin-right:20px;*/}
#top .bnr-area li.bnr-network { float:right;  margin-top:0;}



/* !.idx-bnr-area */
/* -------------------------------------------------------- */
#top .idx-bnr-area { float:left; width:644px; margin-top:10px; }
#top .idx-bnr-area .top { height:2px; line-height:1.0; background:url(../img/idx_bnr_top.gif) no-repeat bottom left;}
#top .idx-bnr-area .mid { padding:13px; background:url(../img/idx_bnr_mid.gif) repeat-y top left;}
#top .idx-bnr-area .btm { height:2px; line-height:1.0; background:url(../img/idx_bnr_btm.gif) no-repeat top left;}



/* ----------------------------------------------------------
Typography
------------------------------------------------------------*/



/* ----------------------------------------------------------
List
------------------------------------------------------------*/



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


/* ----------------------------------------------------------
Button / Link
------------------------------------------------------------*/



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

/* ----------------------------------------------------------
Table
------------------------------------------------------------*/


/* ----------------------------------------------------------
Form
------------------------------------------------------------*/




/* ----------------------------------------------------------
Line
------------------------------------------------------------*/



/* ----------------------------------------------------------
Background
------------------------------------------------------------*/















/*EOF*/