@charset "UTF-8";



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


textsetting.css
各ブラウザでのフォントサイズの違いをなくすcss

base.css
bodyの余白や、h1h2...の余白、clearfixなど、

【common.css】
上記cssのimportや、レイアウト（大枠）を記載したcss




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


/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	

*/

/* ------------------------------------------------------------ */
/* リンク色 */
/* ------------------------------------------------------------ */

/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */


/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */


/* ------------------------------------------------------------ */
/* コンテンツ大枠 */
/* ------------------------------------------------------------ */
#contents-area{
	padding-top:0px;
}


/* ------------------------------------------------------------ */
/* サイドメニュー */
/* ------------------------------------------------------------ */
.side_contents {
	border:1px solid #ccc;
	border-bottom:none;
	margin-bottom:20px;
}

.side_contents a{
	zoom:1;
	display:block;
}

.side_contents h5{
	font-weight:normal;
}

.side_contents h5 a{
	padding:5px 0px 5px 20px;
}

#submenu-area .sidemenu a {
	padding-left:20px;
}

.side_contents li {
	border-bottom:1px solid #ddd;
	zoom:1;
}

.side_contents li .side_s_contents {
	overflow:hidden;
}

.side_contents li .side_s_contents li{
	border:none;
}

#submenu-area .sidemenu a:link{
	background:#fff url(../img/common/category_li.gif) no-repeat 8px 5px;
}
#submenu-area .sidemenu a:visited{
	background:#fff url(../img/common/category_li.gif) no-repeat 8px 5px;
}
#submenu-area .sidemenu a:hover{
	background:#eef7f7 url(../img/common/category_li.gif) no-repeat 8px 5px;
}
#submenu-area .sidemenu a:active{
	background:#eef7f7 url(../img/common/category_li.gif) no-repeat 8px 5px;
}


#submenu-area .sidemenu .small_last a:link{
	background:#fff url(../img/common/category_li_last.gif) no-repeat 8px 5px;
}
#submenu-area .sidemenu .small_last a:visited{
	background:#fff url(../img/common/category_li_last.gif) no-repeat 8px 5px;
}
#submenu-area .sidemenu .small_last a:hover{
	background:#eef7f7 url(../img/common/category_li_last.gif) no-repeat 8px 5px;
}
#submenu-area .sidemenu .small_last a:active{
	background:#eef7f7 url(../img/common/category_li_last.gif) no-repeat 8px 5px;
}


#submenu-area .sidemenu .seal a:link{
	background:#eef7f7 url(../img/common/category_li.gif) no-repeat 8px 5px;
}
#submenu-area .sidemenu .seal a:visited{
	background:#eef7f7 url(../img/common/category_li.gif) no-repeat 8px 5px;
}
#submenu-area .sidemenu .seal a:hover{
	background:#eef7f7 url(../img/common/category_li.gif) no-repeat 8px 5px;
}
#submenu-area .sidemenu .seal a:active{
	background:#eef7f7 url(../img/common/category_li.gif) no-repeat 8px 5px;
}


#submenu-area .sidemenu h5 a:link{
	background:#fff url(../img/common/head_navi_arrow.gif) no-repeat 8px 11px;
}
#submenu-area .sidemenu h5 a:visited{
	background:#fff url(../img/common/head_navi_arrow.gif) no-repeat 8px 11px;
}
#submenu-area .sidemenu h5 a:hover{
	background:#eef7f7 url(../img/common/head_navi_arrow_on.gif) no-repeat 8px 11px;
}
#submenu-area .sidemenu h5 a:active{
	background:#eef7f7 url(../img/common/head_navi_arrow_on.gif) no-repeat 8px 11px;
}


