@charset "UTF-8";

/*
-------------------------------------------------------------
Basic CSS
Update: 2010-04-04
Generate: 2010-04-04
------------------------------------------------------------- */



/* Common
------------------------------------------------------------- */
html{
    filter: expression(document.execCommand("BackgroundImageCache", false, true)); /*IE6用 a:hover hack*/
}

body{
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size:0.9em;
    font-weight:normal;
    line-height: 1.1em;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    color: #262626;
    letter-spacing: 0.1em;
}


p, dt, dd{
}

.clearFix{
    clear:both;
}

/* Anchor Styles
------------------------------------------------------------- */

a{text-decoration:none;}
a:link{color:#FFF;}
a:visited{color:#FFF;}
a:hover{color:#E1E1E1;}
a:active{color:#E1E1E1;}


em{
font-weight:bold;
}

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

#header_box{
    width:auto;
    height:100px;
    background-image:url(../img/common/header_footer_bg.jpg);
    background-repeat:repeat;
    background-position: left top;}

#header{
    width:900px;
    height:100px;
    margin:0 auto;
}

#header #header_left{
    float:left;
    width:100px;
    height:100px;
}

#header #header_center{
    margin:25px 0 0 10px;
    float:left;
    width:380px;
    height:75px;
    text-align:left;
    color:#FFF;
}

#header #header_center h1{
    font-size:0.8em;
}

#header #header_right{
    float:right;
    width:240px;
    display:inline;
}

/* #header_navi
------------------------------------------------------------- */

ul#header_navi li {
    width:98px;
    height:100px;
    list-style-type:none;
    float:left;
    margin-left:15px;
    display: inline;
}

ul#header_navi li a{
    display:block;
    height:100%;
    text-decoration:none;
    text-indent:-1500px;
    background-repeat:no-repeat;

}

ul#header_navi li#hnavi1 a{ background:url(../img/common/hnavi_contact_ab.jpg) no-repeat top;}
ul#header_navi li#hnavi2 a{ background:url(../img/common/hnavi_sitemap_ab.jpg) no-repeat top;}
ul#header_navi li#hnavi1 a:hover{background-position:bottom;}
ul#header_navi li#hnavi2 a:hover{background-position:bottom;}

/* #Topimg bg
------------------------------------------------------------- */
#topimg_box{
    width:auto;
    height:auto;
    background-image:url(../img/common/topimg_bg.jpg);
    background-repeat:repeat;
}

#index_topimg{
    width:900px;
    margin:0 auto;
    height:250px;
}

#topimg{
    width:900px;
    margin:0 auto;
    height:70px;
}

/* #Grobal navi
------------------------------------------------------------- */
#gnavi_box{
    width:auto;
    height:80px;
    background-image:url(../img/common/gnavi_bg.jpg);
    background-repeat:repeat-x;
    background-position: left top;}

#gnavi{
    width:900px;
    height:80px;
    margin:0 auto;
}

ul#gnavi_ul li {
    width:180px;
    height:80px;
    list-style-type:none;
    float:left;
}

ul#gnavi_ul li a{
    display:block;
    height:100%;
    text-decoration:none;
    text-indent:-1500px;
    background-repeat:no-repeat;
}

ul#gnavi_ul li#gnavi1 a{ background:url(../img/common/gnavi_1_ab.jpg) no-repeat top;}
ul#gnavi_ul li#gnavi2 a{ background:url(../img/common/gnavi_2_ab.jpg) no-repeat top;}
ul#gnavi_ul li#gnavi3 a{ background:url(../img/common/gnavi_3_ab.jpg) no-repeat top;}
ul#gnavi_ul li#gnavi4 a{ background:url(../img/common/gnavi_4_ab.jpg) no-repeat top;}
ul#gnavi_ul li#gnavi5 a{ background:url(../img/common/gnavi_5_ab.jpg) no-repeat top;}
ul#gnavi_ul li#gnavi1 a:hover{background-position:bottom;}
ul#gnavi_ul li#gnavi2 a:hover{background-position:bottom;}
ul#gnavi_ul li#gnavi3 a:hover{background-position:bottom;}
ul#gnavi_ul li#gnavi4 a:hover{background-position:bottom;}
ul#gnavi_ul li#gnavi5 a:hover{background-position:bottom;}

/* #contents_box
------------------------------------------------------------- */

#contents_box{
    width:900px;
    margin:20px auto 0 auto;
}

/* #pageup
------------------------------------------------------------- */
#pageup{
    width:900px;
    margin-top:20px;
    height:29px;
}

#pageup img{
    margin-left:550px;
}

/* #footer
------------------------------------------------------------- */
#f{	padding:20px 0 0 0;}

#footer_box{
    width:auto;
    display:block;
    background-image:url(../img/common/header_footer_bg.jpg);
    background-repeat:repeat;
    background-position: left top;
    margin-top: 20px;
}

#footer{
    width:900px;
    height:120px;
    margin:0 auto;
    padding:20px 0 0 0;
}

#footer p#fp{
    color:#FFF;
    font-size:0.9em;
    float:left;
    text-align:right;
    margin-top:10px;
    margin-left:300px;
    width:600px;
    letter-spacing:0.2em;
}

.lrmargin{
    margin:0 20px;
}

.lrmargin2{
    margin:0 30px 0 10px;
}