@charset "UTF-8";
/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 [[ GWDS CSS Framework ]]
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=    
 [ Version         ] 2.0 
 [ Desined by    ] Kiyoo Ishida
 [ Last UpDate ] 2007 Dec
 [ Website         ] http://gwds.jp/
 See Readme file in this directory 
 for further instructions.
*/
/*
--------------------------------------------------------------
[ Import Css Library ]
--------------------------------------------------------------
*/
@import '../lib/clear.css';
@import '../lib/font.css';
@import '../lib/common.css';
@import '../lib/form.css';
@import '../lib/sitemap.css';
@import '../lib/smoothbox.css';
@import '../lib/slimbox.css';
@import '../lib/jd.gallery.css';
/*
--------------------------------------------------------------
[ Choice Your Layout Styles ] 
--------------------------------------------------------------
*/
/*
 (1) 1 Column
If You Choice this layout,Please remove this [comment out]
*/
/*@import '../layout/l1.css';*/
/*
    --------------------------
    | header                                 |
    --------------------------
    | grovalnavi                         |
    --------------------------
    |                                                |
    |        1 Column                        |
    |                                                |
    --------------------------
    | footer                                 |
    --------------------------
*/
/*
 (2) 2 Column
If You Choice this layout,Please remove this [comment out]
*/
/*@import '../layout/l2-1.css';*/
/*
    --------------------------
    | header                                 |
    --------------------------
    | grovalnavi                         |
    --------------------------
    |            |                                 |
    |            |                                 |
    |            |                                 |
    --------------------------
    | footer                                 |
    --------------------------
*/
/*
 (3) 2 Column
If You Choice this layout,Please remove this [comment out]
*/
/*@import '../layout/l2-2.css';*/
/*
    --------------------------
    | header                                 |
    --------------------------
    | grovalnavi                         |
    --------------------------
    |                                 |            |
    |                                 |            |
    |                                 |            |
    --------------------------
    | footer                                 |
    --------------------------
*/
/*
 (4) 3 Column
If You Choice this layout,Please remove this [comment out]
*/
/*@import '../layout/l3-1.css';*/
/*
    --------------------------
    | header                                 |
    --------------------------
    | grovalnavi                         |
    --------------------------
    |            |                 |             |
    |            |                 |             |
    |            |                 |             |
    --------------------------
    | footer                                 |
    --------------------------
*/
/*
 (5) 3 Column 2
If You Choice this layout,Please remove this [comment out]
*/
@import '../layout/l3-2.css';
/*
    --------------------------
    | header                                 |
    --------------------------
    | grovalnavi                         |
    --------------------------
    |                    |            |            |
    |                    |            |            |
    |                    |            |            |
    --------------------------
    | footer                                 |
    --------------------------
*/
/*
 (6) Multi
If You Choice this layout,Please remove this [comment out]
*/
/*@import '../layout/l4.css';*/
/*
    --------------------------
    | header                                 |
    --------------------------
    | grovalnavi                         |
    --------------------------
    |     [ ]    [ ]    [ ]                |
    |     [ ]    [ ]    [ ]                |
    |     [ ]    [ ]    [ ]                |
    --------------------------
    | footer                                 |
    --------------------------
*/
/*
 (7) Multi
If You Choice this layout,Please remove this [comment out]
*/
/*@import '../layout/l5-1.css';*/
/*
    --------------------------
    | header                                 |
    --------------------------
    | grovalnavi                         |
    --------------------------
    |                                                |
    |                 image                    |
    |                                                |
    --------------------------
    | footer                                 |
    --------------------------
*/
/*
--------------------------------------------------------------
[ XHTML Construction ]
--------------------------------------------------------------
body
 |
 |__ container
         |
         |__ header
         |        |__ header-inner
         |                |__ h-i-logo                    ( logo image )
         |                |__ h1                                ( text links )
         |                |__ h-i-navi                    ( sitemap,contact link )
         |
         |__ grovalnavi
         |        |__ grovalnavi-inner            ( main navi )
         |
         |__ wrap
         |        |__ wrap-inner
         |                |__ contents-alpha        ( local navi, archives )
         |                |__ contents-beta         ( articles )
         |                |__ contents-gamma        ( banners,column articles)
         |                |__ contents-epsilon    ( options )
         |
         |
         |__ footer
                    |__ footer-inner
                            |__ f-i-navi                    ( footer navi )
                            |__ f-i-articles            ( articles-navi )
                            |__ address                     ( copyright )
*/
/*
--------------------------------------------------------------
[ Custom Style ]
--------------------------------------------------------------
*/
/*
#header
--------------------------------------------------------------
*/
#header
    {
    background:#FFFFFF;
    }
#header-inner 
    {
    width:950px;
    height:150px;
    margin:0px auto 0px auto;
    padding:0px;
    background:transparent url('../../img/header-back.jpg') no-repeat 0px 0px;
    }