#submenu-area .sidemenu .seal h5 a:link{
	background:#eef7f7 url(../img/common/head_navi_arrow_on.gif) no-repeat 8px 11px;
}
#submenu-area .sidemenu .seal h5 a:visited{
	background:#eef7f7 url(../img/common/head_navi_arrow_on.gif) no-repeat 8px 11px;
}
#submenu-area .sidemenu .seal h5 a:hover{
	background:#eef7f7 url(../img/common/head_navi_arrow_on.gif) no-repeat 8px 11px;
}
#submenu-area .sidemenu .seal h5 a:active{
	background:#eef7f7 url(../img/common/head_navi_arrow_on.gif) no-repeat 8px 11px;
}


#submenu-area .sidemenu .small_last.seal a:link{
	background:#eef7f7 url(../img/common/category_li_last.gif) no-repeat 8px 5px;
}
#submenu-area .sidemenu .small_last.seal a:visited{
	background:#eef7f7 url(../img/common/category_li_last.gif) no-repeat 8px 5px;
}
#submenu-area .sidemenu .small_last.seal a:hover{
	background:#eef7f7 url(../img/common/category_li_last.gif) no-repeat 8px 5px;
}
#submenu-area .sidemenu .small_last.seal a:active{
	background:#eef7f7 url(../img/common/category_li_last.gif) no-repeat 8px 5px;
}


/* ------------------------------------------------------------ */
/* メイン */
/* ------------------------------------------------------------ */
.section {
	margin-bottom:30px;
}

.section h3 {
	background:url(../img/common/h3_back.gif) no-repeat;
	padding:0px 0px 6px 35px;
	font-size:107%;
	margin-bottom:20px;
}

/* ------------------------------------------------------------ */
/* 発泡セラミックス */
/* ------------------------------------------------------------ */
.section .point_new img {
	display:block;
	margin-bottom:8px;
}

.cera_fla {
	margin-bottom:25px;
}

.cera_fla img {
	margin:5px auto 0px auto;
	display:block;
}

.point_ex {
	margin-bottom:8px;
}

.point_ex p{
	float:right;
	width:505px;
	margin:0px;
	padding-top:7px;
	font-size:107%;
}

.point_ex img {
	display:block;
}

.point_ex_title {
	width:120px;
}

.point_ex_title p {
	background:url(../img/common/point_ex_top.gif) top no-repeat #7d8b1d;
	width:120px;
	padding:11px 0px 2px 0px;
	margin:0px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	line-height:1;
	float:none;
}

.high-graph {
	width:300px;
}

h4 {
	font-size:107%;
	padding-left:18px;
	margin-bottom:15px;
	padding-bottom:5px;
	background:url(../img/common/h4.gif) no-repeat 0px 3px;
}

.choice {
	width:200px;
	padding-right:10px;
	margin-bottom:30px;
	float:left;
}

.choice img {
	margin-bottom:15px;
}

.section .choice h4 {
	margin:0px 0px 1px 0px;
}

.section .choice p {
	padding-left:8px;
	border-left:#e3e8bf solid 5px;
}

.use_content .text_photo {
	width:520px;
	float:right;
}

.use_content .text_photo img{
	float:right;
}

.use_content .text_photo p {
	margin:0 0 3px 0;
	padding-left:0px;
}

.section .lineup {
	float:right;
	width:400px;
}

.section .lineup table {
	border:1px solid #ccc;
	width:100%;
	margin-bottom:15px;
}

.section .lineup th {
	background:url(../img/common/table_th.gif) repeat-x #d6ebc6;
	padding:5px 0px 3px 0px;
	vertical-align:middle;
	border:1px solid #ccc;
}

.section .lineup td {
	background:#f1f9ec;
	vertical-align:middle;
	padding:3px 5px;
	border:1px solid #ccc;
}

.section .back_gradation {
	background:url(../img/common/back_gradation.gif) top left no-repeat;
	margin-bottom:15px;
}

.section.lineup_border {
	border-bottom:1px dotted #ccc;
}

.section .lineup_img {
	width:245px;
}

.section .lineup_img img{
	padding:5px;
	margin-top:10px;
}

.section .lineup_img ul li img {
	padding:0px;
	margin:0px;
	border:none;
}

.section .lineup_img ul {
	margin-top:6px;
	margin-left:10px;
}

