@charset 'UTF-8';

/* Style Index ========================

	01: h1タイトル部分・PAGETOPボタン
	02: 事業分野トップ（第2階層）
	03: 各事業トップ（第3階層）
	04: 配下ページ（第4階層）
	05: 右メニュー部分

==================================== */



/*------------------------------------------------------
01. h1タイトル部分・PAGETOPボタン
------------------------------------------------------*/
#title {
position:relative;
width:888px;
height:58px;
margin:0 5px 10px;
border:1px solid #666666;
}

/* 事業分野トップ */
body.products01 #title h1 {
margin:27px 0 0 10px;
font-size:0;
line-height:0;
}

/* 各事業トップと配下ページ */
body.products02 #title h1,
body.products03 #title h1 {
margin:10px 0 0 10px;
font-size:0;
line-height:0;
}

body.products03 #title p {
position:absolute;
right:7px;
bottom:6px;
}





#pageTop {
padding:0 3px 10px;
}

#pageTop p {
width:68px;
height:11px;
float:right;
}


#pageTop p a {
display:block;
height:100%;
width:100%;
background:url(../../images/pro_com_btn_pagetop.gif) 0 0 no-repeat;
}

#pageTop p a:hover,
#pageTop p a:active,
#pageTop p a:focus {
background-position:0 -11px;
}





/*------------------------------------------------------
02. 事業分野トップ（第2階層）
------------------------------------------------------*/
body.products01 {
}

body.products01 p.lead {
margin:0 5px 15px;
line-height:2;
}

body.products01 p.lead a {
color:#2897de;
}

body.products01 p.lead a:hover,
body.products01 p.lead a:active,
body.products01 p.lead a:focus {
}

body.products01 ul#container {
margin:0 5px 44px;
}

body.products01 ul#container li {
width:435px;
margin:0 0 16px;
float:left;
}

body.products01 ul#container li.left {
margin:0 20px 16px 0;
}

body.products01 ul#container li .section01 {
width:245px;
float:right;
}

body.products01 ul#container li .section01 h2 {
margin:0 0 10px;
}

body.products01 ul#container li .section01 p.text {
height:auto !important;
height:87px;  /* IE用 */
min-height:87px;  /* IE以外用 */
font-size:1em;
}

body.products01 ul#container li .section01 p.button {
margin:0 -4px 0 0;
position:relative;
text-align:right;
}





/*------------------------------------------------------
03. 各事業トップ（第3階層）
------------------------------------------------------*/
body.products02 #container {
margin:0 0 50px;
}

body.products02 #mainContent {
float:left;
width:660px;
padding:5px 0 0;
}

body.products02 #mainContent h2 {
margin:15px 0 10px 5px;
font-size:0;
line-height:0;
}





body.products02 #mainContent p.image {
padding:0 0 0 5px;
}
body.products02 #mainContent p.lead {
margin:8px 0 8px 5px;
line-height:2;
}





body.products02 #mainContent h3 {
margin:10px 0 0 5px;
font-size:0;
line-height:0;
}





body.products02 #mainContent .productsSiteIndex {
}

body.products02 #mainContent .productsSiteIndex li {
float:left;
width:330px;
background:url(../../images/pro_com_bg_002.gif) 0 100% no-repeat;
}

body.products02 #mainContent .productsSiteIndex li h4 {
padding:12px 15px 0;
font-size:1em;
background:url(../../images/pro_com_bg_001.gif) 0 0 no-repeat;
}

body.products02 #mainContent .productsSiteIndex li h4 a {
padding:0 0 0 15px;
color:#0F218B;
background:url(../../images/icon_001.gif) 0 40% no-repeat;
}

body.products02 #mainContent .productsSiteIndex li h4 a:hover,
body.products02 #mainContent .productsSiteIndex li h4 a:active,
body.products02 #mainContent .productsSiteIndex li h4 a:focus {
text-decoration:none;
}

body.products02 #mainContent .productsSiteIndex li p {
padding:0 15px 12px;
font-size:0.8em;
}





