@charset "utf-8";

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



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

::selection {background:#b5b5b5; color:#333;}
::-moz-selection {background:#b5b5b5; color:#333;}

.droid {font-family:'Droid Serif', 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);
           transition:         all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);}

.obj  {position:absolute;}

.target  {-moz-transition:    all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
          -webkit-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);
          -webkit-transform: translate(0,15px);
          -moz-transform:    translate(0,15px);
          transform:         translate(0,15px);
          opacity:0;}
.action  {-webkit-transform: translate(0,0);
          -moz-transform:    translate(0,0);
          transform:         translate(0,0);
          opacity:1}


/*---------------------------------------------------------------------
Common layout
---------------------------------------------------------------------*/
#wrapper {margin:0 0 0 395px; position:relative; z-index:999;}

#btnMenu {
  display:none;
}

/* sidebar */
#sidebar {
  background-color:#fff;
  border-right:1px solid #000;
  position:fixed; top:60px; left:55px; z-index:999;
  width:258px; padding-right:15px;
  height:calc(100% - 120px);
  min-height:735px;
}
#sidebar:after {
  -moz-transition:    all 2.4s cubic-bezier(0.77, 0, 0.175, 1) 0.4s;
  -webkit-transition: all 2.4s cubic-bezier(0.77, 0, 0.175, 1) 0.4s;
  transition:         all 2.4s cubic-bezier(0.77, 0, 0.175, 1) 0.4s;
  transform:skew(-30deg);
  background-color:#fff;
  content:''; display:block; width:720px; height:100%;
  position:absolute; top:0; left:-230px;
}
#sidebar.active:after {
  left:500px;
}


    #logo {text-align:center; padding:10px 0 0 0; }
        #logo h1   {margin-bottom:42px; font-size:10px; font-style:italic; line-height:150%;}
          #logo h1 strong {display:block; font-size:24px; font-style:normal; line-height:140%; margin-top:20px;}
        #logo #img {margin-bottom:40px; width:102px;}
        #logo #copyright {display:block; font-size:8px; line-height:170%;}

    #footNavi {
      border-top:1px solid #000;
      position:absolute; bottom:0;
      padding-top:8px;
    }

    .nav li {background:url(../images/line_solid-y_gray.gif) no-repeat 39px 100%;
             font-style:italic; font-size:10px; font-weight:bold; height:35px;}
        .nav li a {border-bottom:1px solid #d2d2d2; display:block; position:relative; padding:0 0 0 47px; line-height:35px;}
        .nav li a:before {background:url(../images/ic_link.gif) no-repeat 0 0;
                          content:''; width:12px; height:12px; position:absolute; top:50%; left:13px; margin-top:-6px;}

        .nav li a:after {-webkit-transition: all 0.2s ease-in-out;
                         -moz-transition:    all 0.2s ease-in-out;
                         transition:         all 0.2s ease-in-out;
                         -webkit-transform: scale(0);
                         -moz-transform:    scale(0);
                         transform:         scale(0);
                         background:url(../images/ic_link_active.png) no-repeat 0 0;
                         content:''; width:12px; height:12px; position:absolute; top:50%; left:13px; margin-top:-6px; font-style:normal;}

    .nav li:hover a:after,
    .nav li.current-cat a:after,
    .nav li.active a:after {-webkit-transform: scale(1);
                            -moz-transform:    scale(1);
                            transform:         scale(1);}

    #gnav {padding-bottom:38px; border-bottom:1px solid #000;}
    #snav li {float:left; width:50%;}
    #btnMail {border-bottom:1px solid #000;}
        #btnMail a {background:url(../images/ic_mail.gif) no-repeat 12px 50%; display:block; padding-left:80px; font-size:10px; line-height:43px;}

    #pageTitle {-webkit-transform: rotate(90deg);
                -moz-transform:    rotate(90deg);
                transform:         rotate(90deg);
                -webkit-transform-origin: 0;
                -moz-transform-origin:    0;
                transform-origin:         0;
                position:absolute; top:-10px; left:295px; font-weight:bold; font-size:14px;}


/* container */
#container {margin:0 0 0 0; padding:60px 0;}
#mainContents.center {max-width:840px; margin:0 auto;}