@charset "Shift_JIS";


/*--------------------  ebrush.css; --------------------------------*/


/*-------------------- margin reset --------------------*/

*{
        margin:0;
        padding:0;
}

/*-------------------- element type --------------------*/

body {  
        margin: 0;
        padding: 0;
        color: #5377BE;
        font-family : "‚l‚r ‚oƒSƒVƒbƒN","HGŠÛºÞ¼¯¸M-PRO";
        text-align:center;
        height:auto;
}

#wrapper { 
        width: 800px;
        color: #333333;
        background:#FFFFFF;
        margin-top:10px;
        margin-bottom:10px;
        text-align:center;
}

/*-------------------- head --------------------*/

div.header-img{
        text-align:left;
}

/*-------------------- top menu--------------------*/

div#top-menu{
        width:780px;
        text-align:left;
        margin-top:-20px;
}

#top-menu ul,#top-menu li{
        list-style-type: none;
        margin-bottom:0px;
}

#top-menu li{
        float:right;
        border-top:1px solid #333333;
        border-right:1px solid #333333;
        border-bottom:1px solid #333333;
        font-size: 90%;

} 

#top-menu a,#top-menu a:link,#top-menu a:visited{
        text-decoration:none;
        color:#333333;
        background-color:transparent;
        width:100px;
        height:20px;
        text-align:center;
        padding:2px 0;
        display:block;
}

#top-menu a:hover{
        color:#FFFFFF;
        background-color:#006699;
}

#top-menu li.home1{
        border-left:1px solid #333333;
}

#top-menu li.home2{
        border-left:1px solid #333333;
        font-family : Arial,Vdrdana;

}

/*-------------------- side menu--------------------*/

#side-menu {
        width:120px;
        height:auto;
        float:left;
}

#side-menu ul{
        list-style:none;
        margin-top:10px;
}

#side-menu li{
        list-style:none;
        list-style-position:outside;
        margin-bottom:5px;
        font-size: 84%;
}

#side-menu li a{
        display:block;
        width:120px;
        height:24px;
        padding:3px 10px;
        border-width:1px;
        border-style:solid;
}

#side-menu li a:link,#side-menu li a:visited{
        color:#000000;
        text-decoration:none;
        background-color:#EEEEEE;
        border-color:#CCCCCC;
}

#side-menu li a:hover,#side-menu li a:active{
        color:#000000;
        text-decoration:none;
        background-color:#6699FF;
        border-color:#5377BE;
}   

/*-------------------- easybrush top-header No1--------------------*/

div#ebrush-top-head1{
        width:780px;
        margin-top:0px;
        margin-bottom:0px;

}

#ebrush-top-head1 h1 {
        color: #FFFFFF;
        font-size: 110%;
        line-height: 24px;
        font-weight: bold;
        background: #5377BE;
        text-align : center;
        width:780px;	
}

#ebrush-top-head1 h2{
        float:right;
        width:10px;
        height:123px;
        padding-top:10px;
}

#ebrush-top-head1 h3{
        float:left;
        padding-top:10px;
}


#ebrush-top-head1 p {
        color: #5377BE;
        margin-left:10px;
        margin-top:60px;
        text-align:left;
        font-size: 90%;
        line-height:150%;
        font-weight: bold;
}

/*-------------------- easybrush top-contents --------------------*/

div#ebrush-top-contents{
        width:780px;
        border-top: 1px solid #a6a6a6;
        background:url(../image/jpebrush_g03.png);
        background-repeat:no-repeat;
        background-position:left bottom;
}

/*-------------------- easybrush-top-main--------------------*/

div#ebrush-top-main{
        width:640px;
        float:right;
}        

#ebrush-top-main a:link,#ebrush-top-main a:visited{
        color:#5377BE;
        text-decoration:none;
        border-color:#FFFFFF;
}

#ebrush-top-main a:hover,#ebrush-top-main a:active{
        color:#FFFFFF;
        text-decoration:none;
        background-color:#6699FF;
        border-color:#99CC66;
}   

#ebrush-top-main p {
        margin-top: 5px;
        margin-bottom:10px;
        color: #5377BE;
        font-size:90%;
        line-height:150%;
        font-weight: normal;
        text-align:justify;
        padding-left:14px;
        padding-right:14px;
}

#ebrush-top-main h3 {	
        color:#F79833;
        border-left:5px solid #5377BE;
        border-right:5px solid #5377BE;
        border-top:1px solid #5377BE;
        border-bottom:1px solid #5377BE;
        padding:5px 0px 5px 5px;
        font-size: 104%;
        line-height:120%;
        font-weight: bold;
        text-align : center;
        margin-top:10px;
}

#ebrush-top-main h4 {	
        color: #3A8374;
        background-color:#FFFFFF;
        border-left:5px solid #5377BE;
        border-right:5px solid #5377BE;
        border-top:1px solid #5377BE;
        border-bottom:1px solid #5377BE;
        padding:5px 0px 5px 10px;
        font-size: 90%;
        font-weight: bold;
        text-align : left;
}

