/*
テンプレート名：　ac-Raining-l-js
製作者：　斎七　（さいしち）
http://rainbowmaterial.blog59.fc2.com/
（2010年07月17日）

2011/4/10更新
・画像に枠がつかないようにリセット設定

2010/8/29更新
・ユーザータグ機能追加（タグ設定していれば、記事下部に表示されます）
・関連記事スタイルシート追加

2010/9/06更新
・全記事リストレイアウト変更
・YUIフォントサイズ導入
・IE用横スクロールバー対策
・引用blockquote調整


**************************
おねがい
**************************
ブログ表示されないなどの不具合がございましたら
お手数ですがご連絡くださいませ。

**************************
参考にしたもの
**************************

追記・コメントの開閉スクリプトは下記を参考にしました。
http://artifact-jp.com/mt/archives/200401/mtmemo0122.html
ARTIFACT ―人工事実― : Movable Type作業メモ


**************************
使用した素材
**************************
画像
http://www.flickr.com/photos/oimax/360496651/
Raining night, pavement...
BY OiMax

YUI 3: CSS Fonts
Yahoo UI Library Font-size Adjustment
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.html
http://developer.yahoo.com/yui/3/cssfonts/


**************************
このテンプレートのご使用は、同人を除くアダルト・商用ではご遠慮下さい。また、テンプレートのカスタマイズ後の再配布もご遠慮下さい。カスタマイズは自由です。
そのほか、何かありましたら僕のブログまでご連絡下さい。よろしくお願いします。あと、ソースが見づらくてすいません<(_ _)>
*/


/************************************/
/*画像に枠がつかないようにリセット*/
img{
border-style:none;
}

/************************************/
/*テキストシャドウ*/
.textshadow{
  text-shadow:#000 0px 0px 5px,#000 0px 0px 5px,#000 0px 0px 5px,#000 0px 0px 5px;
   /*IE用フィルタ*/
  filter:progid:DXImageTransform.Microsoft.Glow(Color='#333333', Strength=5);zoom:1;
   /*IE用フィルタ*/
}

/************************************/
/*JavaScript有効のとき、対象を隠す*/
.sidehide{display:none;}

/*コメントリストのスタイル*/
.com_open {
   line-height: 150%;
   display: block;
   padding: 5px 0px 5px 5px;
}

.com_open_name {
   line-height: 150%;
   display: block;
   padding-left: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
}

/************************************/
/*コメント欄のアイコンポップアップ位置調整*/
#table_icon{
   z-index:9!important;
   left:0px;
   margin-top:20px;
}


/************************************/
/* ページ構成 */

html {overflow-y:scroll;} /* IE用横スクロールバー対策 */

body{
  text-align : center;
  font-family:"ＭＳ Ｐゴシック","OSAKA","ヒラギノ角ゴ Pro W3";
  margin:0px;
  padding:0px;
  background-color: black;
  background-image: url();  /* 背景画像 */
  color: white;
}

#container{
  font-size: 116%; /***** YUI使用でのベースフォントサイズ *****/
  position:relative;
  width:800px;  /* ブログの幅 */
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  background-color: ;
}


#wrapper {
  position:relative;
  background-color:;
  margin-left:0px;
  width:800px;
  margin-bottom:0px;
}

#main-column{
  position:relative;
  float:left;
  margin-top:355px;  /*margin-top:310px;*/
  margin-right:-500px;
  margin-left:0px;
  background-color: ;
  text-align:left;
  width:545px;  /* メインカラムの幅 */
}

div#left_column{
/*
  position:relative;
  z-index:2;
*/
  margin-left:0px;
  margin-right:15px;
  float:left;
  margin-top:355px;  /*margin-top:310px;*/
  background-color: ;
  width:240px;  /* 左メニューの幅 */
  padding-left:0px;
  border-width:0px;
  border-color: #CC9933;
  border-style:solid;
  font-size: 90%;
}

