@charset "Shift_JIS";

/*
css-menu
1. 製品トップ
2. 製品チョイス
3. 製品テキストチョイス（テキストリスト）
4. 製品紹介テキストエリア
5. tablestyle
6. たてリスト用(成分表など)
7. 画像配置
8. indexリンク
9. テキスト見出し強調
10. h3
11. 炭素繊維QA用
12. 特長リスト
13. ブランドリスト
*/

/*
------------------------
1. 製品トップ
------------------------*/

#products{
width:650px;
margin:0;
}

/*バナーでリンクするトップ*/
#banner_link {
margin-top:15px;
margin-left:7px;

}



#banner_link li{
float:left;
margin-bottom:15px;}

#banner_link ul{
margin-bottom:0;
padding:0}

.mgnR30{
margin-right:30px;}


.mgnT05{
margin-top:5px;}

/*
------------------------
2. 製品チョイス
------------------------*/
#choice_life{
width:670px;
height:30px;
background:url(../life/images/life_choice_back.gif) no-repeat 0% 0%;
text-align:center;
vertical-align:middle;
}

#choice_fiber{
width:670px;
height:30px;
background:url(../fiber/images/fiber_choice_back.gif) no-repeat 0% 0%;
text-align:center;
vertical-align:middle;
}

.choice_box{
margin-top:5px;
width:200px;}

/*
-----------------------------------
3. 製品テキストチョイス（テキストリスト）
-----------------------------------*/
/*3列*/
#choice_list{
width:655px;
border-top:solid #9fceb6 1px;
border-bottom:solid #9fceb6 1px;
padding:2px 0 2px 0;
margin:15px 0 0 0;
}



#choice_list ul{
margin:0 3px 0 3px;
padding:0;
}


#choice_list li{
float:left;
background:url(../images/icon_text_choice.jpg) no-repeat 0 50%;
text-indent:10px;
font-size:12px;
padding:0;
margin:0;
}


/*2列*/
#choice_list_02{
width:640px;
border-top:solid #9fceb6 1px;
border-bottom:solid #9fceb6 1px;
margin:10px 0 0 10px;
}


#choice_list_02 ul{
margin:5px 0 5px 3px;
}


#choice_list_02 li{
float:left;
background:url(../images/icon_text_choice.jpg) no-repeat 7px 50%;
padding-left:20px;
}


/*
-----------------------------------
4. 製品紹介テキストエリア
-----------------------------------*/

.introduction{
width:650px;
margin-left:7px;
}

.introduction p{
margin-bottom:15px;
}



.link_product{
float:right;
clear:right;
background:url(../images/icon_01.gif) no-repeat 0 30%;
text-indent:16px;
vertical-align:bottom;
margin:5px 0 0 0;
}


.link_product02 dd{
background:url(../images/icon_01.gif) no-repeat 0 30%;
text-indent:16px;
vertical-align:bottom;
margin:0 0 5px 0;
}



.contact_product{
float:right;
clear:right;
margin:0;
}



/*
5. tablestyle
------------------------*/

/*ボーダーあり*/
.tab_01 {
font-size: 1.2em;
line-height: 1.6em;
color: #666;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
margin-left:7px;
}

.tab_01 td {
padding: 3px;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
text-align: left;
}

.tab_01 td.center {
text-align:center;
}

.b{
font-weight:bold;}

.tab_01 td.centerB {
text-align:center;
font-weight:bold;
}

.tab_01 td.center_gray{
background-color:#f5f5f5;
text-align:center;
} 

.text10{
font-size:10px;}




/*ボーダーなし*/
.tab_02 {
font-size: 1.2em;
line-height: 1.6em;
border:none;
}

.tab_02 td {
padding: 6px;
border:none;
text-align: left;
}


/*図解用テーブルボーダーあり*/
.tab_03 {
font-size: 1.2em;
line-height: 1.6em;
color: #666;
border-top: 1px solid #9cc8b1;
border-left: 1px solid #9cc8b1;
margin-bottom:15px;
}

