@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css   スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css  フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,table,pre,address,ul,ol,dl{font-size: 135%}


h2 {
height:68px;
background: url(../img/com_h2Bg.jpg) 50% 0 no-repeat;
font-size:270%;
font-weight:bold;
padding: 132px 0 0 30px;
text-align:left}

*:first-child+html #index h2{
height: 248px;
}

* html h2 {
height: 200px}

#index h2{
background: none;
width: inherit;
height: 248px;
padding: 0;
margin:0 auto;
text-align:center}


h3{
background:url(../img/sec_h3bg.jpg) no-repeat 0 0;
font-size:170%;
font-weight:bold;
margin:0 0 20px}

h3.note{margin:0}

h3 span{
background:url(../img/sec_h3bg2.jpg) no-repeat 0 100%;
color:#fff;
display:block;
padding:10px 10px 10px}

h3 a{color:#fff}

h4{
background:url(../img/sec_h4bg.gif) no-repeat 0 100%;
border-bottom:2px solid #62AC57;
color:#555;
font-size:150%;
font-weight:bold;
margin:0 0 20px;
padding:2px 10px 8px 20px}

h4.note{
background:none;
border:none;
padding:0}

h5{
background:url(../img/sec_h5bg.gif) repeat-y;
color:#555;
font-size:140%;
font-weight:bold;
margin:0 0 20px;
padding:2px 0 2px 10px}

a{color:#333;text-decoration:underline}
a:hover,
a:active{text-decoration:none}

ul{margin:0 0 20px}

li{
background:url(../img/icon01.gif) no-repeat 0 6px;
padding:0 0 0 10px}

dl{margin:0 0 20px}
dt{font-weight:bold}
dd{}

#content table{
margin:0 0 20px;
width:100%}

#content th{
background:url(../img/thBg.gif) repeat;
border-bottom:1px solid #fff;
color:#009FC6;
font-weight:bold;
padding:8px 5px;
white-space:nowrap;
width:1%}

#content .mailform th{
font-weight:bold;
white-space:normal;
width:150px}

#content td{
background:url(../img/tdBg.gif) repeat;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
padding:8px 5px}

table.note td{vertical-align:top}

.mailform td ul li,
.mailform td ol li{
background:none}

#content td ul{margin:0}

#content table.col th{
background:url(../img/thBg2.gif) repeat;
color:#78A626}

#content table.col th.top{
background:url(../img/thBg2.gif) repeat;
border-bottom:1px solid #B0D5AB;
border-left:1px solid #fff}

#content table.note td{
background:none;
border:none;
padding:0 0 5px;
vertical-align:top}

#content table.note td table{margin:0}

div.fig,
div.banner{
margin:0 0 20px;
text-align:center}

iframe,
div.lead{margin:0 0 20px}

p,
div.adr{margin:0 0 20px}

img{vertical-align:bottom}

/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

body {
background:url(../img/com_bodyBg.jpg) repeat-x 50% 0 #ECF8FC;
color: #666;
text-align: center}

#wrapper{
background:url(../img/com_wrapBg.jpg) no-repeat 50% 0;
margin:0 auto;
padding:0 134px;
width:962px;

_width:1230px}

#main:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main{
background:url(../img/com_mainBg01_1.gif) center top repeat-y;
display:inline-block;
margin:0 auto;
padding:0 11px;
text-align:left}

/*\*/
*html #main{height:1%}
#main{display:block}
/**/

/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header{
height:143px;
margin:0;
position:relative}

#header h1{
font-size: 120%;
text-align: right;
position: absolute;
top: 12px;
right: 17px}

#header #headLogo {
position: absolute;
top: 11px;
left: 16px}

#header ul{margin: 0}

#header ul li{
background:none;
padding:0}

#header #headImg01 {
position: absolute;
top: 33px;
right: 207px}

#header #headImg02 {
position: absolute;
top: 33px;
right: 6px}

#header ul#gNavi:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#header ul#gNavi{
display:inline-block;
position:absolute;
left:20px;
top:100px;
}

