@charset "utf-8";

/*スライドの設定
---------------------------------------------------------------------------*/

        #slide {
            width: 980px;
            height: 500px;
            position: relative;
        }

        #slide #list li {
            position: absolute;
            top: 0;
            left: 0;
        }

        #slide #navi {
            display: none;
        }

        #slide #navi li {
            float: left;
            margin-right: 10px;
        }

        #slide #navi li a {
            display: block;
            border: 1px solid #ccc;
            padding: 0 10px;
            line-height: 30px;
            background: #eee;
            color: #000;
            text-decoration: none;
        }

        #slide #navi li a.current,
        #slide #navi li a:hover {
            background: #999;
        }
/*スライドの設定
---------------------------------------------------------------------------*/

        .kankyo_slide {
            width: 980px;
            height: 300px;
            position: relative;
        }

        .kankyo_slide #list li {
            position: absolute;
            top: 0;
            left: 0;
        }

        .kankyo_slide #navi {
            display: none;
        }

        .kankyo_slide #navi li {
            float: left;
            margin-right: 10px;
        }

        .kankyo_slide #navi li a {
            display: block;
            border: 1px solid #ccc;
            padding: 0 10px;
            line-height: 30px;
            background: #eee;
            color: #000;
            text-decoration: none;
        }

        .kankyo_slide #navi li a.current,
        .kankyo_slide #navi li a:hover {
            background: #999;
        }



/*全体の設定
---------------------------------------------------------------------------*/
body {
	color: #444;	/*全体の文字色*/
	background-color: #FFF;	/*全体の背景色*/
/*	background-image: url(../images/bg.gif);	/*背景画像の読み込み*/
	margin: 0px;
	padding: 0px;
	font: 18px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";	/*文字サイズ/行間、フォントファミリー*/
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure {
	margin: 0px;
	padding: 0px;
/*	text-align: center;*/
	color: #666;
}
ul{
	list-style-type: none;
}
img {
	border: none;
	vertical-align: bottom;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
/*----------テンプレの【テーブル設定】-----------------*/
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
	margin:0px;
	text-align: center;
    background-color: #fff;

}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #333;	/*リンクテキストの色*/
}
a:hover {
	color: #5dccfa;			/*マウスオン時の文字色（全体）*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	width: 980px;	/*コンテナー幅*/
	margin: 0px auto;
	-webkit-box-shadow: 0px 0px 8px #999;	/*影の設定。右・下・ぼかし幅・色の設定*/
	box-shadow: 0px 0px 8px #999;			/*同上*/
	background-color: #FFF;	/*コンテナーの背景色*/
	/* [disabled]padding: 0px 10px; */		/*上下、左右の余白*/
	position:relative;
}

/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	width: 100%;	/*ブロックの幅*/
	height: 150px;	/*ブロックの高さ*/
	position: relative;
}
/*「創るを形に井上工業株式会社」のスタイル*/
header h1 {
	font-weight: normal;		/*通常太字なのを標準にする設定*/
	color: #FFF;				/*文字色*/
	background-color: #9cd5ea;	/*背景色*/
	font-size: 10px;			/*文字サイズ*/
	text-align: left;			/*文字を右寄せ*/
	line-height: 18px;			/*行間*/
	padding-left:8px;
}
/*ロゴ画像の設定*/
header #logo {
	position: absolute;
	left: 10px;	/*ヘッダーブロックに対して左から10pxの位置に配置*/
	top: 27px;	/*ヘッダーブロックに対して上から38pxの位置に配置*/
}
/*電話番号ボックスの設定*/
header address {
	position: absolute;
	top: 51px;			/*ヘッダーブロックに対して上から38pxの位置に配置*/
	right: 9px;	/*ヘッダーブロックに対して右から20pxの位置に配置*/
	font-size: 18px;	/*文字サイズ*/
	text-align: center;	/*文字をセンタリング*/
	font-style: normal;	/*通常斜体になっているのを通常に*/
	letter-spacing: 0.1em;	/*文字間隔を少し広めにとる設定*/
	line-height: 1;		/*行間*/
	color: #545454;		/*文字色*/
	font-weight: bold;	/*文字を太字に*/
}
/*電話番号ボックス内の「TEL」の設定*/
header address .tel {
	display: inline-block;
	color: #FFF;				/*文字色*/
	background-color: #9cd5ea;	/*背景色*/
	padding: 2px 10px 1px;		/*上、左右、左へのボックス内の余白*/
	margin-right: 10px;
	font-weight: normal;
}

