/*
ご利用頂きありがとうございます。

■□　注 意 ------------------------------□■

　●使用する場合は利用者登録が必要です。

　●公開設定「プライベート(パスワード認証)」では使用しないで下さい。

　●カスタマイズは許可している範囲内でお願い致します。

  ●テンプレート内の画像の転用（テンプレート以外での使用）は禁止です。

■□　お願い　-----------------------------□■

　テンプレート内のイラストに関して素材サイト様へ直接問い合わせないで下さい。
　テンプレート配布者（サリイ）までお願いします。

Copyright(C)サリイ, All Rights Reserved.
*/

/* ------------------------------------------------------------------------------
   全体的な設定
  --------------------------------------------------------------------------------*/

/* # スクロールバー（IE) # */
html,body{
  scrollbar-arrow-color : #999966;
  scrollbar-face-color : #FFFFFF;
  scrollbar-track-color : #FFFFFF;
  scrollbar-highlight-color : #FFFFFF;
  scrollbar-shadow-color : #FFFFFF;
  scrollbar-3dlight-color : #C6C6AA;
  scrollbar-darkshadow-color : #C6C6AA
  }

body{
  font-family: "Verdana","ＭＳ Ｐゴシック", "MS UI Gothic","Arial","Osaka";
  margin:0px auto;
  padding:0px;
  color:#666666;
  text-align:center;
  letter-spacing:1px;
  background-color:#FFFFFF;
  /* ## 背景の変更OK ## */
  background-image: url("https://blog-imgs-42.fc2.com/a/w/i/awitchsally/lmt027_bg.gif");
  background-attachment: fixed;
  background-repeat: repeat;
  background-position: 0% 0%;
  }


/* ### 全体的なリンクの設定 ### */
/*（ブログタイトルのリンク色は下方で。）*/

a:link {  color: #666633;text-decoration: none;}
a:visited {color: #666633;text-decoration: none;}
a:active {color: #666666;text-decoration: none;}
a:hover {  color: #9999FF;text-decoration: underline;}


/* 画像 */
img{  border:0px none; }

/* 引用 */
blockquote{
  font-family: "MS UI Gothic","Verdana","ＭＳ Ｐゴシック", "Arial","Osaka";
  margin:15px 0px;
  padding:10px;
  border:1px dotted #CCCCCC; /*引用部分の枠線*/
  font-size:12px; 
  line-height:150%;
  width:90%;
  }
html>body blockquote{
  width:90%;
  }
blockquote p{
  margin:0px 0px;
  padding:0px;
  line-height:150%;
  }

/* フォーム */
form{  margin:0px; padding:0px; }




/* ------------------------------------------------------------------------------
   レイアウトに関する設定
  -------------------------------------------------------------------------------*/

/* ブログの内容を表示する部分の設定 */
#CONTAINER{
  width:1050px; 
  margin:0px auto;
  padding:0px 0px;
  background-color:#FFFFFF;
  border-left:2px dotted #C1D7D9;
  border-right:2px dotted #C1D7D9;
  }

  /*WinIE5,6の指定*/
  #CONTAINER {
      overflow:visible;
    height:1px;
      }
  /*WinIE5,6・MacIE5以外の指定*/
  html>body #CONTAINER{
    overflow:visible;
    height:auto;
    }

  /*MacIE5の指定*/
  /* \*//*/
  html>body #CONTAINER{
  overflow:visible;
  }
  /**/



/* メインカラム側 -----------------------------------*/
#MAIN{
  float:left;
  width:670px;
  margin:0px;
  padding:0px;
  }
  /* メインカラム側の左右余白や寄せ、全体的な文字サイズなど */
  .contents{
      margin:0px;
    padding:15px 15px 0px;
    font-family: "Verdana","ＭＳ Ｐゴシック","MS UI Gothic", "Arial","Osaka";
    font-size:9px;
    text-align:left;
    }