/************************************/
/* リンクの色 */
a:link    { color: #b0e0e6;  text-decoration: underline;}
a:active  { color: #b0e0e6;  text-decoration: underline;}
a:visited { color: #b0e0e6;  text-decoration: underline;}
a:hover   { color: #ffffcc;  text-decoration: none;}


/* #BlogName a       { color: white; text-decoration: underline; } */
/* #BlogName a:hover { color: #95AFFF; text-decoration: underline; } */
#BlogName a       { color: white; text-decoration: none; }
#BlogName a:hover { color: #95AFFF; text-decoration: none; }

#headIntroduction a       { color: #D59F00; text-decoration: underline; }
#headIntroduction a:hover { color: #FFDF80; text-decoration: underline; }

/*
.EntryTitle a       { font-weight:bold; color: #D59F00; text-decoration: underline; }
.EntryTitle a:hover { font-weight:bold; color: Peru; text-decoration: underline; }
*/

/*フッター部分のリンクの色
.fc2ad a       { color: navy; text-decoration: underline; }
.fc2ad a:hover { color: Peru; text-decoration: underline; }
*/

.calender td a { 
  background: #555555!important;
  text-decoration: underline;   
  /*  font-weight:bold;*/
 }
/*
.calender td a:link {
  background: cornsilk!important;
  color: #333399;
  text-decoration: underline;
  font-weight:bold;
}
.calender td a:visited {
  background: cornsilk!important;
  color: DarkOliveGreen;
  text-decoration: underline;
  font-weight:bold;
}
.calender td a:hover {
  background: cornsilk!important;
  color: CornflowerBlue;
  text-decoration: underline;
  font-weight:bold;
}
*/

/************************************/
/* 引用 */
blockquote{
  width:88%;
  margin:0px 10px;
  padding:5px 15px;
  background-color: ;
  border:4px dotted #555555;
}

hr { border: #555555 1px dotted; }

/************************************/
/*head要素 */
#ccheader {
  position:relative;
  float:left;
  z-index:2;
  margin-right:-880px;
  width:800px;
  height: 310px;
/* 11.06.27 updated */
  background-image: url(https://blog-imgs-17-origin.fc2.com/w/h/g/whgdn/top_bgimg_02.jpg);
  background-repeat: no-repeat;
  background-position : center top;
  background-color: #000000;
/* 11.06.27 updated end */

/*******ブログ上部の画像*******/
  border-width:0px;
  border-color: black;
  border-style:solid;
}

.header2 {
  position:relative;
  width:500px;
  height:130px;
  text-align:left;
  background-color: ;
  background: url() no-repeat;
}
.headcolour {
  height:20px;
  padding:5px 0px 1px 5px;
  font-weight:bold;
  font-size:95%;
  background-color: #F7F9DA;
}
/*******画面右上********/
div#topright{
  position:absolute;
  top:4px;
  right:20px;
  width:200px;
  height:30px;
  padding-right:5px;
  background-color: ;
  background-image: url();
/*******画面右上の画像********/
}

#BlogName{
  width:500px;
  font-family:"Arial Black","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF","Hiragino Kaku Gothic Pro","\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka";
  font-size:100%;
  padding:30px 0px 5px 60px;
  margin-left:-20px;
  font-weight:bold;
  letter-spacing:5px;
  color: black;
  background-color: ;
}
#BlogName_img {
  margin: 0px;
  padding: 0px;
  width: 387px;
  height: 52px;
  border-style: none;
 }
#headIntroduction{
  /* padding:20px 30px 15px 20px; */
  padding: 160px 0px 0px 45px;
  width:500px;
  font-size: 18px;
  font-weight: bold;
  /* line-height:140%; */
}

/************************************/
/* menu 要素 */
.menuBlock{
  margin:0px 0px 40px 0px;
  border-width: 0px;
  border-color:black;
  border-style:solid;
  line-height:150%;
  /* font-size: 80%;*/
}

.menuTitle1{
 /* padding: 4px 0px 1px 38px; */
 /* font-weight:bold; */
 /* font-size:100%; */ /*font-size:95%;*/
 /* color: white; */
 /* background-color: #333; */
 /* background-image: url(https://blog-imgs-45-origin.fc2.com/r/a/i/rainbowmaterial/nihonbashi013.jpg); */
 /* background-image: url(https://blog-imgs-17-origin.fc2.com/w/h/g/whgdn/title_bgimg_01.jpg); */
 /* border-width: 0px; */
 /* border-color:whitesmoke; */
 /* border-style:solid; */

  padding: 0;
  border-right: solid 10px #f0e68c;
  border-bottom: solid 2px #f0e68c;
  border-left: solid 10px #f0e68c;
  font-size:116%;
  color: white;
  font-weight:bold;
  text-align: center;
  line-height: 1.3em;
}


/*******リスト*******/
ul {
  text-align:left;
  margin-left: 0px;
  padding-left: 15px;
  list-style-type: circle;
  list-style-position : outside;
  /* list-style-type: none; */
  text-decoration: none;
}
li {
  text-align: left;
  font-size: 95%;
  /* color: black; */
  color: #ffffff;
  line-height: 150%;
  padding: 0px 0px 5px 0px;
  text-decoration: none;
  /* background: url() no-repeat; */
}

.menuText li{
  margin:0px 5px 10px 0px;
  padding-bottom:0px;
}

/* form 要素 */
form{
  padding:0px;
  margin:0px;
}

.search{
  width:100px;
  border:1px solid black;
  margin-top:15px;
}

/************************************/
/* プラグインのカレンダー */
table.calender {
  margin-left: 10px;
  border-top: 1px double black;
  width: 90%;
  border-collapse: separate /* collapse */;
  border-spacing: 0;
}
th#sun { color: #95AFFF; }
th#sat { color: #506DC5; }

.calender caption { width:90%; }

/************************************/
/* main要素 */
.EntryTableBlock{
  position:relative;
  z-index:5;

/****半透明設定。重いかもしれないので消しても可。****/
/*  filter: Alpha(opacity=98); */
/*  -moz-opacity: 0.98; */
/*  opacity:0.98; */
/****半透明設定****/

  width:545px;
  margin:0px 0px 20px 0px;
  /*  padding:10px;*/
  border-width:0px;
  border-color: lightblue;
  border-style:solid;
  background-image: url(); /* 記事部分の背景画像 */
  background-color: ;
}

.EntryBlock{
  margin:0 0 20px 0;   /* margin:0px; */
  border-width:1px 1px 1px 1px;
  /* border-color: #555555; */
  border-color: #6d6d6d;
  border-style:solid;
}

.EntryTitle{
  /* width:525px; */ /***** 545px-10px-10px=525px paddingの分を引く*****/
  width:497px; /***** 545px-10px-38px=497px paddingの分を引く*****/
  background-color: #555555;
  background-image: url(https://blog-imgs-17-origin.fc2.com/w/h/g/whgdn/title_bgimg_01.jpg);
  padding:2px 10px 5px 38px;  /*padding:5px 10px 5px 10px; */
  font-size:115%;
  border-bottom-width:0px;
  border-bottom-style:solid;
  border-bottom-color:black;
  font-weight:bold;
  line-height:140%;
}

/** insert 110628 start  タイトル部へ日付の表示  **/
.EntryTitle_date  {
  float: right;
  padding-top: 2px;
  padding-left: 0px;
  padding-right: 15px;
  width: 135px;
  color: #ffffff;
  font-size: 14px;
  font-weight: normal;
  text-align: right;
 }
/** insert 110628 end **/

.EntryBody{
  padding:20px 10px 10px 10px;
  /* font-size:95%;*/ /***** YUI使用しているのでコメントアウト *****/
  font-size: 108%
  font-weight: bold;
  letter-spacing:0.1em;
  line-height:140%;
}
.EntryMore{
  padding:1em 10px;
  /* font-size:95%;*/ /***** YUI使用しているのでコメントアウト *****/
  line-height:140%;
}
.EntryBlock ul{
  padding:0px;
  margin-left:18px;
  list-style-type:circle;
}
.EntryBlock ol{
  padding:0px;
  margin-left:26px;
  list-style-type:decimal;
}
.EntryBlock li{
  margin:0px;
}

.com001{
  padding-bottom: px;
  font-size:95%;
  line-height:140%;
}
.com{
  padding-bottom: 10px;
  font-size:95%;
  line-height:140%;
}

.EntryDate{
  padding:1em 10px 10px 10px;
  font-size:95%;
  line-height:140%;
  text-align:left;
}

.pageLink{
  font-size:95%;
  text-align:center;
  padding:10px;
}

.LinkBlock{
  margin:10px 0px 10px 0px;
  border-width:0px;
  border-color: gray;
  border-style:solid;
  background-image: url();
  background-color: ;
}

/************************************/
/* Comment要素 */
.Bold{
  padding:10px;
  font-size:95%;
  font-weight:bold;
}

.CommentTitle{
  margin: 20px 15px 8px 10px;
  padding: 2px 0px 0px 8px;
  min-height: 15px;      /* 2011.09.04 ins */
  border-left: solid 15px #f0e68c;
  border-bottom: solid 1px #f0e68c;
  font-size:95%;
  font-weight:bold;
 }

.CTBody{
  padding:0px 10px 5px 10px;
  font-size:95%;
  letter-spacing: 0.1em;
  line-height:130%;
}

.Date{
  padding:1em 10px 20px 10px;
  font-size:95%;
}

/************************************/
/* maintForm要素 */
.mainForm{
  border:1px dotted gray;
  margin:10px;
}

.mainFormText{
  width:220px;
  border:1px solid black;
  background-color: #dcdcdc;
}

/*****コメント投稿： 本文の幅*****/
.mainFormTextarea{
  width: 450px;
  height: 220px;
  border: 1px solid black;
  background-color: #dcdcdc;
}

.mainFormPass   { width:100px;  border:1px solid black; }
.mainFormCheck  { border:1px solid black; }
.mainFormButton { width:100px; }

/************************************/
/* Traba要素 */
.TrabaTitle { padding:10px 10px 1em 10px; font-size:95%; font-weight:bold; }

.TrabaUrl { padding:10px; font-size:95%; }
.TrabaForm { border:1px solid black; width:300px; }

/************************************/
/* footer要素 */
#footer{
  width:800px;  /* ブログの幅 */
  height:120px;
  margin-left:auto;
  margin-right:auto;
  /* width:100%; */
  clear:both;
  padding:0px;
  /* margin:0px 0px 0px 0px; */
  background-color: #555555;
  border-width:0px;
  border-color: gray;
  border-style:solid;
  background-image: url(https://blog-imgs-17-origin.fc2.com/w/h/g/whgdn/footer_bgimg_01.jpg);
}

.fc2ad{
  text-align:left;
  /* text-align:right;*/
  padding:15px 5px 15px 15px;
  line-height:140%;
}

img.emoji{
  padding:0px;
  margin:0px;
  background:none;
  vertical-align:middle;
  border:0;
}
.dclear{
  clear:both;
}

/* ■関連記事リスト　ここから■ */
.relate_dl {
  margin: 40px 0px 20px 0px;
  border-width:0px;
  border-color: lightblue;
  border-style:solid;
}
.relate_dd {
  color:white;
  margin: 10px 0px 10px 3px;
}
.relate_dt {
  font-weight:bold;
  padding: 2px 0px 2px 50px;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  border-bottom-color: lightblue;
  /*  background-color: whitesmoke;*/
  background-image: url(https://blog-imgs-17-origin.fc2.com/w/h/g/whgdn/title_bgimg_01.jpg);
  /* url(https://blog-imgs-45-origin.fc2.com/r/a/i/rainbowmaterial/nihonbashi013.jpg); */
  padding-left: 3px;
  width:100%;
}
.relate_ul {
  list-style-type: circle;
  margin: 0;
  padding-left: 0px;
  color:white;
}
.relate_ul li {
  list-style-type: circle;
  margin: 0;
  padding-left: 0px;
  color:white;
}
/* ■関連記事リスト　ここまで■ */


/*-- insert 110627 ---------------------*/

/* ---- プロフィール ---- */
#contents_profile {
   color: #ffffff;
   letter-spacing: 0.1em;
 }

/* ---- つぶやき広場 ---- */
#contents_hiroba {
   color: #ffffff;
   font-size: 87%;
  /* line-height: 1.2em; */
 }

/*-- 全記事一覧 Link --*/
.all_list {
  display: block;
  margin: 3px 0px;
  padding: 5px 0px;
  border: solid 1px #ffff00;
 /* width: 200px; */
 /* color: #808000; */
  font-size: 12px;
  text-align: center;
  line-height: 1.4;
 }
.all_list_title {
     font-size: 120%;
     color: #ffff00;
     text-decoration: underline;
  }
.all_list a:link    { color: #ffff00;  text-decoration: underline;}
.all_list a:active  { color: #ffff00;  text-decoration: underline;}
.all_list a:visited { color: #ffff00;  text-decoration: underline;}
.all_list a:hover   { color: #ffffff;  text-decoration: underline;}

/*-- 全記事一覧 ページ --*/
.list_of_ArticlesBase { padding:3px 0px 0px 40px; }
.list_of_ArticlesBase p { font-size:14px; }
.list_of_ArticlesBody { margin:0px 0px 10px 5px; padding:5px;
    color:#ffffff; font-size:16px; line-height: 125%;
 }
.list_of_ArticlesBody li { color: #ffffff; }
.list_of_ArticlesBody .discript {
  display: block;
  float: left;
  margin: 5px 0 0 0;
  padding: 0;
  border-style: none;
  width: 400px;
  height: 13px;
  font-size: 13px;
  color: #ffffff;
  text-align: left;
  line-height: normal;
  overflow: hidden;
 }

.list_topback { margin:0px; padding:0px 60px 0px 0px; font-size:12px; text-align:right; }

.list_of_ArticlesBody a:link    { color: #ffff00;  text-decoration: underline;}
.list_of_ArticlesBody a:active  { color: #ffff00;  text-decoration: underline;}
.list_of_ArticlesBody a:visited { color: #ffff00;  text-decoration: underline;}
.list_of_ArticlesBody a:hover   { color: #ffffff;  text-decoration: underline;}




/* ---- お役立ちリンク ---- */
#contents_link { }
#contents_link p {
   font-size: 93%;
   color: #ffffff;
   line-height:1.4;
 }


/* ---- カテゴリー ---- */
#contents_category { 
   font-size: 16px;
   letter-spacing: 0.1em;
 }

/* ---- 検索 ---- */
#contents_search_letter {
   color: #ffffff;
   font-size: 87%;
 }

/* ---- 過去の記事 ---- */
#contents_archive {
  padding: 10px 0 0 10px;
  letter-spacing: 0.2em;
 }

#contents_archive ul {
  padding: 0;  /* padding-left: 15px; */
  list-style-type: square;
  list-style-position : outside;
  text-decoration: none;
  text-align:left;
}
#contents_archive li {
  padding: 0px 0px 0px 15px;
  font-size: 100%;
  color: #ffffff;   /* color: black; */
  text-decoration: none;
  text-align: left;
  line-height: 150%;
}

/* ホームへ戻る */
#back_home {
  margin: 0;
  padding: 0 10px 10px 0;
  width:535px;
  border-style: none;
  font-size: 15px;
  color: #ffffff;
  text-align: right;
}


/* ---- カレンダー（横型）---- */
#header_CalenBlock {
  position:relative;
  z-index:2;
  float:left;
  margin-top: 310px;
  margin-right: -880px;
  padding: 0 0 0 80px;
  width: 700px;
  height: 25px;
  background-color: #000000;
  font-size: 14px;
  font-family: Arial, Times, "Trebuchet MS";
  text-align: center;
 }
#header_CalenBlock ul {
  margin: 0;
  padding: 0;
  color: #8c8c8c;
  font-size: 14px;
  font-family: Arial, Geneva, Helvetica, sans-serif;
  list-style-position: inside;
 }
#header_CalenBlock li { 
  display: inline;
  list-style-type: none;
 }

li.day { padding:0px 3px 0px 2px; }

.prev-month-calendar { margin-right: 8px; }
.next-month-calendar { margin-left: 8px; }

div#header_CalenBlock a         { color: #e35600; font-weight: bold }
div#header_CalenBlock a:visited { color: #e35600 }
div#header_CalenBlock a:hover   { color: #f07600 }

/*-- insert 120901 ---------------------*/
#free_iframe1 {
  margin: 0 auto;
  padding: 0;
  border-style: none;
  width: 240px;
}