/*----------------------------------------------------------------*/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*　　　　　　　JCCEホームページ http://www.jcce.co.jp　　　　　　*/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　　　共通 CSS　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*----------------------------------------------------------------*/

*{
 line-height : 160%;
 letter-spacing : 0.1em;
 font-size : small;
}

body{
 font-family : "メイリオ", "Verdana", "Helvetica", "ＭＳ ゴシック", "Osaka－等幅";
 color : #444;
 margin : 0 auto;
 background : url(../top_im/bg.gif) repeat-y center;
 background-color : #f0f0f0;
}

/* IE7で背景1pxズレの調整----------------------*/
*:first-child+html body {
 padding-left: 1px;
}

/* IE6以下で背景1pxズレの調整------------------*/
*html body {
 padding-left: 1px;
}

/*調整ここまで---------------------------------*/


a{
 color : #00f;
 text-decoration : underline;
 }

a:hover{
 color : #f03;
 text-decoration : none;
 }


h1,h2,h3,h4{
 margin : 0;
 padding : 0;
}

img{
 border : 0;
 margin : 0;
 padding : 0;
}

.betu{
 background : url(../top_im/betu.gif) no-repeat right center;
 padding-right : 30px;
}

.bold{
 font-weight : bolder;
}

.title{
 display : none;
}

em{
 visibility : hidden;
}

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

#header{
 width : 850px;
 height : 137px;
 margin : 0 auto;
 border-bottom : 5px solid #004dac;
 position : relative;
}

#header h1{
 width : 850px;
 height : 27px;
 background : url(../top_im/hedtopbg.gif) repeat-x;
 font-size : 12px;
 font-weight : normal;
 color : #fff;
 line-height : 200%;
 text-indent : 10px;
}

#header h2{
 position : absolute;
 top : 50px;
 left : 10px;
 width : 206px;
 height : 71px;
}

#header ul{
 position : absolute;
 top : 27px;
 left : 229px;
 margin : 0;
 padding : 0;
}

#header li{
 float : left;
 margin : 0;
 padding : 0;
 list-style-type : none;
}

#hednavia a{
 width : 112px;
 height : 110px;
 display : block;
 background : url(../top_im/hednavibtn.png) 0 0;
 overflow : hidden;
 text-decoration : none;
 text-indent : -9999px;
}

#hednavia a:hover{
 background-position : 0 -110px;
}

#hednavib a{
 width : 102px;
 height : 110px;
 display : block;
 background : url(../top_im/hednavibtn.png) -112px 0;
 overflow : hidden;
 text-decoration : none;
 text-indent : -9999px;
}

#hednavib a:hover{
 background-position : -112px -110px;
}

#hednavic a{
 width : 102px;
 height : 110px;
 display : block;
 background : url(../top_im/hednavibtn.png) -214px 0;
 overflow : hidden;
 text-decoration : none;
 text-indent : -9999px;
}

#hednavic a:hover{
 background-position : -214px 110px;
}

#hednavid a{
 width : 102px;
 height : 110px;
 display : block;
 background : url(../top_im/hednavibtn.png) -316px 0;
 overflow : hidden;
 text-decoration : none;
 text-indent : -9999px;
}

#hednavid a:hover{
 background-position : -316px 110px;
}

#hednavie a{
 width : 102px;
 height : 110px;
 display : block;
 background : url(../top_im/hednavibtn.png) -418px 0;
 overflow : hidden;
 text-decoration : none;
 text-indent : -9999px;
}

#hednavie a:hover{
 background-position : -418px 110px;
}

#hednavif a{
 width : 101px;
 height : 110px;
 display : block;
 background : url(../top_im/hednavibtn.png) -520px 0;
 overflow : hidden;
 text-decoration : none;
 text-indent : -9999px;
}

#hednavif a:hover{
 background-position : -520px 110px;
}



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

#footuewaku{
 clear : both;
 width : 820px;
 margin : 0 auto;
 padding : 15px 0 5px 0;
}

.pagetop a{
 float : right;
 background : url(../top_im/pagetopyaji.gif) no-repeat left center;
 text-indent : 10px;
 font-size : 80%;
}

