@charset "utf-8";

/*-------------------------------------------------------------------------------------------

REFINE CUSTOM STYLESHEET

スタイルシートをカスタマイズする場合は、style.cssを編集する代わりにこちらに
記述してください。そうすることで、テンプレートがアップデートされた場合でも、
このページをコピー＆ペーストするだけで、簡単に新バージョンのテンプレートに、
自分のカスタムを反映させることができます。

-------------------------------------------------------------------------------------------*/








body {
    position: relative;
    text-align: center;
    word-wrap: break-word;
    word-break: break-all;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ pro W3", Hiragino Kaku Gothic pro,  sans-serif;
}





a:hover, 
a:focus {
    color:#800000;
    text-decoration: none;
    -webkit-transition: all 0.15s ease-in-out;
       -moz-transition: all 0.15s ease-in-out;
            transition: all 0.15s ease-in-out;
}



img {
              padding:0;
              border:none;
}

a:hover img{  
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

a:hover {
position:relative;
top: 2px;
left:2px;
}






/* 2.2 サイトタイトル、サイトの説明
   ========================================================================== */


.site-title {
    margin: 0;
    padding: 1em 0 5px;
    font-weight: bold;
    font-size: 20px;
    font-size: 1.50rem;
    line-height: 1.33;
}



.site-title a:hover {
    color: #999;
}




.site-description {
    margin-bottom: 2.5em;
    width: 98%;
    color: #FFFFFF;
    font-size: 14px;
    font-size: 1.05rem;
    line-height: 1.5;
}



.h1, 
.entry-content h1,
.textwidget h1 {
    color: #222;
    font-size: 15px;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.3;
    text-align: left;
    margin: 0 0 0.5em;
    padding: 0;
}


.h2, 
.entry-content h2,
.textwidget h2 {
    margin: 2em 0 1em;
    padding: .75em 1em;
    border-top: 3px solid #999;
    border-bottom: 1px solid #bbb;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #ededed));
    background: -webkit-linear-gradient(top, #fff 0%, #ededed 100%);
    background:    -moz-linear-gradient(top, #fff 0%, #ededed 100%);
    background:      -o-linear-gradient(top, #fff 0%, #ededed 100%);
    background:     -ms-linear-gradient(top, #fff 0%, #ededed 100%);
    background:         linear-gradient(top, #fff 0%, #ededed 100%);
    -webkit-box-shadow: 0 1px 3px 1px rgba(000, 000, 000, .25);
       -moz-box-shadow: 0 1px 3px 1px rgba(000, 000, 000, .25);
            box-shadow: 0 1px 3px 1px rgba(000, 000, 000, .25);
    color: #222;
    text-align: left;
    text-shadow: 0 1px 0 #fff;
    font-weight: bold;
    font-size: 15px;
    font-size: 1.25rem;
    line-height: 1.33;
}

.h3, 
.entry-content h3,
.textwidget h3 {
    margin: 2em 0 1em;
    padding: .8em .8em .7em;
    border-left: 5px solid #ccc;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #ededed));
    background: -webkit-linear-gradient(top, #fff 0%, #ededed 100%);
    background:    -moz-linear-gradient(top, #fff 0%, #ededed 100%);
    background:      -o-linear-gradient(top, #fff 0%, #ededed 100%);
    background:     -ms-linear-gradient(top, #fff 0%, #ededed 100%);
    background:         linear-gradient(top, #fff 0%, #ededed 100%);
    -webkit-box-shadow: 0 1px 2px 1px rgba(000, 000, 000, .2);
       -moz-box-shadow: 0 1px 2px 1px rgba(000, 000, 000, .2);
            box-shadow: 0 1px 2px 1px rgba(000, 000, 000, .2);
    color: #222;
    text-align: left;
    text-shadow: 0 1px 0 #fff;
    font-weight: bold;
    font-size: 15px;
    font-size: 1.23rem;
    line-height: 1.33;
}

.h4, 
.entry-content h4,
.textwidget h4 {
    margin: 2em 0 1em;
    padding: .8em .8em .7em;
    border-top: 1px solid #ccc;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background: #e6e6e6;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #eee), color-stop(1.00, #e9e9e9));
    background: -webkit-linear-gradient(top, #eee 0%, #e9e9e9 100%);
    background:    -moz-linear-gradient(top, #eee 0%, #e9e9e9 100%);
    background:      -o-linear-gradient(top, #eee 0%, #e9e9e9 100%);
    background:     -ms-linear-gradient(top, #eee 0%, #e9e9e9 100%);
    background:         linear-gradient(top, #eee 0%, #e9e9e9 100%);
    -webkit-box-shadow: 0 1px 2px rgba(000, 000, 000, .066) inset;
       -moz-box-shadow: 0 1px 2px rgba(000, 000, 000, .066) inset;
            box-shadow: 0 1px 2px rgba(000, 000, 000, .066) inset;
    color: #222;
    text-align: left;
    text-shadow: 0 1px 0 #fff;
    font-weight: bold;
    font-size: 15px;
    font-size: 1.2rem;
    line-height: 1.33;
}

.h5, 
.entry-content h5,
.textwidget h5 {
    margin: 2em 0 .5em;
    padding: 0 0 0 5px;
    border-left: 16px solid #999;
    color: #333;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.15rem;
    line-height: 1;
}

.h6, 
.entry-content h6,
.textwidget h6 {
    margin: 2em 0 .25em;
    padding: 0;
    color: #444;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.rem;
    line-height: 1.33;
}




.h1 a, 
.h2 a, 
.h3 a, 
.h4 a, 
.h5 a, 
.h6 a, 
.h1 a:visited, 
.h2 a:visited, 
.h3 a:visited, 
.h4 a:visited, 
.h5 a:visited, 
.h6 a:visited, 
h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a, 
h1 a:visited, 
h2 a:visited, 
h3 a:visited, 
h4 a:visited, 
h5 a:visited, 
h6 a:visited {
    color: #000080;
    text-decoration: none;
}

.h1 a:hover, 
.h2 a:hover, 
.h3 a:hover, 
.h4 a:hover, 
.h5 a:hover, 
.h6 a:hover, 
h1 a:hover, 
h2 a:hover, 
h3 a:hover, 
h4 a:hover, 
h5 a:hover, 
h6 a:hover {
    color: #800000;
    text-decoration: underline;
}


/* ２カラム（右サイドバー） */

.right_sidebar .contents { /* main + sidebar1 */
    display: block;
    float: none;
    width: auto;
}

.right_sidebar .main {
    float: left;
    margin-right: -36%; /* sidebar + margin(20) */
    width: 100%;
}

.right_sidebar .main-inner {
    margin-right: 36%; /* sidebar + margin(20) */
}

.right_sidebar .sidebar1 {
    float: right;
    width: 35%;
}

.right_sidebar .sidebar2 {
    float: right;
    clear: right;
    width: 35%;
}