/*上部のメインメニュー
---------------------------------------------------------------------------*/
/*メニューブロックの設定*/
nav#menu #menu-list {
	position: absolute;
	left: 0px;		/*ヘッダーブロックに対して左から0pxの位置に配置*/
	bottom: 0px;	/*ヘッダーブロックに対して下から0pxの位置に配置*/
}
/*メニュー１個ごとの設定*/
nav#menu #menu-list .menu-list-item {
	float: left;
	width: 163px;	/*メニュー幅*/

}
nav#menu #menu-list .menu-list-item > a {
	padding: 0 5px;
	height: 47px;	/*ブロックの高さ*/

	line-height: 47px;	/*行間*/
	text-decoration: none;
	display: block;
	margin: 0px 0px 0 4px;		/*メニューの外側への余白。上、右、下、左への指定。*/
	font-size: 14px;	/*文字サイズ*/
	font-weight: bold;
	letter-spacing: 0.1em;		/*文字間隔を少し広めにとる設定。*/
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	border-radius: 4px;		/*角丸のサイズ*/
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/

	background-image: url(../images/menu_bar3.png), -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f4f4f4));	/*バー画像の読み込みとグラデーション*/
	background-image: url(../images/menu_bar3.png), -webkit-linear-gradient(#FFF, #f4f4f4 49%, #e8e8e8 50%, #FFF 100%);	/*同上*/
	background-image: url(../images/menu_bar3.png), linear-gradient(#FFF, #f4f4f4 49%, #e8e8e8 50%, #FFF 100%);			/*同上*/
	background-repeat: no-repeat;		/*背景のバー画像をリピートしない設定*/
	background-position: left center;	/*背景のバー画像の位置*/
	text-align: center;	/*文字をセンタリング*/
	-webkit-box-shadow: 1px 2px 5px #e2e2e2, 0px 0px 1px #FFF inset;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定＋内側への設定*/
	box-shadow: 1px 2px 5px #e2e2e2, 0px 0px 1px #FFF inset;
	font-size: 16px;			/*同上*/
	transition: all 0.5s ease 0s;
}

/*ココから*/
nav#menu #menu-list .menu-list-item > a:hover {
	color:#fff;
	background-image: url(../images/menu_bar3.png);	/*バー画像の読み込みとグラデーション*/
	background-color: #5dccfa;
}
/*IE8以下ヘッダーメニューの調整*/
@media \0screen\,screen\9 {
    nav#menu #menu-list .menu-list-item > a{
    	background-image: url(../images/menu_bar3.png);	/*バー画像の読み込みとグラデーション*/
    }
}
/*ココまで*/

/*最初のメニューの設定*/
nav#menu ul li:first-child a {
	margin-left: 0px;
}
/*マウスオン時と、current(表示中のメニュー)の設定*/

nav#menu ul li#current a {
	background-color: #5dccfa;	/*背景色（古いブラウザだとここの色のみが出ます）*/

	background-repeat: no-repeat;		/*背景のバー画像をリピートしない設定*/
	background-position: left center;	/*背景のバー画像の位置。*/
	color: #FFF;	/*文字色*/
}
/*英語表記の設定*/
nav#menu ul li a span {
	font-size: 9px;	/*文字サイズ*/
	color: #5dccfa;	/*文字色*/
	display: block;
	font-weight: normal;
}
span,
nav#menu ul li#current a span {
	color: #FFF;	/*マウスオン時の文字色*/
}

/* Main menu
---------------------*/
#menu-list li {
	float: left;
	padding: 0 0 10px 0;
	position: relative;
	line-height: 0;
}

*html #menu-list li a:hover { /* IE6 */
	color: #fafafa;
}

#menu-list li:hover > ul {
	display: block;
}

/* Sub-menu */
#menu-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 48px;
    left: 5px;
    z-index: 99999;

    -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
    box-shadow: 0 0 2px rgba(255,255,255,.5);
    -moz-border-radius: 5px;
