@charset "utf-8";
@import url(http://parts.blog.livedoor.jp/css/template_6thgen.css);
@import url(http://blogroll.livedoor.net/css/default2.css);
/**
@prefix : <http://purl.org/net/ns/doas#> .
<> a :CSSStylesheet;
 :title "matomegray";
 :shortdesc "Template for livedoor Blog";
 :created "2013-01-31";
 :release [:revision "1.01"; :created "2013-02-15"];
 :page <http://blogdesign.ldblog.jp/archives/22919574.html>;
 :rights "LINE Corporatiofn".
*/


/*http://livedoor.blogimg.jp/hopesound-hattatusyougaimatome/imgs/3/e/3e875800.png
http://livedoor.blogimg.jp/hopesound-hattatusyougaimatome/imgs/d/9/d9c377b3.png
background-color: #faebd7 ;
*/


/*背景画像＆背景色の一括設定*/
body{
background-image:url("http://livedoor.blogimg.jp/hopesound-hattatusyougaimatome/imgs/3/e/3e875800.png");
background-repeat:repeat;
font-family: Helvetica,Verdana,sans-serif;
}

#wrapper{ 
background-image:url("http://livedoor.blogimg.jp/hopesound-hattatusyougaimatome/imgs/3/e/3e875800.png");
background-repeat:repeat;
}

#blog-header {
background-image:url("http://livedoor.blogimg.jp/hopesound-hattatusyougaimatome/imgs/f/9/f9df78db.jpg");
background-repeat:repeat;
}
http://livedoor.blogimg.jp/hopesound/imgs/e/e/ee931daa.jpg
/* かんたん背景画像 */
body.show-bg-image {
background-attachment: fixed;
background-size: cover;
background-color: #faebd7
}



/* =========================== */
/* 【ヘッダー】*/
/* =========================== */

#blog-header {
height: 265px;
width:1040px;
margin:0 auto;
position:relative;
border:0px solid;
line-height:0px;
}


/* =========================== */
/* 【ヘッダー01（タイトル画像部分）】*/
/* =========================== */


#blog-header01{
height:240px;
width:1040px;
margin:0 auto; /*位置を真ん中に固定するために必要*/
}
.header-inner01{
}

.header-inner01 hgroup{
overflow: hidden;
height:0px;
}
#blog-title {
text-indent: -8000px; /* 文字はあっちへ行け */
}
#blog-description {
text-indent: -8000px; /* 文字はあっちへ行け */
}

#blog-title a {
}

/*----▼【簡単タイトル画像】▼----*/
.top-image-outer{
width:620px;
height:240px;
overflow: hidden;
float:left;
}
#blog-header-image{
width: 650px;
height: 265px;
margin-left:-15px;
margin-top:-10px;
}
.header-inner01.hide-text hgroup{
display: none;
}
.header-inner01.show-image.hide-text{
background: none !important;
}
.header-inner01.show-image.hide-text img:hover{
opacity: 0.8;
}


/*----▼【ドロップメニューバー】▼----*/

.mtp .menu-drop { 
        float:left;
	font-size: 100%;
	text-align:center;
        width:400px;
        height:200px;
	padding:7px 5px 2px 5px;
        margin-left:0px;
        margin-top:8px;
        border:0px solid #006400;
	}
.mtp .menu-drop ul {
	list-style-type:none !important;
	padding:0px 0px;
         }
.mtp .menu-drop li{
	list-style-type:none !important;
	padding:0px 0px;
         }
.mtp .menu-drop li a{
	list-style-type:none !important;
	display:block;
        vertical-align:middle;
        }
.mtp .menu-drop:after {
         clear: both;
         }

/*メニュー全体（上下二段）*/
.mtp .dropmenu{
           float: left;
	  *zoom: 1;
	  list-style-type: none;
	  padding: 0;
          margin-top:5px;
	  }
	.mtp .dropmenu:before, .dropmenu:after{
	  content: "";
          display: table;
          }
       .mtp .dropmenu:after{
         clear: both;
          }
/*メニューの項目*/
     .mtp .dropmenu li{
        position: relative;
        float: left;
        width: 33%;
        height:38px;
        margin: 0;
        text-align: center;
        vertical-align:middle;
	list-style-type:none !important;
       }
     .mtp .dropmenu li a{
        display: block;
        vertical-align:middle;
	list-style-type:none !important;
        padding: 15px 5px 15px 5px;
	font-size: 75%;
        line-height: 1;
        text-decoration: none;
        background-image:url("http://livedoor.blogimg.jp/hopesound-hattatusyougaimatome/imgs/b/0/b00d0693.png") ;
        background-position: 11.3% 3.9%;
        font-weight:normal;
        color:#666666 !important;
      }

/*マウスオーバーリスト*/
     .mtp .dropmenu li ul{
	list-style-type:none !important;
        position: absolute;
        z-index: 9999;
        top: 100%;
        left: 0;
        margin: 0;
        padding: 0;
      }
     .mtp .dropmenu li ul li{
        width: 100%;
      }
     .mtp .dropmenu li ul li a{
        padding: 10px 10px;
        line-height: 1;
        border-top: 1px solid;
        background-image:url("http://livedoor.blogimg.jp/hopesound-hattatusyougaimatome/imgs/b/0/b00d0693.png") ;
        background-position: 15% 5%;
        background: #2f4f4f;
        text-align: center;
        color:white !important;
        font-weight:normal;
      }
     .mtp .dropmenu li a:hover{
        font-weight:bold;
        color:red !important;;
	background: radial-gradient(#FFFFE0, #F5EE95);
	}

#normal li ul{
	  display: none;
	}
	#normal li:hover ul{
	  display: block;
	}



/* =========================== */
/* 【ヘッダー02（グレー部分）】*/
/* =========================== */

#blog-header02{
height: 25px;
margin:0 auto;
width:1040px;
display:block;
border: 0px solid white;
background: rgba(0,0,0,0.5);   
}
#blog-header02 .header-inner02{
}

/* ---ヘッダーのリスト--- */
.header-inner02 ul.header-menu{
}
/* ---文字サイズ変更---- */
ul.header-menu li{
height:25px;
float: left ;
padding:0;
list-style: none;
font-size: 75%;　
}
/* --文字色変更-- */
ul.header-menu li a{
display:table-cell;
padding:4px 15px;
text-align:center !important;
font-weight:normal;
line-height: 1.5;
text-decoration: none;
color:#f5f5f5;
border-right: 0.3px solid white;　　
}
ul.header-menu li a:after{
content:"";
clear:both;
}
ul.header-menu li:first-child a{
border-left: 0px solid #6c6c6c;
text-decoration: none !important;
}

ul.header-menu li a:hover{
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#11111111,EndColorStr=#11111111);
background-color: #111111;
background:rgba(0,0,0,0.8) ;
}




/* =========================== */
/* 【コンテンツ全体】*/
/* =========================== */