/* ボックスオーバー時 */
body.products02 #mainContent .productsSiteIndex li.on {
background:url(../../images/pro_com_bg_002_on.gif) 0 100% no-repeat;
}
body.products02 #mainContent .productsSiteIndex li h4.on {
background:url(../../images/pro_com_bg_001_on.gif) 0 0 no-repeat;
}





body.products02 #mainContent ul#company {
margin:0 5px 0;
}

body.products02 #mainContent ul#company li {
float:left;
margin:0 0 5px;
padding:0 0 0 15px;
width:310px;
background:url(../images/icon_001.gif) 0 50% no-repeat;
}

body.products02 #mainContent ul#company li a:hover,
body.products02 #mainContent ul#company li a:active,
body.products02 #mainContent ul#company li a:focus {
color:#0f218b;
}



/*------------------------------------------------------
04. 配下ページ（第4階層）
------------------------------------------------------*/
body.products03 #container {
margin:0 0 50px 5px;
height:auto !important;
height:500px;  /* IE用 */
min-height:500px;  /* IE以外用 */
background:url(../../images/pro_com_bg_003.gif) 0 0 repeat-y;
}

body.products03 #mainContent {
float:left;
width:660px;
border-top:5px solid #FFFFFF;
}





body.products03 #mainContent #productName {
float:left;
width:180px;
}

body.products03 #mainContent #productName h2 {
font-size:0;
line-height:0;
}

body.products03 #mainContent #productName h3,
body.products03 #mainContent #productName h2.cargon {
margin:15px 0 15px 10px;
font-size:0;
line-height:0;
}





body.products03 #mainContent #productMain {
float:right;
width:470px;
}

body.products03 #mainContent #productMainInner {
margin:0 0 40px;
}

body.products03 #mainContent #productMainInner .text {
float:left;
width:290px;
}

body.products03 #mainContent #productMainInner .text p {
line-height:1.8;
}

body.products03 #mainContent #productMainInner .text .break {
margin:15px 0 0;
}

body.products03 #mainContent #productMainInner .text p.link {
text-align:right;
}

body.products03 #mainContent #productMainInner .text p.link a {
color:#333333;
}

body.products03 #mainContent #productMainInner .image {
float:right;
width:170px;
}

body.products03 #mainContent #productMainInner .image p {
margin:10px 0 0 -1px;
}





body.products03 #mainContent div.productInfo {
position:relative;
padding:0 0 6px;
background:url(../../images/pro_com_bg_005.gif) 0 100% no-repeat;
}

body.products03 #mainContent div.productInfo dl {
padding:10px 22px 5px 15px;
background:url(../../images/pro_com_bg_004.gif) 0 0 no-repeat;
/*background:url(../products/images/pro_com_bg_004.gif) 0 0 no-repeat;*/
zoom:1;
}

body.products03 #mainContent div.productInfo div {
position:absolute;
right:10px;
top:10px;
}

body.products03 #mainContent div.productInfo dl dt {
padding:0 0 3px 15px;
font-weight:normal;
background:url(../../images/icon_001.gif) 0 50% no-repeat;
}

body.products03 #mainContent div.productInfo dl dt a {
color:#0F218B;
}

body.products03 #mainContent div.productInfo dl dt a:hover,
body.products03 #mainContent div.productInfo dl dt a:active,
body.products03 #mainContent div.productInfo dl dt a:focus {
text-decoration:none;
}

body.products03 #mainContent div.productInfo dl dd {
font-size:1em;
}

body.products03 #mainContent #productMain .note {
text-align:right;
font-size:1em;
color:#359EE0;
}

body.products03 #mainContent #productMain .note img {
margin:0 5px 0 0;
padding:1px;
vertical-align:middle;
}





/* ボックスオーバー時 */
body.products03 #mainContent div.on {
background:url(../../images/pro_com_bg_005_on.gif) 0 100% no-repeat;
}
body.products03 #mainContent div.productInfo dl.on {
background:url(../../images/pro_com_bg_004_on.gif) 0 0 no-repeat;
}





/*------------------------------------------------------
05. 右メニュー部分（第3,4階層）
------------------------------------------------------*/
body.products02 #sideContent,
body.products03 #sideContent {
float:right;
width:235px;
}