/*    border-radius: 5px;*/
	background-color:#fff;
	border:1px solid #5dccfa;
	width:194px;
}

#menu-list ul ul {
  top: -1px;
  left: 138px;
}

#menu-list ul li {
    float: none;
    margin: 0;
    padding: 0;
    display: block;
}

#menu-list ul li:last-child {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#menu-list ul a {
    padding: 10px;
	height: 10px;
	height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
	text-transform: none;
	text-decoration:none;
	color:#545454;
	border-bottom:1px solid #5dccfa;
}

*html #menu-list ul a{/* IE6 */

	height: 10px;
}

*:first-child+html #menu-list ul a { /* IE7 */
	height: 10px;
}

#menu-list ul a:hover{
    background: #5dccfa;
	color:#fff;
}

#menu-list ul li:first-child > a {
	/*nav#menu ulx 0 0;
    border-radius: 5px 5px 0 0;*/
}

#menu-list ul ul li:first-child a:after {
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #444;
}

#menu-list ul li:first-child a:hover:after {
    border-bottom-color: #04acec;
}

#menu-list ul ul li:first-child a:hover:after
{
    border-right-color: #04acec;
    border-bottom-color: transparent;
}


#menu-list ul li:last-child > a {
/*    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;*/
}

/* Clear floated elements */
#menu-list:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #menu-list             { zoom: 1; } /* IE6 */
*:first-child+html #menu-list { zoom: 1; } /* IE7 */

/*トップページのスライドショー
---------------------------------------------------------------------------*/
#mainimg {
	clear: left;
	width: 980px;	/*幅*/
	height: 500px;	/*高さ*/
	position: relative;
	border-radius: 4px;		/*角丸のサイズ*/
	-webkit-box-shadow: 1px 2px 7px #ccc;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 1px 2px 7px #ccc;			/*同上*/
	margin-bottom: 20px;	/*画像の下の余白*/
}
#mainimg img {
	border-radius: 4px;	/*角丸のサイズ*/
}
#mainimg .slide_file {
	/*display: none;*/
}
#slide_image {
	z-Index:2;
	position: absolute;
	left:0px;
	top:0px;
}
#slide_image2 {
	z-Index:1;
	position: absolute;
	left:0px;
	top:0px;
}
/*--------------環境活動スライドの指定--------------------------------------------*/
#mainimg2 {
	clear: left;
	width: 980px;	/*幅*/
	height: 300px;	/*高さ*/
	position: relative;
	border-radius: 4px;		/*角丸のサイズ*/
	-webkit-box-shadow: 1px 2px 7px #ccc;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 1px 2px 7px #ccc;			/*同上*/
	margin-bottom: 20px;	/*画像の下の余白*/
}

/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	clear: left;
	width: 100%;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	float: right;	/*左側に回り込み*/
	width: 690px;	/*メインコンテンツ幅*/
	padding-bottom: 30px;
	text-align: left;
	color: #666;
	margin: 15px;
}
/*mainコンテンツのh2タグの設定*/
#main h2 {
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f4f4f4));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#FFF, #f4f4f4 49%, #f4f4f4 50%, #FFF 100%);	/*同上*/
	background-image: linear-gradient(#FFF, #f4f4f4 49%, #f4f4f4 50%, #FFF 100%);			/*同上*/
	-webkit-box-shadow: 0px 0px 0px #CCC;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 1px 2px 5px #CCC;			/*同上*/
	font-size: 120%;
	color: #5dccfa;		/*文字色*/
	padding: 7px 15px;	/*上下、左右への余白*/
	clear: both;
	border-bottom: 3px solid #a4dff5;	/*下の線の幅、線種、色*/
	border-right: 0px solid #fff;		/*右の線の幅、線種、色*/
	border-left: 10px solid #9cd5ea;		/*左の線の幅、線種、色*/
	margin-bottom:20px;
}
/*mainコンテンツのh3タグの設定*/
#main h3 {
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f4f4f4));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#FFF, #f4f4f4 49%, #e8e8e8 50%, #FFF 100%);	/*同上*/
	background-image: linear-gradient(#FFF, #f4f4f4 49%, #e8e8e8 50%, #FFF 100%);			/*同上*/
	-webkit-box-shadow: 1px 2px 5px #e2e2e2;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 1px 2px 5px #e2e2e2;			/*同上*/
	font-size: 100%;
	padding: 4px 15px;	/*上下、左右への余白*/
	clear: both;
	border: 1px solid #CCC;
}
/*mainコンテンツのh4タグの設定*/
#main h4 {
	padding: 2px 0px 2px 10px;	/*上、右、下、左側への余白*/
	font-size: 110%;
	border-bottom: 1px solid #CCC;	/*下側の線の幅、線種、色*/
	border-left: 3px solid #000;	/*左側の線の幅、線種、色*/
	margin-bottom: 0.5em;
	color: #000;	/*文字色*/
}
/*mainコンテンツの段落タグ設定*/
#main p {
	padding: 0.5em 15px 1em;	/*左から、上、左右、下への余白*/
	/* text-align: center; */
}

