@charset "utf-8";

/*
 *
 * Usage: Base layout
 *
 * Name: style.css
 *
 */

/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	83  %		19px 	158 %
11px 	92  %		20px 	167 %
12px 	100 %		21px 	175 %
13px 	108 %		22px 	183 %
14px 	117 %		23px 	192 %
15px 	125 %		24px 	200 %
16px 	133 %		25px 	208 %
17px 	142 %		26px 	217 %
18px 	150 %
---------------------------------------------------------------------*/


/*---------------------------------------------------------------------
setting
---------------------------------------------------------------------*/
html,body   {height:100%;}


/*---------------------------------------------------------------------
CSS3 animation & parts layout
---------------------------------------------------------------------*/
/* link */
a img         {opacity:1; filter:alpha(opacity=100);  -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in;}
a:hover img   {opacity:0.7; filter:alpha(opacity=70); -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in;}
a             {-moz-transition: all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
a:hover       {-moz-transition: all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
.opa_bg a,
.opa_bg input        {opacity:1; -moz-transition: all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
.opa_bg a:hover,
.opa_bg input:hover  {opacity:0.7; -moz-transition: all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
.trans_bg a          {display:block; overflow:hidden; height:0; opacity:1; filter:alpha(opacity=100); -moz-transition: all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
.trans_bg a:hover    {opacity:0; filter:alpha(opacity=0); -moz-transition: all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}

.dot_link a:hover  {border-bottom:1px dotted #7f7f7f; text-decoration:none;}


/*---------------------------------------------------------------------
page layout
---------------------------------------------------------------------*/
/* header */
#header  {text-align:center; position:relative; z-index:-1;}
    #header #headInner  {width:100%; min-width:1000px; height:547px; overflow:hidden; position:fixed; top:0; left:auto;}
        #header #headInner h1      {position:relative; z-index:100; padding-top:26px;}
        #header #headInner #slide  {position:absolute; top:0; left:50%; margin-left:-740px; width:1480px;}


/* footer */
#footer  {text-align:center; padding-bottom:35px;}
    #footer #sns  {margin-bottom:28px;}
        #footer #sns li  {display:inline-block; background:url(../images/btn_sns.gif) no-repeat 0 0; width:15px; margin:0 3px;}
        #footer #sns a   {padding-top:18px; background:url(../images/btn_sns.gif) no-repeat 0 0; width:15px;}
        #footer #sns .sns01  {background-position:0 -18px;}
        #footer #sns .sns02  {background-position:-28px -18px;}
        #footer #sns .sns03  {background-position:-57px -18px;}
        #footer #sns .sns01 a  {background-position:0 0;}
        #footer #sns .sns02 a  {background-position:-28px 0;}
        #footer #sns .sns03 a  {background-position:-57px 0;}


/* gnav */
#gnav  {position:absolute; top:570px; left:0; width:100%; min-width:1000px; background:#fff; text-align:center; z-index:999; letter-spacing:-0.42em; padding:15px 0;}
    #gnav li  {display:inline-block; background:url(../images/gnav.gif) no-repeat 0 0; letter-spacing:normal; margin:0 15px;}
    #gnav a   {padding-top:45px; background:url(../images/gnav.gif) no-repeat 0 0;}
    #gnav .deactive  {overflow:hidden; padding-top:45px; height:0;}

    #gnav .gnav01  {background-position:0 -45px; width:34px;}
    #gnav .gnav02  {background-position:-60px -45px; width:60px;}
    #gnav .gnav03  {background-position:-142px -45px; width:58px;}
    #gnav .gnav04  {background-position:-228px -45px; width:56px;}
    #gnav .gnav05  {background-position:-315px -45px; width:129px;}
    #gnav .gnav06  {background-position:-471px -45px; width:37px;}
    #gnav .gnav07  {background-position:-538px -45px; width:34px;}
    #gnav .gnav08  {background-position:-602px -45px; width:77px;}
    #gnav .gnav01 a  {background-position:0 0; width:34px;}
    #gnav .gnav02 a  {background-position:-60px 0; width:60px;}
    #gnav .gnav03 a  {background-position:-142px 0; width:58px;}
    #gnav .gnav04 a  {background-position:-228px 0; width:56px;}
    #gnav .gnav05 a  {background-position:-315px 0; width:129px;}
    #gnav .gnav06 a  {background-position:-471px 0; width:37px;}
    #gnav .gnav07 a  {background-position:-538px 0; width:34px;}
    #gnav .gnav08 a  {background-position:-602px 0; width:77px;}



/* insert */
.insertWrap   {position:relative;}
.insertInner  {width:100%; min-width:1000px; height:570px; overflow:hidden; position:relative;}
#pageMiddle   {z-index:20; background:#fff;}
#pageMiddle #mdlSlide  {position:absolute; top:0; left:50%; margin-left:-740px; width:1480px;}
#pageMiddle #mdlSlide li  {position:absolute; top:0; left:0;}
/* #pageMiddle #mdlSlide  {margin:0 auto; width:1480px; position:relative;} */



/* wrapper */
.wrapper     {position:relative;}
.wrapInner   {background:#fff; width:100%; min-width:1000px;}
.container   {width:1000px; margin:0 auto; padding-top:326px;}
#pageTop     {padding-top:547px; z-index:10;}
#pageBottom  {z-index:20;}

.wrapper .section  {width:600px; margin:0 auto;}
    .wrapper .section h2  {text-align:center;}

    /* event */
    #event  {padding:200px 0 180px 70px; width:930px;}
        #event h2  {margin-bottom:30px;}
            #event li .cate   {color:#848484; font-size:83%; line-height:100%; margin-bottom:10px;}
            #event li .img    {margin-bottom:20px;}
            #event li .date   {font-size:83%; background:url(../images/bg_dot.gif) repeat 0 0; padding:4px; display:inline-block; line-height:100%; margin-bottom:5px;}

        #event #evNow  {margin:0 -20px 90px -15px; letter-spacing:-.4em;}
            #event #evNow li  {display:inline-block; *display:inline; *zoom:1; text-align:left; margin:0 15px; width:260px; letter-spacing:normal;}

        #event #evPlan  {margin:0 -20px 0 -15px; letter-spacing:-.4em;}
            #event #evPlan li  {display:inline-block; *display:inline; *zoom:1; text-align:left; margin:0 15px 30px 15px; width:260px; letter-spacing:normal;}


    /* concept */
    #concept  {padding:180px 0 300px 0; text-align:center;}
        #concept h2  {margin-bottom:44px;}
        #concept h3  {margin-bottom:50px;}

    /* member */
    #member  {padding:160px 0 0 0; width:900px;}
        #member h2  {margin-bottom:38px;}
        #member #memBox  {margin:0 -30px;}
        #member #memBox li  {margin:0 30px 80px 30px; float:left; min-height:350px;}
        #member #memBox span,
        #member #memBox a   {display:inline-block; *display:inline; *zoom:1;}
        #member #memBox .img  {margin-bottom:20px;}
        #member #memBox .no   {background:url(../images/bg_dot.gif) repeat 0 0; padding:4px; display:inline-block; *display:inline; *zoom:1; font-size:83%; line-height:100%; margin-bottom:5px;}

    /* map */
    #map  {padding:120px 0 300px 0;}
        #map h2  {margin-bottom:27px;}
        #map p   {margin-left:36px;}
        #map #gmapOuter  {width:530px; margin:0 auto 30px auto; border:1px solid #f6f6f6; padding:7px;}
        #map #gmap       {width:530px; height:355px;}

    /* link */
    #link  {padding:160px 0 260px 0;}
        #link h2  {margin-bottom:35px;}
        #link dl  {padding-left:190px;}
        #link dt  {font-size:92%; line-height:100%; margin-bottom:10px; font-weight:bold;}
        #link dd  {font-size:83%; margin-bottom:32px;}

    /* contact */
    #contact  {padding:160px 0 460px 0;}
        #contact h2  {margin-bottom:25px;}
        #contact #btnContact    {background:url(../images/btn_contact.gif) no-repeat 0 -30px; width:283px; margin:0 auto;}
        #contact #btnContact a  {background:url(../images/btn_contact.gif) no-repeat 0 0; padding-top:30px;}


/* pagetop */
#btnPagetop    {position:fixed; bottom:35px; right:20px; background:url(../images/btn_pagetop.gif) no-repeat 0 -26px; z-index:9999;}
#btnPagetop a  {background:url(../images/btn_pagetop.gif) no-repeat 0 0; padding-top:26px;}



/* overlay */
#ov  {width:100%; height:100%; position:fixed; top:0; left:0; background:#fff; opacity:0.9; filter:alpha(opacity=90); z-index:99999; cursor:pointer; display:none;}
#ovInner  {position:absolute; top:0; left:50%; width:814px; margin-left:-407px; z-index:999999; display:none;}

    #ovInner #btnClose  {position:absolute; top:0; right:0;}
    #ovInner .member    {width:640px; margin:0 auto;}
        #ovInner .member .slide        {position:relative; margin-bottom:80px;}
        #ovInner .member .slide_wrap   {overflow:hidden; width:640px; height:430px;}
        #ovInner .member .slide_photo  {position:relative;}
            #ovInner .member .slide_photo li  {position:absolute; top:0; left:0; display:none;}

        #ovInner .member .slide .btn  {position:absolute; top:180px;}
        #ovInner .member .slide .btn_prev  {left:-87px;}
        #ovInner .member .slide .btn_next  {right:-87px;}
        #ovInner .member .slide .pagenate  {position:absolute; top:455px; left:0; width:100%; text-align:center;}
            #ovInner .member .slide .pagenate li  {display:inline-block; overflow:hidden; height:0; padding-top:8px; width:8px; background:url(../images/btn_pagenate.gif) no-repeat -8px 0; margin:0 2px;}
            #ovInner .member .slide .pagenate .current  {background-position:0 0;}

        #ovInner .member h2  {font-weight:bold; font-size:150%; margin-bottom:45px;}
            #ovInner .member h2 img   {vertical-align:middle; padding-right:22px;}
            #ovInner .member h2 span  {font-size:10px;}

        #ovInner .member p  {margin-bottom:40px; line-height:200%;}
        #ovInner .member table th  {vertical-align:top; padding:0 12px 7px 0;}
        #ovInner .member table td  {vertical-align:top; font-size:83%;}