@charset "utf-8";
/********** -- 共通設定  --**********/
html {
	height:100%;
	font-size:90%;
	overflow-y:scroll;
}
body {
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "sans-serif";
	text-align: center;
	height:100%;
}
#bg{
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
#header {
	width:800px;
	margin:0 auto;
}
#header h1 {
	float:left;
	margin-bottom:20px;
}
#container {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	/* -- min-heightクロスブラウザ設定 -- */ 
	min-height:100%;
	height: auto !important;
	height: 100%;/* -- end min-heightクロスブラウザ設定 -- */
}
#contents_environmen, #contents_product, #contents_medical, #contents_provisions, #contents_beauty, #contents_media, #contents_company, #contents_carbon, #contents-contact, #contents_inquiry, #contents_information {
	width: 800px;
}
/* -- globalmenu -- */ 
#globalmenu {
	height:32px;
	width:800px;
	background:url(../images/menu-all-on.jpg) no-repeat;
	overflow:hidden;
	clear:both;
}
#globalmenu ul {
	margin:0px;
}
#globalmenu li {
	float: left;
}
#globalmenu a {
	display:block;
	width:130px;
	height:32px;
	margin-right:4px;
}
#globalmenu li a:hover {
	display:block;
	width:130px;
	height:32px;
	margin-right:4px;
	background-color:transparent;
}
#globalmenu #gm06 a {
	margin-right:0px !important;
}
#globalmenu #gm06 a:hover {
	margin-right:0px !important;
}
#globalmenu li a:hover img {
	visibility:hidden;
}
/* -- end globalmenu -- */ 

/* -- submenu -- */ 
#submenu {
	height:25px;
	width:200px;
	margin-top:15px;
	background:url(../images/submenu_back.gif) no-repeat;
	overflow:hidden;
	float:right;
}
#submenu ul {
	margin:0px;
}
#submenu li {
	float: left;
}
#submenu li a {
	display:block;
	width:100px;
	height:25px;
}
#submenu li a:hover {
	display:block;
	width:100px;
	height:25px;
	background-color:transparent;
}
#submenu li a:hover img {
	visibility:hidden;
}

/* -- end submenu -- */ 

/* -- mainimeges -- */ 
#mainimage {
	border-left:1px solid #CCCCCC;
	border-top:5px solid #52D2C5;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	width:798px;
	height:198px;
}
#contents_environment #mainimage {
	background-image:url(../images/mainimege-en.jpg);
}
#contents_medical #mainimage {
	background-image:url(../images/mainimage-me.jpg);
}
#contents_provisions #mainimage {
	background-image:url(../images/mainimage-pr.jpg);
}
#contents_beauty #mainimage {
	background-image:url(../images/mainimage-be.jpg);
}
#contents_product #mainimage {
	background-image:url(../images/mainimage-sh.jpg);
	margin-bottom:25px;
}
#contents_company #mainimage {
	background-image:url(../images/mainimage-cm.jpg);
	margin-bottom:25px;
}
#contents_media #mainimage {
	background-image:url(../images/mainimage-md.jpg);
	margin-bottom:25px;
}
#contents_carbon #mainimage {
	background-image:url(../images/mainimage-ca.jpg);
	margin-bottom:25px;
}
#contents-contact #mainimage {
	background-image:url(../images/mainimage-co.jpg);
	margin-bottom:25px;
}
#contents_information #mainimage {
	background-image:url(../images/mainimage-if.jpg);
	margin-bottom:25px;
}
#contents_inquiry #mainimage {
	background-image:url(../images/mainimage-iq.jpg);
	margin-bottom:25px;
}
#mainimage p {
	width:620px;
	height:85px;
	overflow:auto;
	margin-left:135px;
	margin-top:110px;
	font-size:80%;
	line-height:1.5em;
}
/* -- end mainimeges -- */ 
/* -- btn-seihin -- */ 
#contents_environment #btn-seihin {
	width:185px;
	height:25px;
	background-image:url(../images/btn-sh-en-on.jpg);
	overflow:hidden;
	float:right;
}
#contents_medical #btn-seihin {
	width:185px;
	height:25px;
	background-image:url(../images/btn-sh-me-on.jpg);
	overflow:hidden;
	float:right;
}
#contents_provisions #btn-seihin {
	width:185px;
	height:25px;
	background-image:url(../images/btn-sh-pr-on.jpg);
	overflow:hidden;
	float:right;
}
#contents_beauty #btn-seihin {
	width:185px;
	height:25px;
	background-image:url(../images/btn-sh-be-on.jpg);
	overflow:hidden;
	float:right;
}
#btn-seihin a:hover {
	display:block;
	width:185px;
	height:25px;
	background-color:transparent;
}
#btn-seihin a:hover img {
	visibility:hidden;
}
/* -- end btn-seihin -- */ 

