@charset "Shift_JIS";

/*

-----------------------------------



	create: 2007-05-24

	update: 2010-07-09

	url: http://www.kracie.co.jp/



----------------------------------- */



/*

-------------------------

TAGS

------------------------- */

*{

	margin: 0;

	padding: 0;

	text-decoration: none;

	font-weight: normal;

	font-style: normal;

	line-height: 1.2;

}

h1, h2, h3, h4, h5, h6{

	font-size: 100%;

	font-weight: normal;

}

li{

	list-style: none;

}

div,dt, dd, ul,li,dl,ol{

	zoom: 1;

}

div:after,

dt:after,

dd:after,

ul:after,

ol:after,

li:after,

dl:after{

	content:" ";

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

}

a img {

	border: none;

}



/* anchor */

a{

	color: #51798A;

	overflow:hidden;

	text-decoration:none;

}

a:hover{

	text-decoration:underline;

}

a:visited{

	color:#999999;

}

/* table */

table {

	border-collapse:0;

}

th,td {

	border-collapse:collapse;

}



/*

-------------------------

body

------------------------- */

body{

	border-top: solid 5px #FFD500;

	color: #666666;

	text-align: center;

	font-size: 100%;

}

html>/**/body {

	font-size: 16px; /* Except IE */

}

/*

20px 125%

18px 112.5%

16px 100%

14px 87.5%

12px 75%

10px 62.5%

*/



/*

-------------------------

#container

------------------------- */

#container {

	margin: 0 auto;

	width: 950px;

	text-align: left;

}



#container a{

	color: #51798a;

}

/*

-------------------------

HEADER

------------------------- */

#header{

	margin-bottom: 21px;

	position: relative;

	width: 950px;

	height: 75px;

}

#header h1{

	position: absolute;

	top: 0;

	left: -10px;

}

#header .subNav{

	position: absolute;

	top: 7px;

	left: 235px;

}

#header .subNav p{

	float: left;

}

#header .subNav .home{

	margin-right: 211px;

}

#header .subNav .kampo{

	margin-right: 190px;

}

#header .subNav .kantaibun,
#header .subNav .english{

	margin-right: 15px;


}
#header .subNav .hantaibun,
#header .subNav .kantaibun,
#header .subNav .english{
  padding-top: 2px;
}

#header .search{

	position: absolute;

	top: 7px;

	right: 0;

}

#header .search input{

	vertical-align: top;

	font-size: 62.5%;

}

#header .search .text{

	margin-right: 4px;

	padding: 0 4px;

	border: solid 1px #E5EAEE;

	width: 150px;

	height: 20px;

	line-height: 20px;

	color: #999999;

}

#header .search .btn{

	margin-top: 1px;

}

#header .globalNav{

	position: absolute;

	top: 40px;

	left: 235px;

}

#header .globalNav ul li{

	float: left;

}

#header #gNavi{

	display: none;

}

/*

-------------------------

BASE LAYOUT - 2COL fixed

------------------------- */

#contents {

	clear:both;

}

#footer {

	clear:both;

}



/*

------------------------

CONTENTS

------------------------- */

#contents{

	padding: 20px 0 20px 0;

}

#mainContents_sideline {

	background: url("../cmn/contentsline_side.gif") repeat-y 172px top;

}



#sideMenu {

	float:left;

	width:172px;

}

#mainContents{

	float: left;

	width:778px;

	background: url("../cmn/contentsline_top.gif") no-repeat left top;

	font-size: 12px;

}

* html #mainContents{

	font-size: 0.8em;

}

#contents .bnavi{

	text-align: right;

	font-size: 0.8em;

	padding: 20px 0 0 0;

}



/*

------------------------

CONTENTS NEW

------------------------- */

#contents{

	width: 950px;

}

#contents_new{

	width: 950px;

}

#contents_new *{

	line-height: 1.5;

}

#contents_new #topicPath,

#contents_new #topicPath *{

	line-height: 1.2;

}

/*

------------------------

TOPIC PATH

------------------------- */

/*

#topicPath {

	padding-left:13px;

	height:36px;

	line-height:36px;

	font-size:12px;

	background: #fff url("../cmn/tpath.gif") no-repeat right bottom;

}

*/

#topicPath{

	padding-bottom: 10px;	

	font-size: 75%;

	border-bottom: 1px solid #e0e5e8;

}

#topicPath li{

	margin-right: 10px;

	float: left;

	line-height: 1.5;

}

#topicPath li a{

	padding-right: 20px;

	background: url("/image/common/bg_topicpath.gif") right center no-repeat;

}



/*

-------------------------

FOOTER

------------------------- */

#footer {

	padding: 15px 11px;

	border: solid 1px #E5EAEE;

}

#footer *{

	line-height: 1.5;

}

#footer .globalNav{

	margin-bottom: 14px;

	padding: 0 8px;

	border-bottom: solid 1px #E5EAEE;

	font-size: 75%;

}

#footer .globalNav ul li{

	line-height: 1.05;

	padding-bottom: 10px;

	padding-left: 11px;

	background: url("/image/common/ico_arrow_right.gif") no-repeat left 1px;

}

#footer .globalNav ul li a{

	line-height: 1.05;

	font-weight: bold;

	color: #51798a;

}

#footer .globalNav ul li ul{

	padding-top: 5px;

	padding-bottom: 10px;

}

#footer .globalNav ul li ul li{

	line-height: 1.5;

	padding-bottom: 0;

	padding-left: 0;

	background: 0;

}

#footer .globalNav ul li ul li a{

	line-height: 1.5;

	font-weight: normal;

}