/*\*/
*html #header ul#gNavi{height:1%}
#header ul#gNavi{display:block}
/**/

#header ul#gNavi li{float:left}

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer{
background: #666666 url(../img/com_footBg01.gif) 50% top repeat-x}

#footer .footerCont{
background: url(../img/com_footBg02.gif) 50% top no-repeat #666;
width:1230px;
margin:0 auto}

#footer .footerCont div{margin:0 0 20px}

#footer .pageTop{
text-align: right;
margin: 0;
margin-right: 170px;
padding-top: 34px}

#footer address{
padding: 35px 0}

/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#navi {
float: right;
padding: 5px;
width: 270px;
_width: 280px;}

#navi ul,
#navi dl,
#navi dt,
#navi dd {
margin: 0;
padding: 0}

#navi ul li{
background:none;
padding:0 0 0 5px}

#navi ul.cat_nav{
background: url(../img/nav_cat_bg.gif) 0 0 repeat-y;
margin: 0 0 10px 5px;
padding: 0;
}
#navi p.cat_top{
background: url(../img/nav_cat.gif) 0 0 no-repeat;
padding: 10px 0 0 0;
text-indent: 25px;
margin: 10px 0 0 5px;
color: #fff;
font-weight: bold;
height: 25px;
}
#navi ul.cat_nav p.end{
	height: 11px;
	background: none;
	padding: 0;
	/padding: 20px 0 0 0;
	text-indent: 0;
	margin: 0;
	/margin: 0 0 0 -25px;
}
#navi ul.cat_nav li.end{
	height: 11px;
	background: none;
	padding: 0;
	text-indent: 0;
	margin: 0;
}
#navi ul.cat_nav li{
background: url(../img/icon02.gif) 12px 10px no-repeat;
padding: 5px 0 5px 25px;
width: 230px;
font-size: 12px;
border-bottom: 1px dotted #ccc;
}
#navi ul.cat_nav li a{
	text-decoration: none;
}
#navi ul.cat_nav li a:hover{
	text-decoration: none;
	color:#02A0DB;
}


#sideBanner05 {
margin-top: 0}

#sideBanner01,
#sideBanner02,
#sideBanner03,
#sideBanner04, 
#sideBanner05 {
margin-top: 5px}

#main #mainTitleArea{
background:url(../img/com_wrapBg.jpg) no-repeat 50% -143px #fff;
padding:10px 0 10px;
margin:0 -11px;
text-align:center;
position: relative;}

#sideBanner06{
	position: absolute;
	top: 95px;
	right: 30px;
}
#index #sideBanner06{
	position: absolute;
	top: 143px;
	right: 30px;
}



/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

#content{
float: left;
margin:0 0 0 6px;
_margin:0 0 0 3px;
width: 630px}

#main .topicPath{
margin:0 0 10px}

#main .topicPath li{
background:url(../img/nav.gif) no-repeat 0 4px;
display:inline;
font-size:85%;
margin:0 0 0 4px;
padding:0 0 0 15px}

#main .topicPath li.firstChild{
background:none;
margin:0;
padding:0}

#content .btn{text-align:center}

/* sec
------------------------------------------------------------------------*/

#content .bg01,
#content .bg02{
background:url(../img/sec_iPict01.jpg) no-repeat 100% 0;
margin:0 0 20px;
min-height:150px;
_height:150px;
padding:0 220px 0 0}

#content .bg02{background:url(../img/sec_iPict02.jpg) no-repeat 100% 0}

#content .bg01 p.lastChild,
#content .bg02 p.lastChild,
#content .bg03 p.lastChild{margin:0}

#content .bg03{
background:url(../img/sec_iPict03.jpg) no-repeat 0 0;
margin:0 0 20px;
min-height:150px;
_height:150px;
padding:0 0 0 220px}

/* 商品一覧＆事例
************************/

#content .jirei:after,
#content .goods:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#content .jirei,
#content .goods{
border:1px solid #ccc;
display:inline-block;
margin:0 0 20px;
padding:10px 2px}