#header-inner ul
    {
    display:block;
    width:300px;
    height:50px;
    margin:0px 0px 0px 0px;
    padding:0px;
     font-size:76%;
    text-align:center;
    position:absolute;
    right:70px;
    }
#header-inner ul li
    {
    display:block;
    width:100px;
    height:50px;
    margin:0px;
    padding:0px 0px 0px 0px;
    float:left;    
    }
#header-inner ul li a
    {
    display:block;
    width:100px;
    height:50px;
    margin:0px;
    padding:10px 0px 0px 0px;    
    background:url('../../img/h-i-navi-back.jpg') no-repeat 0px 0px;
    }
#header-inner ul li a:hover
    {
    padding:20px 0px 0px 0px;        
    background:url('../../img/h-i-navi-back.jpg') no-repeat -100px 0px;
    color:#CC6666;
    text-decoration:none;
    }
#header-inner h1,
#header-inner h1 a
    {
    display:block;
    width:270px;
    height:130px;
    margin:0px;
    padding:10px 10px 0px 0px;
    font-size:90%;
    color:#CC99CC;
    text-align:left;
    float:left;
    }    
#header-inner h1 a:link,
#header-inner h1 a:visited
    {
    color:#CC99CC;
    }
#header-inner h1 a:hover,
#header-inner h1 a:active
    {
    text-decoration:underline;
    }
#header-inner img
    {
    width:300px;
    height:150px;
    float:left;
    }
* html #h-i-logo
    {    
    behavior:expression(IEPNGFIX.fix(this));
    }
/*
#grovalnavi 
--------------------------------------------------------------
*/
#grovalnavi
    {
    padding:0px 0px 0px 0px;
    background:#FFFFFF url('../../img/grovalnavi-back.jpg') repeat-x 0px 0px;
    font-size:75%;
    }
#grovalnavi-inner
    {
    display:block;
    width:600px;
    height:50px;
    margin:0px auto 0px auto;
    padding:0px;
    text-align:center;
    }
#grovalnavi-inner ul li
    {
    display:block;
    width:100px;
    height:50px;
    margin:0px;
    padding:0px 0px 0px 0px;
    float:left;    
    }
#grovalnavi-inner ul li a
    {
    display:block;
    height:50px;
    height:50px;
    margin:0px;
    padding:15px 0px 0px 0px;    
    background:#FFFFFF url('../../img/g-i-navi-back.jpg') no-repeat 0px 0px;
    color:#CC6666;
    }
#grovalnavi-inner ul li a:hover
    {
    padding:13px 0px 0px 0px;    
    background:#FFFFFF url('../../img/g-i-navi-back.jpg') no-repeat -100px 0px;
    color:#CC6666;
    text-decoration:none;
    }
#grovalnavi-inner ul li#here a
    {
    display:block;
    height:50px;
    width:100px;
    color:#CC6666;
    margin:0px;
    padding:13px 0px 0px 0px;    
    background:#FFFFFF url('../../img/g-i-navi-back.jpg') no-repeat -200px 0px;
    }
/*
#wrap 
--------------------------------------------------------------
*/
#wrap
    {
    padding:0px 0px 0px 0px;
    background:#FFFFFF;
    }
#wrap-inner
    {
    width:950px; 
    padding:0.7em 0 0.7em 0;
    background:#FFFFFF; 
    }
#contents-alpha
    {
    position:absolute;
    left:470px;
    top:0;
    }
#contents-gamma
    {
    position:absolute;
    top:0;
    right:0;
    }
/*
#contents-alpha
--------------------------------------------------------------
*/
#contents-alpha
    {
    width:200px;
    padding-top:7px;
    background:#FFFFFF;
    }
#contents-alpha h3
    {
    width:200px;
    height:28px;
    margin:0;
    padding:12px 0px 0px 0px;
    background:url('../../img/h3-back.jpg') no-repeat 0px 0px;
    color:#e84836;
    text-indent:15px;
    }
#contents-alpha ul
    {
    width:190px;
    min-height:80px;
    padding:5px;
    font-size:85%;
    }
#contents-alpha ul li a,
#contents-alpha ul li a:link,
#contents-alpha ul li a:visited
    {
    color:#333333;
    }
#contents-alpha ul li a:hover,
#contents-alpha ul li a:active
    {
    color:#333333;
    text-decoration:underline;
    }
#contents-alpha dl dt img
    {
    display:block;
    width:190px;
    height:60px;
    border:none;
    clear:both;
    }
#contents-alpha dl dt a img
    {
    display:block;
    width:190px;
    height:60px;
    margin:2px;
    padding:1px;
    background:transparent;
    border:1px solid #CCCCCC;
    clear:both;
    }
