@charset "UTF-8";

/*
---------------------------------
｜#box                                        ｜
｜     　----------------------      ｜
｜　　　｜　#header                  ｜    ｜
｜　　　｜--------------------｜    ｜
｜　　　｜#main　　         ｜#right｜   ｜
｜　　　｜ -----------｜｜ 　 　 ｜   ｜
｜　　　｜｜entry 　　　 ｜｜ 　　　｜   ｜
｜      ｜｜               ｜｜      ｜    ｜
｜　　　｜ -----------｜｜ 　　　｜    ｜
｜　　　｜--------------------｜    ｜
｜　　　｜#footer　　　　　　　　　 　｜    ｜
｜　　　｜--------------------｜    ｜
｜                                              ｜
---------------------------------
*/


/*************************全体の設定***************************************/
body{
margin: 0px;
text-align: center;
font-size: 100%; 
color:black;
background-color :white;
font-family:'メイリオ','ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,sans-serif;
text-shadow: 0.1px 0.1px 0.1px #000;
}

#box {
width: 94%;
margin-top: 15px;
margin-left: auto;
margin-bottom: 20px;
margin-right: auto;
padding: 0px;
text-align: left;
line-height: 180%;
}

#header {
padding : 15px 15px 20px 10px;
text-align : right;
height :600px;
background-image : url(http://blog-imgs-78-origin.fc2.com/q/m/a/qmail/momiji-white3.jpg);
background-position: left;
background-size:cover;
}

#main {
width:74%;
margin-top: 10px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
float: left;
}

#footer {
margin : 0 0 0 0;
padding: 10px 0 100px 0px;
height : 300px;
font-size  : 100%; 
text-align : center;
line-height: 23px;
border-top-style:SOLID;
border-top-width:thin;
clear : both;
}

#syushi {
text-align: center;
margin-top: 5px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 5px;
}

/* 右の幅 -------------------------------------------------*/
#right{
width:19%;
float: right;

}

.side{
margin-top: 10px;
margin-right: 10px;
margin-left: auto;
margin-bottom: 10px;
}



/* リンクの設定 */
a{cursor : pointer ;}
a:link{color :black;}
a:visited{color :black;}
a:active{color : black;}
a:hover{color : black;}


/*画像すべて*/
img {
border: 0;
display: inline-block;
box-shadow: 0px 0px 80px -5px rgba(0, 0, 0, 0.8);
border-radius: 10px;
    max-width: 100%;
    height: auto;
}


/*ブログ名(タイトル）*/
h1 {
line-height: 120%;
padding : 0px;
margin : 20px 0 0 0;
color:#161666;
font-size : 200%;
font-family:'ＭＳ Ｐ明朝';
text-shadow: 0.1px  0.1px  1px #161666,
             0px  0px  2px #161666,
            -0.1px -0.1px  1px #161666,
             1px  1px  1px #fff,
             0px  0px  20px #fff,
             3px  3px  20px #fff,
             -3px  -3px  20px #fff;
}

/*ブログの趣旨などを記入する*/
h2 {
text-decoration: none;
margin: 0px;
padding: 0px;
font-size : 105%;
}


/*記事タイトル*/
h3 {
text-decoration: none;
margin: 0px;
padding: 0px;
font-size : 100%;
}

h3 a{
text-decoration: none;

}

/*ブログ名(タイトル）,フッター*/
h4 {
text-decoration: none;
margin: 0px;
padding: 0px;
font-size :  95%; 
}

/*最近の記事*/
h5 {
text-decoration: none;
margin: 0px;
padding: 0px;
font-size : 90%; 
}

/*前後の記事*/
h6 {
text-decoration: none;
margin: 0px;
padding: 0px;
font-size : 70%; 
}



html {

}


#change_mobile {
     display:none;
}


/*↓▼▼▼↓-------------------- ヘッダーの詳細(子供） -----------------↓▼▼▼↓*/
#header a{
text-decoration: none;
}

#header a:hover{
/*text-decoration: underline;*/
}

.introduction {
margin : 10px 0 0 0;
text-align: right;
font-size : 90%; 
line-height : 23px;
text-shadow: 0.1px  0.1px  1px #161666,
             0px  0px  1px #161666,
             1px  1px  1px #fff,
             0px  0px  20px #fff,
             3px  3px  20px #fff,
             -3px  -3px  20px #fff;
}

#header img{
position : relative ; top : -20px ; right :100px ;
float:left;
}

/*↑▲▲▲↑-------------------- ヘッダーの詳細(子供） -----------------↑▲▲▲↑*/


/*↓▼▼▼↓-------------------- フッターの詳細(子供） -----------------↓▼▼▼↓*/


#footer a{
text-decoration: none;
}

#footer a:hover{
text-decoration: underline;
}
/*↑▲▲▲↑-------------------- フッターの詳細(子供） -----------------↑▲▲▲↑*/



/*↓▼▼▼↓--------------------- エントリー(mainの子）-----------------↓▼▼▼↓*/

.entry{
margin : 0px 0px 0px 10px;
padding: 15px 10px 5px 10px;
line-height: 26px;
font-size: 100%; 
}

.entry2{
margin : 0px 0px 0px 10px;
padding: 15px 10px 5px 10px;
font-size: 90%; 
}

.entry-title{
margin : 10px 5px 10px 5px;
padding: 10px 10px 5px 0px;
height : 70px;
}

.entry_body{
padding: 0px 0px 100px 0px;
line-height: 26px;
margin: 0px;
}

.entry-title a{
}

.entry-title img{
position : relative ; top : -26px ; right : 10px ;
float:left;
}

/*エントリー：見出し*/
.date {
border-top: 1px solid #808080;
font-size: 90%; 
text-align: right;
}

.entry h2 {
margin : 10px 0px 10px 10px;
}

.entry a{
font-size : 120%; 
text-align: left;
}

.entry_navi{
margin-left:auto;margin-right:auto;
}

/*エントリー：ステータス（日付等）*/
.posted {
border-top: 1px dotted #808080;
padding: 3px;
font-size: 80%; 
text-align: right;
margin-bottom: 85px;
line-height: normal;
}

.bottom .commment{
margin-top: 20px;
margin-bottom: 10px;
padding: 3px;
text-align: left;
}

/*↑▲▲▲↑--------------------- エントリー(mainの子）-----------------↑▲▲▲↑*/

/*↓▼▼▼↓---------------------- サイド（rightの子）-------------------↓▼▼▼↓*/

.sidetitle{
font-size: 100%; 
border-style:SOLID NONE SOLID NONE;
border-width:THIN;
text-align: center;
}

.sidetitle img{
position : relative ; top : -10px ; right : 10px ;
float:left;
}


.sideblock{
margin :0 0 20px 0;
padding: 5px 5px 5px 10px;
font-size: 95%; 
}

.side ul {
padding: 0px;
margin : 0px 0px 30px 10px;
}

.side li {
margin:3px 0 0 10px;
list-style-type: disc;
text-align:left;
font-size:95%; 
line-height: 28px;
}

/*↑▲▲▲↑---------------------- サイド（rightの子）-------------------↑▲▲▲↑*/