/*  サイドメニュー  -----------------------------------*/
#SIDE{
  float:right;
  width:340px;
  margin:0px 0px;
  padding:10px 0px;
  }

  /* サイドメニュー側の左右余白や寄せ、全体的な文字サイズなど */
  .side_contents{
    margin:0px;
    padding:0px 10px; /* サイドメニュー左右の余白の値 */
    font-family: "Verdana","ＭＳ Ｐゴシック", "MS UI Gothic","Arial","Osaka";
    font-size:8px; /* サイドメニューの全体的な文字サイズ */
    color:#666666;  /* サイドメニューの全体的な文字色 */
    text-align:left;
    line-height:170%;
    }


/* 横カレンダー　--------------------------------------- */
#H_CAL{
  width:100%;
  margin:0px 0px 10px;
  padding:8px 0px;
  text-align:center;
  font-size: 11px;
  letter-spacing:normal;
  background-color:#DEEFEE;
  border-top:1px dotted #DDDDDD;
  border-bottom:1px dotted #DDDDDD;
  }


/* バナー（ブログタイトル部分）--------------------------------- */
#BANNER{
  width:100%;
  margin:0px auto 30px;
  padding:0px;
  text-align:center;
  /* ## 画像の変更は禁止です。## */
  /* ## Do NOT change this image. ## */
  background-image: url("https://blog-imgs-42.fc2.com/a/w/i/awitchsally/lmt027_img1.gif");
  background-repeat: no-repeat;
  background-position: 20px 10px;
  }

  .banner_bg{
  position:relative;
  width:90%;
  height:180px;
  margin:0px auto;
  padding:0px;
  text-align:right;
  /* ## 画像の変更は禁止です。## */
  /* ## Do NOT change this image. ## */
  background-image: url("https://blog-imgs-42.fc2.com/a/w/i/awitchsally/lmt027_img2.gif");
  background-repeat: no-repeat;
  background-position: 100% 100%;
  }



/* ---------　（以下、各パーツの詳細設定）　----------*/

/* ------------------------------------------------------------------------------------
   バナー（ブログタイトル部分）
  ------------------------------------------------------------------------------------*/

  

/* ### ブログタイトル ### */
h1.blogtitle{
  position:absolute;
  width:85%;
  font-family:"Verdana","Century Gothic","ＭＳ Ｐゴシック", "Arial","Osaka";
  padding:0px;
  margin:0px;
  top:30px; /*ブログタイトルの文字の位置*/
  right:0px;
  color:#333333;
  font-size:24px; /*ブログタイトルの文字サイズ*/
  font-weight:normal;
  letter-spacing:2px;
  }

  /*（ブログタイトルの文字色を変える場合は下↓のリンク色を変更して下さい。）*/
  #BANNER a:link {color: #666633;text-decoration: none;  }
  #BANNER a:visited {color: #666633;text-decoration: none;  }
  #BANNER a:active {color: #CC9966;text-decoration: none;  }
  #BANNER a:hover {color: #999999;text-decoration: none; background:none;   }


/* ### ブログタイトルの影の部分 ### */
/* （不要な場合はＨＴＭＬのほうを削除して下さい） */
h1.blogtitle_back{
  position:absolute;
  width:85%;
  font-family:"Verdana","Century Gothic","ＭＳ Ｐゴシック", "Arial","Osaka";
  padding:0px;
  margin:0px;
  top:31px; /*ブログタイトルの（影）文字の上からの位置*/
  right:-1px; /*ブログタイトルの（影）文字の左からの位置*/
  color : #EBECD7; /*ブログタイトルの（影）文字色*/
  font-size:24px; /*ブログタイトルの（影）文字サイズ*/
  font-weight:normal;
  letter-spacing:2px; /*ブログタイトルの（影）文字間隔*/
  }


/* ### ブログURL ### */
.url{
  position:absolute;
  width:100%;
  font-family:"Century Gothic","ＭＳ Ｐゴシック", "Arial","Osaka";
  margin:0px;
  padding:0px;
  top:10px; /*ブログURLの文字の位置*/
  right:10px;
  color:#999966; /*ブログURLの文字色*/
  font-size: 11px; /*ブログURLの文字サイズ*/
  font-weight:bold;
  line-height:125%;
  letter-spacing:2px;
  }