#sideContent #sideNavHeader {
position:relative;
height:55px;
background:url(../../images/sideNav_bg_001.gif) 0 0 no-repeat;
}

#sideContent #sideNavHeader h2 {
padding:14px 0 0 15px;
font-size:0;
line-height:0;
}

#sideContent #sideNavHeader p#btnAll {
position:absolute;
right:12px;
top:30px;
font-size:0;
line-height:0;
width:103px;
height:15px;
}

#sideContent #sideNavHeader p#btnAll a {
display:block;
height:100%;
width:100%;
background:url(../../images/sideNav_btn_open.gif) 0 0 no-repeat;
}

#sideContent #sideNavHeader p#btnAll a:hover,
#sideContent #sideNavHeader p#btnAll a:active,
#sideContent #sideNavHeader p#btnAll a:focus {
background-position:0 -15px;
}

#sideContent #sideNavHeader p#btnAll.open {
width:103px;
}

#sideContent #sideNavHeader p#btnAll.open a {
background:url(../../images/sideNav_btn_close.gif) 0 0 no-repeat;
}

#sideContent #sideNavHeader p#btnAll.open a:hover,
#sideContent #sideNavHeader p#btnAll.open a:active,
#sideContent #sideNavHeader p#btnAll.open a:focus {
background-position:0 -15px;
}




#sideContent {
padding:0 0 5px;
/*background:url(../../images/sideNav_bg_002.gif) 0 100% no-repeat;*/
}

#sideContent dl#sideNav,
#sideContent div#sideNav { /* 炭素繊維複合材料事業用 */
padding:0 5px 0;
background:url(../../images/sideNav_bg_006.gif);
zoom:1;
}

#sideContent dl#sideNav dt {
display:block;
height:25px;
cursor:pointer;
}

#sideContent dl#sideNav dd,
#sideContent div#sideNav ul { /* 炭素繊維複合材料事業用 */
padding:6px 0 0 0;
font-size:0;
line-height:0;
text-align:center;
border-left:1px solid #2897DE;
border-right:1px solid #2897DE;
border-bottom:1px solid #2897DE;
}

#sideContent div#sideNav ul { /* 炭素繊維複合材料事業用 */
padding:6px 0 10px 0;
border-top:1px solid #2897DE;
}

#sideContent dl#sideNav dd ul {
padding:0 0 10px 0;
}





/* 繊維事業 dt */
#sideContent dl#sideNav .pro01Fib {
background:url(../../fibers/images/sideNav_fib_pro01_title.gif) 0 0 no-repeat;
}

#sideContent dl#sideNav .pro02Fib {
background:url(../../fibers/images/sideNav_fib_pro02_title.gif) 0 0 no-repeat;
}

#sideContent dl#sideNav .pro03Fib {
background:url(../../fibers/images/sideNav_fib_pro03_title.gif) 0 0 no-repeat;
}

#sideContent dl#sideNav .pro04Fib {
background:url(../../fibers/images/sideNav_fib_pro04_title.gif) 0 0 no-repeat;
}

/* 環境・エンジニアリング事業 dt */
#sideContent dl#sideNav .pro01Env {
background:url(../../environment/images/sideNav_env_pro01_title.gif) 0 0 no-repeat;
}

#sideContent dl#sideNav .pro02Env {
background:url(../../environment/images/sideNav_env_pro02_title.gif) 0 0 no-repeat;
}

#sideContent dl#sideNav .pro03Env {
background:url(../../environment/images/sideNav_env_pro03_title.gif) 0 0 no-repeat;
}

#sideContent dl#sideNav .pro04Env {
background:url(../../environment/images/sideNav_env_pro04_title.gif) 0 0 no-repeat;
}

#sideContent dl#sideNav .pro05Env {
background:url(../../environment/images/sideNav_env_pro05_title.gif) 0 0 no-repeat;
}

/* 環境・エンジニアリング事業 dt */
#sideContent dl#sideNav .pro01Ict {
background:url(../../ict/images/sideNav_ict_pro01_title.gif) 0 0 no-repeat;
}