/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub {
	float: left;	/*右側に回り込み*/
	width: 230px;	/*サブコンテンツ幅*/
	padding-bottom: 30px;
	margin: 15px;
}
/*subコンテンツ内のh2タグ設定*/
#sub h2 {
	font-size: 100%;
	text-align: center;	/*文字をセンタリング*/
	padding: 5px 0px;	/*左から、上下、左右への余白*/
	border: 1px solid #479cbe;	/*枠線の幅、線種、色*/
	background-color: #5dccfa;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5dccfa), to(#0029c2));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#5dccfa, #59c3ef 49%, #55bae3 50%);	/*同上*/
	background-image: linear-gradient(#5dccfa, #59c3ef 49%, #55bae3 50%);			/*同上*/
	color: #FFF;	/*文字色*/
	border-radius: 4px 4px 0px 0px;	/*角丸のサイズ。左上、右上、右下、左下の順の設定。*/
}

/*サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー全体の設定*/
#sub ul.submenu {
/*	border-top: 1px solid #CCC;		/*上側の線の幅、線種、色*/
	/*border-right: 1px solid #CCC;	/*右側の線の幅、線種、色*/
	border-left: 1px solid #CCC;	/*左側の線の幅、線種、色*/
	margin-bottom: 15px;			/*メニューブロックの下にあけるスペース*/
	text-align: left;
}
/*メニュー１個ごとの設定*/
#sub ul.submenu li a {
	border-bottom: 1px solid #CCC;	/*下側の線の幅、線種、色*/
	text-decoration: none;
	display: block;
	padding-left:50px;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
/*	background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#FFF));	/*グラデーション*/
/*	background-image: -webkit-linear-gradient(#eaeaea, #FFF);	/*同上*/
/*	background-image: linear-gradient(#eaeaea, #FFF);			/*同上*/
	-webkit-box-shadow: 0px 0px 1px #FFF inset;	/*内側への影を右・下・ぼかし幅・距離・色を設定*/
	box-shadow: 0px 0px 0px 1px #FFF inset;		/*同上*/
	padding: 9px;
}
/*マウスオン時の設定*/
#sub ul.submenu li a:hover {
	background-image:none;
	background-color: #5dccfa;	/*背景色*/
	color: #FFF;				/*文字色*/
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #FFF;				/*文字色*/
	background-color: #9cd5ea;	/*背景色*/
}
footer .pr {
	display: block;
	font-size: 80%;
}
footer a {
	text-decoration: none;
	color: #FFF;
}
footer a:hover {
	color: #FFF;
}

/*テンプレコピー
------------------------------------------------------------------
/*フッターメニュー（下部の横並びテキストリンクメニュー）
---------------------------------------------------------------------------*/
ul#footermenu {
	text-align: center;	/*センタリング*/
	clear: both;
	width: 100%;
	line-height: 60px;
	background-image: url(images/footermenu_bg.gif);	/*フッターメニュー背景画像*/
	background-repeat: repeat-x;	/*背景画像をＸ軸（横軸）にリピート*/
	background-position: top;		/*背景画像を上部に配置*/


border-top: 0px solid ;	/*フッターメニュー上部に入れた線の幅、線種、色*/

}