/* ### ブログ概要 ### */
.introduction{
  position:absolute;
  width:70%;
  font-family:"ＭＳ Ｐゴシック",  "Verdana", "Arial","Osaka";
  margin:0px;
  padding:0px;
  top:80px; /*ブログ概要の文字の位置*/
  right:-30px;
  color:#666666; /*ブログ概要の文字色*/
  font-size: 10px; /*ブログ概要の文字サイズ*/
  line-height:150%;
  }


/* ### 管理ページへのリンクの設定 ###  */
.admin{
  position:absolute;
  width:100%;
  font-family: "Verdana","Arial","Osaka";
  margin:0px;
  padding:5px 0px;
  top:185px; /*admin等の位置*/
  left:0px;
  color: #9999FF;
  font-size: 10px; /*adminなどの文字サイズ*/
  letter-spacing:1px;
  text-align:right;
  }


/* ------------------------------------------------------------------------------
   エントリー（投稿記事を表示する部分)
  ------------------------------------------------------------------------------*/

/*### 記事タイトル ###*/
.e_title{
  margin:0px;
  padding:5px 0px 5px 150px;
  text-align:right;
  color:#999966;
  font-size:13px; /*### 記事タイトルの文字サイズ ###*/
  font-weight:bold;
  letter-spacing:2px;
  }