#footnavi{
 clear : both;
 width : 850px;
 height : 39px;
 margin : 0 auto;
 background : url(../top_im/footlinebg.gif) repeat-x;
 pverflow : hidden;
}

#footnavi ul{
 margin : 0;
 padding : 8px 0 0 0;
 text-indent : 15px;
 text-align : left;
}

#footnavi li{
 display : inline;
 margin : 0 6px 0 0;
 padding : 0 6px 0 0;
 border-right : 1px solid #888;
}

#footnavi li a{
 font-size : 80%;
}

#footer{
 clear : both;
 width : 820px;
 margin : 0 auto;
}

#footer ul{
 padding : 10px 0 0 0;
 margin : 0;
 text-align : left
}

#footer li{
 margin : 0;
 list-style-type : none;
 line-height : 130%;
 font-size : 80%;
}

#footcname{
 background : url(../top_im/logo_s.gif) no-repeat left top;
 height : 35px;
 text-indent : -9999px;
}

#copyright{
 clear : both;
 width : 820px;
 font-size : 80%;
 margin : 20px auto;
 text-align : right;
}

#footcorp ul#footcorpleft{
 float : left;
 padding : 5px 30px 0 0;
 margin : 0;
 text-align : left;
 border-right : 1px dotted #32080a;
}

#footcorp ul#footcorpleft li{
 margin : 0;
 list-style-type : none;
 line-height : 130%;
 font-size : 80%;
}

#footcorp ul#footcorpright{
 float : left;
 padding : 5px 0 0 30px;;
 margin : 0;
 text-align : left
}

#footcorp ul#footcorpright li{
 margin : 0;
 list-style-type : none;
 line-height : 130%;
 font-size : 80%;
}

.fnbold{
 font-weight : bolder;
 font-size : 110%;
 padding-bottom : 10px;
}





/*共通------------------------------------------------*/

#conteiner{
 width : 850px;
 margin : 15px auto;
 padding : 0;
}

#main{
 width : 610px;
 float : right;
}

#main p{
 margin : 5px 5px 10px 5px;
}

#leftcon{
 width : 200px;
 float : left;
 margin-left : 15px;
}

/*IE6　左枠位置調整--------------------*/
* html #leftcon{
 width : 200px;
 float : left;
 margin-left : 10px;
}
/*-----------------------------------------ここまで------*/


/*トピックパス-----------------------------*/

.topicpath{
 clear : both;
 width : 850px;
 margin : 0 auto;
 text-align : left;
 text-indent : 10px;
 overflow : hidden;
 border-bottom : 1px solid #ddd;
}

.topicpath ul{
 margin : 4px 0;
 padding : 0;
}

.topicpath li{
 display : inline;
 list-style-type : none;
 margin : 0;
 padding : 0;
}

.topicpath li a{
 clear : both;
 padding : 0 20px 0 0;
 background : url(../top_im/topicpath.gif) no-repeat right center;
 margin : 0;
}


/*--前のページに戻る----------------------------------*/

.yajimodoru a{
 background : url(../top_im/modoruyaji.gif) no-repeat 10px center;
 padding-left : 30px;
 margin : 20px 0;
}

.mnpdfdl{
 background:url(../ecoaction/pdf_ico.gif) left center no-repeat;
 padding-left : 35px;
}

/*左ナビゲーション----------------------------------------*/

#leftcon h3#seihintit{
 width : 200px;
 height : 19px;
 background : url(../top_im/seihintit.png);
 text-indent : -9999px;
 margin-bottom : 7px;
}

#seihinlist ul{
 margin : 0;
 padding : 0;
 list-style-type : none;
}

#seihinlist li a{
 width : 200px;
 height : 32px;
 margin : 0px 0;
 padding : 0;
 display : block;
 text-indent : -9999px;
}

#pd-lnavi_a a{
 background : url(../top_im/pd-lnavi.png) 0 0;
}

#pd-lnavi_a a:hover{
 background-position : -200px 0;
}

#pd-lnavi_b a{
 background : url(../top_im/pd-lnavi.png) 0 -32px;
}

#pd-lnavi_b a:hover{
 background-position : -200px -32px;
}

#pd-lnavi_c a{
 background : url(../top_im/pd-lnavi.png) 0 -64px;
}

