@charset "utf-8";

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



/*---------------------------------------------------------------------
setting
---------------------------------------------------------------------*/
html,body   {height:100%;}
body  {min-width:1100px; width:100%;}
body a  {color:#000;}

::selection {background:#000; color:#fff;}
::-moz-selection {background:#000; color:#fff;}

.Vidaloka  {font-family:'Vidaloka', serif; letter-spacing:0.1em;}


/*---------------------------------------------------------------------
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; 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; transition:all 0.2s ease-in;}
a             {-moz-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; transition:all 0.2s ease-in;}
a:hover       {-moz-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; 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; 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; 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; 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; transition: all 0.2s ease-in;}

.a_bound  {-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
           -moz-transition:    all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
           -ms-transition:     all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
           transition:         all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);}

.obj  {position:absolute;}



/*---------------------------------------------------------------------
Common layout
---------------------------------------------------------------------*/
/* header */
#header  {text-align:center; margin-bottom:55px; position:relative;}
    #btnMail  {position:fixed; top:12px; right:12px; z-index:999;}
        #btnMail a  {background:url(../images/common/btn_mail.png) no-repeat 0 0; display:block; overflow:hidden; height:0; padding-top:44px;}
        #btnMail a:hover {background:url(../images/common/btn_mail_on.png) no-repeat 0 0;}

    #fixNav  {position:absolute; top:30px; left:0; width:100%; height:60px; z-index:999; overflow:hidden;}
        #fixNav ul       {position:relative; font-size:17px;}
        #fixNav ul li    {display:inline-block; margin:0 10px; text-align:center; line-height:60px;}
        #fixNav ul li a  {display:block; position:relative; text-decoration:none;}
        #fixNav ul li a:after  {content:''; position:absolute; bottom:15px; left:0; width:0; height:1px; border-bottom:1px dashed #000;}
        #fixNav ul li a:hover:after,
        #fixNav ul li a.active:after  {width:100%;}
        
        #fixNav ul li.blank a  {background:url(../images/common/ic_blank-black.gif) no-repeat 100% 50%; padding-right:15px;}
        
        /* #fixNav ul li a:after  {-moz-transition:    all 0.1s ease-out 0s;
                                -webkit-transition: all 0.1s ease-out 0s;
                                -ms-transition:     all 0.1s ease-out 0s;
                                transition:         all 0.1s ease-out 0s;
                                content:''; position:absolute; bottom:10px; left:0; width:0; height:1px;
                                background-color:#000;}
        #fixNav ul li a:hover:after,
        #fixNav ul li a.active:after  {width:100%;} */

        #fixNav #gnavBG  {background:#fff; position:absolute; top:0; left:0; width:100%; height:60px;}

    #headInner  {max-width:1100px; margin:0 auto; padding-top:95px; position:relative;}
        #headInner #copy  {position:absolute; top:130px; left:0;}
        #headInner #cal   {position:absolute; top:130px; right:30px; text-align:center;}
            #headInner #cal dt  {font-size:60px; margin-bottom:10px; line-height:100%;}
            #headInner #cal dd  {font-size:20px; line-height:100%; display:inline-block; border-top:2px solid #000; padding-top:10px;}


/* footer */
#footer  {}
    #footTop  {background-color:#000; color:#fff;}
        #footTopInner  {max-width:960px; margin:0 auto; padding:65px 0 30px 0; font-size:16px;}
            #footTopInner a  {color:#fff; text-decoration:none; position:relative; padding-bottom:5px;}
            #footTopInner a:after  {content:''; position:absolute; bottom:0; left:0; width:0; height:1px; border-bottom:1px dashed #fff;}
            #footTopInner a:hover:after {width:100%;}
            /* #footTopInner a:after  {-moz-transition:    all 0.1s ease-out 0s;
                                    -webkit-transition: all 0.1s ease-out 0s;
                                    -ms-transition:     all 0.1s ease-out 0s;
                                    transition:         all 0.1s ease-out 0s;
                                    content:''; position:absolute; bottom:0; left:0; width:0; height:1px;
                                    background-color:#fff;}
            #footTopInner a:hover:after,
            #footTopInner a.active:after  {width:100%;} */
            
            #fNav  {float:left; width:260px;}
                #fNav li  {display:inline-block; width:40%; margin-bottom:15px;}
            
            #fSubNav  {float:right;}
                #fSubNav li  {margin-bottom:15px; padding-left:20px;}
                    #fSubNav .fnav01  {background:url(../images/common/ic_mail.gif) no-repeat 0 50%;}
                    #fSubNav .fnav02  {background:url(../images/common/ic_blank_white.gif) no-repeat 0 50%;}
    
    
    #footBottom  {padding:35px 0;}
        #footBottomInner  {max-width:1100px; margin:0 auto; position:relative;}
            #copyright  {float:right; font-size:10px;}
            #sns  {float:left;}
                #sns li  {display:inline-block; margin-right:10px;}

#btnPagetop  {-moz-transition:    all 0.2s ease-out 0s;
              -webkit-transition: all 0.2s ease-out 0s;
              -ms-transition:     all 0.2s ease-out 0s;
              transition:         all 0.2s ease-out 0s;
              position:fixed; bottom:40px; right:30px;
              opacity:0; visibility:hidden;}
#btnPagetop.active {bottom:60px; opacity:1; visibility:visible;}

    #btnPagetop a {background:url(../images/common/btn_pagetop.png) no-repeat 0 0; display:block; overflow:hidden; height:0; padding-top:19px;}
    #btnPagetop a:hover {background:url(../images/common/btn_pagetop_on.png) no-repeat 0 0;}


/* container */
#container  {position:relative;}
    #container .page_title  {text-align:center; font-size:30px; font-weight:bold; margin-bottom:60px;}
        #container .page_title span  {border-bottom:2px solid #000; display:inline-block; padding-bottom:10px;}

    #container #contents  {width:960px; margin:0 auto;}