#sideContent dl#sideNav .pro02Ict {
background:url(../../ict/images/sideNav_ict_pro02_title.gif) 0 0 no-repeat;
}

#sideContent dl#sideNav .pro03Ict {
background:url(../../ict/images/sideNav_ict_pro03_title.gif) 0 0 no-repeat;
}

#sideContent dl#sideNav .pro04Ict {
background:url(../../ict/images/sideNav_ict_pro04_title.gif) 0 0 no-repeat;
}

#sideContent dl#sideNav .pro05Ict {
background:url(../../ict/images/sideNav_ict_pro05_title.gif) 0 0 no-repeat;
}

/* プラスチック・ケミカル事業 dt */
#sideContent dl#sideNav .pro01Pla {
background:url(../../plastics/images/sideNav_pla_pro01_title.gif) 0 0 no-repeat;
}

#sideContent dl#sideNav .pro02Pla {
background:url(../../plastics/images/sideNav_pla_pro02_title.gif) 0 0 no-repeat;
}

#sideContent dl#sideNav .pro03Pla {
background:url(../../plastics/images/sideNav_pla_pro03_title.gif) 0 0 no-repeat;
}

/* ライフサイエンス・その他事業  dt */
#sideContent dl#sideNav .pro01Lif {
background:url(../../life/images/sideNav_lif_pro01_title.gif) 0 0 no-repeat;
}

#sideContent dl#sideNav .pro02Lif {
background:url(../../life/images/sideNav_lif_pro02_title.gif) 0 0 no-repeat;
}

#sideContent dl#sideNav .pro03Lif {
background:url(../../life/images/sideNav_lif_pro03_title.gif) 0 0 no-repeat;
}






/* オン・オープン時 */
#sideContent dl#sideNav .on {
background-position:0 -25px;
}

#sideContent dl#sideNav .open {
margin:-1px 0 0;
background-position:0 -50px;
}

html:\66irst-child #sideContent dl#sideNav .open { /* for mac safari all */
margin:0;
}

body:first-of-type #sideContent dl#sideNav .open { /* for mac safari 3 */
margin:-1px 0 0;
}


/* Ict用特別クラス  */

#sideContent dl#sideNav dt#ict_cat_01_02 {
display:block;
height:37px;
cursor:pointer;
}

/* Ict用特別クラス　オン・オープン時 */
#sideContent dl#sideNav dt#ict_cat_01_02.on {
margin:-1px 0 0;
background-position:0 -37px;
height:37px;}

#sideContent dl#sideNav dt#ict_cat_01_02.open {
margin:-1px 0 0;
background-position:0 -74px;
height:37px;
}


#sideContent dl#sideNav dt#ict_cat_01_02 {
margin:-1px 0 0;
background-position:0 0;
height:37px;
}



/* contact Us  */
#contact{
margin-right:0;
border-left-width:229px;
float:right;
margin-right:1px;
margin-top:3px;
}

/* Style Index ========================
1.links

==================================== */


/*------------------------------------------------------
1.links
------------------------------------------------------*/


.fiber_links li{
float:left;
margin-left:3px;
}

.network li{
width:310px;
float:left;
margin:0px 0px 10px 5px;
background: url(../../images/icon_blank.gif) no-repeat left 50%;
text-indent:15px;}


/*2.network*/

#network {
width:650px;
margin:5px 0 5px 5px;
padding:0}

.country{
background:url(../../common/images/network_icon.gif) 0 50% no-repeat;
text-indent:9px;
font-weight:bold;
margin:10px 0 0 5px;
vertical-align:middle;
color:#666666;}

#network li{
width:300px;
float:left;
margin:0 0 5px 5px;
background: url(../../images/icon_blank.gif) no-repeat 0 0.5em;
padding: 0 0 2px 15px;
}

#network h3{
margin:5px 0 0 0 !important;}

#network h4{
background:url(../images/network_icon_h4.gif) 0 50% no-repeat;
text-indent:17px;
font-weight:bold;
margin:7px 0 0 0 !important;
vertical-align:middle;
color:#666666;}