/*---------------------------------------------------------------------------------------
This css includes
-page-style
-header-style
-footer-style
---------------------------------------------------------------------------------------*/

/* ALL PAGES STYLE
---------------------------------------------------------------------------------------*/
#WHOLE a {
text-decoration: none;
}

#WHOLE a:link {
color: #425A99;
}

#WHOLE a:visited {
color: #425A99;
}

#WHOLE a:hover {
color: #425A99;
text-decoration: underline;
}

#WHOLE a:active {
color: #425A99;
}

/* HEADER STYULE
---------------------------------------------------------------------------------------*/
#HEADER p a{
display:block;
height:50px;
}

#HEADER {
background-color: #ffffff;
background-image: url(/images/header/header_gradation.jpg);
background-repeat: repeat-x;
color: #000000;
}

#HEADER .span-24{height:50px;}
#HEADER .head2 {
width:150px;
float:left;
}

#HEADER .head3 {
width:80px;
float:left;
margin:0px 0px 0px 220px;
background:url(/images_en/header/header_art_f.jpg);
}

#HEADER .head4 {
width:70px;
float:left;
background:url(/images_en/header/header_mypage_f.jpg);
}

#HEADER .head5 {
width:70px;
float:left;
background:url(/images_en/header/header_logout_f.jpg);
}

#HEADER .head6 {
width:65px;
float:left;
background:url(/images_en/header/header_help_f.jpg);
}

#HEADER .head7 {
width:65px;
float:left;
background:url(/images_en/header/header_home_f.jpg);
}

#HEADER .head8 {
width:70px;
float:left;
background:url(/images_en/header/header_register_f.jpg);
}

#HEADER .head9 {
width:70px;
float:left;
background:url(/images_en/header/header_login_f.jpg);
}

#HEADER p a:hover {
background-color:transparent;
}

#HEADER p a:hover img{
visibility:hidden;
}

/* HEADER SEARCHBOX STYLE
---------------------------------------------------------------------------------------*/
#SEARCHBOX p {
    width: 230px;
    height: 17px;
    background-image: url(/images/header/header_search_box2.jpg);
    background-repeat: no-repeat;
    margin:14px 0px 0px 0px;
    float:left;
}

#SEARCHBOX p .search {
    float:left;
    padding: 0;
    height: 14px;
    border: 0px solid;
    width: 168px;
    background-color: #EDEDED;
    margin:1px 0px 0px 2px;
}

#SEARCHBOX p .search:focus {
    background-color: #f2fbfc;
}
#SEARCHBOX p .searchsubmit {
    width: 43px;
    height: 17px;
    padding: 0;
    border: 0px solid;
    background-color: #ededed;
    background-image: url(/images/header/header_search.jpg);
    background-position: top;
    font-weight: bold;
    font-size: 10px;
    color: #000000;
    float:left;
    margin:0px 0px 0px 10px;
}

#SEARCHBOX p .searchsubmit:hover {
    background-position: bottom;
}
#SEARCHBOX p .searchsubmit:active {
    padding: 1px 0 0 1px;
}

/* FOOTER STYLE
---------------------------------------------------------------------------------------*/
#FOOTER {
height: 27px;
background-color: #ffffff;
background-image: url(/images/footer/footer_gradation.jpg);
background-repeat: repeat-x;
color: #000000;
}

#FOOTER_L{
width:600px;
float:left;
}

#FOOTER_R{
width:350px;
float:right;
}

#FOOTER .foot1 {
margin:5px 0px 0px 0px;
}

#FOOTER .foot1 li{
display:inline;
}

#FOOTER .foot2 {
width:26px;
float:left;
margin:5px 0px 0px 110px;
}

#FOOTER .foot3 {
width:26px;
float:left;
margin:5px 0px 0px 10px;
}

#FOOTER address{
text-align:right;
color: #666666;
font-style: normal;
margin:5px 0px 0px 0px;
}

#FOOTER a:link {
color: #666666;
}

#FOOTER a:visited {
color: #666666;
}

#FOOTER a:hover {
color: #666666;
text-decoration: underline;
}

#FOOTER a:active {
color: #666666;
}