.section .lineup_img ul li {
	float:left;
	margin-right:8px;
}

.section .lineup .point_ex p{
	float:right;
	width:230px;
	margin:0px;
	padding-top:7px;
	font-size:107%;
}

.section .lineup .point_ex img {
	display:block;
}

.section .lineup .point_ex_title {
	width:120px;
}

.section .lineup .point_ex_title p {
	background:url(../img/common/point_ex_top.gif) top no-repeat #7d8b1d;
	width:120px;
	padding:11px 0px 2px 0px;
	margin:0px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	line-height:1;
	float:none;
}

.auto_supply {
	background:url(../img/ceramics/auto_supply.jpg) no-repeat;
	zoom:1;
	height:200px;
	padding:30px 10px 0px 120px;
}

.flowerpot_series img {
	margin-bottom:20px;
}
	
.flowerpot_series .point_ex_title img {
	margin-bottom:0px;
}

.flowerpot_series .point_ex_title p {
	line-height:1.2;
}

.section .pot_point ul li img {
	margin:0 0 -7px 0;
	padding:0px;
}

.pot_point ul li {
	float:left;
	width:315px;
	padding-right:5px;
}

.pot_point ul li p {
	margin:0px;
	padding-left:118px;
}

.section .lineup .fire_use li {
	list-style:disc;
}

.section .back_green{
	background:#8fb678;
	text-align:center;
	color:#fff;
	padding-left:0px;
}

.section .movie {
	margin-left:60px;
	margin-bottom:20px;
}

.section .movie ul {
	margin:0px auto;
	display:block;
}

.section .movie li {
	width:240px;
	padding:5px;
	border:1px solid #999;
	color:#fff;
	margin-right:20px;
	float:left;
}

.section .movie li img {
	display:block;
	margin:0px auto;
}

.section .movie li p {
	background:#999;
	margin:0px;
	padding:5px;
}



/* ------------------------------------------------------------ */
/* 耐火板・耐熱板 */
/* ------------------------------------------------------------ */
.section .lineup.fire_size {
	float:right;
	width:380px;
}

.section .lineup.fire_size .fire_size_img {
	padding:0px;
	width:25%;
	vertical-align:middle;
	text-align:center;
}

.section .lineup.fire_size .fire_size_img {
	padding:1px 0 0 0;
}

.section .lineup.fire_size td {
	background:#f1f9ec;
	vertical-align:middle;
	padding:3px 5px;
	text-align:center;
	width:25%;
}

/* ------------------------------------------------------------ */
/* 耐火板・耐熱板 */
/* ------------------------------------------------------------ */
.in-vehicle {
	width:240px;
}

.process_text {
	width:360px;
}

.section .process_text h4 {
	margin-bottom:6px;
}

.back_ash {
	background:#999;
	color:#fff;
	text-align:center;
	padding:5px 0px;
}

.section .lineup.rpf-rdf {
	width:100%;
}

.section .lineup.rpf-rdf .two_line {
	width:4%;
}

.section .lineup.rpf-rdf .rpf-rdf_top {
	width:12%;
}

.section .kind_list {
	margin-bottom:15px;
}

.section .kind_list li {
	width:150px;
	border:1px solid #999;
	text-align:center;
	color:#fff;
	margin-right:8px;
	float:left;
}

.section .kind_list li img {
	display:block;
	margin:0px auto;
}

.section .kind_list li p {
	background:#999;
	margin:0px;
	padding:5px 0px;
}

.section .lineup.molding {
	float:none;
}

/* ------------------------------------------------------------ */
/* 水質浄化システム */
/* ------------------------------------------------------------ */
.renkosu_box p img {
	margin:6px;
}

.renkosu_box li {
	float:left;
	width:300px;
	height:110px;
	border:1px solid #c2e0e0;
	margin-left:12px;
	margin-bottom:12px;
}

*:first-child+html .renkosu_box {
}

/* hide from Mac IE \*/
* html .renkosu_box {
	margin-left:-24px;
}
/* */

