@charset "utf-8";
/*
    Common 2.0.0
*/
br {
    line-height: 1;
}

.for-mobile th,
.for-mobile td {
    font-size: 9px;
    font-size: 0.9rem;
    padding: 10px;
    padding: 1rem;
}

    .wp-editor .ja,
    .wp-editor .en {
        border: 1px dashed #999;
    }
    
.large-size {
    font-size: 118%;
}

.small-size {
    font-size: 91%;
}

.hidden {
    display: none !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.error {
    color: #f00 !important;
}

.required {
    color: #f00 !important;
}

.note {
    color: #999 !important;
}

.marker {
    background-color: #fff799;
}

.marker-gray {
    background-color: #f0f0f0;
}

.marker-red {
    background-color: #F6BFAF;
}

.marker-blue {
    background-color: #d7eef6;
}

.marker-green {
    background-color: #e8f7d2;
}

.border-top,
.wp-editor .border-top {
    border-top: 1px solid #ddd;
    padding-top: 20px;
    padding-top: 2rem;
}

.border-bottom,
.wp-editor .border-bottom {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    padding-bottom: 2rem;
}

.border-left,
.wp-editor .border-left {
    border-left: 1px solid #ddd;
    padding-left: 20px;
    padding-left: 2rem;
}

.border-right,
.wp-editor .border-right {
    border-right: 1px solid #ddd;
    padding-right: 20px;
    padding-right: 2rem;
}

.box,
.box-gray,
.box-red,
.box-blue,
.box-green,
.wp-editor .box,
.wp-editor .box-gray,
.wp-editor .box-red,
.wp-editor .box-blue,
.wp-editor .box-green {
    border: 1px solid #ddd;
    padding: 10px;
    padding: 1rem;
    margin-bottom: 20px;
    margin-bottom: 2rem;
}

.box.gray,
.box-gray,
.wp-editor .box.gray,
.wp-editor .box-gray {
    border-color: #ccc;
    color: #222;
    background-color: #f8f8f8;
}

.box.red,
.box-red,
.wp-editor .box.red,
.wp-editor .box-red {
    border-color: #ed1c24;
    color: #9e0b0e;
    background-color: #faf1f1;
}

.box.blue,
.box-blue,
.wp-editor .box.blue,
.wp-editor .box-blue {
    border-color: #00aeef;
    color: #0076a3;
    background-color: #d7eef6;
}

.box.green,
.box-green,
.wp-editor .box.green,
.wp-editor .box-green {
    border-color: #8dc63f;
    color: #598527;
    background-color: #e8f7d2;
}

    .box *:first-child,
    .box-gray *:first-child,
    .box-red *:first-child,
    .box-blue *:first-child,
    .box-green *:first-child {
        margin-top: 0 !important;
    }
    
    .box *:last-child,
    .box-gray *:last-child,
    .box-red *:last-child,
    .box-blue *:last-child,
    .box-green *:last-child {
        margin-bottom: 0 !important;
    }

.button,
.button a {
    color: #222 !important;
    text-decoration: none !important;
}

.dark-style .button,
.dark-style .button a,
.button.gray,
.button.gray a,
.button-gray,
.button-gray a {
    color: #eee !important;
}

.button.red,
.button.red a,
.button.green,
.button.green a,
.button.blue,
.button.blue a,
.button-red,
.button-red a,
.button-green,
.button-green a,
.button-blue,
.button-blue a {
    color: #fff !important;
}


.button,
.button-gray,
.button-red,
.button-blue,
.button-green {
    display: inline-block;
    #display: inline;
    #zoom: 1;
    border: 1px solid #ddd;
    border-bottom-color: #ccc;
    padding: 5px 10px;
    padding: 0.5rem 1rem;
    background-color: #eee;
    background: -moz-linear-gradient(top,#fff 0%,#eee);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff',EndColorStr='#eeeeee');
    text-decoration: none;
    font-weight: bold;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3),inset 0 0 2px rgba(255,255,255,0.3), 0 1px 1px rgba(0,0,0,0.05);
    cursor: pointer;
    vertical-align: middle;
}

    .button:hover {
        border-color: #ccc;
        background: -moz-linear-gradient(top,#fafafa 0%,#e8e8e8);
        background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e8e8e8));
        filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#fafafa',EndColorStr='#e8e8e8');
    }
    
    .button:active {
        background: #e8e8e8;
        filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#e8e8e8',EndColorStr='#e8e8e8');
        box-shadow: 0px 1px 0px rgba(255,255,255,0.6), inset 0px 1px 6px rgba(0,0,0,0.1);
    }

    .button:disabled,
    .button.disabled {
        border-color: #ddd !important;
        background: none !important;
        background-color: #eee !important;
        box-shadow: none !important;
        filter: none !important;
        color: #999 !important;
    }
    
    .dark-style .button,
    .button.gray,
    .button-gray {
        border-color: #222;
        border-bottom-color: #111;
        box-shadow: none;
        background-color: #222;
        background: -moz-linear-gradient(top,#484848 0%,#222);
        background: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#222));
        filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#484848',EndColorStr='#222222');
    }
    
    .dark-style .button:hover,
    .button.gray:hover,
    .button-gray:hover {
        border-color: #080808;
        background: -moz-linear-gradient(top,#383838 0%,#111);
        background: -webkit-gradient(linear, left top, left bottom, from(#383838), to(#111));
        filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#383838',EndColorStr='#111111');
    }
    
    .dark-style .button:active,
    .button.gray:active,
    .button-gray:active {
        background: #111;
        filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#111111',EndColorStr='#111111');
        box-shadow: 0px 1px 0px rgba(255,255,255,0.6), inset 0px 1px 6px rgba(0,0,0,0.1);
    }

    .button.wide {
        display: block;
        text-align: center;
    }
    
    .button.red,
    .button-red {
        background-color: #ee5f5b;
        border-color: #bd362f;
        border-bottom-color: #ae2c26;
        background: -moz-linear-gradient(top,#ee5f5b,#c24741);
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c24741));
        filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#ee5f5b', EndColorStr='#c24741');
    }

    .button.red:hover,
    .button-red:hover {
        border-color: #ac3f39;
        background: -moz-linear-gradient(top,#e75d59,#b5433d);
        background: -webkit-gradient(linear, left top, left bottom, from(#e75d59), to(#b5433d));
        filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#e75d59',EndColorStr='#b5433d');
    }
    
    .button.red:active,
    .button-red:active {
        background: #b5433d;
        filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#b5433d',EndColorStr='#b5433d');
        box-shadow: 0px 1px 0px rgba(255,255,255,0.6), inset 0px 1px 6px rgba(0,0,0,0.1);
    }
    
    .button.green,
    .button-green {
        background-color: #62c462;
        border-color: #5bb75b;
        border-bottom-color: #4b974b;
        background: -moz-linear-gradient(top,#62c462,#51a351);
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
        filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#62c462', EndColorStr='#51a351');
      }

    .button.green:hover,
    .button-green:hover {
        border-color: #468c46;
        background: -moz-linear-gradient(top,#5ebc5e,#499349);
        background: -webkit-gradient(linear, left top, left bottom, from(#5ebc5e), to(#499349));
        filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#5ebc5e',EndColorStr='#499349');
    }
    
    .button.green:active,
    .button-green:active {
        background: #499349;
        filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#499349',EndColorStr='#499349');
        box-shadow: 0px 1px 0px rgba(255,255,255,0.6), inset 0px 1px 6px rgba(0,0,0,0.1);
    }
    
    .button.blue,
    .button-blue {
        background-color: #2288bb;
        border-color: #4081af;
        border-bottom-color: #20559a;
        background: -moz-linear-gradient(top,#4badde,#2288bb);
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#4badde), to(#2288bb));
        filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#4badde', EndColorStr='#2288bb');
      }

    .button.blue:hover,
    .button-blue:hover {
        border-color: #1e4f8f;
        background: -moz-linear-gradient(top,#49a7d6,#207aa8);
        background: -webkit-gradient(linear, left top, left bottom, from(#49a7d6), to(#207aa8));
        filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#49a7d6',EndColorStr='#207aa8');
    }
    
    .button.blue:active,
    .button-blue:active {
        background: #207aa8;
        filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#207aa8',EndColorStr='#207aa8');
        box-shadow: 0px 1px 0px rgba(255,255,255,0.6), inset 0px 1px 6px rgba(0,0,0,0.1);
    }
    
.align-center {
    text-align: center;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.img-left {
    float: left;
    margin: 0 20px 0 0;
    margin: 0 2rem 0 0;
}

.img-right {
    float: right;
    margin: 0 0 0 20px;
    margin: 0 0 0 2rem;
}

    .for-mobile .img-right,
    .for-mobile .img-left {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
.img-center {
    text-align: center;
}

.webfont-icon {
    display: inline-block;
    width: 8px;
    width: 0.8rem;
    min-width: 15px;
    visibility: hidden;
    margin-right: 5px;
    margin-right: 0.5rem;
    line-height: 1 !important;
}

    .active-webfont-icon .webfont-icon {
        display: inline;
        width: auto;
        visibility: visible;
        padding-left: 0;
        #margin-right: 0;
    }

.hatebu,
.twitter,
.google,
.facebook {
    display: inline-block;
    height: 20px;
    overflow: hidden;
}

.hatebu {
    width: 62px;
}

.twitter {
    width: 83px;
}

.facebook {
}

.google {
    display: inline-block;
    width: 76px;
}

.follow-us iframe {
    height: 20px !important;
}

.space {
    font-size: 1px;
}

table.layout {
    margin-bottom: 0 !important;
}

table.layout th,
table.layout td {
    border-style: none !important;
    background-color: transparent !important;
    padding: 0 0 10px 0 !important;
    padding: 0 0 1rem 0 !important;
}

input[type=text],
input[type=email],
input[type=password],
select,
textarea {
    border: 1px solid #ddd;
    padding: 5px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.03) inset;
    border-radius: 3px;
    font-size: 13px;
    font-size: 1.3rem;
    background-color: #fff;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

    input[type=text],
    input[type=email],
    input[type=password],
    textarea {
        max-width: 100%;
        _width: 96%;
    }

    .for-mobile input[type=text],
    .for-mobile input[type=email],
    .for-mobile input[type=password],
    .for-mobile textarea {
        max-width: none;
        width: 100% !important;
        _width: 96% !important;
    }

    .dark-style input[type=text],
    .dark-style input[type=email],
    .dark-style input[type=password],
    .dark-style select,
    .dark-style textarea {
        border-color: #555;
        background-color: #484848;
        color: #eee;
        box-shadow: 0 2px 2px rgba(0,0,0,0.1) inset;
    }

input[type=text]:hover,
input[type=password]:hover,
select:hover,
textarea:hover {
    border-color: #999;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
    border-color: #333;
}

input[type=submit] {
    min-width: 120px;
    padding: 5px;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    letter-spacing: 1px;
    color: #000;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix { 
    display: inline-block; 
}

/* exlude MacIE5 \*/
* html .clearfix { 
    height: 1%; 
}

.clearfix { 
    display:block; 
}
/* end MacIE5 */