.tab_03 td {
padding: 3px;
border-right: 1px solid #9cc8b1;
border-bottom: 1px solid #9cc8b1;
text-align: left;
}

.tab_03 td.text10 {
font-size:10px;}

/*tablecenter揃え*/

.tab_center {
font-size: 1.2em;
line-height: 1.6em;
color: #666;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
margin-left:auto;
margin-right:auto;
margin-top:20px;
}

.tab_center td {
padding: 3px;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
text-align: left;
}

/*
6. たてリスト用(成分表など)
------------------------*/

.box_list{
padding:2px;
width:300px;
text-align:center}

.back_gray{
background-color:#efefef;
color:#000000;
}


.back_red{
background-color:#FF6600;
color:#ffffff;
}



/*
7.画像配置
------------------------*/


.imgLCaption{
float:left;
text-align:center;
}

.imgRCaption{
float:right;
text-align:center;
padding:2px 2px 0 2px;
border:#CCCCCC solid 1px;
margin:15px 0 15px 0;
}
.imgLCaption02{
float:left;
text-align:center;
padding:2px 2px 0 2px;
border:#CCCCCC solid 1px;
margin:15px 0 15px 0;
}

.w520{
width:520px;}

.apparelImg{
text-align:center;
margin-left:100px;
margin-top:25px;}



.img_left{
border:#CCCCCC solid 1px;
padding:5px;
margin-right:3px;
float:left;
}

.img_right{
border:#CCCCCC solid 1px;
padding:5px;
margin-left:3px;
float:right;
}

.img_border{
border:#CCCCCC solid 1px;
padding:5px;
margin-left:3px;
}

.right_products{
float:right;}

/*2列画像配置*/
.imgLeft02{
float:left;
margin-right:15px;}

/*3列画像配置*/
.imgLeft03{
float:left;
margin-right:20px;}

.imgLeft03_last{
float:left;}

.mgnL100{
margin-left:100px;}


/*4列画像配置*/
.imgLeft150{
float:left;
margin-right:10px;
margin-top:15px;
width:140px;
}



.right115{
text-align:right;
margin-right:115px;}


/*
8. indexリンク
------------------------*/

.product_link{
width:180px;
float:left;
margin-left:20px;
}


.product_link dl{
margin-bottom:10px;
padding:0;
}

.product_link dt{
background:url(../../common/images/icon_square.gif) 0 0.4em no-repeat;
padding:2px 2px 2px 15px;
}

.product_link dd{
background:url(../../common/images/icon_3.gif) 0 0.4em no-repeat;
margin-left:12px;
padding:2px 2px 2px 8px;
}


/*
9. テキスト見出し強調
----------------------------*/
.h_text{
vertical-align:bottom;
font-weight:bold;
padding:2px 0 2px 0;
margin:5px 0 0 0;
background:url(../../common/images/icon_square_gray.gif) 0 45% no-repeat;
text-indent:15px;
}


/*
10. h3
----------------------------*/

#products h3{
margin:10px 0 0 5px;
padding:0;
}


/*
11. QA(炭素繊維用)
----------------------------*/

#QA{
width:auto;
border:#CCCCCC solid 1px;
padding:3px;
margin-top:10px;
margin-bottom:5px;
}

#QA li{
background:url(../../common/images/icon_maru.gif) 0 40% no-repeat;
text-indent:12px;
padding:2px;}

#QA a:visited {
color:#cccccc;
text-decoration:none;}

/*
12. 特長リスト
----------------------------*/

.pro_list li{
background:url(../../common/images/icon_square02.gif) 2px 0.3em no-repeat;
padding: 0 0 2px 15px;
}


/*
13. ブランドリスト
----------------------------*/
.brand{
border:solid 1px #999999;
padding:2px;
}
.brand span{
color:#FF6600;}

.texbrand{
color:#FF6600;}

.brand_cate{
vertical-align:bottom;
font-weight:bold;
background:url(../../common/images/icon_square_gray.gif) 0 45% no-repeat;
text-indent:15px;
margin-top:15px;
}