#wrapper{ 
padding:0;
marigin:0;
}

#container{
position: relative;
margin: 0 auto;
padding: 0px 10px;
width: 1040px;
}

.left-container,
.main-container,
.right-container{
overflow: hidden;
}

/* コンテンツ　中央メインのカラム */

.main-container{
display: inline;
float: left;
width: 100%;
}

.main-column-inner{
margin: 400 0px; 
width: 710px;
background: #fffff0;
background-image:url("http://livedoor.blogimg.jp/hopesound-hattatusyougaimatome/imgs/3/e/3e875800.png");

}

/* コンテンツ　左側のカラム */
.left-container{
display: inline;
float: left;
margin-left: -;
width: 310px;
}
.left-column-inner{
margin-left: 10px;
}
.plugina{
float: left;
display: ;
}


/* コンテンツ　右側のカラム */
.right-container{
display: inline;
float: left;
margin-left: -320px;
width: 320px;
}
.right-column-inner{
margin-right: 0px;
}

.left-container:after,
.right-container:after {
display: block;
visibility: hidden;
content: ".";
}



/* =========================== */
/* 【 画像付きRTorコメントリスト】*/
/* =========================== */

.listWithImage{
}
.listWithImage li{
margin:3px;
box-shadow:0px 0px 3px;
border-radius:0px;
}
.listWithImage li:hover{
opacity: 0.6;
}

 /* 画像がなかった場合の代替画像 */
div.popularArticlesWithImage.A li div.image.noimage {
 background-image: url("http://livedoor.blogimg.jp/hopesound-hattatusyougaimatome/imgs/b/6/b67acd94-s.png");
 height: 112px;
 width: 150px;
}


/*ツイート*/
div.popularArticlesWithImage.A div.retweet { 
color: #FFF !important;
 font-size:13px !important; 
background-color: #FDA410 !important;
text-shadow:none !important;
}
/*コメント*/
div.popularArticlesWithImage.A div.comment { 
color: #FFF !important; 
font-size:13px !important;
 background-color: #FDA410 !important; 
text-shadow:none !important;
}
/*文字の設定*/
div.popularArticlesWithImage.A div.title {
font-size:0.8em !important;
font-weight:normal !important;
margin-bottom:0px;
}

div.popularArticlesWithImage.A {
 margin: -12px 0 0; !important; 
float:right !important;
}

div.comore > div.popularArticlesWithImage.A div.comment{ color: #FFF !important; font-size:13px !important; background-color: #FDA410 !important; text-shadow:none !important;}
div.comore > div.popularArticlesWithImage.A div.title {font-size:1.1em !important; font-weight:normal !important;}
div.comore > div.popularArticlesWithImage.A { margin: 5px 0 10px; !important; float:right !important;}
div.comore > div.popularArticlesWithImage.A ul li {
    background-color: #FFFFFF;
    border: 0px solid #FFFFFF;
    margin: 10px;
}

/*画像ハイライト*/
div.mainmore a:hover img,div#affibtm a:hover img,div.articleimg a:hover img,p.AAA a:hover img,div#right_a a:hover img,div.res1deco a:hover img,div.p_img a:hover,div#topama a:hover,div#yahoo-ad-1 a:hover,div#yahoo-ad1b a:hover,div#yahoo-ad-2 a:hover,div.comore a:hover img,div.popularArticlesWithImage.A ul a:hover img{
 opacity:0.9;
 filter: alpha(opacity=80); 
}

/*----▼【サイドの画像付きRTorコメントリスト】▼----*/

.plugin-popular_articles_with_image sidewrapper{
     margin-left: -50px !important;
}
.popularArticlesWithImage plugin A{
     margin-left: -50px !important;
}
.popularArticlesWithImage plugin A ul{
     margin-left: -50px !important;
}



/* =========================== */
/* 【RSSの設定】*/
/* =========================== */


/*全体の設定*/
.rss-blogroll{
position:relative;
display:block;
margin:0;
padding:0;
border: 2px solid #b0b0b0;
height: 290px;
width: 100%;
background:#ffffe0;
}
.rss-box{
position:absolute;
top:0;
left:346px;
width: 694px;
overflow: auto;
height: 290px;
margin:0;
padding:0;
}
.rss-ad{
position:absolute;
top:5px;
left:2px;
margin-right: 1px;
margin-top:5px; 
border:0px solid #dcdcdc;
}
.ad-content{
width:336px;
height:280px;
border:1px solid;
}

/*チャンネル単位の設定*/
.rss-blogroll .blogroll-channel{
float: left;
padding: 0;
width: 50% !important;
height: 320px !important;
font-size: 12px;
}
/*リストの設定*/
.rss-blogroll .blogroll-channel .blogroll-list {
padding-top: 0;
padding:3px 3px;
margin-left: 1px;
magin-bottom:10px;
border-bottom: 1px dotted #c2c2c2;
list-style-type: none;
font-size: 12px;
line-height: 1.3;
text-overflow:ellipsis;
white-space:nowrap;
overflow: hidden;
}
/*テキスト部分の設定*/
.rss-blogroll .blogroll-channel .blogroll-list a{
text-decoration: none;
color:black;
}
.rss-blogroll .blogroll-channel .blogroll-list a:hover{
text-decoration: underline;
font-weight:bold;
color:red;
}

/*NEWの文字の設定*/
.rss-blogroll .blogroll-new-entry{
color: #ff0a00;
font-weight: bold;
font-size: 10px;
}

 /* 広告記事内容の変更 */
.blogroll-ad-text{
display: none !important;
font-size: 0px !important;
border-bottom: 0px dotted !important;
padding:0px !important;
margin:3px 0px !important;
}
.blogroll-ad-text a{
display: none !important;
font-size: 0px !important;
border-bottom: 0px dotted !important;
padding:0px !important;
margin:3px 0px !important;
}
/* =========================== */
/* 【RSSの設定（生地下）】*/
/* =========================== */

.rss-blogroll-sita{
height:700px;
margin-bottom:10px;
box-shadow:0px 0px 1px;
background:#ffffe0;
overflow: hidden;
width:100%;
}
.rss-blogroll-sita .rss-box{
border: 0px solid #b0b0b0;
padding:1px;
height:50%;
overflow: auto;
}
/*チャンネル単位の設定*/
.rss-blogroll-sita .blogroll-channel{
margin-bottom: 0;
padding: 0;
width: 100%;
}
/*リストの設定*/
.rss-blogroll-sita .blogroll-channel .blogroll-list {
padding: 5px;
margin-left: 1px;
border-bottom: 1px dotted #f5f5f5;
list-style-image: url("http://livedoor.blogimg.jp/hopesound-hattatusyougaimatome/imgs/8/6/86b3e5d7-s.png");
font-size: 14px;
line-height: 1.3;
}
/*テキスト部分の設定*/
.rss-blogroll-sita .blogroll-channel .blogroll-list a{
text-decoration: none;
color:black;
font-weight:normal;
}
.rss-blogroll-sita .blogroll-channel .blogroll-list a:hover{
text-decoration: underline;
font-weight:bold;
color:red;
}