ul#footermenu li {
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}


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

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new{
	margin-bottom: 15px;
}
#new dl{
	overflow: auto;	/*高さ指定を超えるとiframe風にスクロールが出る設定。全部表示させたいならこの行と下のheightの行を削除。*/
	height: 150px;	/*ボックスの高さ*/
	padding-left: 15px;
}
/*日付設定*/
#new dt {
	/*font-weight: bold*/;	/*太字にする設定。標準がいいならこの行削除。*/
	float: left;
	width: 8em;
}
/*記事設定*/
#new dd {
	border-bottom: 1px solid #d2d2d2;	/*下線の幅、線種、色*/
	padding-left: 8em;

}
#new dd img {
	vertical-align: middle;
}

/*service.html内の製品紹介の各ブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#main section.list article {
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	border-radius: 6px;		/*角丸のサイズ*/
	margin-bottom: 15px;	/*ボックス間のスペース*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e3e3e3));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#FFF, #e3e3e3);	/*同上*/
	background-image: linear-gradient(#FFF, #e3e3e3);			/*同上*/
	-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;	/*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・距離・色を設定*/
	box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;			/*同上*/
}
#main section.list article a {
	padding: 10px;	/*ボックス内の余白*/
	text-decoration: none;
	display: block;
	overflow: hidden;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
}
/*マウスオン時*/
#main section.list article a:hover {
	background-color: #f6f1b2;	/*背景色*/
	color: #333;				/*文字色*/
}
/*ボックス内の段落タグ設定*/
#main section.list article p {
	padding: 0px;
	margin-left: 220px;	/*左の写真とのバランスをとって設定*/
	padding-top:150px;
	font-size:90%;
}
/*ボックス内の写真設定*/
#main section.list article figure img {
	float: left;			/*画像を左へ回り込み*/
	background-color: #FFF;	/*画像の背景色。ここでは枠線と画像の間の色になります。*/
	padding: 5px;			/*余白。ここに上の行で設定した背景色が出ます。*/
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
}
/*ボックス内のh4タグ設定*/
#main section.list article h4 {
	padding: 2px 0px 2px 10px;	/*上、右、下、左側への余白*/
	font-size: 100%;
	border-bottom: 1px solid #CCC;	/*下側の線の幅、線種、色*/
	border-left: 3px solid #000;	/*左側の線の幅、線種、色*/
	margin-bottom: 0.5em;
	color: #000;	/*文字色*/
}
/*simpleタイプ（※ボックス内の部分的な箇所にリンクを設定する場合）
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#main section.list.simple article {
	padding: 10px;
	overflow: hidden;
}
#main section.list.simple article a {
	padding: 0px;
	display: inline;
	text-decoration: underline;
}
/*マウスオン時*/
#main section.list.simple article a:hover {
	background-color: transparent;
	color: #5dccfa;
}
/*ボックス内の写真設定*/
#main section.list.simple article figure a:hover img {
	background-color: #f6f1b2;
	border: 1px solid #999;
}

