@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Metrophobic);

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

body{font:13px/1.231 sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}

tt,u,basefont,big,center,acronym,dir,font,frame,frameset,applet,isindex,s,strike{font-size:8px;display:block;margin:.5em;padding:.5em;border:1px solid #f00;background-color:#ff0}tt:before,u:before,basefont:before,big:before,center:before,acronym:before,dir:before,font:before,frame:before,frameset:before,applet:before,isindex:before,s:before,strike:before{display:inline;content:'deprecated:'}


/** テキストサイズ ********************************************************************************
 * 10px = 77%      | 11px = 85%      | 12px = 93%      | 13px = 100%     | 14px = 108%     
 * 15px = 116%     | 16px = 123.1%   | 17px = 131%     | 18px = 138.5%   | 19px = 146.5%   
 * 20px = 153.9%   | 21px = 161.6%   | 22px = 167%     | 23px = 174%     | 24px = 182%     
 * 25px = 189%     | 26px = 197%     
 *************************************************************************************************/

/**
 * 全体部分
 */
body{
    font-family:                        Metrophobic,sans-serif;
}
select,input,button,textarea{
    font-family:                        Metrophobic,sans-serif;
}
pre,code,kbd,samp,tt{
    font-family:                        monospace;
}
body {
    color:                              #cccccc;
    background-color:                   #2f2f2f;
    background-repeat:                  repeat-x;
    background-image:                   -webkit-gradient(
                                            linear,
                                            left bottom,
                                            left top,
                                            color-stop(0.45, #2f2f2f),
                                            color-stop(0.73, #222222)
                                        );
    background-image:                   -moz-linear-gradient(
                                            center bottom,
                                            #2f2f2f 45%,
                                            #222222 73%
                                        );
}


/**
 * ヘッダ部分
 */
header.site {
    margin:                             0 1em 1em 1em;
    color:                              #333;
    background-color:                   #fff;
    background-repeat:                  repeat-x;
    background-image:                   -webkit-gradient(
                                            linear,
                                            left bottom,
                                            left top,
                                            color-stop(0.45, #FFFFFF),
                                            color-stop(0.73, #EBEBEB)
                                        );
    background-image:                   -moz-linear-gradient(
                                            center bottom,
                                            #FFFFFF 45%,
                                            #EBEBEB 73%
                                        );
    border:                             1px solid #fff;
    border-radius:                      0 0 10px 10px;
    -webkit-border-radius:              0 0 10px 10px;
    -moz-border-radius:                 0 0 10px 10px;
    box-shadow:                         inset 1px 0 #ccc, inset -1px -1px #ccc;
    -webkit-box-shadow:                 inset 1px 0 #ccc, inset -1px -1px #ccc;
    -moz-box-shadow:                    inset 1px 0 #ccc, inset -1px -1px #ccc;
}
header.site h1 {
    font-size:                          197%;
    font-weight:                        bold;
    padding:                            .5em;
    text-shadow:                        1px 1px #fff;
}
header.site h1 a {
    color:                              #333;
    text-decoration:                    none;
}

/**
 * ナビゲーション
 */
header.site nav.global {
    padding:                            .5em 1em;
}

header.site nav.global ul {
    text-align:                         right;
}

header.site nav.global ul li {
    display:                            inline;
    margin-left:                       .8em;
}

header.site nav.global ul li a {
    display:                            inline-block;
    padding:                            .4em .6em;
    text-decoration:                    none;
    color:                              #fff;
    background-color:                   #0f0f0f;
    background-repeat:                  repeat-x;
    background-image:                   -webkit-gradient(
                                            linear,
                                            left bottom,
                                            left top,
                                            color-stop(0.58, #0F0F0F),
                                            color-stop(0.42, #222)
                                        );
    background-image:                   -moz-linear-gradient(
                                            center bottom,
                                            #0F0F0F 100%,
                                            #222 0%
                                        );
    border:                             1px solid #0f0f0f;
    text-shadow:                        1px 1px #666;
    -webkit-text-shadow:                1px 1px #666;
    -moz-text-shadow:                   1px 1px #666;
    box-shadow:                         inset 1px 1px #666, inset -1px -1px #666;
    -webkit-box-shadow:                 inset 1px 1px #666, inset -1px -1px #666;
    -moz-box-shadow:                    inset 1px 1px #666, inset -1px -1px #666;
    border-radius:                      5px;
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
}

header.site nav.global ul li a:hover {
    
}

/**
 * コンテンツ部分
 */
div.site article:after {
    display:                            block;
    clear:                              both;
    content:                            "";
}
.lt-ie8 div.site article {
    zoom:                               1;
}

div.site article {
    margin:                             0 0 1em 1em;
}



/**
 * Index
 */
body.index div.site article section {
    margin:                             0 1em 1em 0;
    float:                              left;
}

body.index .thumbnail {
    width:                              200px;
    height:                             160px;
    background-position:                center center;
    background-repeat:                  no-repeat;
    border-radius:                      10px;
    -webkit-border-radius:              10px;
    -moz-border-radius:                 10px;
}


p.quote {
    margin:                             .4em 0;
    text-align:                         center;
    line-height:                        1.5;
    letter-spacing:                     .15em
}
p.quote a {
    text-decoration:                    none;
}
p.quote a:link {
    color:                              #BCD6FF;
}
p.quote a:visited {
    color:                              #DEBCFF;
}
p.quote a:hover {
    color:                              #FFBCBC;
}

/**
 * 個別ページ
 */
body.permalink article {
    text-align:                         center;
}
body.permalink p.capt {
}

body.permalink p.capt {
    margin:                             0 0 .4em 0;
    text-align:                         center;
    line-height:                        1.5;
    letter-spacing:                     .15em
}
body.permalink p.capt a {
    text-decoration:                    none;
}
body.permalink p.capt a:link {
    color:                              #BCD6FF;
}
body.permalink p.capt a:visited {
    color:                              #DEBCFF;
}
body.permalink p.capt a:hover {
    color:                              #FFBCBC;
}
body.permalink img {
    border-radius:                      10px;
    -webkit-border-radius:              10px;
    -moz-border-radius:                 10px;
}

/**
 * ページャー設定
 */
nav.pager {
    font-weight:                        bold;
    display:                            block;
    background-color:                   #000;
    margin:                             0 1em 2em 1em;
    padding:                            .4em .6em;
    text-align:                         center;
    border:                             1px solid #000;
    border-radius:                      5px;
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    box-shadow:                         inset 1px 1px #333, inset -1px -1px #222;
}

nav.pager ul {
}

nav.pager ul li {
    display:                            inline;
}

nav.pager ul li a {
    display:                            inline-block;
    color:                              #333;
    background-color:                   #eee;
    text-decoration:                    none;
    padding:                            .2em .4em;
    margin:                             .4em .5em;
    border:                             1px solid #ccc;
    text-shadow:                        1px 1px #fff;
    -webkit-text-shadow:                1px 1px #fff;
    -moz-text-shadow:                   1px 1px #fff;
    box-shadow:                         inset 1px 1px #fff, inset -1px -1px #fff;
    -webkit-box-shadow:                 inset 1px 1px #fff, inset -1px -1px #fff;
    -moz-box-shadow:                    inset 1px 1px #fff, inset -1px -1px #fff;
}
nav.pager ul li a.prev {
    border-radius:                      10px 0 0 10px;
}
nav.pager ul li a.next {
    border-radius:                      0 10px 10px 0;
}
nav.pager ul li a:hover {
    background-color:                   #AAC6F3;
    border:                             1px solid #93B6EE;
    box-shadow:                         inset 1px 1px #C1D6F6, inset -1px -1px #C1D6F6;
    -webkit-box-shadow:                 inset 1px 1px #C1D6F6, inset -1px -1px #C1D6F6;
    -moz-box-shadow:                    inset 1px 1px #C1D6F6, inset -1px -1px #C1D6F6;
}

/**
 * AutoPagerize設定
 */
hr.autopagerize_page_separator {
    display:                            none;
}
p.autopagerize_page_info {
    display:                            none;
    font-weight:                        bold;
    background-color:                   #000;
    margin:                             0 1em 2em 1em;
    padding:                            .4em .6em;
    text-align:                         center;
    border:                             1px solid #000;
    border-radius:                      5px;
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    box-shadow:                         inset 1px 1px #333, inset -1px -1px #222;
}
p.autopagerize_page_info a {
    color:                              #fff;
    text-decoration:                    none;
}

/**
 * colorbox
 */
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}