#ebrush-top-main p.att {
       margin-top: 5px;
       margin-bottom:10px;
       color: #3A8374;
       font-size:80%;
       line-height:150%;
       font-weight: normal;
       text-align:justify;
}



/*-------------------- easybrush footer --------------------*/

div#ebrush-top-footer{
        margin-top:10px;
        margin-bottom:10px;
        clear:both;
        width:780px;
        color: #FFFFFF;
        font-style: italic;
        line-height: 6px;
        padding: 8px;
        background: #5377BE;
        height:8px;	
        font-family : Arial,Vdrdana;
        text-align:right;
        font-size: 80%;
}


/*-------------------- easybrush  details --------------------*/

/*-------------------- easybrush detail header No2--------------------*/

div#ebrush-detail-head2{
        width:780px;
        margin-bottom:0px;
}

#ebrush-detail-head2 h1{
        color: #FFFFFF;
        font-size: 100%;
        line-height: 24px;
        font-weight: bold;
        background: #6699FF;
        text-align : center;
        width:780px;	
}

#ebrush-detail-head2 h2{
        float:left;
        font-size: 90%;
}


#ebrush-detail-head2 h3 {
        color: #5377BE;
        margin:40px 20px 10px 80px;
        text-align:left;
        line-height:130%;
        font-size: 96%;
        font-weight: bold;
        padding: 13px 14px;
}

#ebrush-detail-head2 h4{
        float:left;
        font-size: 90%;
        margin-left:50px;

}


#ebrush-detail-head2 p {
        color: #5377BE;
        margin:10px 10px 10px 80px;
        text-align:left;
        line-height:130%;
        font-size: 96%;
        font-weight: bold;
        padding: 13px 14px;
}

/*-------------------- easybrush detail contents --------------------*/

div#ebrush-detail-contents{
        width:780px;
        border-top: 1px solid #a6a6a6;

}

/*-------------------- easybrush detail main--------------------*/

div#ebrush-detail-main{
        width:740px;
        color:#3A8374;
}        


#ebrush-detail-main h3 {
        color: #5377BE;
        background-color:#F3F3F3;
        border-left:15px solid #6699FF;
        padding:5px 0 5px 10px;
        font-size: 100%;
        font-weight: bold;
        text-align : left;
        margin-top:10px;
        margin-bottom:10px;
}

#ebrush-detail-main h4 {
        color: #5377BE;
        background-color:#FFFFFF;
        border-left:2px outset #6699FF;
        padding:5px 0 5px 5px;
        font-size: 90%;
        font-weight: bold;
        text-align : left;
        margin-top:10px;
        margin-left:20px;
}


#ebrush-detail-main p {
        margin-top: 5px;
        color: #5377BE;
        font-size:84%;
        line-height:150%;
        font-weight: normal;
        text-align:justify;
        margin-left:20px;
        padding-left:10px;
}

#ebrush-detail-main ol{
        margin-top:10px;
        margin-left:50px;
        color: #5377BE;
}

#ebrush-detail-main li{
        font-size: 84%;
        text-align:left;
}


/*-------------------- easybrush detail FAQs--------------------*/

div#ebrush-detail-faqs{
        width:740px;
        color:#3A8374;
}        


#ebrush-detail-faqs h3 {
        color: #5377BE;
        padding:5px 0 5px 5px;
        font-size: 96%;
        font-weight: bold;
        text-align : left;
        margin-top:10px;
}


#ebrush-detail-faqs p {
        margin-top: 5px;
        color: #5377BE;
        font-size:84%;
        line-height:150%;
        font-weight: normal;
        text-align:justify;
        margin-left:20px;
        padding-left:10px;
}





/*-------------------- easybrush detail footer --------------------*/

div#ebrush-detail-footer{
        clear: both;
        width: 780px;
        font-family: "Arial", Courier, monospace;
        font-size: 12px;
        color: #FFFFFF;
        text-align: center;
        height: 20px;
        background-color: #6699FF;
        padding-top: 3px;
        text-align:right;
}

#ebrush-detail-footer p{
        margin :0px;
        color: #FFFFFF;
        text-align:right;
        font-weight: normal;
        vertical-align:middle;
}

/*-------------------- easybrush detail back icon--------------------*/

div#ebrush-detail-back-icon{
        float:left;	
        font-size: 100%;
        color: #188D1C;
        font-weight: bold;
        font-family: "Century";
        padding-left : 3px;
}

	
#ebrush-detail-back-icon a,#ebrush-detail-back-icon a:link,#ebrush-detail-back-icon a:visited{
        text-decoration:none;
        color:#FFFFFF;
        background-color:transparent;
}

#ebrush-detail-back-icon a:hover{
        color:#FFFFFF;
}