#pd-lnavi_c a:hover{
 background-position : -200px -64px;
}

#pd-lnavi_d a{
 background : url(../top_im/pd-lnavi.png) 0 -96px;
}

#pd-lnavi_d a:hover{
 background-position : -200px -96px;
}

#pd-lnavi_e a{
 background : url(../top_im/pd-lnavi.png) 0 -128px;
}

#pd-lnavi_e a:hover{
 background-position : -200px -128px;
}

#pd-lnavi_f a{
 background : url(../top_im/pd-lnavi.png) 0 -160px;
}

#pd-lnavi_f a:hover{
 background-position : -200px -160px;
}

#pd-lnavi_g a{
 background : url(../top_im/pd-lnavi.png) 0 -192px;
}

#pd-lnavi_g a:hover{
 background-position : -200px -192px;
}

#pd-lnavi_h a{
 background : url(../top_im/pd-lnavi.png) 0 -224px;
}

#pd-lnavi_h a:hover{
 background-position : -200px -224px;
}

#pd-lnavi_i a{
 background : url(../top_im/pd-lnavi.png) 0 -256px;
}

#pd-lnavi_i a:hover{
 background-position : -200px -256px;
}







#leftcon h3#buhintit{
 width : 200px;
 height : 19px;
 background : url(../top_im/buhintit.png);
 text-indent : -9999px;
 margin-top : 18px;
 margin-bottom : 7px;
}

#buhinlist ul{
 margin : 0;
 padding : 0;
 list-style-type : none;
}

#buhinlist li a{
 width : 200px;
 height : 39px;
 margin : 3px 0;
 padding : 0;
 display : block;
 text-indent : -9999px;
}

#mnavie a{
 background : url(../top_im/buhinbtn.png) 0 0;
}

#mnavie a:hover{
 background-position : -200px 0;
}

#mnavif a{
 background : url(../top_im/buhinbtn.png) 0 -44px;
}

#mnavif a:hover{
 background-position : -200px -44px;
}

#mnavig a{
 background : url(../top_im/buhinbtn.png) 0 -88px;
}

#mnavig a:hover{
 background-position : -200px -88px;
}

#leftcon h3#proftit{
 width : 200px;
 height : 19px;
 background : url(../top_im/protit.png);
 text-indent : -9999px;
 margin-top : 18px;
 margin-bottom : 7px;
}

#mnavih a{
 background : url(../top_im/profbtn.png) 0 0;
}

#mnavih a:hover{
 background-position : -200px 0;
}

#mnavii a{
 background : url(../top_im/profbtn.png) 0 -44px;
}

#mnavii a:hover{
 background-position : -200px -44px;
}

#mnavij a{
 background : url(../top_im/profbtn.png) 0 -88px;
}

#mnavij a:hover{
 background-position : -200px -88px;
}

.lpicmoji{
 font-size : 75%;
 line-height : 130%;
 letter-spacing : 0.1em;
}


.leftbunner_factory_01{
 margin : 11px 0px 2px 0px;
}

.leftbunner_factory_02{
 margin : 6px 0px 2px 0px;
}

.leftbunner_factory_text_01{
 font-size : 80%;
 letter-spacing : 0.1em;
}



.leftbunner_01{
 margin : 20px 0px 2px 0px;
}

.leftbunner_02{
 margin : 7px 0px 2px 0px;
}

.leftbunner_text_01{
 font-size : 80%;
 letter-spacing : 0.1em;
}

.leftbunner_square_01{
 color : #a5c529;
 font-size : 75%;
 text-decoration : none;
}


/*プライバシーポリシー等-----------------------------------------*/

.futaipagewaku{
 width : 590px;
 margin : 5px 0 10px 5px;
}



/*新着情報 wordpress----------------------------------------------*/

.partsshokai a{
 clear : both;
 width : 600px;
 height : 52px;
 font-size : 110%;
 text-indent : 20px;
 line-height : 350%;
 margin : 30px 0 10px 0;
 color : #444;
 text-decoration : none;
}

.storycontent{
 width : 590px;
 margin : 0 auto 30px auto;
 }

.storycontent p{
 line-height : 180%;
 margin : 5px 0;
}