/* =========================== */
/* 【RSSの設定（付箋）】*/
/* =========================== */

.rss-husen{
border: 0px solid #b0b0b0;
height: 360px;
width: 100%;
margin:0 auto;
background-image:url("http://livedoor.blogimg.jp/hopesound-hattatusyougaimatome/imgs/f/b/fb162526.png");
background-repeat:no-repeat;
background-size:100% 100%;
padding:0;
position:relative;
}
.rss-husen .blogroll-channel{
padding:0;
width: 92%;
height: 85%;
border:0px solid;
overflow: hidden;
position:absolute;
top:5%;
left:3%;
}
.rss-husen .blogroll-channel .blogroll-list {
padding:4px 4px;
list-style-image: url("");
list-style-position:outside;
line-height: 1.3;
text-overflow:ellipsis;
white-space:nowrap;
overflow: hidden;
}
.rss-husen .blogroll-channel .blogroll-list a{
text-decoration: none;
color:#2e8b57;
font-size: 14px;
font-weight:bold;
border-bottom:1px dotted #dcdcdc;
}
.rss-husen .blogroll-channel .blogroll-list a:hover{
text-decoration: underline;
font-weight:bold;
color:red;
font-size:18px;
text-shadow: 0 1px 3px rgba(0,0,0,0.2);
}


/* =========================== */
/* 【RSSの設定（ノート）】*/
/* =========================== */


.rss-note{
border: 0px solid #b0b0b0;
height: 320px;
width: 100%;
background:white;
background-image:url("http://livedoor.blogimg.jp/hopesound-hattatusyougaimatome/imgs/b/0/b00d0693.png");
background-repeat:no-repeat;
background-size:100% 100%;
padding:0;
position:relative;
}
.rss-note .blogroll-channel{
padding:0;
width: 92%;
font-size: 12px;
height: 80%;
overflow: hidden;
border:0px solid;
position:absolute;
top:3%;
left:1%;
margin:5px 5px;
}

.rss-note .blogroll-channel .blogroll-list {
padding:2px 2px;
border-bottom: 1px dotted #dcdcdc; ;
list-style-image: url("http://livedoor.blogimg.jp/hopesound-hattatusyougaimatome/imgs/0/7/07742b6d.png");
list-style-position:inside;
font-size: 14px;
line-height: 1.3;
margin-left:30px;
text-overflow:ellipsis;
white-space:nowrap;
overflow: hidden;
}

.rss-note .blogroll-channel .blogroll-list a{
text-decoration: none;
color:black;
}
.rss-note .blogroll-channel .blogroll-list a:hover{
text-decoration: underline;
font-weight:bold;
color:red;
}



/* =========================== */
/* 【記事下過去記事ランダム】*/
/* =========================== */

.randam-kako{
font-weight: normal;
width:95%;
background-image:url("http://livedoor.blogimg.jp/hopesound-hattatusyougaimatome/imgs/8/6/86c0919c.jpg");
background-repeat:norepeat;
background-size:100% 100%;
padding:10px;
margin:3px;
border-radius:10px;
}
.randam-kako p a{
text-decoration:none !important;
color: white;
display:block;
margin-bottom:15px;
border-bottom: 0px dotted #dcdcdc;
/*font-family:HanziPen SC;*/
}
.randam-kako p a:hover{
text-decoration: underline;
color:  #faebd7 ;
text-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.randam-kako p a:visited{
text-decoration: underline;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}




/* =========================== */
/* 【記事中見出し】*/
/* =========================== */

.midasi{
font-size: 20px; 
font-weight:bold; 
padding-top:5px;
padding-left:20px;
background-image:url("http://livedoor.blogimg.jp/hopesound/imgs/0/7/072f9295.png");
background-repeat:no-repeat;
background-position:top left;
background-size:80% 70%;
display:block;
height:60px;
width:100%;
margin:3px;
}



/*---------------------------------------------- */
                 メッセージボード
----------------------------------------------- */
.message-board-outer{
margin-bottom: 10px !important;
padding: 10px;
border: 3px none #484848;
background: #eaeaea;
font-size: 16px;
 line-height: 1.6;
}

.message-board-outer a{
     text-decoration: none;
}

.message-board-outer a:hover{
     text-decoration: underline;
}







                                             /* ||||||||||||||||||||||||||||||||||||||【トップページ】|||||||||||||||||||||||||||||||||||||| */





/* =========================== */
/* 【最初の記事】*/
/* =========================== */

.iffirstarticle {
padding: 15px;
margin: 0px 10px 20px 10px;
background:white;
box-shadow:0px 0px 1px;
border:0px solid #dcdcdc;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#121212',GradientType=0 ); /* IE6-9 */
}

/*タイトルのレイアウト*/
.iffirstarticle h1{
font-size: 25px;
margin-bottom:30px;
}

/*タイトルのフォント*/
.iffirstarticle h1 a{
color: #000000; 
text-decoration: none;
font-weight: bold;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
display:block;
}

/*タイトル画像*/
.iffirstarticle img{
max-height:250px;
max-width:300px;
min-height:250px;
min-width:300px;
}
.first-img{
height:250px;
width:300px;
background:white;
overflow:hiiden;
box-shadow:0px 0px 3px;
margin:auto;
text-align:center;
vertical-align:center;
}

.iffirstarticle a:hover{
text-decoration: none ;
}

/*続きを読む*/
.article-body-continue{
text-align: right;
margin:10px 10px;
}
.article-body-continue a{
background: #fffff0;
font-weight: bold;
font-size:20px !important;
line-height: 1.4;
color:red;
text-decoration: none;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
padding:2px;
border-radius:10px;
}

/* --広告　ダブルレクタングル--*/
.top_ad {
border-collapse: separate;
border-spacing: 2px;
margin:0 auto;
}


/* =========================== */
/* 【一つ目以降の記事リスト】*/
/* =========================== */

.article-list {
padding: 0px;
margin:0px 10px 0px 10px;
display:block;
border:3px solid #dcdcdc;
box-shadow:0px 0px 0px;
background:white;
font-weight: bold;
font-size: 18px;
line-height: 1.2;
height:200px;
position:relative;
}

/*タイトルのレイアウト*/
.article-list h1{
width:400px;
float:right;
margin-right: 40px;
margin-top: 30px;
}

/*タイトルのフォント color: #dc143c; */
.article-list h1 a{
font-size: 20px;
color: rgb(68, 68, 68);
text-decoration: none;
font-weight: bold;
width:400px;
}

/*画像*/
.article-list .top-img img{
max-height:150px;
max-width:225px;
min-height:150px;
min-width:225px;
border-radius:10px;
}
.top-img{
width:225px;
height:150px;
background:white;
overflow:hiiden;
text-align:center;
margin:10px;
}
.article-list a:hover{
text-decoration: none ;
color:red;
}
.article-list .article-contents{
margin:0px;
}


/*タイトル下の情報*/
.title-sita{
background:#f5f5f5;
height:30px;
width:100%;
padding:5px 0px
border-bottom:3px solid #dcdcc;
}


/*カテゴリ表示*/
.top-cat{
font-size:12px;
font-weight:bold;
padding:3px;
width:225px;
text-align:center;
display:inline-block;
box-shadow:0px 0px 0px;
}
.top-cat a{
color:rgb(68, 68, 68);
text-decoration:none;
}

/*コメント数*/
.com-count{
display:inline-block;
float:right;
border-radius:20px;
padding:6px;
font-size: 12px;
color: #808080 ;

}

.com-count a{
background:red;
color: white;
padding:5px;
border-radius:5px;
font-size: 18px;
font-weight:bold;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
text-decoration:none;
}







                                             /* ||||||||||||||||||||||||||||||||||||||【個別記事エリア】|||||||||||||||||||||||||||||||||||||| */




/* =========================== */
/* 【  個別記事全体】*/
/* =========================== */

.first-article{
padding: 10px;
border-top: 5px none #555;
background: #fff; /* Old browsers */
background: #fff; /* FF3.6+ */
background: #fff; /* Chrome,Safari4+ */
background: #fff; /* Chrome10+,Safari5.1+ */
background: #fff; /* Opera 11.10+ */
background: #fff; /* IE10+ */
background: #fff; /* W3C */
margin: 10px;
height: 100%;

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
}

/*------個別記事タイトル------ */
.article-title{
padding: 5px;
margin: 5px;
border-top: 5px none #555;
border-bottom: 5px dotted #555 ;
background: #fff; /* Old browsers */
background: #fff; /* FF3.6+ */
background: #fff; /* Chrome,Safari4+ */
background: #fff; /* Chrome10+,Safari5.1+ */
background: #fff; /* Opera 11.10+ */
background: #fff; /* IE10+ */
background: #fff; /* W3C */
color: #f5f5f5;
font-weight: bold;
font-size: 25px;
line-height: 1.2;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#121212',GradientType=0 ); /* IE6-9 */
}

.article-title a{
color: #000000;
text-decoration: none;
font-weight: bold;
}

.article-title a:hover{
text-decoration: none;
}




/* =========================== */
/* 【記事本文】*/
/* =========================== */
.article-body{
margin: 20px;
padding-left: 0px;
padding-right: 20px;
height: 100%;
}

.article-body a{
color: #b67448;
text-decoration:none;
}
.article-body a:hover{
text-decoration: underline;
}
.article-body a:visited{
color: #b67448;
}



/*-------------------------------------
　　　　引用タグ
--------------------------------------*/

blockquote{
position:relative;
z-index:1;
quotes: none !important;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
padding:right:5px;
}

blockquote p{
margin: 0px !important;
padding: 0px !important;
}


blockquote:before{
content: none;
display:none;
font-size: 1px;
line-height:1em;
font-family:"ＭＳ Ｐゴシック",sans-serif;
color: #f5f5f5;
position:absolute;
left:0;
top:0;
z-index:-1;
}



/*-------------------------------------
　　　　リストタグ
--------------------------------------*/

ul li {
 list-style-type: circle;
margin-bottom: 1px;
 }
.t_b li{
margin-left:0px;
}




/*------------------------------------
            記事中のテーブル
--------------------------------------*/
.article-body table td{
border:0px;
}





/*----------------------------------------
     記事下の記事情報　（個別のみ）
----------------------------------------- */
.article-footer:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ".";
}