/* -- breadcrumbs -- */ 
#breadcrumbs {
	clear:both;
	font-size:80%;
}
#breadcrumbs li {
	float:left;
	height:25px;
	margin-bottom:13px;
}
#breadcrumbs li.toTop {
	width:52px;
	background-image:url(../images/pankuzu-top-on.gif);
	overflow:hidden;
}
#breadcrumbs li.toEn {
	width:156px;
	background-image:url(../images/pankuzu-en-on.gif);
	overflow:hidden;
}
#breadcrumbs a:hover {
	display:block;
	width:52px;
	height:25px;
	background-color:transparent;
}
#breadcrumbs a:hover img {
	visibility:hidden;
}

/* -- end breadcrumbs -- */ 

#mainContent {
	clear:both;
}
#main-top {
	margin:0 0 12px 0;
}
#contents_media #main-all {
	position:relative;
}
#main-all {
	padding:17px;
	margin-bottom:13px;
	background-image:url(../images/bg-com-l.png);
}
#main-left {
	width:230px;
	float:left;
	border:1px solid #CCCCCC;
	background-image:url(../images/submenu-bg.jpg);
	margin-bottom:13px;
}
#main-right {
	width: 555px;
	float:right;
	margin-bottom:13px;
}
#footer {
	border-top:solid 5px #52D2C5;
	clear:both;
	text-align:center;
	background-color:#E9E9E9;
}
#footer p {
	text-align:center;
	font-size:x-small;
	color:#555555;
	padding:8px 0;
}
p.list-mark {
	text-indent:20px;
	background:url(../images/list-image_black.gif) 0 0.15em no-repeat;
}
.fin {
	margin-bottom:0 !important;
}
a.gaibu {
	padding-left:16px;
	background:url(../images/gaibu_link.gif) 0 0.1em no-repeat;
}
/* -- main-left -- */ 
#main-left #submenu-bg {
	padding:30px 10px;
}
#main-left p {
	margin:5px 0 5px 13px;
}
#main-left p img {
	margin-right:3px;
}
#main-left .submenu-line {
	margin:0 10px 10px 20px;
	padding:0 0 0 10px;
}
#contents_environment #main-left .submenu-line {
	border-left:1px solid #8FB508;
}
#contents_medical #main-left .submenu-line {
	border-left:1px solid #7171F4;
}
#contents_provisions #main-left .submenu-line {
	border-left:1px solid #FEAB00;
}
#contents_beauty #main-left .submenu-line {
	border-left:1px solid #EF609A;
}
#main-left li {
	font-size:smaller;
	padding:5px 0;
}
/* -- end main-left -- */ 

/* -- returnBtn -- */ 
.return {
	font-size:smaller;
	clear:both;
	float:right;
}
.return img {
	margin:0 5px 0 0;
	vertical-align:middle;
}
/* -- end returnBtn -- */ 


/* -- link -- */ 
.en a {
	color:#000000;
	text-decoration:none;
}
.en a:hover {
	color:#8FB508;
}
.me a {
	color:#000000;
	text-decoration:none;
}
.me a:hover {
	color:#7171F4;
}
.pr a {
	color:#000000;
	text-decoration:none;
}
.pr a:hover {
	color:#FEAB00;
}
.be a {
	color:#000000;
	text-decoration:none;
}
.be a:hover {
	color:#EF609A;
}
.com a {
	color:#000000;
	text-decoration:none;
}
.com a:hover {
	color:#52D2C5;
}
/* -- end link -- */ 

/* -- clearfix -- */ 
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* -- end clearfix -- */
/********** -- 共通設定おわり  --**********/

/********** -- sidemenu有りページ設定  --**********/
#contents_product #submenu-bg div {
	margin-left:10px;
}
#contents_company #submenu-bg div {
	margin-left:10px;
}
.jirei {
	margin-bottom:30px;
}
#contents_environment h2.jirei-title, #contents_medical h2.jirei-title, #contents_provisions h2.jirei-title, #contents_beauty h2.jirei-title, #contents_product h2.product-title, #contents_company h2.company-info_title {
	font-size:130%;
	border-bottom:1px dashed #999999;
	width:475px;
	margin:5px 0 10px 45px;
}
.jirei-contents {
	clear:both;
	width:521px;
	padding:17px;
}
.jirei-contents .midashi {
	float:left;
	display:block;
	margin-bottom:10px;
}
/*緑の見出し*/
#contents_environment .jirei, #contents_product .sh-en {
	border-top:5px solid #8FB508;
	background:url(../images/bg-en.png) repeat-y;	/*青の見出し*/
}
#contents_medical .jirei, #contents_product .sh-me {
	border-top:5px solid #7171F4;
	background:url(../images/bg-me.png) repeat-y;	/*黄の見出し*/
}
#contents_provisions .jirei, #contents_product .sh-pr {
	border-top:5px solid #FEAB00;
	background:url(../images/bg-pr.png) repeat-y;	/*赤の見出し*/
}
#contents_beauty .jirei, #contents_product .sh-be {
	border-top:5px solid #EF609A;
	background:url(../images/bg-be.png) repeat-y;	/*アクセントカラーの見出し*/
}
#contents_company .jirei {
	border-top:5px solid #52D2C5;
	background:url(../images/bg-com.png) repeat-y;
}
h3.caption {
	font-weight:bold;
	font-size:105%;
}
h4.image-caption {
	font-weight:bold;
	font-size:90%;
	text-indent:5px;
	margin:2px 0;
	border-left:#999999 3px solid;
	line-height: 1.2em;
	color:#555555;
}
img.tokkyo_img {
	vertical-align:middle;
	margin:0 0 3px 15px;
}
.jirei-contents p {
	font-size:90%;
	line-height:1.5em;
	text-align:justify;
	text-justify:inter-ideograph;
	padding: 3px 0 10px 0;
}
p.kyoudou {
	font-size:80%;
	margin:0 0 10px 0;
}
p.image-text {
	font-size: 80%;
	color:#555555;
	line-height:1.2em;
	margin: 0 0 10px 5px;
	padding-top:0 !important;
}
.left {
	float:left;
}
.clear {
	clear:both;
}
/* -- image-wrapper -- */ 
.image-wrapperL {
	width:520px;
	margin:2px 0 10px 0;
}
.image-wrapperM {
	width:250px;
	margin:2px 10px 10px 0;
}
.image-wrapperS {
	width:160px;
	margin:2px 13px 10px 0;
}
/* -- end image-wrapper -- */ 

