@charset "utf-8";



/*-- ベース --*/

* {
  margin: 0;
  padding: 0;
}

/*-- ボディ --*/

	body {
  		background-color: #ffffff ;
  		font-size: 12px !important;
  		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ','Meiryo',sans-serif;
  		color: #333333;
		}

	#body_nomal {
		background-color: #f7f7f7 ;
		font-size: 12px !important; height: 100%;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ','Meiryo',sans-serif;
		color: #333333;
		}


	/*-- デザイン事業部 ウェブライン --*/

	#body_webline {
		background-color: #4de3f9;
		font-size: 12px !important; height: 100%;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ','Meiryo',sans-serif;
		color: #333333;
		}

/*-- テキスト制御 --*/

	h1 {
  		margin: 0 0 0 0;
  		font-size: 24px;
  		text-align: left;
		}

	h2 {
  		margin: 0 0 0 0;
  		font-size: 18px;
  		text-align: left;
		}

	h3 {
  		margin: 0 0 0 0;
  		font-size: 16px;
  		text-align: left;
		}

	h4 {
  		margin: 0 0 0 0;
  		font-size: 14px;
  		text-align: left;
		}

	h5 {
  		margin: 0 0 0 0;
  		font-size: 12px;
  		text-align: left;
		}
		
	h6 {
  		margin: 0 0 0 0;
  		font-size: 10px;
  		text-align: left;
		}




	.text {
		margin: 0px 0px 0px 30px; padding-top: 2px;
		width: 880px;
		font-size: 14px; color: #000; line-height: 1.5;
		}
	
	.text2 {
		margin: 0px 0px 0px 30px; padding-top: 2px;
		width: 880px;
		font-size: 14px; color: #000; line-height: 1.5; }
		
	.contents_title {
		margin: 0px 0px 0px 20px; padding-top: 4px;
		width: 900px;
		font-size: 18px; color: #000; line-height: 1.5;
		}

	.contents_text {
		margin: 0px 0px 0px 20px; padding-top: 2px; 
		width: 900px ;
		font-size: 14px; color: #000; line-height: 1.5;
		}

	.border_title {
		margin: 0 auto 0 20px; padding-top: 4px; 
		width: 840px;
		font-size: 18px; color: #000; line-height: 1.5;
		}
	
	.border_text {
	margin: 0 auto 0 20px;
	padding-top: 0px;
	width: 840px;
	font-size: 14px;
	color: #000;
	line-height: 1.5;
		}
		
	.border_text_mini {
		margin: 0 auto 0 20px; padding-top: 4px;
		width: 840px;
		font-size: 12px; color: #000; line-height: 1.5; 
		}
	
	.border_text_miniW {
		margin: 0 auto 0 6px; padding-top: 4px;  padding-left: 4px;  padding-right: 4px; padding-bottom: 4px;
		font-size: 12px; color: #000; line-height: 1.5; 
		}
		
	.border_text_mini_right {
		margin: 0 auto 0 20px; padding-top: 4px;
		width: 840px;
		font-size: 12px; color: #000; line-height: 1.5; text-align: right; 
		}
		
	.border_textB {
		margin: 0 auto 0 20px; padding-top: 4px;
		width: 840px;
		font-size: 14px; color: #000; line-height: 1.5;
		font-weight:bold;
		}
		
	.border_text2 {
		margin: 0 auto 0 35px; padding-top: 4px;
		width: 825px;
		font-size: 14px; color: #000; line-height: 1.5; 
		}
		
	
	.table_text {
		padding-top: 2px;
		background-color:#fff; color: #000;
		font-size: 14px; line-height: 1.5;
		}
		
		
	.border_text_rightimage {
	margin: 0 auto 0 20px;
	padding-top: 4px;
	width: 568px;
	font-size: 14px;
	color: #000;
	text-align: left;
	line-height: 1.5;
		}
		

/*-- リンク制御 --*/

	a {
  		text-decoration: none;
		}
		
	a:link {
		color: #000;
		}
		
	a:hover, a:active {
		color: #ff9900;
		}

	a:visited {
		color: #000;
		}
		
	a img {
		border: none;  
		}
	#page_top {
		margin: 0 auto 0 auto ;
		width: 920px ;
		height: 20px ; text-align: right;
		}

	.timg {
		border:none;
		vertical-align:top; float:right;
		}


/*-- 表示制御 --*/

	.none {	
		display:none;
		}
		
	.clear {
		display:none;
		}
		
	.content_clear {
		clear :both ;
		margin: 0 auto;
		padding: 0;
		font-size: 1px;
		line-height:0;
		}