.article-footer {
margin-bottom: 40px;
padding: 10px;
background: #fff;
color: #333333;
zoom: 100%;
}



/*----------------------------------------
     記事タイトル下の記事情報
------------------------------------------ */
.article-header-inner:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ".";
}

.article-header-inner {
margin-bottom: 5px;
padding: 5px 5px;
background: #ffffff;
zoom: 100%;
}

/*投稿時間 カテゴリー 部分*/
.article-header-top:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ".";
}

.article-header-top {
zoom: 100%;
}




/*投稿時間 - 記事タイトル下の記事情報*/
.article-header-date{
     float: left;
     margin: 1px 10px 5px 0;
     padding-left: 18px;
     background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_matomegray_3c/icon_date.png) no-repeat left 50%;
     font-size: 12px;
     line-height: 1.3;
}

/*カテゴリー - 記事タイトル下の記事情報*/
.article-header-category{
     float: left;
     margin: 1px 10px 5px 30px;
     padding-left: 16px;
  
     font-size: 12px;
     line-height: 1.3;
}

.article-header-category li{
     list-style: none;
     *height:14px;
}

.article-header-category dt{
     display: none;
}

.article-header-category dd{
     float: left;
     padding: 0 5px;
}

.article-header-category dd a {
     color: #333;
     text-decoration: none;
}

.article-header-category dd a:hover{
     text-decoration: underline;
}

/*記事の評価アイコン*/
.article-rating img{
     vertical-align: middle;
}

/*ソーシャルボタン - 記事タイトル下の記事情報*/
.article-social-btn{

}

/* =========================== */
/* 【コメント - 記事下の記事情報】*/
/* =========================== */

.article-footer .article-footer-comment{
     float: left;
     margin: 4px 10px 5px 0;
     padding-left: 18px;
     background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_matomegray_3c/icon_comment.png) no-repeat left 50%;
     font-size: 12px;
     line-height: 1.3;
}
.article-footer .article-footer-comment a{
     color: #333;
     text-decoration: none;
}
.article-footer .article-footer-comment a:hover{
     text-decoration: underline;
}



/* =========================== */
/* 【ソーシャルボタン - 記事下の記事情報】*/
/* =========================== */

.article-footer .article-social-btn{
     float: right;
     background: #fff;
}



/* =========================== */
/* 【記事下のタグ】*/
/* =========================== */

.article-tags{
}
.article-tags a{
font-size: 12px;
padding: 5px;
}
.article-tags dd{
background-color: #f5deb3;
border: 1px solid #f5deb3;
border-radius: 10px;
}




/* =========================== */
/* 【PC/スマホの非表示・追加】*/
/* =========================== */

.k_s{display: none; content: none;}

/*記事中ランダム*/
.rec1{display: none; content: none;}


/*記事中の広告*/
.ad-box{
}
.my_adslotsub{
margin:1px !important;
}
.add-box{ display: none; content: none;}

/*記事中のSNSバナー*/
.sns_sp{
display: none;
content: none;
}


/*記事中の追加広告*/

.ad_tuika{
display: none !important;
content: none !important;
}

/*駆け込み寺レクタングル*/
.my_adslot3{
width: 336px; 
height: 280px;
}