#contents-alpha dl dt a:link img,
#contents-alpha dl dt a:visited img
    {
    border:1px solid #CCCCCC;
    }
#contents-alpha dl dt a:hover img,
#contents-alpha dl dt a:active img
    {
    border:1px solid #FF00FF;
    }
#contents-alpha dl dd a
    {
    display:block;
    width:190px;
    height:20px;
    margin:2px 2px 10px;
    padding:1px;
    background:transparent;
    font-size:90%;
    clear:both;
    }
/*
#contents-beta
--------------------------------------------------------------
*/
#contents-beta
    {
    min-height:700px;
    padding:0px 500px 0px 10px;
    padding-right:500px;
    background:transparent;
    }
    /* ---------------------------------------------------------------- */
     /*    c-b-article
    /* ---------------------------------------------------------------- */
.c-b-article
    {
    width:420px;
    margin-top:15px;
    margin-bottom:0.7em;
    padding:0 0 0.7em;
    background:#FFFFFF;
    clear:both;
    }
.c-b-article h2
    {
    width:425px;
    height:30px;
    margin:0 0 1em 0;
    padding:10px 0px 0px 0px;
    background:url('../../img/h2-back.jpg') no-repeat 0px 0px;
    color:#c53b59;
    text-indent:15px;
    }
.c-b-article h2 a
     {
     color:#FFFFFF;
     }    
.c-b-article h4
    {
    clear:both;
    height:22px;
    margin:5px 0 5px 0;
    padding-top:5px;
    background:transparent;
    border-bottom:2px solid #ffacce;
    text-indent:5px;
    font-weight:bold;
    }
.c-b-article h4 a
    {
    font-weight:bold;
    color:#ca3958;
    }
.c-b-article h4 a:link,
.c-b-article h4 a:visited,
.c-b-article h4 a:hover,
.c-b-article h4 a:active
    {
    font-weight:bold;
    color:#ca3958;
    }
.c-b-article h5
    {
    clear:both;
    margin:10px 0 0 5px;
    font-weight:bold;
    color:#ca3958;
    }
.c-b-article img
    {
    margin:0 auto 15px;
    padding:5px;
    border:1px solid #EEEEEE;
    }
.return-top 
     {
     margin:1em;
     clear:both;
     text-align:right;
     }
.c-b-article textarea
    {
        width:350px;
        height:70px;
        margin-left:1em;
        }
/*
#contents-gamma
--------------------------------------------------------------
*/
#contents-gamma
    {
    width:200px;
    padding-top:9px;
    background:transparent;
    right:70px;
    }
#contents-gamma ul li
    {
    width:190px;
    height:90px;
    margin-bottom:10px;
    }
#contents-gamma ul li a img
    {
    border:none;
    }
#contents-gamma dl dt img
    {
    display:block;
    width:190px;
    height:60px;
    border:none;
    clear:both;
    }
#contents-gamma dl dt a img
    {
    display:block;
    width:190px;
    height:60px;
    margin:2px;
    padding:1px;
    background:transparent;
    border:1px solid #CCCCCC;
    clear:both;
    }
#contents-gamma dl dt a:link img,
#contents-gamma dl dt a:visited img
    {
    border:1px solid #CCCCCC;
    }
#contents-gamma dl dt a:hover img,
#contents-gamma dl dt a:active img
    {
    border:1px solid #FF00FF;
    }
#contents-gamma dl dd a
    {
    display:block;
    width:190px;
    height:20px;
    margin:2px 2px 10px;
    padding:1px;
    background:transparent;
    font-size:90%;
    clear:both;
    }
/*
#footer 
--------------------------------------------------------------
*/
#footer 
    {
    background:#d46785;
    }
#footer-inner
    {
    width:950px;
    height:300px;
    padding:0px 0px 0px 0px;
    background:transparent; 
    }
#footer-inner ul#f-copy
    {
    display:block;
    width:450px;
    height:1px;
    margin:10px 0px 20px 0px;
    padding:0;
    float:left;
    }
#footer-inner ul#f-copy li
    {
    display:block;
    width:400px;
    height:20px;
    margin:0;
    padding:0;
    font-size:90%;
    color:#FFFFFF;
    text-align:left;
    clear:both;
    }
#footer-inner ul#f-i-navi
    {
    display:block;
    width:410px;
    height:175px;
    margin:10px 0px 20px 0px;
    padding:0;
    font-size:90%;
    float:left;
    }
#footer-inner ul#f-i-navi li,
#footer-inner ul#f-i-navi li a
    {
    display:block;
    width:400px;
    height:25px;
    margin:0;
    padding:0;
    color:#FFFFFF;
    text-align:left;
    clear:both;
    }
#footer-inner ul#f-i-navi li a:hover
    {
    background:#de4d6c;
    color:#ffffff;
    text-decoration:none;
    }