/*-- イメージ制御 --*/

	img {
		border:none;
		vertical-align:top;
		}


	.rightimage {
		margin: 0 auto 0 auto ;
		width: 290px; position:relative;
		text-align: center; float: right;
		}


	.rightimage_we_webline {
		margin: 0 auto 0 auto ;
		width: 180px; position:relative;
		text-align: left; float: right;
		}


	.rightimage_webline {
		margin: 0 auto 0 auto ;
		width: 340px; position:relative;
		text-align: right; float: right;
		}
	
	.caption {
		margin: 0 auto 0 auto ;
		width: 2q0px;
		font-size: 10px; color: #000000;
		text-align: center; line-height: 1.5; padding-top: 5px;
		}
		
		
/*-- 位置制御 --*/

	p {
		font-size: 14px;
		color: #333333;
		text-align: left;
		line-height: 1.5;
		}

	.p_center {
		font-size: 12px;
		color: #333333;
		text-align: center;
		line-height: 1.5;
		}

	.p_right {
		font-size: 12px;
		color: #333333;
		text-align: right;
		line-height: 1.5;
		}

	.table_0_base {
		border-top: 1px solid #f4f4f4;
		border-left: 1px solid #f4f4f4;
		border-collapse: collapse;
		}

	.table_0_caption {
		padding: 8px;
		text-align: center;
		font-size: 14; font-weight: bold;
		border-right: 1px solid #f4f4f4;
		border-bottom:  1px solid #f4f4f4;
		background-color: #f4f4f4;
		}
		
	.table_0_td_left {
		padding: 6px;
		font-size: 14px;
		color: #000;
		text-align: left;
		vertical-align:top;
		line-height: 1.5;
		border-right: 1px solid #f4f4f4;
		border-bottom:  1px solid #f4f4f4;
		}
		
	.table_0_td_center {
		padding: 6px ;
		font-size: 14px;
		color: #333333;
		text-align: center; vertical-align:top;
		line-height: 1.5;
		border-right: 1px solid #f4f4f4;
		border-bottom:  1px solid #f4f4f4;
		}
		
	.table_0_td_right {
		padding: 6px ;
		font-size: 14px;
		color: #333333;
		text-align: right; vertical-align:top;
		line-height: 1.5;
		border-right: 1px solid #f4f4f4;
		border-bottom:  1px solid #f4f4f4;
		}

	.table_1_base {
		border-top: 1px solid #CCC;
		border-left: 1px solid #CCC;
		border-collapse: collapse;
		}

	.table_1_caption {
		padding: 8px;
		text-align: center;
		font-size: 14; font-weight: bold;
		border-right: 1px solid #CCC;
		border-bottom:  1px solid #CCC;
		background-color: #f4f4f4;
		}
		
	.table_1_td_left {
		padding: 6px;
		font-size: 14px;
		color: #000;
	text-align: left;
	line-height: 1.5;
	border-right: 1px solid #CCC;
	border-bottom:  1px solid #CCC;
		}
		
	.table_1_td_center {
	padding: 6px;
	font-size: 14px;
	color: #000;
	text-align: center;
	line-height: 1.5;
	border-right: 1px solid #CCC;
	border-bottom:  1px solid #CCC;
		}
		
	.table_1_td_right {
	padding: 6px;
	font-size: 14px;
	color: #000;
	text-align: right;
	line-height: 1.5;
	border-right: 1px solid #CCC;
	border-bottom:  1px solid #CCC;
		}
	
	
	
	.column3 {
		margin: 0 auto 0 auto ;
		position:relative; float: left; width: 266px ; margin-left: 20px;
		}
		
	.column3_title {
		padding: 6px 10px 6px 10px;	
		width: 244px;
		border-left:solid 1px #CCC; border-right:solid 1px #CCC;
		text-align: center;
		font-size: 14px; color: #000000; line-height: 1.5; font-weight:bold;
		}	
		
	.column3_text {
	padding: 0 10px 0 10px;
	width: 244px;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
	font-size: 14px;
	color: #000;
	line-height: 1.5;
		}	
		
	.column3_bot {
		margin: 0 auto 0 auto ;
		width: 266px ; height: 10px;
		background: url(../../design/img_products/oils_column3_bot.png);
		background-repeat: repeat-y ;
		}
		
	*html .column3_bot {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../design/img_products/oils_column3_bot.png', sizingMethod='scale');
		background: none;
		}
		