.t_h{
border-top:0px dotted #dcdcdc !important;
background:#F7F7F7 !important;
padding:1px 2px;
}

.t_b{
margin-bottom:40px !important;
}

.kt{
display: none !important;
content: none !important;
}
/* =========================== */
/*     カテゴリの最新記事　                   */
/* =========================== */



/*サブリストの共通タイトル*/
.article-sub-category h3 ,
.article-sub-popular h3 {
     margin-bottom: 15px;
     padding-left: 10px;
     border-left: 5px;
     color: #333333;
     font-weight: bold;
     font-size: 20px;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

/*カテゴリの最新記事 , 人気記事ランキング */
.related-articles,
.article-sub-popular {
padding-bottom: 18px;
}

.article-sub-category a,
.article-sub-popular a{
text-decoration: none;
font-weight: normal;
font-size: 14px;
color: black !important;
border-bottom:1px dotted #dcdcdc;
}

.article-sub-category a:visited,
.article-sub-popular a:visited{
}

/*カテゴリの最新記事*/
.article-sub-category ul{
padding-left: 10px;
font-size: 14px;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
font-weight: normal;
}

.article-sub-category li{
padding: 0 0 5px 18px;
background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_matomegray_3c/icon_list.png) no-repeat left 4px;
list-style: none;
color: black !important;
}

article-sub-category li a{
padding: 0 0 5px 18px;
background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_matomegray_3c/icon_list.png) no-repeat left 4px;
list-style: none;

}

.article-sub-category a:hover,
.article-sub-popular a:hover{
text-decoration: underline;
color: red !important;
font-size:16px;
font-weight:bold;
}
/*カテゴリタイトル*/
.cat-new{
font-size: 12px; 
display:block;
border-left: 10px solid #c0c0c0; 
font-weight:bold; 
padding: 2px 2px;
background-color: #faebd7;
margin:10px 0px 10px 0px;
}


/*人気記事ランキング*/
.article-sub-popular .popularArticlesWithImage.A ul{http://resize.blogsys.jp/cf543b0939ea2515b3822bb81873a42b5781a480/resize2/100x66/http://livedoor.blogimg.jp/hopesound-hattatusyougaimatome/imgs/a/3/a3e3b249-s.jpg
     text-align: left;


}





/* ||||||||||||||||||||||||||||||||||||||【トラックバック＆コメントエリア】|||||||||||||||||||||||||||||||||||||| */


#article-options {padding:0 30px 0 10px;}
.input-etc{display:none;}
h4.ping-title
, ul.ping-info
, ul.ping-info li
, ul.comment-info
, ul.comment-info li {padding: 0;margin: 0;}
ul.ping-info li
, ul.comment-info li {list-style-type: none;}



/* =========================== */
/* 【コメント一覧】*/
/* =========================== */

li.comment-set {
padding: 0px 1px 0px 5px;
border-top:1px solid #dcdcdc;
}
ul.comment-info li{display:inline;}

ul.comment-info li.comment-author {
	font-size:10px;
	color:#595;
font-weight:normal;
}

ul.comment-info li.comment-author a{
font-size: 10px;
font-weight:bold !important;
}

ul.comment-info li.comment-date {
	margin-left:7px;
	font-size:10px;
	color: #c0c0c0;
       font-weight:normal;
}
ul.comment-info li.comment-body {
	display: block;
	margin-top:10px;
	margin-left:0px;
        margin-bottom:10px;
	font-size:16px;
       font-weight:bold;
}
.id {padding:1px 3px; background:#a9a9a9; color:white; border-radius:5px;}


/*寺*/
ul.comment-info li.comment-body-tera {
	display: block;
	margin-top:10px;
	margin-left:0px;
        margin-bottom:70px;
	font-size:16px;
       font-weight:bold;
}

ul.comment-info a{text-decoration:none;}
.nocomm{
text-align:center;
font-size:16px;
color:#aaa;
}
/* ------------アンカー------------------ */
.popup{
	background:#fafaff;
	padding:10px;
	border:3px double #7ad;
	max-width:700px;
}
.comm_res{
	opacity:0.1;
	filter:alpha(opacity=10);
	transition:opacity 0.4s;
	-moz-transition:opacity 0.4s;
	-webkit-transition:opacity 0.4s;
}
.comment-set:hover .comm_res{
	opacity:1.0;
	filter:alpha(opacity=100);
}
ul.comment-info li.reres{
display: inline-block;
margin:30px 10px 0 0;
padding:5px 8px;
border: 1px #fffacd solid;
border-radius: 10px;
font-size: 8px;
background-color: #fffacd;
color:#696969;

}


/*トラックバックの記事*/
.comment-url a{
     color: #0033cc;
}


/* コメントフォーム---------- */
.comment-form-title{
     font-weight: bold;
}

#comment-form{
     margin-top: 5px;
     padding: 20px 0;
     background: #efefef;
}

/*コメント入力欄*/
#comment-form textarea{
     resize: vertical;
}


/*タグクラウド*/
.tagcloud{
padding:10px;
background:white;
border-radius:10px;
}

.tagcloud li{
padding:0.5em !important;
}

.tagcloud li a{
margin:5em 0.5em !important;

border-radius:10px;
color:black;
}
.tag-weight-2{font-size:17px !important;}
.tag-weight-3{font-size:17px !important;}
.tag-lifetime-4{}



/* -----------------------------------------------
ナビゲーション
参考URL：http://wiki.livedoor.jp/staff/d/DesignTemplate/Navigation
----------------------------------------------- */

/* トップページ　カテーゴリーアーカイブ　月別アーカイブ
----------------------------------------------- */

/*ナビゲーション共通*/
.pager{
     padding:0 0 0 0;
     background: none;
     font-size: 14px;
}

ul.index-navigator{
     margin: 0 0 7px !important;
}

li.paging-prev{
     margin: 0 5px !important;
}

li.paging-prev a,
li.paging-next a,
.index-navigator .paging-first a,
.index-navigator .paging-last a,
li.paging-number ol.paging-number li a{
     display: inline-block;
     *display: inline;
     *zoom: 1;
     padding: 0 12px !important;
     height: 32px;
     /* border: 1px solid #d5d5d5; */
     background: #999;
     color: #fff;
     text-decoration: none;
     font-weight: bold !important;
     line-height: 32px !important;
}

li.paging-next{
     margin: 0 5px !important;
}

li.paging-prev a:hover,
li.paging-next a:hover,
.index-navigator .paging-first a:hover,
.index-navigator .paging-last a:hover,
li.paging-number ol.paging-number li a:hover,
li.paging-number ol.paging-number li.current{
     display: inline-block;
     *display: inline;
     *zoom: 1;
     padding: 0 12px;
     height: 32px;
     /* border: 1px solid #838383; */
     background: #484848;
     color: #ffffff;
     font-weight: bold;
     line-height: 32px;
}