/********** -- sidemenu有りページ設定おわり  --**********/

/********** -- メディアページ設定  --**********/
p.media_top {
	margin:0 40px 20px;
}
#contents_media .return {
	position:absolute;
	bottom:21px;
	right:17px
}
#contents_media td {
	vertical-align:top
}
/********** -- メディアページ設定おわり  --**********/

/********** -- 更新情報一覧ページ設定  --**********/
ul.information-info {
	width:720px;
	margin:5px 0;
	border-bottom:1px solid #cccccc;
	overflow:hidden;
}
.information-info li {
	float:left;
	text-align:justify;
	text-justify:inter-ideograph;
	margin: 5px 5px -32768px;
	padding: 0 0 32768px;
	line-height:1.4em;
}
.information-info li.short {
	width:140px;
}
.information-info li.long {
	width:560px;
}
/********** -- 更新情報一覧ページ設定おわり  --**********/

/********** -- 炭素の基礎知識ページ設定  --**********/
#contents_carbon h2 {
	clear:both;
	font-weight:bold;
	color:#000000;
	font-size:110%;
}
#contents_carbon h3 {
	font-weight:bold;
	text-indent:5px;
	margin:2px 0;
	border-left:#999999 3px solid;
	line-height: 1.2em;
	color:#555555;
}
#contents_carbon p {
	margin-bottom:15px;
	line-height:1.5em;
	text-align:justify;
	text-justify:inter-ideograph;
}
#contents_carbon #main-all .ca-images {
	margin:23px;
}
#contents_carbon p.image-text {
	margin:5px 0 25px 0;
}
#contents_carbon .return {
	margin-bottom:20px;
}
/********** -- 炭素の基礎知識ページ設定おわり  --**********/

/********** -- 会社概要設定  --**********/

dl.company-info {
	line-height:1.8em;
	margin:10px 0;
}
.company-info dt {
	float:left;
	font-weight:bold;
	width:11em;
}
.company-info dd {
	margin-left:11em;
	border-bottom:solid 1px #DDDDDD;
	text-align:justify;
	text-justify:inter-ideograph;
}
dd.access-detail {
	padding-left:1em;
	text-indent:16px;
	background:url(../images/ddarow2.gif) no-repeat 1em 0.3em;
}
.company-info img {
	padding-left:1em;
	margin-top:7px;
}
.company-info div {
	float:left;
}
.company-info p {
	margin-top:-5px;
	text-align:right;
	font-size:80%;
	font-style:italic;
}
#contents_company #access-map iframe {
	border:5px solid #CCCCCC;
}
#contents_company #access-map small {
	float:right;
}
/* -- tokkyo -- */ 
ul.tokkyo-info {
	width:520px;
	margin:5px 0;
	border-bottom:1px solid #cccccc;
	overflow:hidden;
}
ul.tokkyo-top {
	font-weight:bold;
}
.tokkyo-info li {
	float:left;
	font-size:smaller;
	text-align:justify;
	text-justify:inter-ideograph;
	margin: 0 5px -32768px;
	padding: 0 0 32768px;
}
.tokkyo-info li.short {
	width:20px;
}
.tokkyo-info li.long {
	width:143px;
}
/* -- end tokkyo -- */ 
/********** -- 会社概要設定おわり  --**********/

/********** -- 採用情報設定  --**********/
#inquiry-on .off {
	display:none;
}
#inquiry-off .on {
	display:none;
}
#inquiry-on dl {
	line-height:1.8em;
	margin-bottom:20px;
}
#inquiry-on dt {
	float:left;
	font-weight:bold;
	border-bottom:solid 1px #eeeeee;
	width:8em;
}
#inquiry-on dd {
	margin-left:8em;
	border-bottom:solid 1px #eeeeee;
}
#inquiry-off p, #inquiry-on p {
	margin-top:3px;
}
/********** -- 採用情報設定おわり  --**********/