/*-----------------------------------------------------------*/
/*   ピンクかまぼこ3ブロック テンプレート      Last Update 2012/06/02    */
/*   　Edited by じれんま　　　　http://ninja-blog.com/　　　　            */
/*-----------------------------------------------------------*/

/**************************************************************************************
全ブロックの共通設定
**************************************************************************************/
/*BODY全体に関する設定*/
body {
	text-align: center;
	background-color: fff#;
	font-size: 13px;
	color: #FFFFFF;
	scrollbar-face-color:#fff;
	scrollbar-track-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#fff;
	scrollbar-3dlight-color:#222;
	scrollbar-darkshadow-color:#222;
	scrollbar-arrow-color:#888;
	font-family:Verdana, "MS UI Gothic";
	background-color: #000000;
}
textarea,input,select{
        border:1px solid #555555;
        background-color:#fff;
        color:#222;
        font-size:13px;
}

.sbox {
       padding-left: 5px;
       background-color: #666666;
       color: #ffffff;
       height: 25px;
}

/*<td>の全ての設定*/
td {
        text-align: left;
}
/*table全ての設定*/
table{
        padding:5px;
        background-color: #666666;
        font-size: 12px;
        border-collapse: collapse;
}
/*通常のリンクの設定*/
a:link {
        color:#FFFFFF;
        text-decoration:underline;
}
/*過去に見たことがあるページのリンクの設定*/
a:visited{
        color:#FFFFFF;
        text-decoration:underline;
}
/*カーソルが合っている状態のリンクの設定*/
a:hover {
        color:#FF00CC;
        text-decoration:underline;
}
/*アクティブ状態のリンクの設定*/
a:active {
        color:#fff;
        text-decoration:underline;
}

/*全体の設定*/
#mainBlock {
	width:1200px;
	margin:  0 auto;
	background-color: #000000;
}
/*テキスト左寄せ*/
.left {
text-align:left;
}
/*テキスト中央寄せ*/
.center {
text-align:center;
}
/*テキスト右寄せ*/
.right {
text-align:right;
}

/**************************************************************************************
トップブロック用デザイン
**************************************************************************************/
/*一番上のブロック（タイトルが書かれる場所）の設定*/
#TopBlock {
	width:100%;
	height:140px;
	text-align: left;
	border: none;
        background-color:#ff1493;
        border-radius: 25px 25px 0 0;
}
/*ページタイトル文字部分の設定*/
#TopTitle {
padding: 15px 0px 0px 20px;
font-size:32px;
font-weight:bold;
font-family: "Hiragino Maru Gothic Pro", "ＡＲ丸ゴシック体Ｍ";
}

/*ページタイトル文字色の設定*/
.TopTitleFont {
	font-weight: bold;
	color: #FFFFFF;
}
#TopTitle a{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
        display: block;
}
#TopTitle a:hover{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

/*ページタイトルの下に来るブログの説明文書*/
#TopExplanation {
	padding: 10px 0px 0px 30px;
	font-size:12px;
	font-weight: bold;
	color: #FFFFFF;
}

/******************************************************/
/* ナビバー                                                                 */
/*****************************************************/

#navbar{
 margin: 0;
}