/*\*/
*html #content .jirei,
*html #content .goods{height:1%}
#content .jirei,
#content .goods{display:block}
/**/

#content .jirei h4,
#content .goods h4{
margin:0 0 10px}

#content .goods h4{
background:url(../img/sec_h4bg2.gif) no-repeat 0 100%;
border-bottom:1px solid #0270BB}

#content .jirei div.pict,
#content .goods div.pict{
float:left;
margin:0 20px;
_margin:0 10px}

#content .jirei p,
#content .goods p{margin:0 20px}

/* レヂテックス製品の特徴
************************/

#content #featureimg01 {
margin-bottom: 30px;}

/* 有機溶剤から水溶性接着剤へ
************************/

#content #waterList01 li {
font-weight: bold;
background: none;
padding: 0}

#content #waterList02:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#content #waterList02{display:inline-block;}

/*\*/
*html #content #waterList02{height:1%}
#content #waterList02{display:block}
/**/


#content #waterList02 li {
float: left;
background: none;
padding: 0}

#content .waterDt01 {
margin-bottom: 10px}

#content #waterimg01 {
margin-bottom: 0}

/* レヂテックスの天然ゴムラテックス
************************/

#content #natureimg01 {
margin-bottom: 0}

/* faq
************************/

#content #faqList01:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#content #faqList01{display:inline-block;}

/*\*/
*html #content #faqList01{height:1%}
#content #faqList01{display:block}
/**/

#content #faqList01 li {
float: left;
background: none;
padding: 0;
margin-right: 10px}

#content #faqList01 li.lastChild {
margin: 0}

#content dl.faq {
border-bottom: 1px solid #D8D8D8}

#content dl.lastChild {
border-bottom: none}

#content dl.faq dt{
background:url(../img/sec_faqBg01.gif) 0 0 no-repeat;
padding: 0 0 10px 45px;
color: #77A926;
font-size: 180%}

#content dl.faq dd{
background:url(../img/sec_faqBg02.gif) no-repeat 0 0;
padding: 7px 0 10px 45px;}

#content dl.faqDl01 dt {
background: none;
padding: 0;
font-size: 100%;
color: #666666;
font-weight: bold}

#content dl.faqDl01 dd {
background: none;
padding: 0}

#content div.faqBox01 {
border: 5px solid #F9F9F9}

#content div.faqBox01 dl {
border: 1px solid #D7D7D7;
padding: 15px;
margin-bottom: 0}

* html #content div.faqBox01 dl {
width: 100%}

#content div.faqBox01 dt {
background: none;
padding: 0;
font-size: inherit;
font-size: 140%;
color: #77A926;
font-weight: bold}

#content .faqTxt01 {
margin-top: 10px !important}

#content div.faqBox01 dd {
background: none;
padding: 0}

#content dl.faq dd p,
#content dl.faq dd ul{margin:0 0 10px}

#content dl.faq dd p.lastChild{margin:0}

/* 採用情報
************************/

#content div.recruitTable01 {
padding: 10px;
background: #F9F9F9;
width: 610px;}

* html #content div.recruitTable01 {
width: 630px}

#content div.recruitTable01 table {
border: 1px solid #D7D7D7;
margin: 0}

#content div.recruitTable01 caption {
text-align: center}

#content div.recruitTable01 th {
border-bottom: 1px solid #B0D5AB;
border-right: 1px solid #ffffff;
color: #78A726;
text-align: center;
font-weight: bold;
background: url(../img/sec_recruitBg01.gif) left top repeat;
padding: 9px 0 8px;
width: 25%}

#content div.recruitTable01 td {
border-bottom: 1px solid #F3F3F3;
border-right: 1px solid #cccccc;
text-align: left;
padding: 9px 10px 8px;
width: 75%}

#content div.recruitTable01 .lastChild {
border-bottom: none}

#content div.recruitTable01 li {

background: none;
padding: 0}

/* 会社概要
************************/

#content table td table{margin:0}

#content table td table th{
background:none;
border:none;
color:#333;
padding:0 10px 5px 0;
vertical-align:top;
text-align:right}

