@charset "UTF-8";

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

	INABATA FINE TECH&CO.,LTD Page Style
	designed:  AZ
	
	1. general
	2. header
	3. global navigation
	4. contents 
	5. main column  
	6. sub column
	7. footer

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

body {
	margin: 0;
	padding: 0;
	background-color:#F7F7F7;
	color: #000;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 85%;
	text-align: center;
}

h1,h2,h3,h4,div,p,a,ul,ol,li,img {
	margin: 0;
	padding: 0;
	border: 0;
}
a {
	color: #333333;
	text-decoration: none;
    outline:none;
}
a:hover {
	color: #BF1C5D;
	text-decoration: underline;
}

a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/* --------------------------------------------
header  */

#header {
    width: 775px;
    height: 9px;
    margin: 35px auto 0;
    background: transparent url(../image/headerline.png) no-repeat 0 0;
}
	
/* --------------------------------------------
global navigation  */	
	
#sub ul{
    height: auto;
}
#sub ul li{
    width: 230px;
    list-style: none;
    text-indent: -9999px;
}
/* home */
    #sub ul li#ghome a{
        height: 53px;
        background:url(../image/gNavHome.png) no-repeat 0 0;
    }

    #sub ul li#company a{
        height: 51px;
        background:url(../image/gNavCompany.png) no-repeat 0 0;
    }
    #sub ul li#company a:hover,
    #sub ul li#company_link a{
        height: 51px;
        background:url(../image/gNavCompany.png) no-repeat 0 -51px;
    }
    #sub ul li#company_link_none a{
        height: 51px;
        background:url(../image/img_company/gNavCompany.png) no-repeat 0 0;
    }
    #sub ul li#company2 a{
        height: 39px;
        background:url(../image/gNavCompany2.png) no-repeat 0 0;
    }
    #sub ul li#company2 a:hover,
    #sub ul li#company2_link a{
        height: 39px;
        background:url(../image/gNavCompany2.png) no-repeat 0 -39px;
    }

    #sub ul li#business a{
        height: 53px;
        background:url(../image/gNavBusiness.png) no-repeat 0 0;
    }
    #sub ul li#business a:hover,
    #sub ul li#business_link a{
        height: 53px;
        background:url(../image/gNavBusiness.png) no-repeat 0 -53px;
    }
    #sub ul li#business_link_none a{
        height: 53px;
        background:url(../image/img_business/gNavBusiness.png) no-repeat 0 0;
    }
    #sub ul li#chemicals a{
        height: 37px;
        background:url(../image/gNavChemicals.png) no-repeat 0 0;
    }
    #sub ul li#chemicals a:hover,
    #sub ul li#chemicals_link a{
        height: 37px;
        background:url(../image/gNavChemicals.png) no-repeat 0 -37px;
    }
    #sub ul li#dyes a{
        height: 36px;
        background:url(../image/gNavDyes.png) no-repeat 0 0;
    }
    #sub ul li#dyes a:hover,
    #sub ul li#dyes_link a{
        height: 36px;
        background:url(../image/gNavDyes.png) no-repeat 0 -36px;
    }

    #sub ul li#english a{
        height: 53px;
        background:url(../image/gNavEnglish.png) no-repeat 0 0;
    }
    #sub ul li#english a:hover,
    #sub ul li#english_link a{
        height: 53px;
        background:url(../image/gNavEnglish.png) no-repeat 0 -53px;
    }
    #sub ul li#english_link_none a{
        height: 53px;
        background:url(../image/img_english/gNavEnglish.png) no-repeat 0 0;
    }
    #sub ul li#e_business a{
        height: 35px;
        background:url(../image/gNavEbusiness.png) no-repeat 0 0;
    }
    #sub ul li#e_business a:hover,
    #sub ul li#e_business_link a{
        height: 35px;
        background:url(../image/gNavEbusiness.png) no-repeat 0 -35px;
    }
    #sub ul li#e_about a{
        height: 39px;
        background:url(../image/gNavAbout.png) no-repeat 0 0;
    }
    #sub ul li#e_about a:hover,
    #sub ul li#e_about_link a{
        height: 39px;
        background:url(../image/gNavAbout.png) no-repeat 0 -39px;
    }
/* other */
    #sub a{
	    display:block;
        width: 100%;
        height: 100%;
    }


/* --------------------------------------------
contents   */