.menu,
.menu ul,
.menu li,
.menu a {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
 
.menu {
    height: 40px;
    width: 100%;
    background: #4c4e5a;
    background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
 
 
.menu li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    min-width: 100px;
    height: 40px;
}

.menu li a {
    display: block;
    padding: 0 14px;
    margin: 6px 0;
    line-height: 28px;
    text-decoration: none;
 
    border-left: 1px solid #393942;
    border-right: 1px solid #4f5058;
 
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #f3f3f3;
    text-shadow: 1px 1px 1px rgba(0,0,0,.6);
 
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}
 
.menu li:first-child a { border-left: none; }
.menu li:last-child a{ border-right: none; }
.menu li:hover > a { color: #ff4086; }

.menu ul {
     position: absolute;
     top: 40px;
     left: 0;
 
     opacity: 0;
     background: #1f2024;
 
     -webkit-border-radius: 0 0 5px 5px;
     -moz-border-radius: 0 0 5px 5px;
     border-radius: 0 0 5px 5px;
 
     -webkit-transition: opacity .25s ease .1s;
     -moz-transition: opacity .25s ease .1s;
     -o-transition: opacity .25s ease .1s;
     -ms-transition: opacity .25s ease .1s;
     transition: opacity .25s ease .1s;
}
 
.menu li:hover > ul {
     opacity: 1;
}
 
.menu ul li {
     height: 0;
     overflow: hidden;
     padding: 0;
 
     -webkit-transition: height .25s ease .1s;
     -moz-transition: height .25s ease .1s;
     -o-transition: height .25s ease .1s;
     -ms-transition: height .25s ease .1s;
     transition: height .25s ease .1s;
}
 
.menu li:hover > ul li {
     height: 36px;
     overflow: visible;
     padding: 0; 
}

.menu ul li a {
 
    width: 100px;
    padding: 4px 0 4px 0px;
    margin: 0;
    border: none;
    border-bottom: 1px solid #353539;
}
 
.menu ul li:last-child a { 
    border: none; 
}


/**************************************************************************************
フッターブロック用デザイン
**************************************************************************************/
/*一番下のブロック（著作権表示が書かれる場所）の設定*/
#FooterBlock {
	clear:both;
}
#FooterBlock a{
	clear:both;
	text-align: center;
	color: #333333;
	border: 0;
}
#FooterBlock2 {
	clear:both;
        background-position: center;
        width: 1200px;
	background-color: #ff1493;
	height: 120px;
	line-height: 38px;
	padding-right: 8px;
	padding-left: 8px;
	font-size: 92%;
        border-radius: 0 0 25px 25px;
}

#FooterBlock2 a{
	clear:both;
	color: #FFFFFF;
	text-decoration:none;

}

/**************************************************************************************
  プラグインブロック用デザイン
**************************************************************************************/
/*プラグイン表示箇所全体の設定*/
.PluginBlock {
	width: 210px;
	text-align: left;
	float:left;
	padding-top: 6px;
        border: double  #333333 3px;
}
.PluginBlockRight {
	width: 165px;
	text-align: left;
	float:right;
	padding-top: 6px;
}
/*プラグイン表示箇所の背景や余白設定*/
.PluginInnerBlock {
padding:10px 2px;
}
/*プラグインのタイトル（名称）部分の設定*/
.PluginTitle {
	border-right-width:1;
	border-bottom-width:2;
	font-weight:bold;
	font-size:13px;
	color:#FF00CC;
	padding-right:0;
	padding-left:0;
	padding-top:2;
	padding-bottom:2;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #000000;
}
/*プラグインの説明部分の設定*/
.PluginExplanation {
padding: 0px;
border: #fff 0px solid ; 
}
/*プラグインが表示される場所の設定*/
.PluginContents {
	border: #fff 0px solid;
        font-size:12px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #000000;
}

/* 時計プラグイン */
@font-face {
    font-family: 'BebasNeueRegular';
    url('http://lowtec.hp2.jp/font/BebasNeue-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.clock {
        width:190px; 
        margin:0 auto; 
        padding:5px; 
        color:#fff; }

#Date { 
        font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; 
        font-size:18px; 
        text-align:center; 
        text-shadow:0 0 6px #00c6ff; }

.clock ul { 
        width:190px; 
        margin:0 auto; 
        padding:0px; 
        list-style:none; 
        text-align:center; }
.clock ul li { 
       display:inline; 
       font-size:2.2em; 
       text-align:center; 
       font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; 
       text-shadow:0 0 6px #00c6ff; }

#point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding-left:10px; padding-right:10px; }

/* Simple Animation */
@-webkit-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }	
}

@-moz-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }	
}


/**************************************************************************************
  記事ブロック用デザイン
**************************************************************************************/
/*記事繰り返し処理全ての部分の設定*/
#EntryBlock {
	width: 765px;
	float:left;
	text-align: left;
	margin-top: 0;
	margin-bottom: 5px;
        border-top: double  #333333 3px;

}


/*記事表示部分の背景や余白等の設定*/
.EntryInnerBlock {
padding:10;
text-align: left;
}
/*各記事タイトル部分の設定*/
.EntryTitle {
	text-align: left;
	font-weight:bold;
	font-size: 22px;
	padding-top:2;
	padding-bottom:2;
	margin-bottom: 10px;
	margin-left: 2px;
}
.EntryTitle a , .EntryTitle a:visited {
	text-align: left;
	font-weight:bold;
	font-size: 22px;
	padding-top:2;
	padding-bottom:5;
	background-repeat:no-repeat;
	background-position:left center;
	color: #FF00CC;
	margin-bottom: 5px;
	text-decoration: none;
}
.EntryTitle a:hover{
	text-decoration: underline;
}