#content table td table td{
background:none;
border:none;
padding:0 0 5px}

/* サイトマップ
************************/

#content ul.sitemap li{
background:url(../img/com_sideli_on.gif) no-repeat 0 4px;
margin:0 0 10px;
padding:0 0 0 20px}

#content ul.sitemap li.note{
background:none}

#content ul.sitemap li.nolink{
color:#000}

#content ul.sitemap li ul{
height:1%;
margin:0}

#content ul.sitemap li ul li{
background:url(../img/icon01.gif) no-repeat 0 5px;
padding:0 0 0 10px}


/* index
------------------------------------------------------------------------*/

#index #content h3,
#index #content h3 span,
#index #content h4,
#index #content h4 span,
#index .h303 h3,
#index .h303 h3 span{
background:none;
border:none;
padding:0}

#index #content .sectionH3{
border:1px solid #ccc;
margin:0 0 10px;
padding:10px}

#index #content .h302 h3{margin:0 -8px 5px}
#index #content .h303 h3{margin:0 -8px 10px}

#index #content .h301 h3{margin:0 0 5px}

#index #content .h301 table{
border:none;
margin:0 10px;
width:588px}

#index #content .h301 table th{
background:none;
border:none;
color:#333;
font-weight:normal}

#index #content .h301 table td{
background:none;
border:none;}

#index #content .h302 dl:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#index #content .h302 dl{
background:#F3F3F5;
display:inline-block;
margin:10px 0 0;
padding:10px}

#index #content .h302 dl.firstChild{margin:0}

/*\*/
*html #index #content .h302 dl{height:1%}
#index #content .h302 dl{display:block}
/**/

#index #content .h302 dl dt{
float:left;
margin:0 15px 0 0;
width:180px}

#index #content .h302 dl dd{
float:right;
margin:0;
width:393px}

#index #content .h302 dl dd p{
font-size:90%;
margin:0 0 10px}

#index #content .h302 dl dd div{
background:#fff;
margin:0;
padding:5px 10px;
text-align:right}

#index #content .h303 ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#index #content .h303 ul{
background:url(../img/ind_h303bg.jpg) no-repeat 50% 0;
display:inline-block;
margin:0}

/*\*/
*html #index #content .h303 ul{height:1%}
#index #content .h303 ul{display:block}
/**/

#index #content .h303 ul li{
background:none;
float:left;
margin:0 0 0 21px;
_margin:0 0 0 18px;
padding:0;
width:136px}

#index #content .h303 ul li.firstChild{margin:0}

#index #content .h303 ul li div{
border:1px solid #b2b2b2;
margin:0 0 5px}

#index #content .h303 ul li div table{margin:0;}

#index #content .h303 ul li div table td{
background:#d7d7d7;
border:1px solid #fff;
padding:0;
vertical-align:middle;
text-align:center;
height: 180px;
}
#index #content .h303 ul li div table td img{
 width: 132px!important;
}

#index #content .h303 ul li div table td a{display:block}

#index #content .h303 ul li dl{
border-top:3px solid #E0E0E2;
margin:0;
padding:8px 0 0}

#index #content .h303 ul li dl dt{
background:url(../img/ind_allow.jpg) no-repeat 100% 2px;
margin:0 0 5px;
padding:0 15px 0 0}

#index #content .h303 ul li dl dt a{color:#000}

#index #content .h303 ul li dl dd{font-size:90%}

#index #content .h303{position:relative}

#index #content .h303 .btnAll{
position:absolute;
top:10px;
right:10px;
text-align:right}

.pict .fl {
  float:left;
	margin: 0 15px 15px 0;}
	
.clear { clear: both; }

#content .con_ban {margin-bottom:20px;}

#content .con_ban table {margin-bottom:5px; padding:0; width:630px; text-align:center;}

#content .con_ban ul { margin-bottom:5px; padding:0; width:630px;}

#content .con_ban ul li {
	text-decoration:none;
	background:none;
	display:inline;
}

#content .con_ban table .bold {font-size:120%; font-weight:bold;}