@charset "UTF-8";
/* CSS Document */

/*　プラントページ　*/
/*３カラムタイプのボックス設定*/
.listp {
	background: #fff;
	position: relative;
	overflow: auto;
	margin-bottom: 20px;
}

/*画像の設定*/
.listp img.img {
	float: left;
	width: 25%;	/*画像の幅。ここを変更する場合は、下の.list .textのmargin-leftの数字も調整する。*/
}

/*右側のテキスト欄*/
.listp .text {
	padding: 2% 60px 2% 2%;	/*上、右、下、左への余白*/
	margin-left: 27%;		/*左の画像とのバランスをとって設定*/
}

/*pタグの設定*/
.listp p {
	padding: 0 !important;
}

.listp.c5 {
	width: 31%;	/*ボックスの幅*/
	margin: 0 1% 20px;	/*上、左右、下へのボックスの外側にとる余白*/
	float: left;
	height: 200px;	/*高さ。下の「.list.c3 a」のheightと合わせる。*/
	text-align: center;	/*文字をセンタリング*/
}
.listp.c5 a {
	height: 200px;
}
/*３カラムタイプの画像設定*/
.listp.c5 img.img {
	float: none;
	width: 100%;
}
.listp.c5 .text {
	padding: 0;
	margin-left: 0;
}

/*１カラムでページを表示時の３カラムボックスの高さ*/
.c1 .listp.c5,
.c1 .listp.c5 a {
	height: 200px;
}

/*　プラントページ　ここまで　*/


/* 会社概要 取扱商品　テーブル セル*/
td ul.shohin {
	list-style-type: circle;
	margin-left: 15px;
}

/* 会社概要　テーブル セル*/

ul.company li{
	display: block;
	width:auto;
	float: left;
	margin:0 10px 2px 0;
}

/*
ul.company{
	float: left;
	margin: 1px 50px 5px 0px;
	width:350px;
	
}
*/
/*
ul.company_r{
	float: left;
	margin: 1px 0px 5px 0px;
	
}
*/

/*お問い合わせフォーム　お問い合わせ確認画面*/

#main_form th,#main_f th{
	background:#e6e6e6;
}
#main_form th,#main_form td,#main_f th,#main_f td{
	line-height:1.5em;
}
#main_form th,#main_f th{
	border-bottom:1px #ffffff dotted;
}
#main_form td,#main_f td{
	border-bottom:1px #cccccc dotted;
}
.line_tw{
	border-top:1px #ffffff dotted;
}
.line_tg{
	border-top:1px #cccccc dotted;
}
.t_red{
	color:#ff0000;
	font-size:10px;
}
.t_small{
	font-size:10px;
}
/*受付完了*/
#main_formthanks{
	height: 500px;
	margin: 10px 10px 10px 10px;
	padding: 30px 0px 30px 0px;
	clear: none;
	width: 932px;
	text-align:center;
	font-size:0.9em;
}
#main_thanks{
	overflow: hidden;
	margin: 0px 10px 10px 10px;
	padding: 10px;
	clear: none;
	width: 932px;
	text-align:left;
	text-indent:100px;
	font-size:0.9em;
	text-indent:200px;
}
/*フォーム入力エラー*/
#main_error{
	overflow: hidden;
	margin: 30px 10px 20px 10px;
	padding: 20px 30px;
	clear: none;
	width: 850px;
	text-align:left;
	text-indent:100px;
	font-size:0.9em;
	line-height:1.5em;
}
#main_error form{
	margin:20px;
}

/*お問い合わせページ*/
.red{
	color: red;
}

/*画面幅1200px以上の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1200px){

/*PRANTページ
---------------------------------------------------------------------------*/
/*３カラムタイプのボックスの高さ*/
.listp.c5,
.listp.c5 a {
	height: 250px;
}
/*１カラムでページを表示時の３カラムボックスの幅*/
.c1 .listp.c5 {
	width: 23%;
}

}



/*画面幅1600px以上の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1600px){

/*SERVICEページ
---------------------------------------------------------------------------*/
/*３カラムタイプのボックスの高さ*/
.listp.c5,
.listp.c5 a {
	height: 320px;
}
/*１カラムでページを表示時の３カラムボックスの幅*/
.c1 .listp.c5 {
	width: 18%;
}
/*共通*/
.listp.c5,
.c1 .listp.c5 {
	max-width: 400px;	/*この幅以上には広がらないようにする*/
}

}