/*各記事タイトル部分の文字色設定*/
.EntryTitleFont {
color:#FF00CC;
}

/*各記事やコメント、トラックバックなどの総合のブロック部分*/
.EntryTextBox {
background-color: #333333;
font-size: 100%;
}
/*記事本文が記載される部分*/
.EntryText {
	color: fff;
	margin: 0px 0px;
	font-size: 110%;
	line-height: 170%;
}
.EntryText a{
	color: #fff;
	text-decoration: underline;
}
.EntryText a:visited{
	color: #fff;
	text-decoration: underline;
}
.EntryText a:hover{
	color: #FF00CC;
	text-decoration: underline;
}

/*追記文書が記載される部分*/
.EntryPsText {
padding: 10px;
text-align: right;
font-size: 15px;
}
/*記事へのリンク（コメントやトラックバック等）の背景*/
.EntryFooter {
	text-align:right;
	padding:5px;
	font-size: 92%;
}
/*記事の投稿者名が記載されている部分*/
.EntryUserName {
}
/*記事を投稿した日が記載されている部分*/
.EntryWriteDate {
margin-left: 5px;
}
/*記事のカテゴリ名が記載されている部分*/
.EntryCategory {
margin-left: 5px;
}
/*記事へのコメントリンクが記載されている部分*/
.EntryComment {
margin-left: 5px;
}
/*記事へのトラックバックリンクが記載されている部分*/
.EntryTrackback {
margin-left: 5px;
}
/*次の記事やHOMEへのリンクが表示される背景部分*/
.PageLinkBlock{
text-align:center;
padding:10px;
font-size:13px;
}

  /* 「含むはてなブックマーク」ボタン */
  .EntryBookmark {
      margin-left: 5px;
  }

/**************************************************************************************
  各コメント表示部分の設定
**************************************************************************************/
/*コメント全体の設定*/
.CommentBlock{
	padding:10px;
}
/*この記事にコメントする　と書かれてる部分の設定*/
.CommentMenuTitle{
text-align: left;
color:#FF00FF;
font-size:#14;
font-weight:bold;
padding-right:0;
padding-left:10;
padding-top:2;
padding-bottom:2;
}
/*コメントのタイトル、コメント、コメント情報の全ての背景部分*/
.CommentTextBox{
	margin: 5px 0px;
	color:#fff;
	background-color: #333;
}
/*コメントのタイトル部分*/
.CommentTitle{
	text-align: left;
	padding-right:0;
	padding-top:10;
	padding-bottom:0;
	padding-left:10;
	background-color:#333;
	font-size:14px;
	font-weight:bold;
	color: #FF00FF;
}
/*コメント部分*/
.CommentText{
margin: 5px 0px;
padding-right:10;
padding-top:5;
padding-bottom:0;
padding-left:10;
background-color:#333;
font-size:14px;
}
/*投稿者や投稿時間などが表示されている部分*/
.CommentFooter{
text-align:right;
padding:5px;
}
/*投稿者名の部分*/
.CommentUserName{
margin-left: 5px;
}
/*投稿者のホームページへのリンク部分*/
.CommentURL{
margin-left: 5px;
}
/*投稿された時間が記載されている部分*/
.CommentWriteDate{
margin-left: 5px;
}
/*コメント編集へのリンク部分*/
.CommentEdit{
margin-left: 5px;
}
/*コメントを投稿するフォーム全体の設定*/
.CommentFormBlock{
margin-bottom:20px;
}
/*コメントフォーム用テーブル*/
.CommentFormTable{
}
/*コメントフォームTHタグ設定*/
.CommentFormTh{
padding-top:5px;
text-align:right;
}
/*コメントフォームTDタグ設定*/
.CommentFormTd{
padding-top:5px;
text-align:left;
}
/*コメントフォーム送信ボタンのTDタグ設定*/
.CommentFormSubmit{
text-align:left;
}
/*inputタグやtextareaの設定*/
.CommentForms{
	color: #FFFFFF;
	background-color: #333333;
}
/**************************************************************************************
  トラックバック表示部分の設定
**************************************************************************************/
/*トラックバック全体の設定*/
.TrackbackBlock{
padding:10px;
}
/*トラックバックメニューのタイトル部分*/
.TrackbackMenuTitle{
text-align: left;

}
/*トラックバックのタイトル、記事、リンク部分の総合設定*/
.TrackbackTextBox{
	margin: 5px 0px;
	background-color: #333333;
}
/*トラックバックタイトルの部分*/
.TrackbackTitle{
	text-align: left;
	color: #FF00FF;
}
/*トラックバックの記事部分*/
.TrackbackText{
padding: 10px;
line-height:140%;
}
/*投稿されたブログ名やリンクなどを表示する部分の設定*/
.TrackbackFooter{
text-align:right;
padding:5px;
}
/*トラックバック元のブログ名部分*/
.TrackbackUserName{
margin-left: 5px;
}
/*トラックバック元へのリンク部分*/
.TrackbackFromURL{
margin-left: 5px;
}
/*トラックバックされた日付部分*/
.TrackbackWriteDate{
margin-left: 5px;
}
/*この記事のトラックバック　と書かれた部分の設定*/
.TrackbackURLTitle{
text-align: left;
font-size: 12px;
}
/*トラックバックする為のURLが記載されているフォーム部分の設定*/
.TrackbackURL{
}
/**************************************************************************************
  各プラグイン共通項目用設定
**************************************************************************************/
/*各プラグイン処理内の基本デザイン*/
.Plugin_data {
	text-align:left;
	margin-bottom: 2px;
	padding-top: 3px;
	padding-left: 2px;
	font-size: 95%;
	padding-right: 2px;
}
.Plugin_data a{
	margin-bottom: 2px;
	padding-top: 3px;
	display: block;
}
.Plugin_data a:hover{
	display: block;
}