li.paging-number ol.paging-number li.current{
     padding: 0 0;
}

ul.index-navigator li a,
ul.index-navigator li.current{
     margin: 0 3px !important;
     height: 32px !important;
     line-height: 32px !important;
     *line-height: 30px;
     *height: 30px;
}

ul.index-navigator li.current span{
     *line-height:33px !important;
}


/*---------------------------------------------
    個別記事ページ
----------------------------------------------- */

/*ナビゲーション全体*/
.article-pager-type2 ul.article-pager,
.article-pager-type2 ul.archives-pager{
     padding: 0 0 0 0;
}

.article-pager-type2 ul.article-pager li,
.article-pager-type2 ul.archives-pager li{
     margin: 0;
}

/*前の記事へ*/
.article-pager-type2 .article-pager .prev{
     float: left;
     padding-left: 20px;
     width: 300px;
     background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_matomegray_3c/icon_prev.png) no-repeat left 6px;
     text-align: left;
     text-indent: -7px;
     word-wrap: break-word;
}

/*次の記事へ*/
.article-pager-type2 .article-pager .next{
     float: right;
     padding-right: 10px;
     width: 300px;
     background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_matomegray_3c/icon_next.png) no-repeat right 6px;
     text-align: right;
     word-wrap: break-word;
}

/*文字について*/
.article-pager-type2 ul.article-pager li a,
.article-pager-type2 ul.archives-pager li a{
     display: block;
     padding: 0;
     width: 300px;
     color: #666666;
     word-wrap: break-word;
     font-weight: bold;
     font-size: 16px;
}

/*マウスオーバーについて*/
.article-pager-type2 ul.article-pager li a:hover,
.article-pager-type2 ul.archives-pager li a:hover {
     background: none !important;
     text-decoration: underline;
}





/*---------------------------------------------
     カテゴリ・月別アーカイブのタイトル
----------------------------------------------- */

/*アーカイブのタイトルの全体設定*/
.archives-header{
margin-bottom: 10px;
padding: 10px;
background: #008080;
color: white;
}

/*アーカイブのタイトル*/
.archives-header h1{
margin: 0 auto;
text-align: center;
font-weight: bold;
}




　　　　　　　/* ========================【サイドバー】============================= */



/*---------------------------------------------
        サイドカラム共通設定
----------------------------------------------- */


.sidewrapper{
margin:10px 0px 10px 0px;
margin-bottom: 10px;
border-right: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
border-left: 1px solid #dcdcdc;
font-size: 14px;
background: #fffff0;
}

.sidewrapper{
}


.side{
padding: 0px 10px 0px 10px;
}
.sidebody{
padding:10px;
}



/*サイドカラムのリンク色*/
.sidewrapper a{
color: #d2691e;
text-decoration: none;
}
.sidewrapper a:hover{
text-decoration: none;
}
.sidewrapper a:visited{
}


/*---------------------------------------------
        サイド：パーツタイトル
----------------------------------------------- */
.sidetitlebody{
padding: 2px 0px 2px 0px;
font-size:14px;
background:#008080;
color: white;
font-weight:bold;
border-left:0px solid #dcdcdc;
border-bottom:0px solid #dcdcdc;
text-align:center;
}

.sidetitle a{
color: #ffffff ;
}

.sidetitle a:visited{
color: #ffffff ;
}










/*サイドカラムの追尾広告*/
.fixed {
position: fixed;
top: 20px;
}

/* plugin全体への設定 */
.side:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ".";
}

.side {
margin: 10px 0;
zoom: 100%;
}

/*---------------------------------------------
        サイド：メッセージ
----------------------------------------------- */
.plugin-message .message-link{
background-color:white;
}
.plugin-message a{
background-color:white;
color:black;
}
.message-properties{}


/*---------------------------------------------
        サイド：twitterプロフィール
----------------------------------------------- */
.plugin-twitter_profile .side{
font-size:14px;
}


/*---------------------------------------------
        サイド：リンク
----------------------------------------------- */
.plugin-link .sidebody{
margin: 1px;
padding: 5px;
border-top: 1px solid #e5e5e5;
line-height: 1.2;
background:#ffffe0;
}

.plugin-link .sidebody a{
font-size:13px;
font-weight:normal;
}

.plugin-link .sidebody a:first-child{
margin-top: 0;
padding-top: 0;
border-top: none;
}



/*---------------------------------------------
        サイド：お知らせ
----------------------------------------------- */

.osirase{
display:block;
border:1px solid #dcdcdc;
background-color: #ffffe0;
border-radius: 10px;
font-size: 12px;
padding:10px;
text-align:left;
}
.osirase p{
margin-bottom:5px;
}

.aa td{
border:0px solid !important;
}


/* =========================== */
/* 【 サイド：新着コメント】*/
/* =========================== */

#recent_comments_5422017_list{
font-size: 14px !important;
background-color: #fff !important;
}

.recent-comment-title a{
}

.recent-comment-body{
}
.recent-comment-author{
}



/* =========================== */
/* 【サイド：項目別検索リスト】*/
/* =========================== */

#tabs{
font-size:14px;
font-weight:bold;
background: rgba(0,0,0,0.5);  
background-image: url(http://livedoor.blogimg.jp/hopesound-hattatusyougaimatome/imgs/f/e/fe1224ba.png);
background-image: url(http://livedoor.blogimg.jp/hopesound-hattatusyougaimatome/imgs/8/6/86c0919c.jpg);
background-repeat:repeat;
width: 100%;
}

.koumoku-title{
}
.koumoku-title li{
}
.koumoku-title li a{
}
#tabs-1{
width: 120%;
height: 400px;
overflow: auto;
padding: 3px;
}

#tabs-2{
width: 120%;
height: 400px;
overflow: auto;
padding: 3px;
}

/*障害や症名から探す*/
.syougailist {
margin-top: 5px;
}
.syougailist li {
list-style-type: none;
margin-left: -0px;
text-align: justify; 
font-size: 13px; 
margin-bottom: 10px;
display: block;
}
.syougailist li a{
color: white !important;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
border-bottom: 0px dotted #dcdcdc;
display: block;
font-weight:normal !important;
 }
.syougailist li a:hover{
color: #ff0000 !important;
background-color: #ffffe0;
font-size: 13px;
box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
font-weight:bold !important;
 }

/*困り感で探す*/
.komarikanlist {
margin-top: 5px;
 }
.komarikanlist li {
 list-style-type: none;
margin-left: -0px;
text-align: justify; 
font-size: 12px; 
margin-bottom: 10px;
display: block;
 }

.komarikanlist li a {
color: white !important;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
border-bottom: 0px dotted #dcdcdc;
display: block;
font-weight:normal !important;
 }

.komarikanlist a:hover{
color: #ff0000 !important;
background-color: #ffffe0;
font-size: 12px;
box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
font-weight:bold !important;
 }