/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
	width: 100%;
}
.ta1, .ta1 td, .ta1 th{
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
	font-weight: normal;

}
/*テーブル内の右側*/
.ta1 td{
	padding: 10px;text-align:left;
	font-size: 100%;

}
/*テーブル内の左側*/
.ta1 th{
	width: 180px;
	padding: 10px;text-align:left;
/*	text-align: center; */
	background-color: #f4f4f4;	/*背景色*/
}
/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi{
	width: auto;
	text-align: left;
	color: #FFF;	/*文字色*/
	background-color: #333;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4b4b4b), to(#333));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#4b4b4b, #333);	/*同上*/
	background-image: linear-gradient(#4b4b4b, #333);			/*同上*/
}
/*テーブルのキャプション設定*/
.ta1 caption{
	padding: 10px;
	border-top: 1px solid #CCC;		/*上側の線の幅、線種、色*/
	border-right: 1px solid #CCC;	/*右側の線の幅、線種、色*/
	border-left: 1px solid #CCC;	/*左側の線の幅、線種、色*/
	text-align: left;
	background-color: #4daad0;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5dccfa), to(#4daad0));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#5dccfa, #4daad0);	/*同上*/
	background-image: linear-gradient(#5dccfa, #4daad0);			/*同上*/
	font-weight: bold;	/*文字を太字にする設定*/
}
/*submitボタンの設定*/
input[type="submit"],
input[type="button"] {
	width: 250px;	/*ボタン幅*/
	padding: 10px;	/*ボタン内の余白*/
	margin-bottom: 20px;
	border: none;
	border-radius: 30px;	/*角丸のサイズ*/
	background-color: #5dccfa;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4daad0), to(#5dccfa));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#4daad0, #5dccfa);	/*同上*/
	background-image: linear-gradient(#4daad0, #5dccfa);			/*同上*/
	-webkit-box-shadow: 1px 2px 7px #ccc;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 1px 2px 7px #ccc;			/*同上*/
	color: #FFF;		/*文字色*/
	font-size: 16px;	/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少し広めにとる設定。*/
}
/*submitボタンのマウスオン時の設定*/
input[type="submit"]:hover,
input[type="button"]:hover {
	background-color: #f1b739;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#bf8300), to(#f1b739));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#bf8300, #f1b739);	/*同上*/
	background-image: linear-gradient(#bf8300, #f1b739);			/*同上*/
}

/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	clear: both;
}
#pagetop a {
	color: #967542;		/*文字色*/
	font-size: 10px;	/*文字サイズ*/
	background-color: #c2ecfb;	/*背景色*/
	text-decoration: none;
	text-align: center;
	width: 12em;	/*ボックス幅*/
	display: block;
	float: right;
	letter-spacing: 0.1em;	/*文字間隔を少し広めにとる設定。*/
}
/*マウスオン時*/
#pagetop a:hover {
	background-color: #333;	/*背景色*/
	color: #FFF;			/*文字色*/
}

/*その他
---------------------------------------------------------------------------*/
.look {
	background: #dcdcdc;
}
.mb15 {
	margin-bottom: 15px;margin-top:20px;
}
.clear {
	clear: both;
}
/*-----------------------------------------------------------*/
/*段落のインデント幅とlistの表示設定［・］で*/
ul.disc {
	padding: 0em 25px 1em;
	list-style: disc;
}
/*段落のインデント幅とlistの表示の設定［1.2.3.4］で*/
ol.decimal {
	padding: 0em 37px 1em;
	list-style: decimal;
}
.color1 {
	color: #5dccfa;
}
.pr {
	font-size: 10px;
}
.btn {
	font-size: 13px;
}
.wl {
	width: 96%;
}
.ws {
	width: 50%;
}
.c {
	text-align: center;
}
.r {
	text-align: right;
}
figcaption {
	font-size: 11px;
}
#menubar_hdr {
	display: none;
}
.mini1 {
	font-size: 11px;
	font-weight: normal;
}




/*-----*/
body
{
	width: 960px;
	margin: 40px auto;
}




/*フォントサイズの変更
---------------------------------------------*/
/*大中小の移動調整*/
#fontSize{
	float:right;   /*右寄りか左寄りか*/
	margin: 32px 260px 0 0;  /*高さ*/
}

#fontSize .font-size-text{
	float: left;
	font-size:12px;
	margin: 0 7px 0 0;
	padding-top:4px;
}

#fontSize ul {
	float:right;
}
#fontSize li{
	float:left;
	border:1px solid #e4d8ba;
	padding: 0 7px;
	margin: 0 2px;
	font-size: 12px!important;
}
#fontSize li.small{
	font-size: 12px!important;
	position: relative;
  	top: 3px;/*大中小の小の位置の調整*/
}
#fontSize li.middle{
	font-size: 16px!important;
	position: relative;
  	top: -5px;/*大中小の中の位置の調整*/

}
#fontSize li.large{
	font-size: 20px!important;
	position: relative;
  	top: -13px;/*大中小の大の位置の調整*/

}


#fontSize li:hover{
	cursor: pointer;
}
#fontSize li.current{
	background-color:#9cd5ea;
	cursor: default;
	color:#f4efe3;
}

/*#top #container #contents #main section table {*/
	/*border-top: 1px solid #fff;	*/	/*上側の線の幅、線種、色*/
	/*border-right: 1px solid #fff;*/	/*右側の線の幅、線種、色*/
	/*border-left: 1px solid #fff; */   /*左側の線の幅、線種、色*/
	/*border-bottom: 1px solid #fff;*/	/*下側の線の幅、線種、色*/
	/*text-align: left;
}*/