/*各プラグイン処理内基本デザインの下に記載する日付など*/
.Plugin_data_date {
	text-align:right;
	font-size:10px;
	color: #999999;
}
/**************************************************************************************
  カレンダープラグイン用デザイン  
**************************************************************************************/
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）*/
.CalendarMoveTable {
padding:3px;
width:80%;
margin:  0 auto; 
}
/*カレンダー日付移動用テーブル、<tr>タグ部分のデザイン*/
.CalendarMoveTr {
}
/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.CalendarPrevTd {
}
/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.CalendarNowTd {
}
/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
.CalendarNextTd {
}
/*カレンダー表示用テーブル*/
.CalendarTable {
width:80%;
padding:3px;
margin:  0 auto; 
}
/*-------------------------------------------------------
  カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分（<tr>タグ部分）のデザイン*/
.CalendarWdayTr {
}
/*曜日表示部分、日曜日の<th>タグ部分デザイン*/
.CalendarWdaySun {
font-size:12px;
}
/*曜日表示部分、平日の<th>タグ部分デザイン*/
.CalendarWday {
font-size:12px;
}
/*曜日表示部分、土曜日の<th>タグ部分デザイン*/
.CalendarWdaySat {
font-size:12px;
}
/*-------------------------------------------------------
  カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分（<tr>タグ部分）のデザイン*/
.CalendarTr {
}
/*日付表示部分、日曜日の<td>タグ部分デザイン*/
.CalendarTdSun {
font-size:12px;
}
/*日付表示部分、土曜日の<td>タグ部分デザイン*/
.CalendarTdSat {
font-size:12px;
}
/*日付表示部分、平日曜日の<td>タグ部分デザイン*/
.CalendarTd {
font-size:12px;
}
/*記事が存在する場所の設定*/
.CalendarTdLink {
font-size:12px;
font-weight:bold;
}
/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont {
}
/*-------------------------------------------------------
  コメント -> 管理者返信部分デザイン
-------------------------------------------------------*/
.CommentResBlock {
	padding:10px 30px 10px 50px;
}

.CommentResBox {
	border:solid 1px #888;
	padding:10px;
}

.CommentResTitle {
	font-size:14px;
	font-weight:700;
}

.CommentResText {
	padding:10px 0px 0px 10px;
}

.CommentResFooter {
	text-align:right;

	margin:15px 0;
	border-top:1px dotted #888;
}
/* CSS for the box starts here */  
.box {  
padding: 20px;  
background:#333; 
}  

.bi {  
padding:0 0 0 12px;  
background:#333;
} 

#rank img{
 padding:0;
 margin:0;
 clear:both;
}