a:link {color: #6699cc; text-decoration:underline; }
a:visited {color: #6699cc; text-decoration:underline; }
a:hover{color: #99ccff; text-decoration:none; }

body{ background-color: #cccccc ; margin: 0 ; padding: 0 ; height: 100% ; width: 100% ; background-image : url(../img/bg_main.gif); background-repeat: repeat-x; background-position: left top;}

.bodyBK{ color: #333333; font-size: 90% ; line-height: 140%;}
.bodyGR{ color: #999999; font-size: 90% ; line-height: 140%;}
.bodyRD{ color: #990000; font-size: 90% ; line-height: 140%;}
.bodyRD2{ color: #ff0000; font-size: 90% ; line-height: 140%;}
.bodyBL{ color: #0033cc; font-size: 90% ; line-height: 140%;}
.bodyGRE{ color: #06ff00; font-size: 90% ; line-height: 130%;}

.bodyBKS{ color: #333333; font-size: 75% ; line-height: 130%;}
.bodyRDS{ color: #990000; font-size: 75% ; line-height: 130%;}
.bodyRDS{ color: #990000; font-size: 75% ; line-height: 130%;}


.subBK{ color: #333333; font-size: 65% ; line-height: 140%;}
.subTOP{ color: #333333; font-size: 75% ; line-height: 140%;}
.subRD{ color: #990000; font-size: 65% ; line-height: 140%;}

.titleRD{ color: #990000; font-size: 105% ; line-height: 140%; font-weight: bold; }
.titleRD2{ color: #ff0000; font-size: 105% ; line-height: 140%; font-weight: bold; }
.titleBK{ color: #333333; font-size: 105% ; line-height: 140%; font-weight: bold; }
.titleGR{ color: #999999; font-size: 130% ; line-height: 140%;  }
.titleWT{ color: #ffffff; font-size: 105% ; line-height: 140%; font-weight: bold; }

.themeTABLE_Red{ background-color: #ff0000 ;}
.themeTABLE_Gray2{ background-color: #666666 ;}
.themeTABLE_Gray{ background-color: #cccccc ;}
.themeTABLE_White{ background-color: #ffffff ;}
.themeTABLE_Black{ background-color: #000000 ;}
.themeNAVI{ background-color: #eeeeee ;background-image : url(../img/bg_navi.gif); background-repeat: repeat-y; background-position: left top;}
.themeFOOT{ background-color: #cccccc ;background-image : url(../img/bg_foot.gif); background-repeat: repeat-x; background-position: left top;}

table.products{
	margin-top:1em;
	width:551px;
}
table.products th{
	background:#cccccc;
	border-right:solid 1px #ffffff;
	border-bottom:solid 1px #ffffff;
	text-align:center;
	font-size:70%;
	color:#333333;
	padding:5px 2px;
	font-weight:normal;
}
table.products td{
	background:#eeeeee;
	border-right:solid 1px #ffffff;
	border-bottom:solid 1px #ffffff;
	text-align:center;
	font-size:70%;
	color:#333333;
	padding:5px 2px;
}
a.download{
	margin:2px auto;
	background : url(../img/download.gif) no-repeat;
	display:block;
	width:106px;
	color:#ffffff;
	line-height:22px;
	text-align:left;
	text-decoration:none;
	font-size:10px;
	text-indent:28px;
}
a.download_long{
	margin:2px auto;
	background : url(../img/download_long.gif) no-repeat;
	display:block;
	width:173px;
	color:#ffffff;
	line-height:22px;
	text-indent:28px;
	text-align:left;
	text-decoration:none;
	font-size:10px;
}
a.download:hover,a.download_long:hover{
	color:#ffffff;
	text-decoration:none;
}
a.download:visited,a.download_long:visited{
	color:#ffffff;
	text-decoration:none;
}

.download_notice{
	width:549px;
	border:solid 1px #dedede;
	background:#f7f7f7;
	
}
.download_notice p{
	margin:0;
	padding:7px;
	line-height:130%;
}


/* -------------------------------------------------------------------
	2013年11月28日 OBS 追記 
------------------------------------------------------------------- */

/* clearfix */
.clearfix:after  { content:url(clearfix.gif);display:block;clear:both;height:0;visibility:hidden; }
.clearfix        { min-height:1px; }
* html .clearfix { height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }

#cont p,
#cont table { color:#333333; font-size:90%; text-align:left; line-height:140%; }
td.headline,
td.headline h2 { margin-bottom:0; font-size:95%; font-weight:bold; }
#cont h2    { color:#990000; font-size:90%; }
#cont h3    { color:#990000; font-size:90%; }

/* USEFUL CLASS */
.sp00 { margin-top:0 !important; }
.sp05 { margin-top:0.5em !important; }
.sp10 { margin-top:1em !important; }
.sp15 { margin-top:1.5em !important; }
.sp20 { margin-top:2em !important; }
.a_center { text-align:center !important; font-size: 130%; }
.a_left  { text-align:left !important; }
.a_right  { text-align:right !important; }
.bold{ font-weight:bold !important;}
.v_middle{ vertical-align:middle !important;}

/* ○の文字拡大対応用 */
.font-size130{ font-size:130% !important;}

.icon-arrow-r { display:inline-block;padding-left:12px;background:url(../products/fine/img/icon-arrow-r.gif) no-repeat 2px 7px; }
.icon-blank   { display:inline-block;padding-left:17px;background:url(../products/fine/img/icon-blank.gif) no-repeat 0px 2px; }

/* 記事ナビゲーション */
#cont table#navi-article        { width:550px; empty-cells:show; }
	#cont table#navi-article th { width:1%; padding:6px 10px 6px 0; white-space:nowrap; font-weight:normal; border-bottom:1px dotted #cccccc; }
	#cont table#navi-article td { padding:6px 10px; border-bottom:1px dotted #cccccc; }

/* 製品ナビゲーション */
#cont .outer_article                  { width:566px; margin:20px 0 0 -14px; }
	#cont .outer_article .article     { width:265px; margin-left:14px; padding:2px; float:left; display:inline; }
	#cont .outer_article .over        { padding:0; border:2px solid #c10000; }
	#cont .outer_article .article p   { margin:0; }
	#cont .outer_article .article p a { margin:0; }
	#cont .outer_article .article img { border:none; }

#cont .detail .detail-text         { width:320px; float:left; padding-right:20px; }
#cont .detail .detail-pic200       { width:200px; float:right; }
#cont .detail .detail-pic100_left  { width:100px; float:left; }
#cont .detail .detail-pic100_right { width:100px; float:right; }

/* table */
#cont .table_a {
	width:550px;
	margin-top:1em;
	font-size:90%;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;}
	#cont .table_a th,
	#cont .table_a td {
		padding:5px 10px;
		border-right:1px solid #cccccc;
		border-bottom:1px solid #cccccc;}
	#cont .table_a th { text-align:center; background-color:#F8F8F8;}

#cont .table_b {
	width:320px;
	margin-top:1em;
	font-size:90%;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;}
	#cont .table_b th,
	#cont .table_b td {
		padding:5px 10px;
		border-right:1px solid #cccccc;
		border-bottom:1px solid #cccccc;}
	#cont .table_b th { text-align:center; background-color:#F8F8F8;}

#cont h2.news-event { margin:2em 0 0 0; }

table.products th.list-title{ padding:5px 10px; text-align:left; font-weight:bold;}

.table_newsrelease {
	width:500px;
	margin:3em auto 0;
	font-size:95%;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;}
	.table_newsrelease th,
	.table_newsrelease td {
		padding:10px 15px;
		border-right:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
		text-align:center;}
	.table_newsrelease th { text-align:center; background-color:#F8F8F8;}

/* 中央寄せ */
.text-center{ text-align:center !important;}
/* ゴシック指定 */
.font-gosic{ font-family: "ＭＳ Ｐゴシック";}
/* 赤字 */
.point{ color:#ff0000 !important;}





/* -------------------------------------------------------------------
	全体調整ここから　2017年3月14日～
------------------------------------------------------------------- */

/* サイドナビ */
#side-navi a{ display:inline-block;}
#side-navi a.home{ background:url(../common/img/sub-home-r.gif) no-repeat left top;}
#side-navi a.home:hover img{ visibility: hidden;}

#side-navi a{ display:inline-block;}
#side-navi a.profile{ background:url(../common/img/sub-profile-r.gif) no-repeat left top;}
#side-navi a.profile:hover img{ visibility: hidden;}

#side-navi a{ display:inline-block;}
#side-navi a.products{ background:url(../common/img/sub-products-r.gif) no-repeat left top;}
#side-navi a.products:hover img{ visibility: hidden;}

#side-navi a{ display:inline-block;}
#side-navi a.value{ background:url(../common/img/sub-value-r.gif) no-repeat left top;}
#side-navi a.value:hover img{ visibility: hidden;}

#side-navi a{ display:inline-block;}
#side-navi a.nano{ background:url(../common/img/sub-nano-r.gif) no-repeat left top;}
#side-navi a.nano:hover img{ visibility: hidden;}

#side-navi a{ display:inline-block;}
#side-navi a.recruit{ background:url(../common/img/sub-recruit-r.gif) no-repeat left top;}
#side-navi a.recruit:hover img{ visibility: hidden;}

#side-navi a{ display:inline-block;}
#side-navi a.related{ background:url(../common/img/sub-related-links-r.jpg) no-repeat left top;}
#side-navi a.related:hover img{ visibility: hidden;}

#side-navi a{ display:inline-block;}
#side-navi a.contact{ background:url(../common/img/sub-contact-r.gif) no-repeat left top;}
#side-navi a.contact:hover img{ visibility: hidden;}

h1.text{
	padding:3px 20px 2px 20px;
	font-size:20px; line-height:1.3em;
	color:#990000;
	background:url(../common/img/h1-text-bg.jpg) no-repeat left bottom;
	text-shadow: 1px 1px #fff;}

/* -------------------------------------------------------------------
	area-contents配下ここから　2017/03/09～
------------------------------------------------------------------- */

.area-contents{ 
	padding:0 20px 0 0;
	font-size: 90%;
	line-height: 140%;}
	
.area-contents h2{
	padding:3px 5px 2px 5px;
	background-color: #666;
	color: #ffffff;
	font-size: 105%;
	font-weight: bold;
	line-height: 140%;}
.area-contents h2.catalysts-category{
	margin:25px 0 0 0;
	background:#FFF; color:#990000;}

.area-contents h3{ margin:16px 0 0 0;}
.area-contents h3.red{ color:#990000;}

.area-contents h4{ margin:13px 0 0 0;}

.area-contents p{ margin:10px 0 0 0;}
.area-contents p.red{ color:#990000;}

.area-contents ul{ margin:10px 0 0 20px; padding:0;}
	.area-contents ul li{ margin:0 0 0 0;}
.area-contents ul.clear-ul-mark{ list-style:none;}

.area-contents .a-center{ text-align:center;}


/* COLUMN TABLE LAYOUT  */

.area-contents table{ font-size: 100%;}
.area-contents table td{ text-align:left; vertical-align:top;}
.area-contents table td.w_pic{ width:1%;}
.area-contents table td.w_pic_l{ width:1%; padding-right:20px;}
.area-contents table td.w_pic_r{ width:1%; padding-left:20px;}

/* table（旧デザイン） */
.area-contents .table_c {
	margin-top:1em;
	font-size:100%;
	border-top:1px solid #fff;
	border-left:1px solid #fff;}
	.area-contents .table_c th,
	.area-contents .table_c td {
		padding:5px 10px;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;}
.area-contents .table_c thead{ font-weight:bold;}
	.area-contents .table_c th {
		font-size: 70%; font-weight:normal;text-align:center; background-color:#cccccc;}
	.area-contents .table_c td{
		font-size: 70%; text-align:center; background-color:#eeeeee;}

/* table（新デザイン） */
.area-contents .table_d {
	width:550px;
	margin-top:1em;
	font-size:100%;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;}
	.area-contents .table_d th,
	.area-contents .table_d td {
		padding:5px 10px;
		border-right:1px solid #cccccc;
		border-bottom:1px solid #cccccc;}
	.area-contents .table_d th { text-align:center; background-color:#F8F8F8;}

	.area-contents .table_d td.particle{ text-align:center; vertical-align:middle; padding:8px 0;}

/* スクロール内　独自テーブル */
	.area-contents .area-table-scroll{
		overflow-x: auto; padding:15px 0; width:550px;}
	.area-contents .area-table-scroll table.table_e{ width:1500px;}
	.area-contents .table_e {
		width:550px;
		margin-top:1em;
		font-size:100%;
		border-top:1px solid #cccccc;
		border-left:1px solid #cccccc;}
		.area-contents .table_e th,
		.area-contents .table_e td {
			padding:5px 7px;
			border-right:1px solid #cccccc;
			border-bottom:1px solid #cccccc; text-align:center; vertical-align:middle;}
		.area-contents .table_e th { text-align:center; background-color:#F8F8F8;}
		.area-contents .table_e td.subtitle{ background-color:#eeeeee; font-weight:bold;}



.area-contents .navi-catalysts ul{ margin-left:0;}
.area-contents .navi-catalysts ul li{ width:170px; margin:0 0 0 20px; padding:0; float:left; list-style:none;}
.area-contents .navi-catalysts ul li:first-child{ margin-left:0;}

.area-contents .area-contact{ margin-top:25px; padding-bottom:10px; border:1px solid #a6a6a6;}
.area-contents .area-contact p{ margin:0; text-align:center; font-weight:bold;font-size:15px; line-height:1.5em;}
.area-contents .area-contact p.title{
	padding:3px 10px;
	border-bottom:1px solid #a6a6a6; color:#a72a2a; background-color:#eeeeee;}
.area-contents .area-contact p.inquiry{ margin-top:5px;}
.area-contents .area-contact p.tel-fax{ margin-top:5px; font-size:20px; line-height:1.2em;}


.area-contents .area-contact p.button {
			margin:10px auto 0 auto; padding:1px; width:323px;
			vertical-align:middle;
			position:relative; text-align:center; line-height:1; overflow:hidden;}
		.area-contents .area-contact p.button span.text{}
		.area-contents .area-contact p.button a{
			display:inline-block;
			padding:10px 37px 11px 55px;
			color:#a72a2a;text-decoration:none;
			background:#cecece;
			background:-webkit-linear-gradient(top, #cecece 0%, #ededed 100%);
			background:linear-gradient(to bottom, #cecece 0%, #ededed 100%);
			border:1px solid #ccc;
			border-radius:20px;
			text-shadow: 1px 1px #fff;
			font-family: "A-OTF 新ゴ Pro",A-OTF Shin Go Pro, "メイリオ";}

		.area-contents .area-contact p.button a:after{
			content:"";display:block;width:24px;height:100%;
			position:absolute;left:20px;top:0;
			background:url(../img/icon-area-contact.png) 0 center no-repeat;}
		.area-contents .area-contact p.button a:hover{
			background:-webkit-linear-gradient(top, #ededed 0%, #cecece 100%);
			background:linear-gradient(to bottom, #ededed 0%, #cecece 100%);}

.area-contents .outer-detail{ width:475px; margin:0 auto;}
.area-contents .outer-detail .detail{ width:200px; float:right;}

/* catalyst-carrier-part配下 */
#catalyst-carrier-part.area-contents .outer-detail{ width:550px; margin:0 auto;}
#catalyst-carrier-part.area-contents .outer-detail .detail{ width:255px; float:right;}
#catalyst-carrier-part.area-contents .outer-detail .detail:first-child{ float:left;}

.area-contents .outer-detail .detail:first-child{ float:left;}
.area-contents .outer-detail .detail p.title{
	position:relative;
	border:1px solid #cccccc;}
.area-contents .outer-detail .detail p.title a{
	display:block;
	padding:10px 10px 11px 5px;
	color:#a72a2a; text-shadow:1px 1px #fff;
	border:1px solid #fff;
	background:#cecece;
	background:-webkit-linear-gradient(top, #cecece 0%, #ededed 100%);
	background:linear-gradient(to bottom, #cecece 0%, #ededed 100%);
	font-weight:bold;
	font-size:14px;
	text-decoration:none;}
.area-contents .outer-detail .detail p.title a:after{
	content:"";display:block;width:14px;height:100%;
	position:absolute; right:10px;top:0;
	background:url(../img/icon-catalysts-category.png) 0 center no-repeat;}
.area-contents .outer-detail .detail p.title a:hover{
	background:-webkit-linear-gradient(top, #ededed 0%, #cecece 100%);
	background:linear-gradient(to bottom, #ededed 0%, #cecece 100%);}

.area-contents .outer-detail .detail ul{ margin:0; padding:7px 10px 13px 10px; background-color:#f0f0f0;}
.area-contents .outer-detail .detail ul li{ margin:5px 0 0 20px; font-size:90%;}

/* 画像3カラム */
.parts-column3{ width:600px; margin-right:-50px;}
.parts-column3 .detail{ float:left; width:150px; margin-right:50px;}
.parts-column3 .detail p.caption{ margin-top:3px; font-size:13px;}


/* 化粧品原料 */
.area-contents .visual-control{ margin-top:20px; padding:0 10px 10px 10px; border:1px solid #77bcd8; background-color:#baebff;}
.area-contents .fresh-feeling{  margin-top:20px; padding:0 10px 10px 10px; border:1px solid #7dcd7d; background-color:#cdffcd;}
.area-contents .uv-protection{  margin-top:20px; padding:0 10px 10px 10px; border:1px solid #c97ca2; background-color:#ffcfe7;}
.area-contents .long-lasting{   margin-top:20px; padding:0 10px 10px 10px; border:1px solid #bcb862; background-color:#fefccd;}


.area-contents .download_notice{ margin-top:15px; width:548px; border:solid 1px #dedede; background:#f7f7f7;}
.download_notice p{ margin:0; padding:7px; font-size:14px;}

/* -------------------------------------------------------------------
	area-contents配下ここまで
------------------------------------------------------------------- */
/* トップページバナーエリア */

p.area-banner{ margin:0 0 20px 0;}

/* ニュースリリース */
#newsrelease{ background:#FFF; padding-bottom:25px;}
	#newsrelease h1{ padding-bottom:1px; border-bottom:1px solid #8d8d8d; font-size:24px; line-height:1.2em;}
	#newsrelease p.date{ font-weight:bold; text-align:right;}
	#newsrelease p.title{ text-align:center; font-weight:bold;}

	#newsrelease .detail{ padding:0 20px;}
		#newsrelease .detail p{ font-size:14px; line-height:1.5em;}
		#newsrelease .detail .term{ margin-top:30px; font-weight:bold;}

	#newsrelease .page-navi{ width:340px; margin:60px auto 0 auto;}
		#newsrelease .page-navi ul{}
		#newsrelease .page-navi ul li{ float:left; list-style:none; font-size:14px; line-height:1.5em;}
		#newsrelease .page-navi ul li:first-child{ margin-right:15px; padding-right:15px; background:url(../newsrelease/img/icon-page-navi.png) no-repeat right 5px;}

/* 求人情報の削除
.nav-recruit { display:none} */