/*ツールチップレイアウト*/

.ui-tooltip, .arrow:after {
    background: white;
    border: 2px solid black;
  }

.ui-tooltip {
    padding: 10px 20px;
    color: black;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
  }

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }

.arrow.top {
    top: -16px;
    bottom: auto;
  }

.arrow.left {
    left: 20%;
  }

.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

.arrow.top:after {
    bottom: -20px;
    top: auto;
  }




/* 最新記事(画像付)
----------------------------------------------- */
.plugin-recent_articles_image{
     font-size: 13px;
     line-height: 1.2;
}


/* ギャラリー
----------------------------------------------- */
/*サムネイルのサイズは54pxにすると表示件数ヨコ3件にちょうどよいです。*/

/*ギャラリー*/
.plugin-recent_images .side{
     margin-bottom: 3px;
}

/* カレンダー
----------------------------------------------- */
/*カレンダー共通設定*/
.plugin-calendar_default{
     margin: 0 0 20px 0;
     font-size: 14px;
}

/*カレンダー年月*/
.calendarheadbody{
     padding: 5px 10px;
     background: #484848;
     color: #ffffff;
     font-size: 14px;
}

.calendarheadbody a{
     color: #ffffff;
}

.calendarheadbody a:visited{
     color: #ffffff;
}

/*カレンダーの体裁*/
.plugin-calendar_default table,
.plugin-calendar_japanese table{
     border-spacing: 1px;
     border-collapse: separate;
}

.calbody{
     color: #8d8d8d;
}

table.caltblday td{
     border: 1px solid #eeeeee;
}

/*リンク背景*/
table.caltblday td a{
     background: #333333;
     color: #ffffff;
}

table.caltblday td a:hover{
     text-decoration: underline;
}

/*曜日*/
.sun{
     color: #ff5d59;
     font-weight: bold;
}

.sat{
     color: #4e8cff;
     font-weight: bold;
}

.weekday{
     font-weight: bold;
}




/*----------------------------------------------- */
      画像付き人気記事（サイド）
----------------------------------------------- */
.plugin-popular_articles_with_image li:hover{
opacity: 0.6;
}

div.popularArticlesWithImage.B:hover a,
div.popularArticlesWithImage.C:hover a{
text-decoration: none !important;
}

.listWithImage .plugin-popular_articles_with_image .title{
background: #EBEBEB !important;
     color: #333333 !important;
     line-height: 1.1 !important;
}

div.popularArticlesWithImage.B div.comment,
div.popularArticlesWithImage.B div.retweet,
div.popularArticlesWithImage.C div.comment,
div.popularArticlesWithImage.C div.retweet{
     display: inline !important;
     text-shadow: none !important;
}

div.popularArticlesWithImage.B div.title{
     margin: 7px 0 0 10px;
     background: none !important;
}

div.popularArticlesWithImage.C div.title{
     margin: 4px 0 10px 0;
     background: none !important;
}

/*4つ以上の場合*/
.listWithImage.many li{
     margin-bottom: 10px !important;
}


/* -----------------------------------------------
          フッター
----------------------------------------------- */

#blog-footer{
margin:0px auto;
background: #484848; 
box-shadow:1px 1px 5px;
}
.footer-inner{
width:1040px;
margin:auto;
}
.f-box{
width:30%;
float:left;
margin:5px;
}
.f-box a{
color:white;
font-size:14px;
}
.f-box li{
text-align:left;
list-style-type:none;
margin-bottom:5px;
}

.f-title{
color:#ffffe0;
font-size:18px;
font-weight:bold;
text-align:left;
display:block;
border-bottom:2px dotted white;
padding:2px;
margin-bottom:5px;
}


/*フッターのコピーライト部分*/
#footer_copyright{
clear:both;
color: #fff;
text-align: center;
font-size: 15px;
display: block;
margin-top:10px;
}

/*トップへ戻る*/
.to-pagetop {
     position: absolute;
     right: -20px;
     bottom: -105px;
}