/*### 記事タイトルの最初の1文字 ###*/
.e_title:first-letter{ color:#CC9933;}

div.underline{
  display:inline;
  margin:0px;
  padding:5px 5px;
  border-bottom:1px dashed #339999;
  }

/*### 記事日付（記事タイトル付近） ###*/
.e_day{
  font-family:"Century Gothic","Verdana","MS UI Gothic","ＭＳ Ｐ明朝","Osaka";
  margin:0px;
  padding:3px 0px;
  text-align:right;
  color:#999999;
  font-size:12px; /*### タイトル付近の日付の文字サイズ ###*/
  font-weight:bold;
  letter-spacing:8px;
  }

/*### 記事本文 ###*/
.e_body{
  font-family: "MS UI Gothic","Verdana","ＭＳ Ｐゴシック","Osaka";
  color:#444444; /*### 本文の文字色 ###*/
  font-size:12px; /*### 本文の文字サイズ ###*/
  line-height:160%;
  letter-spacing:1px;
  margin:40px 20px 30px;
  }

/*### 記事本文内の画像の設定 ###*/
.e_body img, .e_body a img{
  border:none 0;
  }


/* ### 記事の追記リンク(READ MORE)の設定 ### */
.e_more{
  margin:15px 0px;
  padding:0px;
  color:#666666;
  font-family: "Verdana","Arial","Osaka";
  font-size:10px;
  font-weight:bold;
  }
/* ### 記事の追記（文章）の設定 ### */
.e_body_more{
  margin:0px;
  padding:20px 0px 0px 0px;
  color:#444444; /*### 追記の文字色 ###*/
  }

/*### カテゴリー、ジャンル、テーマを表示する部分 ###*/
.e_state{
  margin:10px 0px 0px;
  padding:5px 0px 0px;
  text-align:right;
  color:#993333;
  font-size:10px;
  letter-spacing:1px;
  }

/*### permalink・コメント数・TB数などを表示する部分　###*/
.e_date{
  margin:5px 0px;
  padding:8px 0px 0px;
  text-align:right;
  color:#9999FF;
  font-size:10px;
  letter-spacing:1px;
   background-image: url("https://blog-imgs-42.fc2.com/a/w/i/awitchsally/lmt027_line.gif");
  background-repeat: repeat-x;
  background-position: 0% 0%;
  }

/*### ユーザタグを表示する部分　###*/
.e_tag{
  margin:0px 0px;
  padding:5px 0px 0px;
  text-align:right;
  color:#666666;
  font-size:10px;
  letter-spacing:1px;
  }

.e_img{

}


/*### 記事の枠　###*/
.e_waku{
  margin:0px 10px 40px;
  padding:0px 0px 10px;
  border:0 none;
   background-image: url("https://blog-imgs-42.fc2.com/a/w/i/awitchsally/lmt027_entry.gif");
  background-repeat: no-repeat;
  background-position: 0% 0%;
  }
/* ------------------------------------------------------------------------------
   コメント・トラックバック
  --------------------------------------------------------------------------------*/

/*### 「COMMENT」「TRACKBACK」の文字サイズ ###*/
.subtitle{
  margin:50px 10px 25px;
  padding:5px 0px 10px;
  color:#666633;
  font-size:12px;
  font-weight:bold;
  letter-spacing:2px;
  /* ## 画像の変更は禁止です。## */
  /* ## Do NOT change this image. ## */
  background-image: url("https://blog-imgs-42.fc2.com/a/w/i/awitchsally/lmt027_line.gif");
  background-repeat: repeat-x;
  background-position: 0% 100%;
  }
.subtitle:first-letter { color:#CC9933; }  /*↑の最初の文字色*/


/*### 「Comment form」「TrackBack List」などの文字サイズ ###*/
.subtitle2{
  margin:20px 15px 0px;
  padding:5px;
  color:#666633;
  font-size:10px;
   font-weight:bold;
  letter-spacing:1px;
  }


/*  コメント --------------------------------------------------------  */
.cmt_area{ /*コメントを表示する部分*/
  margin:5px 15px 10px;
  padding:10px 15px;
  font-family:"MS UI Gothic","Verdana","ＭＳ Ｐゴシック", "Arial","Osaka";
  font-size:12px;
  border:1px dotted #CCCCCC;
  }
.cmt_title{ /*コメントタイトル*/
  margin:0px;
  padding:0px;
  color:#663333;
  font-weight:bold;
  }
.cmt_body{ /*コメント文*/
  margin:15px 5px;
  padding:0px;
  color:#666666;
  line-height:150%;
  }
.cmt_state{ /*コメント投稿日付、投稿者など*/
  margin:10px 0px 0px;
  padding:0px;
  text-align:right;
  font-family:"Verdana","ＭＳ Ｐゴシック", "Arial","Osaka";
  font-size:10px; 
  color:#666666;
  line-height:150%;
  }
.cmt_form {
  margin:5px 20px;
  padding:0px;
  color:#666666;
  font-size:12px; /* コメントフォームの文字サイズ */
  line-height:150%;
  }
/* ラベル（name、subjectなどの文字）の設定 */
.cmt_form form label{
  margin-top:5px;
  font-family: "Verdana","MS UI Gothic", "Arial","Osaka";
  font-size:10px;
  display:block;
  }


/* トラックバック ---------------------------------------------------------- */
.tb_url{
  margin:5px 20px 10px;
  padding:0px;
  color:#333333;
  font-size:12px; /* トラックバック「→この記事に．．．．」の文字サイズ */
  }
.tb_area{ /*トラックバックを表示する部分*/
  margin:10px 15px;
  padding:15px;
  color:#333333;
  font-family:"MS UI Gothic","Verdana","ＭＳ Ｐゴシック", "Arial","Osaka";
  font-size:12px;
  border:1px dotted #cccccc;
  }
.tb_referer{ /*トラックバック元（リンク部分）*/
  margin:0px;
  padding:0px;
  font-weight:bold;
  }
.tb_body{ /*トラックバック概要*/
  margin:15px 10px;
  padding:0px;
  line-height:180%;
  }
.tb_state{ /*トラックバックの日付など*/
  margin:0px;
  padding:0px;
  text-align:right;
  font-family:"Verdana","ＭＳ Ｐゴシック", "Arial","Osaka";
  font-size:10px; /* トラックバック日付などの文字サイズ */
  color:#666666;
  }  


/* ### コメント・トラックバックフォームのスタイル ### */
.form_text,
.form_textarea,
.form_pass,
.form_button{
  border:1px solid #666666;
  color:#333333; 
  background-color:#F8F8F3;
}
.form_text{/* テキストフィールドの幅　*/
  width:300px;
  }
.form_textarea{/* テキストエリア（コメント入力欄）の幅 */
  width:340px;
  }
.form_button{
  margin-top:10px;
  }





/* ------------------------------------------------------------------------------
   サイドメニュー
  -------------------------------------------------------------------------------*/

/* サイドメニュー（プラグイン）のタイトル */
.sidetitle{
  font-family: "Verdana","ＭＳ Ｐゴシック","Arial","Osaka";
  margin:0px;
  padding:5px 0px;
  color:#666600; /* サイドメニューのタイトルの文字色 */
  font-size:10px;  /* サイドメニューのタイトルの文字サイズ */
  font-weight:bold;
  letter-spacing:2px;
  /* ## 画像の変更は禁止です。## */
  /* ## Do NOT change this image. ## */
  background-image: url("https://blog-imgs-42.fc2.com/a/w/i/awitchsally/lmt027_line.gif");
  background-repeat: repeat-x;
  background-position: 0% 100%;
  }
.sidetitle:first-letter { color:#CC9933; } /*サイドメニュータイトルの最初の文字色*/


/* サイドメニュー（プラグイン）の余白の設定 */
.side_IN{
  padding:0px 10px;
  }

.side_contents p {
  margin:5px 0px;
  padding:5px 0px 0px;
  }

.side_contents img {
  border:none 0;
  margin:0px;
  }
.side_contents ul{
  margin:5px 0px 5px 0px;
  padding:0px;
  list-style:none;
  }
.side_contents li {
  margin:0px;
  padding: 0px 0px 0px 10px;
  list-style-type: none;  /* サイドメニューのリストのマーク */
  letter-spacing:1px;
  color:#EFEEB4;  /* サイドメニューのリストの文字色（非リンク） */
  background-image: url("https://blog-imgs-42.fc2.com/a/w/i/awitchsally/lmt027_li.gif");
  background-repeat: no-repeat;
  background-position: 0% 5px;
  }

/*サイドにメールフォームなどを設置した場合の設定*/
.side_contents form {
  padding-bottom:10px;
  }
.side_contents form input{
  border:1px solid #999999;
  background:#FFFFFF;
  font-size:12px;
  }
.side_contents form textarea {
  border:1px solid #999999;
  background:#FFFFFF;
  font-size:12px;
  }




/* ------------------------------------------------------------------------------
   横カレンダー
  -------------------------------------------------------------------------------*/

.cal_mon{
  width:30px;
  margin: 0px auto;
  padding:5px 5px;
  font-weight:bold;
  color:#333333;  /* 月　文字色 */
  display:inline;
  }

.cal {
  margin: 0px auto;
  padding:0px 2px;
  color:#666666;  /* 日付の文字色 */
  display:inline;

  }

/*投稿があった日*/
.cal a{ 
  margin:0px auto;
  padding: 0px 0px;
  font-weight:bold;
  display:inline;
  background-color:#FFFFFF;
  }

.cal_end{
  width:30px;
  margin:0px;
  padding:15px 2px 30px 0px;
  color:#CCCCCC;
  font-weight:bold;
  text-align:center;
  line-height:150%;
  display:inline;
  }



/* --------------------------------------------
   カレンダー（※通常表示）
  --------------------------------------------*/

/* ※横カレンダーの修正は↑で行って下さい。 */

.plugin-calender{
  margin:5px auto 15px;
  }
  
table.calender{
  width:100%; /*カレンダーの幅*/
  margin:0px;
  border: 1px solid #F1F1F1;
  background-color:#FFFFFF;
  }
.calender caption{
  font-weight:bold;
  border-top: 1px solid #F1F1F1;
  border-left: 1px solid #F1F1F1;
  border-right: 1px solid #F1F1F1;  
  background-color:#F8FCFC; /*前月・当月・翌月部分の背景色*/
  padding:5px 0px;
}
 /*前後月のリンク部分の文字装飾*/
.calender caption a {  font-weight:bold;  }


/*曜日*/
.calender th { color:#999999;
  font-weight:bold;
  line-height: 160%;
  border: 1px solid #F1F1F1;
  text-align:center;  /*曜日の寄せ*/
  }
.calender th#sun { color:#C56771; } /*日*/
.calender th#sat { color:#3399FF; } /*土*/


/*日にち*/
.calender td {
  color:#666666;
  font-weight:normal;
  line-height: 160%;
  border: 1px solid #F1F1F1;
  background-color:#F8FCFC; /*日にちの背景色*/
  text-align:center; /*日にちの寄せ*/
} 
/*日にち・リンク部分の文字装飾*/
.calender td a {
  display:block;
  font-weight:bold;
  background-color:#FFFFFF; /*日にちの背景色(投稿があった日）*/
  border-bottom: 1px dashed #996666;
  text-align:center; /*日にちの寄せ(投稿があった日）*/
  }



/* -------------------------------------------------------------------------------
   プラグイン3の設定
  ---------------------------------------------------------------------------------*/
/*
  TOPページ上部のみ表示。
  表示するものに合わせて↓の設定などを修正して下さい。
*/

.plug3{
  margin:0px 10px 40px ;
  padding:10px 0px;
  color:#666666; /*プラグイン3の全体的な文字色*/
  font-size: 10px; /* プラグイン3の全体的な文字サイズ */
  border:1px dotted #cccccc;
  background-color:#F8FCFC;
  }
.plug3title{
  font-family: "Verdana","ＭＳ Ｐゴシック","Arial","Osaka";
  margin:0px 0px;
  padding:5px 10px;
  color:#666600; /* プラグイン3のタイトル文字色 */
  font-size:10px;  /* プラグイン3のタイトル文字サイズ */
  font-weight:bold;
  letter-spacing:2px;
  background-color:#FFFFFF;
  border-top:1px dotted #CCCCCC;
  border-bottom:1px dotted #CCCCCC;
  }
.plug3title:first-letter { color:#CC9933; }  /*プラグイン3タイトルの最初の文字色*/

.plug3 p {
  margin:0px;
  padding:5px 10px;
  }
.plug3 ul{
  margin:10px 5px;
  padding:0px;
  list-style-type:none;
  }
.plug3 li{
  margin:0px;
  padding: 0px 0px 0px 10px;
  list-style-type: none;
  line-height:170%;
  letter-spacing:1px;
  }

/* -----------------------------------------------------------------------------------
   フッター（著作権表示部分）
  ------------------------------------------------------------------------------------*/

#COPY{
  width:100%;
  font-family: "Verdana","ＭＳ Ｐゴシック", "MS UI Gothic","Arial","Osaka";
  clear:both;
  margin:10px auto 0px;
  padding:0px;
  }
#COPY address{ 
  line-height:180%;
  margin:10px 20px 0px; 
  padding:5px 0px;
  color:#333333; 
  font-size:10px;
  text-align:left;
  font-style:normal;
  letter-spacing:1px;

  }
#COPY a { 
  font-weight:bold;
  }


/* ------------------------------------------------------------------------------
   ページリンク
  -------------------------------------------------------------------------------*/

.page_link{
  font-family: "Verdana","ＭＳ Ｐゴシック", "MS UI Gothic", "Arial","Osaka";
  margin:20px 0px 30px 0px;
  padding:0px 0px;
  color:#333333;
  font-size:10px;
  text-align:center;
  }


/* ------------------------------------------------------------------------------
   関連記事リスト 
  ------------------------------------------------------------------------------*/
.relate_dl {
  margin: 40px 10px 15px 0px;
  padding:5px;
  border: 0 none;
}

/* 「 関連記事 」の表示の設定　*/
.relate_dt {
  margin: 0px;
  padding: 2px 5px;
  border-bottom:1px dotted #CCCCCC;
  letter-spacing:2px;

}
.relate_dt:first-letter { 
 color:#448899;
}

/* 記事リスト（記事タイトル）の表示の設定　*/
.relate_dd {
  margin: 5px 0px;
  padding-left:10px;
}

.relate_ul {
  list-style-type: none;
  margin: 8px 0px;
  padding: 0px;
}

.relate_ul li {
  list-style-type:none;
  /* 記事リスト（記事タイトル）の前のマーク　*/
  background-image: url("https://blog-imgs-42.fc2.com/a/w/i/awitchsally/lmt027_li.gif");
  background-repeat: no-repeat;
  background-position: 0% 6px;
  margin: 0px;
  padding-left:15px;
  letter-spacing:1px;
}

/* ------------------------------------------------------------------------------
   その他の設定
  -------------------------------------------------------------------------------*/

/* ### 絵文字ボタンに関する設定 ### */
.emoji{
  border:0px;
  }

/* ### ブックマーク＆拍手ボタンの位置 ###*/
.fc2_footer{
  margin:25px 0px 10px;
  }
/* ### フリーエリア ###*/
.plugin-freearea{
  margin:10px 10px;
  line-height:140%;
  }
/* ### QRコード ###*/
.plugin-qrcode{
  margin:0px 15px;
  }



/* ### ブラウザによる改行の調整 ###*/
br{letter-spacing:normal;}


.side_by_side {
width: 624px;
margin-bottom: 5px;
}
.side_left,
.side_right{
margin-left: 5px;
display: inline;
float: left;
}

.clear {
clear: both;
}

.side_p {
text-align:left;
margin-left: 5px;
}



/*--------------------------------------
ヨメレバ・カエレバ
--------------------------------------*/

.booklink-box, .kaerebalink-box{
width:85%;
margin: 1em 0 1em;
padding: 5%;
border:double #d2d7e6;
overflow: hidden;
font-size:small;
border-radius:2px;
}
.booklink-image, .kaerebalink-image{
margin:0 0 15px 0;
}
.booklink-image img, .kaerebalink-image img{
display:block;
margin:0 auto;
text-align:center;
}
.booklink-info, .kaerebalink-info{
text-align:center;
line-height:120%;
overflow: hidden;
}
.booklink-name, .kaerebalink-name{
font-size:16px;
margin-bottom:14px;
line-height:1.2em;
}
.booklink-powered-date, .kaerebalink-powered-date{
font-size:8pt;
margin-top:10px;
line-height:120%;
}
.booklink-powered-date, .kaerebalink-detail{
margin-bottom:15px;
}
.booklink-link2, .kaerebalink-link1{
margin-top:20px;
}
.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkkakakucom, .shoplinkrakukobo{
width:90%;
height:15px;
overflow:hidden;
background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
background-color:#ffffff;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
margin:0  auto 5px auto;
padding:10px 0px;
text-align:center;
}
.shoplinkamazon:hover, .shoplinkrakuten:hover, .shoplinkkindle:hover, .shoplinkyahoo:hover, .shoplinkrakukobo:hover{
background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
background-color:#f6f6f6;
}
.shoplinkamazon:active, .shoplinkrakuten:active, .shoplinkkindle:active, .shoplinkyahoo:active, .shoplinkrakukobo:active{
position:relative;
top:1px;
}
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkkindle a, .shoplinkkakakucom a, .shoplinkrakukobo a{
display:block;
cursor:pointer;
text-decoration:none;
font-weight:800;
text-shadow:1px 1px 1px #dcdcdc;
font-size:12px;
}
.shoplinkamazon a{
color:#FF9901;
}
.shoplinkrakuten a{
color:#c20004;
}
.shoplinkkindle a{
color:#007dcd;  
}
.shoplinkyahoo a{
color:#7b0099;
} 
.booklink-footer{
clear:left;
}
.shoplinkrakukobo a{
color:#c20004;
}

/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 600px) {

/*--------------------------------------
600px以上 ヨメレバ・カエレバ
--------------------------------------*/
.booklink-box, .kaerebalink-box{
width: 90%;
margin:20px auto;
padding:20px;
}
.booklink-image, .kaerebalink-image{
margin:0 15px 0 0;
float:left;
}
.booklink-info, .kaerebalink-info{
margin:0;
text-align:left;
}
.booklink-name, .kaerebalink-name{
margin-bottom:24px;
line-height:1.5;
}
.booklink-link2, .kaerebalink-link1{
margin-top:10px;
}
.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkkakakucom, .shoplinkrakukobo {
float:left;
width:45%;
margin:15px 1% 0 auto;
padding:10px 0px;
}
.shoplinkyahoo a{
font-size:10px;
} 
}