table.company td{
	line-height:30px;
	font-size:100%;

}
table.company td.addr{
	padding-left:10px;
}
/*------------------------------------------------*/
/*施工実績トップ*/
.sekoujisseki_top_list_left{
	width:225px;
	float:left;
	margin-left:120px;
	text-align:center;
	margin-top: 24px;
}
.sekoujisseki_top_list_right{
	width:225px;
	float:right;
	margin-right:120px;
	text-align:center;
	margin-top: 24px;
}
.sekoujisseki_top_list_left a,
.sekoujisseki_top_list_right a{
width:100%;
display:block;
margin:0 auto;
padding:10px 0;
transition: all 0.5s ease 0s;
}
.sekoujisseki_top_list_left a:hover,
.sekoujisseki_top_list_right a:hover{
background-color:#f6f1b2;
}

/*施工実績テーブルで分けた写真(４～７項目)の説明配置
.sample_01{
   width: 80%;
   border-collapse: collapse;
}
.sample_01 th{
   width: 320px;
   padding: 6px;
   text-align: left;
   vertical-align: top;
   color: #333;
   background-color: #fff;
   border: 1px solid #dee2e9;
}
.sample_01 td{
   padding: 6px;
   background-color: #fff;
   border: 1px solid #dee2e9;
}*/



/*----------------------------------------------------------*/
/*個人情報、サイト、等の文章のインデント設定*/
.list-m{
   padding: 0 0 0 60px;
}

/*-----------採用情報のロゴ設定-------------*/

p.r_left{     /*---新卒採用*/
float:left;    /*---左寄り---*/
width:305px;    /*---ロゴのサイズより少し幅を多く設定にする----*/
/*border:solid 1px red;*/  /*--ロゴの横並び指定を線で判別する場合--*/

}

p.r_right{      /*---キャリア採用*/
float:right;   /*---右寄り---*/
width:305px;   /*---ロゴのサイズより少し幅を多く設定にする----*/
/*border:solid 1px red;*/  /*--ロゴの横並び指定を線で判別する場合--*/

}

/*----------------工事経歴テーブル表指定--------------*/
.kouseki_table{
width: 690px;
border-collapse: collapse;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
table-layout: fixed;
font-size:13px;
margin:15px 0 0 0;
}

.kouseki_table td:first-child,
.kouseki_table td:nth-child(2),
.kouseki_table td:nth-child(4),
.kouseki_table td:nth-child(5){
	text-align:center;
}