#footer .globalNav p{

	margin-bottom: 5px;

	color: #51798A;

	font-weight: bold;

}

#footer .globalNav .section1{

	margin-right: 20px;

	float: left;

	width: 200px;

}

#footer .globalNav .section1 ul li{

	padding-bottom: 20px;

}

#footer .globalNav .section1 ul li ul,

#footer .globalNav .section1 ul li ul li{

	padding-bottom: 0;

}

#footer .globalNav .section2{

	margin-right: 20px;

	float: left;

	width: 276px;

}

#footer .globalNav .section3{

	margin-right: 20px;

	float: left;

	width: 194px;

}

#footer .globalNav .section3 ul li.type2{

	margin-top: 20px;

}









#footer .globalNav .section4{

	float: left;

	width: 180px;

}

#footer .globalNav .section4 ul{

	margin-bottom: 10px;

}

#footer .contact h2{

	margin-bottom: 5px;

}

#footer .contact .section1{

	margin-bottom: 12px;

	font-size: 62.5%;

}

#footer .contact .section1 p{

	position: absolute;

	top: 13px;

	left: 20px;

}

#footer .contact .section1 h3,

#footer .contact .section1 h4{

	text-indent: -9999px;

}

#footer .contact .section1 .unit1{

	position: relative;

	float: left;

	width: 302px;

	height: 180px;

	background: url("/image/footer/bg_foods.gif") no-repeat;

}

#footer .contact .section1 .unit2{

	margin-right: 10px;

	position: relative;

	float: left;

	width: 302px;

	height: 180px;

	background: url("/image/footer/bg_homeproducts.gif") no-repeat;

}

#footer .contact .section1 .unit3{

	margin-right: 10px;

	position: relative;

	float: left;

	width: 302px;

	height: 180px;

	background: url("/image/footer/bg_pharmaceutical.gif") no-repeat;

}

#footer .contact .section1 .unit3 p.element2,
#footer .contact .section1 .unit1 p.element3{

	text-indent: -1em;

	margin-left: 1em;

	top: 116px;

	left: 20px;

	width: 260px;

	line-height: 1.5;
	
	font-size:10px;

}

#footer .contact .section1 .unit3 .txt_attention{

	color: #ff0000;
	line-height: 1.2;
}

#footer .contact .section2{

	padding-bottom: 15px;

}



#footer .contact .section2 .unit1,
#footer .contact .section2 .unit3{

	padding-left: 6px;

	/*float: left;*/

	/*width: 685px;*/

	font-size: 75%;

}

#footer .contact .section2 .unit1 .element2{

	text-indent: -1em;

	margin-left: 1em;

	margin-bottom: 20px;

}





#footer .contact .section2 .unit3 ul li{

	margin-right: 17px;

	padding-left: 11px;

	float: left;

	line-height: 1.05;

	background: url("/image/common/ico_arrow_right.gif") no-repeat left 1px;

	font-weight: bold;

}

#footer .contact .section2 .unit3 ul li a{

	line-height: 1;

	font-weight: bold;

}





#footer .contact .section2 .unit2{

	/*float: right;*/

	/*width: 155px;*/

	font-size: 75%;
	
	margin-bottom:20px;

}

/*#footer .contact .section2 .unit2 p{

	float: left;

}*/

#footer .contact .section2 .unit2 p.element1{

	/*width: 155px;*/
	padding-right:10px;
	padding-top:5px;
	float: left;
	
}

#footer .contact .section2 .unit2 p.element2{

	margin-top: 5px;

	width: 155px;

	text-align: center;

	color: #ff0000;
	
	float: left;

}

#footer .contact .section3{

	margin-bottom: 20px;

}

#footer .contact .section3 p{

	font-size: 75%;

}

#footer .contact .section5{

	font-size: 75%;
	margin-bottom:5px;

}

#footerNav{

	font-size: 62.5%;

}

#footerNav ul{

	padding: 5px 0 0 9px;

	float: left;

}

#footerNav ul li{

	float: left;

}

#footerNav p{

	padding: 5px 2px 0 0;

	float: right;

}



/* -----------------------------------------------------

Search suggest （ヘッダーフォーム用）

------------------------------------------------------ */



div.SS_suggest { 

font-weight: normal;

z-index: 9;

display: none;

position: absolute;

text-align: left;

}



#SS_searchForm1 div.SS_suggest {

width:159px;

border-bottom: 1px solid #E5EAEE;

border-right: 1px solid #E5EAEE;

border-left: 1px solid #E5EAEE;

}



* html #SS_searchForm1 div.SS_suggest {

top:20px;

left:0px;

z-index:10;

}



#SS_searchForm1 div.SS_suggest div.SS_suggestItemOff {

border-top: 1px solid #E5EAEE;

background-color: #FFF;

padding: 1px 2px 1px 4px;

}



#SS_searchForm1 div.SS_suggest div.SS_suggestItemOn {

border-top: 1px solid #E5EAEE;

background-color: #ECF5FA;

padding: 1px 2px 1px 4px;

}



#SS_searchForm1 div.SS_suggest span.SS_suggestKey {

font-size: 11px;

color: #999999;

}



* html #header {

z-index: 10;

}



* html #header .search {

z-index: 10;

}



* html #header .globalNav {

z-index: 8;

}



/* 100907 追記 */

*:first-child+html #header .globalNav {

z-index: 8;

}

*:first-child+html #header .search {

z-index: 10;

}

*:first-child+html #SS_searchForm1{

z-index: 10;

}

*:first-child+html #SS_searchForm1 div.SS_suggest {

top:20px;

left:0px;

z-index:10;

}