@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 '../layout/l3-2.css';
@import 'navi.css';
@import 'footer.css';
@import 'header.css';
/*
--------------------------------------------------------------
[ Custom Style ]
--------------------------------------------------------------
*/
/*
#header
--------------------------------------------------------------
*/
#header
    {
    background:url('../../img/header-back.jpg') repeat-x 0px 0px;
    }
#header-inner
    {
    width:940px;
    height:150px;
    background:url('../../img/header-inner.jpg') no-repeat 0px 0px;
    }
#header-inner h1
    {
    margin-left:1em;
    }
#header-inner h1 a
    {
    color:#333333;
    }
#header-inner #h-i-logo
    {
    width:300px;
    height:50px;
    margin:25px 0px 0px 10px;
    }
* html #header-inner #h-i-logo
    {
    behavior:expression(IEPNGFIX.fix(this));
    }
#h-i-bookmark
    {
    position:absolute;
    top:60px;
    right:20px;
    }
/*
#wrap 
--------------------------------------------------------------
*/
#wrap
    {
    padding:15px 0px 0px 0px;
    background:url('../../img/wrap-back.jpg') repeat-x 0px 0px;
    }
#wrap-inner
    {
    width:940px;
    padding:0;
    background:transparent;
    }
#contents-alpha
    {
    position:absolute;
    left:340px;
    top:0;
    }
#contents-gamma
    {
    position:absolute;
    top:0;
    right:0;
    }
/*
#contents-alpha
--------------------------------------------------------------
*/
#contents-alpha
    {
    width:320px;
    padding:0px;
    background:transparent;
    }
#contents-alpha ul
    {
    width:320px;
    }
#contents-alpha ul li
    {
    width:320px;
    height:110px;
    margin-bottom:10px;
    }
#contents-alpha ul li a img
    {
    display:block;
    width:320px;
    height:110px;
    border:1px solid #ffffff;
    }
#contents-alpha ul li a:hover img
    {
    display:block;
    width:320px;
    height:110px;
    border:1px solid #00c1c5;
    }
/*
#contents-beta
--------------------------------------------------------------
*/
#contents-beta
    {
    min-height:550px;
    padding-right:620px;
    background:transparent;
    }
    /* ---------------------------------------------------------------- */
    /*    c-b-one
    /* ---------------------------------------------------------------- */
.c-b-one
    {
    background:transparent;
    }
.c-b-one h2
    {
    width:320px;
    height:34px;
    background:#285c79 url('../../img/h2-back.jpg') no-repeat 0px 0px;
    text-indent:1em;
    padding-top:6px;
    letter-spacing:0.2em;
    }
.c-b-one h2 a
    {
    color:#FFFFFF;
    font-weight:bold;
    }
.c-b-one ul
    {
    width:320px;
    }
.c-b-one ul li
    {
    padding:0.5em 0.5em;
    border-bottom:1px dotted #CCCCCC;
    }
    /* ---------------------------------------------------------------- */
    /*    videoarea
    /* ---------------------------------------------------------------- */
.videoarea
    {
    background:transparent;
    margin-bottom:0.8em;
    }
.return-top
    {
    margin:1em;
    clear:both;
    text-align:right;
    }
/*
#contents-gamma
--------------------------------------------------------------
*/
#contents-gamma
    {
    width:250px;
    background:transparent;
    }
    /* ---------------------------------------------------------------- */
    /*    c-g-one
    /* ---------------------------------------------------------------- */
.c-g-one dl dt
    {
    width:250px;
    height:150px;
    margin-bottom:10px;
    }
.c-g-one dt a img
    {
    display:block;
    width:250px;
    height:150px;
    border:1px solid #FFFFFF;
    }
.c-g-one a:hover img
    {
    display:block;
    width:250px;
    height:150px;
    border:1px solid #00c1c5;
    }
.c-g-one dl dd
    {
    width:250px;
    height:35px;
    margin:-28px 0px 0px 10px;
    font-size:85%;
    color:#FFFFFF;
    }
.c-g-one dl dd a,
.c-g-one dl dd a:link,
.c-g-one dl dd a:visited
    {
    color:#FFFFFF;
    }
.c-g-one dl dd a:hover,
.c-g-one dl dd a:active
    {
    color:#FFFFFF;
    text-decoration:underline;
    }
    /* ---------------------------------------------------------------- */
    /*    c-g-two
    /* ---------------------------------------------------------------- */
.c-g-two dl dt
    {
    width:250px;
    height:70px;
    margin-bottom:10px;
    }
.c-g-two dt a img
    {
    display:block;
    width:250px;
    height:70px;
    border:1px solid #FFFFFF;
    }
.c-g-two a:hover img
    {
    display:block;
    width:250px;
    height:70px;
    border:1px solid #00c1c5;
    }
.c-g-two dl dd
    {
    width:250px;
    height:30px;
    margin:-27px 0px 0px 10px;
    font-size:85%;
    color:#FFFFFF;
    }
.c-g-two dl dd a,
.c-g-two dl dd a:link,
.c-g-two dl dd a:visited
    {
    color:#FFFFFF;
    }
.c-g-two dl dd a:hover,
.c-g-two dl dd a:active
    {
    color:#FFFFFF;
    text-decoration:underline;
    }
    /* ---------------------------------------------------------------- */
    /*    c-g-three
    /* ---------------------------------------------------------------- */
.c-g-three dl dt
    {
    width:250px;
    height:50px;
    margin-bottom:10px;
    }
.c-g-three dt a img
    {
    display:block;
    width:250px;
    height:50px;
    border:1px solid #FFFFFF;
    }
.c-g-three a:hover img
    {
    display:block;
    width:250px;
    height:50px;
    border:1px solid #00c1c5;
    }
.c-g-three dl dd
    {
    width:250px;
    height:29px;
    margin:-25px 0px 0px 10px;
    font-size:85%;
    color:#FFFFFF;
    }
.c-g-three dl dd a,
.c-g-three dl dd a:link,
.c-g-three dl dd a:visited
    {
    color:#FFFFFF;
    }
.c-g-three dl dd a:hover,
.c-g-three dl dd a:active
    {
    color:#FFFFFF;
    text-decoration:underline;
    }