@charset "utf-8";article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display: block }

audio,canvas,video {
    color: #4c4c60;
    line-height: 1.4;
    display: inline-block;
    *display: inline;
    *zoom: 1 }

audio:not([controls]) { display:none;height: 0 }

[hidden] { display: none }

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,button,table,caption,tbody,tfoot,thead,tr,th,td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic Pro",Meiryo,"MS PGothic",sans-serif;
    font-size: 97% }

html { -webkit-text-size-adjust:100%;-ms-text-size-adjust: 100% }

body {
    line-height: 1;
    color: #4c4c60;
    background: #e5e5e8 }

h1,h2,h3,h4,h5,h6 { font-weight:bold;padding-bottom: 0.5em }

h1 { font-size: 200% }

h2 { font-size: 170% }

h3 { font-size: 150%;
    color:#00637C;
    
 }

h4 { font-size: 130% }

h5 { font-size: 110% }

h6 { font-size: 100% }

a {
    cursor: pointer;
    text-decoration: none;
    color: #15c;
    outline: 0 }

    a:hover { color: #6a9cf3 }

:hover {
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s }

:focus { outline: 0 }

p { line-height:1.4;margin: 0.5em 0 }

br { letter-spacing: normal }

sup { vertical-align: text-top }

sub { vertical-align: text-bottom }

abbr,acronym { border:0;font-variant: normal }

cite,dfn,var { font-style:normal;font-weight: normal }

address {
    font-style: normal;
    font-weight: normal;
    line-height: 1.4 }

strong { font-style:normal;font-wieght: bold }

em { font-style:italic;font-weight: normal }

code {
    display: inline-block;
    margin: 0.5em 0;
    padding: 0.5em;
    border: 1px solid #cacad0;
    border-radius: 0.5em;
    color: white ;
    background-color:black;
    width:95%;
    }
    

blockquote,q {
    quotes: none;
    padding: 0.25em 1em;
    margin-left: 30px;
    border-left: 1px solid #cacad0;
    font-style:;
    color: gray }

blockquote span,q span {
    display: block;
    font-size: 80%;
    line-height: 1.4 }

blockquote:before,blockquote:after,q:before,q:after { content: none }

ins { text-decoration: none }

del { text-decoration: line-through }

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 100%;
    margin:10px;
    width: 100%;
    background: transparent }

caption,th {
    text-align: left;
    font-weight: bold;
    font-style: normal;
    background-color:#FFF0F5;
    line-height: 1.4 }

caption { padding:0.2em;font-size: 125% }

th,td { padding: 0.5em  }

td { line-height: 1.4 }

thead th,thead td { border:1px solid #cacad0;font-weight: bold }

tbody th,tbody td { border: 1px solid #cacad0 }

tbody tr:last-child th,tbody tr:last-child td { border-bottom:1px solid #cacad0 }

tfoot th,tfoot td { border:1px solid #cacad0;font-weight: bold }

.stripe tbody tr:nth-child(2n+1) { background: #f3f3f4 }

    .stripe tbody tr:nth-child(2n+1) th { background: #e5e5e8 }

.stripe tbody tr:nth-child(2n) th { background: #f3f3f4 }

.outline { border: 1px solid #cacad0 }

li { line-height:1.4;padding-bottom: 0.5em }

ul { list-style: none }

    ul.disc {
        list-style: disc inside;
        margin-left: 1em;
        text-indent: -1em }

    ul.circle {
        list-style: circle inside;
        margin-left: 1em;
        text-indent: -1em }

    ul.square {
        list-style: square inside;
        margin-left: 1em;
        text-indent: -1em }

    ul.icon {
        display: block;
        padding: 0;
        line-height: 1 }

        ul.icon li {
            display: block;
            padding-left: 55px;
            min-height: 44px }

ol {
    list-style: decimal inside;
    margin-left: 1em;
    text-indent: -1em }

    ol.upper-alpha {
        list-style: upper-alpha inside;
        margin-left: 1.5em;
        text-indent: -1.5em }

    ol.lower-alpha {
        list-style: lower-alpha inside;
        margin-left: 1.5em;
        text-indent: -1.5em }

ul.underline,ol.underline { text-decoration:none;border-top: 1px solid #cacad0 }

ul.underline li,ol.underline li { padding:0.5em;border-bottom: 1px solid #cacad0 }

input[type="text"],input[type="password"],textarea,select {
    margin: 0.5em 0;
    width: 98%;
    border: 1px solid #cacad0;
    padding: 0.2em;
    border-radius: 0.25em }

input[type="text"]:focus,input[type="password"]:focus,textarea:focus,select:focus {
    -moz-box-shadow: 0 0 0.2em 0.2em #b1cbf8;
    -webkit-box-shadow: 0 0 0.2em 0.2em #b1cbf8;
    -o-box-shadow: 0 0 0.2em 0.2em #b1cbf8;
    -ms-box-shadow: 0 0 0.2em 0.2em #b1cbf8;
    box-shadow: 0 0 0.2em 0.2em #b1cbf8 }

input[type="text"].error,input[type="password"].error,textarea.error,select.error {
    margin: 0.5em 0;
    padding: 0.2em;
    font-weight: normal;
    border-radius: 0.25em }

input[type="text"].error:focus,input[type="password"].error:focus,textarea.error:focus,select.error:focus {
    border: 1px solid #cacad0;
    background: transparent;
    color: #4c4c60 }

input[type="checkbox"],input[type="radio"] { position:relative;margin-right: 0.5em }

input[type="checkbox"]:focus,input[type="radio"]:focus {
    -moz-box-shadow: 0 0 0.2em 0.2em #b1cbf8;
    -webkit-box-shadow: 0 0 0.2em 0.2em #b1cbf8;
    -o-box-shadow: 0 0 0.2em 0.2em #b1cbf8;
    -ms-box-shadow: 0 0 0.2em 0.2em #b1cbf8;
    box-shadow: 0 0 0.2em 0.2em #b1cbf8 }

input[type="button"],input[type="submit"],input[type="reset"],button,a.button {
    display: inline-block;
    margin-bottom: 1em;
    padding: 0.5em;
    min-height: 2.5em;
    border: 1px solid #cacad0;
    color: #63637c;
    text-decoration: none;
    font-size: 97%;
    cursor: pointer;
    border-radius: 0.25em;
    background-color: #fcfcfc;
    background-image: -moz-linear-gradient(center top, #fcfcfc, #e2e2e2);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e2e2e2));
    background-image: -ms-linear-gradient(left, #fcfcfc, #e2e2e2);
    background-image: linear-gradient(left, #fcfcfc, #e2e2e2) }

input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,button:hover,a.button:hover {
    color: #8a8aa2;
    text-decoration: none;
    background-color: #fff;
    background-image: -moz-linear-gradient(center top, #fff, #efefef);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef));
    background-image: -ms-linear-gradient(left, #fff, #efefef);
    background-image: linear-gradient(left, #fff, #efefef) }

input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus,button:focus,a.button:focus {
    -moz-box-shadow: 0 0 0.2em 0.2em #b1cbf8;
    -webkit-box-shadow: 0 0 0.2em 0.2em #b1cbf8;
    -o-box-shadow: 0 0 0.2em 0.2em #b1cbf8;
    -ms-box-shadow: 0 0 0.2em 0.2em #b1cbf8;
    box-shadow: 0 0 0.2em 0.2em #b1cbf8 }

a.button { min-height: 1em }

[disabled] {
    color: #8a8aa2;
    border: 1px solid #e5e5e8;
    cursor: default;
    background-color: #fff;
    background-image: -moz-linear-gradient(center top, #fff, #efefef);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef));
    background-image: -ms-linear-gradient(left, #fff, #efefef);
    background-image: linear-gradient(left, #fff, #efefef) }

    [disabled]:hover {
        color: #8a8aa2;
        background-color: #fff;
        background-image: -moz-linear-gradient(center top, #fff, #efefef);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef));
        background-image: -ms-linear-gradient(left, #fff, #efefef);
        background-image: linear-gradient(left, #fff, #efefef) }

.txtDisabled { color: #8a8aa2 }

.btn-blue {
    border: 1px solid #0451c2;
    color: #fff;
    text-shadow: 0 -1px 0 #0451c2,0 1px 0 #0347a9;
    background-color: #4992fc;
    background-image: -moz-linear-gradient(center top, #4992fc, #045cdb);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4992fc), to(#045cdb));
    background-image: -ms-linear-gradient(left, #4992fc, #045cdb);
    background-image: linear-gradient(left, #4992fc, #045cdb) }

    .btn-blue:hover {
        border: 1px solid #3083fb;
        color: #fff;
        text-shadow: 0 -1px 0 #3083fb,0 1px 0 #1774fb;
        background-color: #adcefe;
        background-image: -moz-linear-gradient(center top, #adcefe, #4992fc);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#adcefe), to(#4992fc));
        background-image: -ms-linear-gradient(left, #adcefe, #4992fc);
        background-image: linear-gradient(left, #adcefe, #4992fc) }

.btn-green {
    border: 1px solid #3e933e;
    color: #fff;
    text-shadow: 0 -1px 0 #3e933e,0 1px 0 #378137;
    background-color: #86cb86;
    background-image: -moz-linear-gradient(center top, #86cb86, #46a546);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#86cb86), to(#46a546));
    background-image: -ms-linear-gradient(left, #86cb86, #46a546);
    background-image: linear-gradient(left, #86cb86, #46a546) }

    .btn-green:hover {
        border: 1px solid #74c474;
        color: #fff;
        text-shadow: 0 -1px 0 #74c474,0 1px 0 #62bc62;
        background-color: #cdeacd;
        background-image: -moz-linear-gradient(center top, #cdeacd, #86cb86);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#cdeacd), to(#86cb86));
        background-image: -ms-linear-gradient(left, #cdeacd, #86cb86);
        background-image: linear-gradient(left, #cdeacd, #86cb86) }

.btn-red {
    border: 1px solid #872119;
    color: #fff;
    text-shadow: 0 -1px 0 #872119,0 1px 0 #721c15;
    background-color: #0F414A;
    background-image: -moz-linear-gradient(center top, #0F414A, #00CCFF);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0F414A), to(#00CCFF));
    background-image: -ms-linear-gradient(left, #0F414A, #00CCFF);
    background-image: linear-gradient(left, #0F414A, #00CCFF) }

    .btn-red:hover {
        border: 1px solid #d83a2e;
        color: #fff;
        text-shadow: 0 -1px 0 #d83a2e,0 1px 0 #c83025;
        background-color: #eca09a;
        background-image: -moz-linear-gradient(center top, #eca09a, #0F414A);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#eca09a), to(#0F414A));
        background-image: -ms-linear-gradient(left, #eca09a, #0F414A);
        background-image: linear-gradient(left, #eca09a, #0F414A) }

.btn-#ff0 {
    border: 1px solid #f3b700;
    color: #fff;
    text-shadow: 0 -1px 0 #f3b700,0 1px 0 #d9a400;
    background-color: #ffdd73;
    background-image: -moz-linear-gradient(center top, #ffdd73, #ffc40d);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffdd73), to(#ffc40d));
    background-image: -ms-linear-gradient(left, #ffdd73, #ffc40d);
    background-image: linear-gradient(left, #ffdd73, #ffc40d) }

    .btn-#ff0:hover {
        border: 1px solid #ffd75a;
        color: #fff;
        text-shadow: 0 -1px 0 #ffd75a,0 1px 0 #ffd040;
        background-color: #fff6d9;
        background-image: -moz-linear-gradient(center top, #fff6d9, #ffdd73);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff6d9), to(#ffdd73));
        background-image: -ms-linear-gradient(left, #fff6d9, #ffdd73);
        background-image: linear-gradient(left, #fff6d9, #ffdd73) }

.btn-orange {
    border: 1px solid #df8505;
    color: #fff;
    text-shadow: 0 -1px 0 #df8505,0 1px 0 #c67605;
    background-color: #fbbf69;
    background-image: -moz-linear-gradient(center top, #fbbf69, #f89406);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fbbf69), to(#f89406));
    background-image: -ms-linear-gradient(left, #fbbf69, #f89406);
    background-image: linear-gradient(left, #fbbf69, #f89406) }

    .btn-orange:hover {
        border: 1px solid #fbb450;
        color: #fff;
        text-shadow: 0 -1px 0 #fbb450,0 1px 0 #faa937;
        background-color: #fee9cc;
        background-image: -moz-linear-gradient(center top, #fee9cc, #fbbf69);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fee9cc), to(#fbbf69));
        background-image: -ms-linear-gradient(left, #fee9cc, #fbbf69);
        background-image: linear-gradient(left, #fee9cc, #fbbf69) }

.btn-pink {
    border: 1px solid #af2d55;
    color: #fff;
    text-shadow: 0 -1px 0 #af2d55,0 1px 0 #9a284b;
    background-color: #de7d9b;
    background-image: -moz-linear-gradient(center top, #de7d9b, #c3325f);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#de7d9b), to(#c3325f));
    background-image: -ms-linear-gradient(left, #de7d9b, #c3325f);
    background-image: linear-gradient(left, #de7d9b, #c3325f) }

    .btn-pink:hover {
        border: 1px solid #d9698c;
        color: #fff;
        text-shadow: 0 -1px 0 #d9698c,0 1px 0 #d3557c;
        background-color: #f3ceda;
        background-image: -moz-linear-gradient(center top, #f3ceda, #de7d9b);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f3ceda), to(#de7d9b));
        background-image: -ms-linear-gradient(left, #f3ceda, #de7d9b);
        background-image: linear-gradient(left, #f3ceda, #de7d9b) }

.btn-purple {
    border: 1px solid #6e3ca3;
    color: #fff;
    text-shadow: 0 -1px 0 #6e3ca3,0 1px 0 #613591;
    background-color: #ae8bd4;
    background-image: -moz-linear-gradient(center top, #ae8bd4, #7a43b6);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ae8bd4), to(#7a43b6));
    background-image: -ms-linear-gradient(left, #ae8bd4, #7a43b6);
    background-image: linear-gradient(left, #ae8bd4, #7a43b6) }

    .btn-purple:hover {
        border: 1px solid #a178cd;
        color: #fff;
        text-shadow: 0 -1px 0 #a178cd,0 1px 0 #9466c6;
        background-color: #e2d5f0;
        background-image: -moz-linear-gradient(center top, #e2d5f0, #ae8bd4);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#e2d5f0), to(#ae8bd4));
        background-image: -ms-linear-gradient(left, #e2d5f0, #ae8bd4);
        background-image: linear-gradient(left, #e2d5f0, #ae8bd4) }

.btn-#000 {
    border: 1px solid #000;
    color: #fff;
    text-shadow: 0 -1px 0 #000,0 1px 0 #000;
    background-color: #333;
    background-image: -moz-linear-gradient(center top, #333, #000);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
    background-image: -ms-linear-gradient(left, #333, #000);
    background-image: linear-gradient(left, #333, #000) }

    .btn-#000:hover {
        border: 1px solid #333;
        color: #fff;
        text-shadow: 0 -1px 0 #333,0 1px 0 #333;
        background-color: #666;
        background-image: -moz-linear-gradient(center top, #666, #333);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
        background-image: -ms-linear-gradient(left, #666, #333);
        background-image: linear-gradient(left, #666, #333) }

img { border: 0 }

hr { border:none;border-bottom: 1px solid #cacad0 }

.border {
    margin: 0.5em 0;
    padding: 1em;
    border: 1px solid #cacad0 }

.dotted { border: 1px dotted #b2b2bb }

hr.dotted { border:none;border-bottom: 1px dotted #b2b2bb }

.dashed { border: 1px dashed #b2b2bb }

hr.dashed { border:none;border-bottom: 1px dashed #b2b2bb }

.radius { border-radius: 0.5em }

.bgGray {
    margin: 0.5em 0;
    padding: 1em;
    background: #e5e5e8 }

.success,.warning,.error {
    margin: 1em 0;
    padding: 1em;
    border-radius: 0.5em;
    font-weight: bold }

.success {
    background: #efe;
    border: 1px solid #00b700;
    color: #3c3 }

.warning {
    background: #ffffe7;
    border: 1px solid #f90;
    color: #f93 }

.error {
    background: #fee;
    border: 1px solid #c00;
    color: #f66 }

.clear,.bClear:before,.aClear:after {
    content: "";
    clear: both;
    display: block }

.fLeft { float: left }

.fRight { float: right }

.bold { font-weight: bold }

.underline { text-decoration: underline }

.center { text-align: center }

.right { text-align: right }

.left { text-align: left }

.icon {
    display: inline-block;
    padding-left: 55px;
    min-height: 44px;
    line-height: 1.4 }

.smaller { font-size: 0.6em }

.small { font-size: 0.8em }

.medium { font-size: 1em }

.large { font-size: 1.5em }

.pager { margin:1em 0;display: inline-block }

    .pager li { display:inline-block;float: left }

        .pager li:after {
            content: "";
            clear: both;
            display: block }

        .pager li a {
            display: inline-block;
            padding: 0.5em 1em;
            color: #63637c;
            text-decoration: none;
            font-size: 97%;
            cursor: pointer;
            border: 1px solid #cacad0;
            background-color: #fcfcfc;
            background-image: -moz-linear-gradient(center top, #fcfcfc, #e2e2e2);
            background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e2e2e2));
            background-image: -ms-linear-gradient(left, #fcfcfc, #e2e2e2);
            background-image: linear-gradient(left, #fcfcfc, #e2e2e2) }

            .pager li a:hover {
                color: #8a8aa2;
                text-decoration: none;
                background-color: #fff;
                background-image: -moz-linear-gradient(center top, #fff, #efefef);
                background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef));
                background-image: -ms-linear-gradient(left, #fff, #efefef);
                background-image: linear-gradient(left, #fff, #efefef) }

        .pager li:first-child a {
            -moz-border-top-left-radius: 0.25em;
            -webkit-border-top-left-radius: 0.25em;
            -o-border-top-left-radius: 0.25em;
            -ms-border-top-left-radius: 0.25em;
            border-top-left-radius: 0.25em;
            -moz-border-bottom-left-radius: 0.25em;
            -webkit-border-bottom-left-radius: 0.25em;
            -o-border-bottom-left-radius: 0.25em;
            -ms-border-bottom-left-radius: 0.25em;
            border-bottom-left-radius: 0.25em }

        .pager li:last-child a {
            border-right: 1px solid #cacad0;
            -moz-border-top-right-radius: 0.25em;
            -webkit-border-top-right-radius: 0.25em;
            -o-border-top-right-radius: 0.25em;
            -ms-border-top-right-radius: 0.25em;
            border-top-right-radius: 0.25em;
            -moz-border-bottom-right-radius: 0.25em;
            -webkit-border-bottom-right-radius: 0.25em;
            -o-border-bottom-right-radius: 0.25em;
            -ms-border-bottom-right-radius: 0.25em;
            border-bottom-right-radius: 0.25em }

        .pager li:not(:first-child) a { border-left: none }

#wrapper {
    margin: 0 auto;
    padding: 0;
    width: 960px;
    background: #fff;
    border-right: 1px solid #cacad0;
    border-left: 1px solid #cacad0;
    -moz-box-shadow: 0 0.25em 0.25em 0.25em rgba(0,0,29,0.05);
    -webkit-box-shadow: 0 0.25em 0.25em 0.25em rgba(0,0,29,0.05);
    -o-box-shadow: 0 0.25em 0.25em 0.25em rgba(0,0,29,0.05);
    -ms-box-shadow: 0 0.25em 0.25em 0.25em rgba(0,0,29,0.05);
    box-shadow: 0 0.25em 0.25em 0.25em rgba(0,0,29,0.05) }

    #wrapper:after {
        content: "";
        clear: both;
        display: block }

header .grobalArea { padding: 1em }

    header .grobalArea:after {
        content: "";
        clear: both;
        display: block }

    header .grobalArea h1 {
        display: inline-block;
        float: left;
        color: #7f7f8e }

        header .grobalArea h1 .logo { display:block;margin: 0.5em 0 0 }

    header .grobalArea nav { display:inline-block;float: right }

        header .grobalArea nav li { display:inline-block;color: #4c4c60 }

            header .grobalArea nav li:before {
                content: '｜';
                display: inline-block;
                padding: 0 0.25em;
                font-size: 90%;
                color: #63637c }

            header .grobalArea nav li:first-child:before,header .grobalArea nav li:last-child:before { content:'';display: inline }

            header .grobalArea nav li.login { padding-left: 0.5em }

                header .grobalArea nav li.login a:link,header .grobalArea nav li.login a:visited {
                    display: block;
                    padding: 2em 0;
                    width: 5em;
                    line-height: 1em;
                    overflow: visible;
                    text-align: center;
                    border: 1px solid #0F414A;
                    text-shadow: 0 -1px 1px #47110d,0 1px 1px #1c0705;
                    color: #fff;
                    font-weight: bold;
                    text-decoration: none;
                    -moz-box-shadow: 0 0 3px 0 #fff inset;
                    -webkit-box-shadow: 0 0 3px 0 #fff inset;
                    -o-box-shadow: 0 0 3px 0 #fff inset;
                    -ms-box-shadow: 0 0 3px 0 #fff inset;
                    box-shadow: 0 0 3px 0 #fff inset;
                    border-radius: 2.5em;
                    background-color: #0F414A;
                    background-image: -moz-linear-gradient(center top, #0F414A, #47110d);
                    background-image: -webkit-gradient(linear, left top, left bottom, from(#0F414A), to(#47110d));
                    background-image: -ms-linear-gradient(left, #0F414A, #47110d);
                    background-image: linear-gradient(left, #0F414A, #47110d) }

                header .grobalArea nav li.login a:hover {
                    -moz-box-shadow: 0 0 3px #fff inset,0 0 6px #00CCFF;
                    -webkit-box-shadow: 0 0 3px #fff inset,0 0 6px #00CCFF;
                    -o-box-shadow: 0 0 3px #fff inset,0 0 6px #00CCFF;
                    -ms-box-shadow: 0 0 3px #fff inset,0 0 6px #00CCFF;
                    box-shadow: 0 0 3px #fff inset,0 0 6px #00CCFF;
                    -ms-filter:\"progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";
                    filter: alpha(opacity=70);
                    -moz-opacity: 0.7;
                    opacity: 0.7 }

            header .grobalArea nav li a:link,header .grobalArea nav li a:visited { color:#4c4c60;text-decoration: none }

            header .grobalArea nav li a:hover { color:#63637c;text-decoration: underline }

header .navArea .bar {
    border-top: 1px solid #cacad0;
    border-bottom: 1px solid #cacad0;
    -moz-box-shadow: 0 3px 3px -3px #4c4c60 inset,0 -3px 3px -3px #4c4c60 inset;
    -webkit-box-shadow: 0 3px 3px -3px #4c4c60 inset,0 -3px 3px -3px #4c4c60 inset;
    -o-box-shadow: 0 3px 3px -3px #4c4c60 inset,0 -3px 3px -3px #4c4c60 inset;
    -ms-box-shadow: 0 3px 3px -3px #4c4c60 inset,0 -3px 3px -3px #4c4c60 inset;
    box-shadow: 0 3px 3px -3px #4c4c60 inset,0 -3px 3px -3px #4c4c60 inset;
    background-color: #05a2a8;
    background-image: -moz-linear-gradient(center top, #05a2a8, #25c1c7);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#05a2a8), to(#25c1c7));
    background-image: -ms-linear-gradient(left, #05a2a8, #25c1c7);
    background-image: linear-gradient(left, #05a2a8, #25c1c7) }

    header .navArea .bar:after {
        content: "";
        clear: both;
        display: block }

    header .navArea .bar ul { display:inline-block;float: left }

        header .navArea .bar ul li {
            display: inline-block;
            float: left;
            padding: 0;
            border-right: 1px solid #47110d }

            header .navArea .bar ul li a:link,header .navArea .bar ul li a:visited {
                display: inline-block;
                padding: 1em;
                text-shadow: 0 0 1px #1c0705;
                color: #fff;
                text-decoration: none;
                -moz-box-shadow: 0 0 1px 0 rgba(255,255,255,0.35) inset;
                -webkit-box-shadow: 0 0 1px 0 rgba(255,255,255,0.35) inset;
                -o-box-shadow: 0 0 1px 0 rgba(255,255,255,0.35) inset;
                -ms-box-shadow: 0 0 1px 0 rgba(255,255,255,0.35) inset;
                box-shadow: 0 0 1px 0 rgba(255,255,255,0.35) inset }

            header .navArea .bar ul li a:hover { background: rgba(255,255,255,0.2) }

    header .navArea .bar #searchsubmit {
        margin: 0.75em 1em 0 0;
        padding: 0.25em 0.5em 0.25em 1.75em;
        float: right;
        height: 1em;
        width: 15em;
        overflow: hidden;
        border: 1px solid #47110d;
        color: #fff;
        background-image: url(../img/common/bg-searchsubmit.png);
        background-repeat: no-repeat;
        background-position: 0.5em center;
        background-color: rgba(0,0,29,0.1);
        border-radius: 0.8em;
        -moz-box-shadow: 2px 2px 2px 0 #00001d 0 0 0 rgba(0,0,0,0) inset;
        -webkit-box-shadow: 2px 2px 2px 0 #00001d 0 0 0 rgba(0,0,0,0) inset;
        -o-box-shadow: 2px 2px 2px 0 #00001d 0 0 0 rgba(0,0,0,0) inset;
        -ms-box-shadow: 2px 2px 2px 0 #00001d 0 0 0 rgba(0,0,0,0) inset;
        box-shadow: 2px 2px 2px 0 #00001d 0 0 0 rgba(0,0,0,0) inset }

header .navArea .pageNavArea {
    margin: 0.5em 1em;
    font-size: 80%;
    color: #63637c;
    text-align: right }

    header .navArea .pageNavArea .breadthumb { display: inline }

        header .navArea .pageNavArea .breadthumb li {
            display: inline;
            font-weight: bold;
            font-size: 90% }

            header .navArea .pageNavArea .breadthumb li:before {
                content: ">";
                font-weight: normal;
                margin: 0 0.5em }

            header .navArea .pageNavArea .breadthumb li:first-child:before,header .navArea .pageNavArea .breadthumb li .share li:before { content: "" }

    header .navArea .pageNavArea a:link,header .navArea .pageNavArea a:visited { color:#63637c;font-weight: normal }

    header .navArea .pageNavArea a:hover { text-decoration: none }

    header .navArea .pageNavArea .share { margin-left:1em;display: inline-block }

        header .navArea .pageNavArea .share li { display:inline-block;padding-left: 0.25em }

        header .navArea .pageNavArea .share img { vertical-align: middle }

            header .navArea .pageNavArea .share img:hover {
                -ms-filter:\"progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";
                filter: alpha(opacity=70);
                -moz-opacity: 0.7;
                opacity: 0.7 }

article { margin:1em 0;min-height: 500px }

    article .sectionArea {
        padding: 1em;
        border-top: 1px solid #cacad0;
        -moz-box-shadow: 0 3px 3px -3px #e5e5e8 inset;
        -webkit-box-shadow: 0 3px 3px -3px #e5e5e8 inset;
        -o-box-shadow: 0 3px 3px -3px #e5e5e8 inset;
        -ms-box-shadow: 0 3px 3px -3px #e5e5e8 inset;
        box-shadow: 0 3px 3px -3px #e5e5e8 inset }

        article .sectionArea:first-child {
            padding-top: 0;
            border-top: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            -o-box-shadow: none;
            -ms-box-shadow: none;
            box-shadow: none }

        article .sectionArea:nth-of-type(2n) { background: #f9f9fa }

        article .sectionArea:after {
            content: "";
            clear: both;
            display: block }

        article .sectionArea img { max-width: 100% }

        article .sectionArea .innerSection { margin-bottom:1em;padding: 1em 0 }

            article .sectionArea .innerSection>* { padding-left:14px;padding-right: 14px }

        article .sectionArea:nth-of-type(2n+1) .innerSection {
            background: #f9f9fa;
            border-radius: 1em;
            -moz-box-shadow: 0 0 1px 0 #7f7f8e inset;
            -webkit-box-shadow: 0 0 1px 0 #7f7f8e inset;
            -o-box-shadow: 0 0 1px 0 #7f7f8e inset;
            -ms-box-shadow: 0 0 1px 0 #7f7f8e inset;
            box-shadow: 0 0 1px 0 #7f7f8e inset }

    article .column2 .innerSection {
        width: 49%;
        margin-right: 2%;
        float: left }

        article .column2 .innerSection:nth-of-type(2n) { margin-right: 0 }

            article .column2 .innerSection:nth-of-type(2n):after {
                content: "";
                clear: both;
                display: block }

    article .column3 .innerSection {
        width: 32%;
        margin-right: 2%;
        float: left }

        article .column3 .innerSection:nth-of-type(3n) { margin-right: 0 }

            article .column3 .innerSection:nth-of-type(3n):after {
                content: "";
                clear: both;
                display: block }

    article .btn-makeGame { padding:2em 0 0;text-align: center }

        article .btn-makeGame a:link,article .btn-makeGame a:visited {
            display: inline-block;
            padding: 0.35em 1.5em;
            border: 1px solid #0F414A;
            text-shadow: 0 -1px 1px #47110d;
            color: #fff;
            font-size: 200%;
            font-weight: bold;
            text-decoration: none;
            -moz-box-shadow: 0 0 3px 0 #fff inset;
            -webkit-box-shadow: 0 0 3px 0 #fff inset;
            -o-box-shadow: 0 0 3px 0 #fff inset;
            -ms-box-shadow: 0 0 3px 0 #fff inset;
            box-shadow: 0 0 3px 0 #fff inset;
            border-radius: 1em;
            background-color: #00CCFF;
            background-image: -moz-linear-gradient(center top, #00CCFF, #0F414A);
            background-image: -webkit-gradient(linear, left top, left bottom, from(#00CCFF), to(#0F414A));
            background-image: -ms-linear-gradient(left, #00CCFF, #0F414A);
            background-image: linear-gradient(left, #00CCFF, #0F414A) }

        article .btn-makeGame a:hover {
            -moz-box-shadow: 0 0 3px #fff inset,0 0 6px #fff;
            -webkit-box-shadow: 0 0 3px #fff inset,0 0 6px #fff;
            -o-box-shadow: 0 0 3px #fff inset,0 0 6px #fff;
            -ms-box-shadow: 0 0 3px #fff inset,0 0 6px #fff;
            box-shadow: 0 0 3px #fff inset,0 0 6px #fff;
            background-color: #0F414A;
            background-image: -moz-linear-gradient(center top, #0F414A, #00CCFF);
            background-image: -webkit-gradient(linear, left top, left bottom, from(#0F414A), to(#00CCFF));
            background-image: -ms-linear-gradient(left, #0F414A, #00CCFF);
            background-image: linear-gradient(left, #0F414A, #00CCFF) }

    article .box-darkGrey {
        padding: 1.5em 2em;
        background: #191933;
        color: #fff;
        border-radius: 1em }

footer {
    padding: 2.5em;
    text-align: center;
    color: #fff;
    border-top: 1px solid #191933;
    -moz-box-shadow: 0 3px 3px -3px #1c0705 inset;
    -webkit-box-shadow: 0 3px 3px -3px #1c0705 inset;
    -o-box-shadow: 0 3px 3px -3px #1c0705 inset;
    -ms-box-shadow: 0 3px 3px -3px #1c0705 inset;
    box-shadow: 0 3px 3px -3px #1c0705 inset;
    background-color: #1c0705;
    background-image: -moz-linear-gradient(center top, #1c0705, #00CCFF);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1c0705), to(#00CCFF));
    background-image: -ms-linear-gradient(left, #1c0705, #00CCFF);
    background-image: linear-gradient(left, #1c0705, #00CCFF) }

    footer p { font-size: 80% }

    footer a:link,footer a:visited { color:#fff;text-decoration: none }

    footer a:hover { text-decoration: underline }

.sectionArea .sampleGameArea { width:640px;float: left }

.sectionArea .text-sampleGame { width:210px;float: right }

.sectionArea .howtoArea {
    border: 1px solid #cacad0;
    background: #f9f9fa;
    padding: 1em;
    border-radius: 0.5em }

    .sectionArea .howtoArea:after {
        content: "";
        clear: both;
        display: block }

    .sectionArea .howtoArea .howtoMain {
        padding: 1em 0;
        width: 66%;
        float: right;
        border: 1px solid #cacad0;
        background: #fff;
        border-radius: 0.5em }

        .sectionArea .howtoArea .howtoMain>* { padding: 0 14px }

    .sectionArea .howtoArea .howtoNav {
        width: 32%;
        float: left;
        border-radius: 0.5em }

        .sectionArea .howtoArea .howtoNav li { line-height:1;padding: 0 }

            .sectionArea .howtoArea .howtoNav li:first-child a {
                -moz-border-top-left-radius: 0.5em;
                -webkit-border-top-left-radius: 0.5em;
                -o-border-top-left-radius: 0.5em;
                -ms-border-top-left-radius: 0.5em;
                border-top-left-radius: 0.5em;
                -moz-border-top-right-radius: 0.5em;
                -webkit-border-top-right-radius: 0.5em;
                -o-border-top-right-radius: 0.5em;
                -ms-border-top-right-radius: 0.5em;
                border-top-right-radius: 0.5em }

            .sectionArea .howtoArea .howtoNav li:last-child a {
                border-bottom: 1px solid #cacad0;
                -moz-border-bottom-left-radius: 0.5em;
                -webkit-border-bottom-left-radius: 0.5em;
                -o-border-bottom-left-radius: 0.5em;
                -ms-border-bottom-left-radius: 0.5em;
                border-bottom-left-radius: 0.5em;
                -moz-border-bottom-right-radius: 0.5em;
                -webkit-border-bottom-right-radius: 0.5em;
                -o-border-bottom-right-radius: 0.5em;
                -ms-border-bottom-right-radius: 0.5em;
                border-bottom-right-radius: 0.5em }

            .sectionArea .howtoArea .howtoNav li a {
                display: block;
                padding: 6px;
                font-weight: normal;
                background: #fff;
                border-top: 1px solid #cacad0;
                border-right: 1px solid #cacad0;
                border-left: 1px solid #cacad0 }

                .sectionArea .howtoArea .howtoNav li a:link,.sectionArea .howtoArea .howtoNav li a:visited { color:#7f7f8e;text-decoration: none }

                .sectionArea .howtoArea .howtoNav li a:hover { color: #00CCFF }

                    .sectionArea .howtoArea .howtoNav li a:hover:after {
                        content: '▲';
                        color: #b2b2bb;
                        float: right;
                        -moz-transform: rotate(90deg);
                        -webkit-transform: rotate(90deg);
                        -o-transform: rotate(90deg);
                        -ms-transform: rotate(90deg);
                        transform: rotate(90deg) }

                        .sectionArea .howtoArea .howtoNav li a:hover:after:after {
                            content: "";
                            clear: both;
                            display: block }

.sectionArea dl.QandA dt {
    padding: 0.5em 1em;
    line-height: 1.4;
    background: #f9f9fa;
    border: 1px solid #cacad0;
    border-radius: 0.5em }

    .sectionArea dl.QandA dt:before {
        content: "Q";
        display: inline-block;
        padding-right: 0.5em;
        font-size: 2.5em;
        font-weight: bold;
        color: #00CCFF }

    .sectionArea dl.QandA dt:not(:first-child) { margin-top: 1em }

.sectionArea dl.QandA dd {
    padding: 0.5em;
    text-indent: -1.5em;
    margin-left: 5em;
    line-height: 1.4 }

    .sectionArea dl.QandA dd:before {
        content: "A";
        display: inline-block;
        padding-right: 0.5em;
        font-size: 2.5em;
        font-weight: bold;
        color: #045cdb }

.sectionArea .innerSection.profile {
    width: 64%;
    float: left;
    padding-right: 1em }

    .sectionArea .innerSection.profile:after {
        content: "";
        clear: both;
        display: block }

    .sectionArea .innerSection.profile .img-profile { float:left;vertical-align: top }

    .sectionArea .innerSection.profile .name,.sectionArea .innerSection.profile .list-profile,.sectionArea .innerSection.profile .memo,.sectionArea .innerSection.profile .service { margin-left: 100px }

    .sectionArea .innerSection.profile .list-profile { padding-bottom: 0.5em }

        .sectionArea .innerSection.profile .list-profile li {
            margin-bottom: 0.5em;
            padding-left: 1.5em;
            padding-bottom: 0;
            line-height: 14px;
            background-repeat: no-repeat;
            background-position: left center }

            .sectionArea .innerSection.profile .list-profile li.aboutme { background-image: url(../img/icn-profileAboutme.png) }

            .sectionArea .innerSection.profile .list-profile li.mail { background-image: url(../img/icn-profileMail.png) }

            .sectionArea .innerSection.profile .list-profile li.twitter { background-image: url(../img/icn-profileTwitter.png) }

            .sectionArea .innerSection.profile .list-profile li.blog { background-image: url(../img/icn-profileBlog.png) }

    .sectionArea .innerSection.profile .service { padding: 1.5em 0 0 1em }

        .sectionArea .innerSection.profile .service dt { padding-left:1.5em;background: url(../img/icn-profileService.png) no-repeat left center }

            .sectionArea .innerSection.profile .service dt a { font-weight: bold }

        .sectionArea .innerSection.profile .service dd { padding-left:1.5em;padding-bottom: 0.5em }

.sectionArea .twitterWidget {
    width: 32%;
    float: right;
    height: 400px;
    overflow: visible }

    .sectionArea .twitterWidget:after {
        content: "";
        clear: both;
        display: block }


/*shikemokumkADD*/

.strong {

    color:red;
    font-weight:bold;

}

.sc {
    color:#FF4500;
    font-weight:normal;

}

.cmt{
    color:#6B8E23;
    
}

.label{
    color:#00BFFF;
}

.cap {
    border:solid 1px gray;
}


.infomation{
    float:left;
    left:400px;
    top:30px;
    width:300px;
    height:100px;
    border:dashed 1px gray;    
 }