/*-- 背景　枠 --*/


	.border_nomal1_top {
		margin: 0 auto 0 auto ;
		width: 880px ;
		height: 30px ;
		background: url(../../common_image/border_nomal_w_top.png);
		background-repeat: no-repeat ;
		}
		
	*html .border_nomal1_top {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../common_image/border_nomal_w_top.png', sizingMethod='scale');
		background: none;
		}

	.border_nomal2_top {
		margin: 0 auto 0 auto ;
		width: 880px ;
		height: 30px ;
		background: url(../../common_image/border_nomal_g_top.png);
		background-repeat: no-repeat ;
		}
		
	*html .border_nomal2_top {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../common_image/border_nomal_g_top.png', sizingMethod='scale');
		background: none;
		}
		
	.border_nomal1_mid {
		margin: 0 auto 0 auto ;
		width: 880px ;
		background: url(../../common_image/border_nomal_w_mid.png);
		background-repeat: repeat-y ;
		}
		
	*html .border_nomal1_mid {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../common_image/border_nomal_w_mid.png', sizingMethod='scale');
		background: none;
		}

	.border_nomal2_mid {
		margin: 0 auto 0 auto ;
		width: 880px ;
		background: url(../../common_image/border_nomal_g_mid.png);
		background-repeat: repeat-y ;
		}
		
	*html .border_nomal2_mid {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../common_image/border_nomal_g_mid.png', sizingMethod='scale');
		background: none;
		}
		
	.border_nomal1_bot {
		margin: 0 auto 0 auto ;
		width: 880px ;
		height: 10px ;
		background: url(../../common_image/border_nomal_w_bot.png);
		background-repeat: no-repeat ;
		}
		
	*html .border_nomal1_bot {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../common_image/border_nomal_w_bot.png', sizingMethod='scale');
		background: none;
		}

	.border_nomal2_bot {
		margin: 0 auto 0 auto ;
		width: 880px ;
		height: 10px ;
		background: url(../../common_image/border_nomal_g_bot.png);
		background-repeat: no-repeat ;
		}
		
	*html .border_nomal2_bot {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../common_image/border_nomal_g_bot.png', sizingMethod='scale');
		background: none;
		}





/*-- 枠大：カドマルバージョン --*/


	.backimage_nomal_top {
		margin: 0 auto 0 auto ;
		width: 940px ;
		height: 30px ;
		background: url(../../common_image/backimage_maru_top.png);
		background-repeat: no-repeat ;
		}

	.backimage_nomal_mid {
		margin: 0 auto 0 auto ;
		width: 940px ;
		background: url(../../common_image/backimage_mid.png);
		background-repeat: repeat-y ;
		}

	.backimage_nomal_bot {
		margin: 0 auto 0 auto ;
		width: 940px ;
		height: 30px ;
		background: url(../../common_image/backimage_maru_bot.png);
		background-repeat: no-repeat ;
		}





/*-- 枠大：カドカクバージョン◆ --*/

	#backimage_nomal2_top {
		margin: 0 auto 0 auto ;
		width: 940px ;
		height: 30px ;
		background: url(../../common_image/backimage_kaku_top.png);
		background-repeat: no-repeat ;
		}

	#backimage_nomal3_top {
		margin: 0 auto 0 auto ;
		width: 940px ;
		height: 30px ;
		background: url(../../common_image/backimage_kakumini_top.png);
		background-repeat: no-repeat ;
		}
	#backimage_nomal2_bot {
		margin: 0 auto 0 auto ;
		width: 940px ;
		height: 30px ;
		background: url(../../common_image/backimage_kaku_bot.png);
		background-repeat: no-repeat ;
		}





/*------------------[outline]--------------------------*/

		
	#arrow {
		margin: 0 auto 0 auto;
		width: 880px; height: 40px;
		font-size: 14px;
		color: #ffffff;
		vertical-align:middle;
		}
	
	li {
		
		list-style:inside;
		}




/*------------------[header]--------------------------*/

#header_back {
 margin: 0 0 0 0;
 width: 100% ;
 height: 72px ;
 background: url(../../allimg/header_back.png);
}

#header {
 margin: 0 auto 0 auto;
 width: 980px ;
 height: 72px ;
 background: url(../../allimg/header.png);
}


#title {
 width: 500px ;
 height: 72px ;
 background: url(../images/title.png) no-repeat ;
 background-position: left top ;
 float: left ;
}

#logo {
 margin-left: 0px ;
 width: 500px ;
 height: 72px ;
 background: url(../images/logo.png) no-repeat ;
 background-position: right top ;
 float: left ;
}

#headerbar {
  margin: 10px 0 0 20px;
  font-size: 12px;
  color: #666666;
  text-align: left;
  line-height: 1.5;
}

#title_name{
  margin: 5px 0 0 25px;
}




/*------------------[navi]--------------------------*/

.textPlaceholder {
 margin:0px;
 padding:0px;
 position:absolute;
 top:0px;
 height:128px;
 left:0px;
 font-size:12px;
 background:url("../images/slide_back.gif") no-repeat;
 background-position: top left ;
 background-color: #333333;
 opacity: 1.0;
 filter: alpha(opacity=100);
 -moz-opacity:1.0; 
 display:none;
 color:#ffffff;
 border-bottom:0px solid #B63040 ;
 width:100%;
 z-index:10;
}

.textPlaceholder div {
 padding: 0px;
}

.textPlaceholder {
 text-decoration:none;
 cursor:pointer;
}

#tspace{
 margin: 0;
 padding: 0.5em 1em 0.5em 1em; 
 color: #ffffff;
 font-size: 12px;
 line-height: 1.5;
}