.balloon {
  position: relative;
  width: 200px;
  height: 30px;
  background-color: #ccc;
  text-align: center;
}
.balloon .triangle {
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid #ccc;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}





/*----------------------------------------------- */
     admax（アドマックス）インフィード
----------------------------------------------- */
.admax-native {
height:30px;
}

.admax-native a{
font-size:14px;
font-weight:normal;
display:block;
border-bottom:1px dotted #dcdcdc;
color:black;
text-decoration:none;
text-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}

.admax-native a:hover{
text-decoration: underline;
color: red !important;
font-size:16px;
font-weight:bold;
}
.admax-native img{
width:80px;
max-height:50px;
}

.admax-native .ad{
display:none;
}


/* =========================== */
/* 【固定リンク】*/
/* =========================== */

/*記事下*/
.kotei{
width:200px;
height:130px;
position:relative;
border:1px solid #ffffff;
box-shadow:0px 0px 0px;
margin:0px;
display:block;
overflow:hidden;
background-image:url("http://livedoor.blogimg.jp/hopesound-hattatusyougaimatome/imgs/8/6/86c0919c.jpg");
}
.kotei img{
width:200px;
height:130px !important;
box-shadow:0px 0px 5px;
border-radius:0px;
 -webkit-filter: brightness(0.6);
     -moz-filter: brightness(0.6);
     -o-filter: brightness(0.6);
     -ms-filter: brightness(0.6);
     filter: brightness(0.6);
}

.kotei .text{
color:white !important;
text-decoration:none;
position:absolute;
top:15%;
z-index:3; 
font-size:0.9em;
text-align:center;
margin:0px 3px;
}

.kotei a{
color:white !important;
font-weight:bold;
text-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.kotei a:hover{
text-shadow: 1px 1px 10px;
font-weight: bold;
}
.kotei a:hover img{
 -webkit-filter: brightness(0.7);
     -moz-filter: brightness(0.7);
     -o-filter: brightness(0.7);
     -ms-filter: brightness(0.7);
     filter: brightness(0.7);
}


/*サイド*/
.sidebody .kotei{
width:270px;
height:100px;
margin:0px 0px 0px 0px;
border:0px solid white;
box-shadow:0px 0px 3px;
}
.sidebody .kotei .text{
text-align:center;
vertical-align:center;
padding:0px 5px 0px 5px;
font-weight:bold !important;


}
.sidebody .kotei .text a{
text-shadow: 0 1px 3px rgba(0,0,0,0.2);
font-weight:bold !important;

}

.sidebody .kotei img{
width:270px;
height:100px !important;
}
/*スマホ*/
.kotei-sp{display:none;}



/*追尾部分*/
.koukoku{
width:280px;
padding:5px;
box-shadow:0px 0px 1px;
background-image: url(http://livedoor.blogimg.jp/hopesound-hattatusyougaimatome/imgs/7/5/759308e9.jpg);
}


/*================*/
/*ドロップメニューバー*/
/*================*/

 .menu-drop {
	font-size: 100%;
	text-align:center;
        width:1040px;
        height:71px;
	padding:0;
        margin:0 auto;
        border:0px solid;
	}

.menu-drop ul {
	list-style-type:none !important;
	padding:0px 0px;
}

.menu-drop li{
	list-style-type:none !important;
	padding:0px 0px;
}

.menu-drop li a{
	list-style-type:none !important;
	display:block;
        border-bottom:1px solid;
        border-right:1px solid;
        background: linear-gradient(rgba(0,0,0,0.5) ,#2f4f4f);
        background-image:url("http://livedoor.blogimg.jp/hopesound-hattatusyougaimatome/imgs/b/0/b00d0693.png") ;
        background-position: 11% 3.6%;
}


/*メニュー全体（上下二段）*/
.dropmenu{
           float: left;
	  *zoom: 1;
	  list-style-type: none;
	  margin-top:-10px;
	  padding: 0;
	 }
	 .dropmenu:before, .dropmenu:after{
	  content: "";
          display: table;
         }
        .dropmenu:after{
         clear: both;
         }

/*メニューの項目*/
      .dropmenu li{
        position: relative;
        float: left;
        width: 14.25%;
        margin: 0;
        text-align: center;
	list-style-type:none !important;
       }
      .dropmenu li a{
        display: block;
        height:20px;
	list-style-type:none !important;
        color:black !important;
        padding: 5px;
	font-size: 80%;
        line-height: 1;
        text-decoration: none;
      }

/*マウスオーバーで出るリスト*/
      .dropmenu li ul{
	list-style-type:none !important;
        position: absolute;
        z-index: 9999;
        top: 100%;
        left: 0;
        margin: 0;
        padding: 0;
      }
      .dropmenu li ul li{
        width: 100%;
      }
      .dropmenu li ul li a{
        padding: 10px 10px;
        border-top: 1px solid #FFF;
        background-image:url("http://livedoor.blogimg.jp/hopesound-hattatusyougaimatome/imgs/b/0/b00d0693.png") ;
        background-position: 15% 3.6%;
        text-align: center;
      }

      .dropmenu li a:hover{
	color: #32CD32;
	background: radial-gradient(#FFFFE0, #F5EE95);
	}


#normal li ul{
	  display: none;
	}
	#normal li:hover ul{
	  display: block;
	}












/* -----------------------------------------------
リセット　他のCSSが影響している場合にここでリセットします
----------------------------------------------- */

/* reset for template_6thgen.css
----------------------------------------------- */
body.layout-2col .message-board{
     margin-top: 0;
}

blockquote{
     margin: 0;
    padding-left: 10px !important;
}

/* reset for template.css
----------------------------------------------- */
.article-social-btn > a, .article-social-btn > span, .article-social-btn > div, .article-social-btn > iframe{
     margin: 0 ;
}

.sidewrapper .blogroll-channel{
     margin-bottom: 10px;
     padding: 3px 0;
     border: 1px solid #b0b0b0;
}

.sidewrapper .blogroll-channel .blogroll-list{
     padding: 5px !important;
     padding: 3px 0;
     padding-top: 0;
     border-bottom: 1px dashed #c2c2c2;
     list-style-type: none;
     font-size: 13px;
     line-height: 1.3;
}





/*------タイトル画像------*/
.title-outer{
position:relative;
height:250px;
width:700px;
overflow:hidden;
background-image:url("http://livedoor.blogimg.jp/hopesound-hattatusyougaimatome/imgs/7/9/79df69d0.jpg");
background-repeat: no-repeat;
background-size:  700px 300px;
background-position:center top;
}
.title-outer table td{
font-family: "HanziPen SC","Comic Sans MS";
color:#f5f5ff;
border:0px solid !important;
padding:0px;
max-height:5px;
overflow:hidden;
}


.title-outer table td a{
font-family: "HanziPen SC","Comic Sans MS";
color:#f5f5ff;
opacity: 0.7;
text-decoration:none;
}

.title-outer table td a:hover{
text-shadow: 2px 2px 8px #000;
text-decoration:none !important;
font-size:18px;
color:#f5f5ff;
opacity: 1;
}

.left{
height:210px;
width:100px;
position:absolute;
left:30px;
top:15px;
}

.right{

height:210px;
width:100px;
position:absolute;
right:30px;
top:15px;
}

.top{

height:50px;
width:440px;
position:absolute;
left:130px;
top:15px;
}

.bottom{

height:50px;
width:440px;
position:absolute;
left:130px;
bottom:60px;
}


.top-title a{
font-weight: bold !important;
font-size:64px !important;
color:white;
position:absolute;
top:60px;
left:117px;
text-decoration:none;
}

.sub-title a{
font-size:18px;
color: #fafad2;
position:absolute;
top:198px;
left:210px;
font-weight:bold;
text-decoration:none;
}




/* -----------------------------------------------
　　　ヘッダー03　メニューバー
----------------------------------------------- */
#blog-header03{
height:80px;
width:1040px;
margin:0 auto;
border:1px solid;
background-color: #ffffff;
display:block;
}

.ldb_menu-list {
width:100%;
}

#blog-header03:after{
clear:both;
}

.ldb_menu-list li {
float: left ;
list-style: none;
margin-left: 2px;
width:5%;
}


.ldb_menu-list li a{
color:#000000;
display: block;
font-size: 15px;
line-height: 1;
padding: 4px;
text-decoration: none;
text-shadow: 0 1px 3px rgba(0,0,0,0.2);
font-weight: bold; 
border-left: 1px soid;
}


.ldb_menu-list .ldb_menu-item-current,
.ldb_menu-list li a:hover {
  background-color: #999;
}

#content{
}






/* =========================== */
/* 【Amazon】*/
/* =========================== */

/*サイドバー*/
.osusume-side .amazlet-box{
border:0px solid  #faebd7;
width:250px;
height:250
padding:10px;
position:relative;
display:block;
margin:3px 0px;
background-color:white;
box-shadow:0px 0px 2px;
}
.osusume-side .amazlet-image{
max-width:230px;
height:200px;
text-align:center !important;
}
.osusume-side .amazlet-name {
width:99%;
max-height:40px;
}

.osusume-side .amazlet-name a{
font-size:12px;
width:99%;
text-align:center;
position: absolute;
bottom:0;
left:0;
padding:2px 1px;
max-height:40px;
overflow:hidden;
text-shadow:0px 0px 2px rgba(0,0,0,0.2);
color:white;
background:#000000;
opacity:0.7;
}

.osusume-side a:hover{}
.osusume-side .amazlet-link{
position: absolute;
bottom: 0;
font-size:12px;
display:block;
display:none;
content:none;
}
.amazlet-info{}
.osusume-side .amazlet-powered-date{display:none;content:none;}
.osusume-side .amazlet-detail{display:none;content:none;}