.renkosu_box li p{
	background:#c2e0e0;
	margin-bottom:5px;
	font-weight:bold;
	padding:2px 0px 2px 5px;
	color:#000;
	font-size:100%;
	text-align:center;
}

.renkosu_box li span {
	margin:0px 5px;
	display:block;
	line-height:1.4;
}

.setting {
	margin-bottom:5px;
}

.setting img {
	padding-left:10px;
}

.setting p {
	margin-bottom:3px;
}

.section .lineup.renkosu {
	float:none;
	width:420px;
}

.section .lineup.renkosu table {
	border:1px solid #ccc;
	width:100%;
	margin-bottom:15px;
}

.section .lineup.renkosu th {
	background:url(../img/common/table_th.gif) repeat-x #d6ebc6;
	padding:5px 0px 3px 0px;
	vertical-align:middle;
	border:1px solid #ccc;
}

.section .lineup.renkosu td {
	background:#f1f9ec;
	vertical-align:middle;
	padding:3px 5px;
	border:1px solid #ccc;
}

/* 事業モデル */

.section.model_business {
	margin:0px 0px 10px 0px;
}

.section.model_business table{
	border-collapse: collapse;
	margin:0 0 0px 0;
}
	.section.model_business table.underspace{
		border-collapse: collapse;
		margin:0 0 0px 0;
	}

.section.model_business table th,
.section.model_business table td{
	padding:5px 5px 5px 10px;
	border:1px solid #E6E6E6;
	vertical-align:top;
}
.section.model_business table th{
	text-align:left;
	background:#F0F0F0 url(../img/common/bg_th.jpg) left top no-repeat;
	width:120px;
}

/* 事業モデル */

.section.water_good-point p{
	background:url(../img/water/high_sera_back.jpg) no-repeat;
	height:260px;
}



/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */

/* ------------------------------------------------------------ */
/* デザインパーツ */
/* ------------------------------------------------------------ */
.right {
	float:right;
}

.right_img {
	padding:10px;
	width:370px;
}

.center {
	text-align:center;
	margin:0px;
	padding:0px;
}

.center img {
	margin:0px 8px;
}

.left {
	float:left;
}

.color_red {
	color:#f00;
}

.color_blue {
	color:#03c;
}

.bread {
	padding-top:10px;
}

.bread li{
	display:inline;
	margin-right:3px;
	color:#999;
	font-size:85%;
}

.bread .bread_home {
	background:#085da3;
	padding:2px;
}

.bread .bread_home a {
	color:#fff;
	text-decoration:none;
	padding:0px;
	margin:0px;
}

.text_link {
	text-align:right;
	margin:0px;
	padding:0px;
	clear:both;
}

.text_link a {
	background:url(../img/common/text_link.gif) no-repeat 0px 4px;
	padding-left:10px;
}

.text_link.text_link_out a{
	background:url(../img/common/text_link_outmark.gif) no-repeat 0px 3px;
	padding-left:15px;
}

.text_link.text_link_pdf a{
	background:url(../img/common/pdf.gif) no-repeat 0px 1px;
	padding-left:18px;
}

/* トピックス */

.newsline{
	padding:5px 10px 5px 0px;
	border-bottom:#ccc dotted 1px;
}
.date{
	font-family:Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#555;
	width:80px;
	float:left;
}
.newstitle{
	float:left;
}

.emphasis {
	background:#e7f3db;
	border:1px solid #8fb678;
	font-weight:bold;
	padding:5px;
	width:350px;
}

.section .lineup.half_half {
	float:none;
	width:480px;
}

.section .lineup.max {
	float:none;
	width:640px;
}

.section .lineup.max hr {
	border:dotted 1px #ddd;
	margin:5px 0;
	color:#ccc;
}

.section .red_box {
	background:#F2C6C6;
	border:1px solid #C85555;
}

.section p {
	padding-left:9px;
}

.img_list img {
	display:block;
	margin-bottom:12px;
}