.kouseki_table th,
.kouseki_table td{
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.kouseki_table td.koujimei{
text-align:left;
font-weight:bold ;
background-color: #d8f1fb;
text-align:left;
}

.kouji_name_th{
	text-align:center;
}

.lef{
text-align:left;
}

/*---------主要取引先インデント指定----------*/

.customer{
margin: 0 0 0 40px;
overflow: hidden;
}

ul.customer{
padding: 0 0 0 50px;
  list-style-type: disc;
}
.customer p{
margin:13px auto 0;

}

.customer_list{
    float: left;
    width: 320px;
    margin: 16px 0;
}

/*-----リンク先を触れた時に変わる色--------*/

a.example:hover {
color: #967542;
}


/*-------------サブメニューの色指定-------*/

ul.submenu li.sb{
	background-color: #9cd5ea;
	color: #ffffff;
	padding-left: 16px;

}


/*サブメニューのバナーの指定*/
p.bana{
	margin-bottom:7px;
	border: solid 1px #666;
}
/*------お問合せの文字指定-------------*/
table.formTable th,td{
	font-size:14px;
	text-align:left;
	padding: 7px 10px;
	border-color:#666;
	border: solid 1px #c8c6c6;

}
table.formTable th{
	background-color: #edf4f9;
	font-weight: normal;
}

table.formTable{
	border: solid 1px #a8a7a7;
}

td.addr{
	border: none;
}
/*-----施工実績の実績紹介トップ写真の配置設定-----*/

.sekouprofile1{
	margin:16px 0 0 0;

}
.sekouprofile1 td a{
		padding:5px 5px;
		display:block;
		text-align:center;
		font-size:20px;
		text-decoration: none;

}
.sekouprofile1 td a:hover{
	background-color: #f6f1b2;	/*背景色*/
}

.sekouprofile1 td img{
	width:300px;
}




/*-----施工実績の２列実績紹介写真の配置設定-----*/
.service_table_wrap{
margin:16px 0 0 0;
}
.service_table_wrap > table {
	margin: 0;
	border-top:solid 1px #c8c6c6;
	border-right:solid 1px #c8c6c6;
}

.service_table_wrap table > td img{
	width:300px;
}

.service_table_wrap table  td {
	border:none;
	border-left:solid 1px #c8c6c6;
	border-bottom:solid 1px #c8c6c6;
	text-align:center;
}
.service_table_wrap table  td a {
	padding:15px;
		display:block;
}

.service_table_wrap table  td a:hover {

	background-color: #f6f1b2;	/*背景色*/

}

.service_table_wrap table  td img {
	width:300px;
}

/*-----施工実績の３列写真の配置設定-----*/
table.kouji td{
	text-align:left;
	line-height: 17px;
	padding:0 10px;
	border:none;
	font-size: 14px;
}
/*----inouekougyouから使用しないでとのこと----
table.kouji_box img{
 border: solid 8px #eee;
}
*/
/*--------施工実績拡大写真の表設定-------------------------------*/
/*施工実績ページ　拡大写真の表の指定*/
.kouji1 th {
	width:110px;
	border: solid 1px #c8c6c6;
}
table.kouji1 td{
	font-size: 20px;
}
/*--エコキャップ活動の表ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new1{
	margin-bottom: 15px;
}
#new1 dl{
	height: 150px;	/*ボックスの高さ*/
	padding-left: 15px;
}
/*日付設定*/
#new1 dt {
	/*font-weight: bold;*/	/*太字にする設定。標準がいいならこの行削除。*/
	float: left;
	width: 8em;
}
/*記事設定*/
#new1 dd {
	border-bottom: 1px solid #d2d2d2;	/*下線の幅、線種、色*/
	padding-left: 8em;
	width:230px;
}

/*--沿革
---------------------------------------------------------------------------*/
.history_table th {
	width:120px;
	line-height: 1.3em;

}
.history_table td {
	height: 40px;
  line-height: 1.3em;
}

/*--環境活動
---------------------------------------------------------------------------*/
.single_photo_center {
	text-align:center;
	margin-top:16px;
}

.clr{
	clear:both;
	margin-bottom:16px;
}

/*--エコキャップの収集活動
---------------------------------------------------------------------------*/
#new1 .eco_cap_jisseki{
	width: 370px;
	margin:16px auto 0;
	padding:0;
}

/*--採用情報
---------------------------------------------------------------------------*/
#main .recruit_hope_sup{
	float: left;
	padding: 0 6px 0 18px;
}
.recruit_hope_list{
	overflow: auto;
}
.recruit_message_title{
clear: both;
}


/*--新卒採用　中途採用
---------------------------------------------------------------------------*/
table.recruit_table th{
	  width: 130px;
}

.recruit_indent_list_title{
float: left;
clear: both;
margin: 0 20px 0 0;
}

.recruit_indent_list_content{
	overflow: auto;
}

/*-------------------------正社員の紹介の設定----------------------------------*/
.profile1{

}
.profile1 td a{
	padding:5px 5px;
		display:block;
		text-align:center;
}
.profile1 td a:hover{
	background-color: #f6f1b2;	/*背景色*/
}

.profile1 td img{
	width:300px;
 border: solid 1px #9b9b9d;

}

.profile_name{
    padding: 0;
}
.profile1 p{
		margin:13px auto 0;

}

.plofile_message_img{
	  padding: 8px 0 8px 16px;
}

/*--サイトマップ
---------------------------------------------------------------------------*/
.sitemap_list{
	clear: both;
	overflow: hidden;
	margin: 24px 0 24px 16px;
}
.sitemap_item{
	float: left;
	margin: 0 60px 0 24px;
	list-style-type: disc;

}

.sitemap_item a{
	text-decoration: none;
}
/*------------------------------*/
.gmap{
    overflow: hidden;
}
.company{
    margin: 20px 0 40px;
}
/*-----------環境、魚-----------------------*/

.sakana{
	background-image: url(sakana.gif);
}