#contents {
	width: 758px;
    height: auto;
	margin: 0 auto;
	padding: 0 6px 0 11px;
    background: transparent url(../image/background.png) repeat-y 0 0;
    overflow: auto;
    overflow: hidden;
}
/* IE6 */
* html #contents {
	width: 775px;
    margin: -12px 0 0 0;
}

/* --------------------------------------------
main column  */

#main {
	float: right;
	width: 528px;
    height: auto;
    text-align:left;
}
    #main a {
	    color: #BF1C5D;
	    text-decoration: underline;
    }
    #main a:hover {
	    text-decoration: none;
    }
    .pankuzu{
        width: 528px;
        font-size: 0.8em;
        height: 21px;
        margin: 16px 0 0 0;
    }
    #main h2{
        margin: 0 0 42px 0;
    }
#main .mainBox {
    width: 500px;
    height: auto;
    margin: 18px 0 0 11px;
    font-size: 0.9em;
    color:#666;
    line-height: 1.4;
}
    #main .mainBox table {
        font-size: 1.0em;
        color:#666;
        line-height: 1.4;
    }
/* --------------------------------------------
sub column  */

#sub {
	float: left;
	width: 230px;
    height: auto;
	margin: 0;
	padding: 0;
}
    #sub .inabata {
	    width: 230px;
        height:267px;
        background: transparent url(../image/logo.png) no-repeat 0 0;
        text-indent:-9999px;
    }
    #sub #topics {
	    width: 230px;
        height:170px;
        background: transparent url(../image/img_index/topicsBackground.png) no-repeat 0 0;
        position:relative;
    }
        #sub #topics .title {
	        width: 204px;
            height:21px;
            background: transparent url(../image/img_index/topics.png) no-repeat 0 0;
            position:absolute;
            top:7px;
            left:4px;
        }
        #sub #topics table {
            position:absolute;
            top:40px;
            left:6px;
            font-size: 0.9em;
            text-align:left;
            width: 200px;
            line-height: 1.3;
            color: #fff;
        }
        #sub #topics table .td1 {
            color: #C6004F;
        }
        #sub #topics table .td2 {
            height:20px;
            vertical-align: middle;
        }
        #sub #topics table a {
	        color: #fff;
	        text-decoration: underline;
        }
        #sub #topics table a:hover {
	        color: #BF1C5D;
	        text-decoration: underline;
        }

/* --------------------------------------------
footer */
#footer{
    width:775px;
    height:55px;
    background: transparent url(../image/footer.png) no-repeat 0 0;
    clear: both;
    margin: 0 auto 35px;
    font-size: 0.8em;
    position:relative;
}
    #footer ul{
        list-style:none;
        float:right;
        margin: 42px 0 0 0;
    }
    #footer ul li{
        float: left;
        background:url(../image/icon.gif) no-repeat 0 0;
        padding: 2px 15px 0 13px ;
    }
    #footer .pagetop{
        position:absolute;
        top:0px;
        right:13px;
    }
/* --------------------------------------------
1.company  */
#company #main .td1,
#english #main .td2{
    background-color:#EFEFEF;
    padding:5px 0 3px 10px;
}
#company #main .td2,
#english #main .td3{
    padding:5px 0 3px 0;
}

/* --------------------------------------------
2.business  */
#main span.red{
    color:#C92868;
}
#main span.small{
    font-size: 0.8em;
}
#business #main .dyesbox{
    width: 500px;
    height: 890px;
    background:url(../image/img_business/img_Dy_back.png) no-repeat 0 0;
    position:relative;
}
    #business #main .dyesbox .overseas{
        position: absolute;
        top: 15px;
        left: 260px;
    }
#business #main .td1,
#english #main .td1{
    background:url(../image/img_business/Bu_img_back.png) no-repeat 0 bottom;
}

/* --------------------------------------------
2.English*/
#business #main .dyesbox_en{
    width: 500px;
    height: 940px;
    background:url(../image/img_english/img_Dy_back.png) no-repeat 0 0;
    position:relative;
}
    #business #main .dyesbox_en .overseas{
        position: absolute;
        top: 26px;
        left: 260px;
    }
#company #main .td1{
    background-color:#EFEFEF;
    padding:5px 0 3px 10px;
}
#company #main .td2{
    padding:5px 0 3px 0;
}