/**************************************************************
 reset
**************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,
em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,
b,u,i,center,dl,dt,dd,ol,ul,li,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-weight:normal;
    background: transparent;
    line-height: 1;
    text-align:left;
}
fieldset, img {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    overflow:hidden;
    line-height: 1;
}
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,
q:before,q:after {
    content: '';
    content: none;
}
/* remember to define focus styles! */
:focus { outline: 0;}
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}



/**************************************************************
 common
**************************************************************/
body {
    font-size:12px;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    color:#333333;

    background-color: #f3f3f3;
    background-image: url('http://file.ffxiv.game-ss.com/backgroundBody.jpg');
    background-position: left top;
    background-repeat: no-repeat; 
    background-attachment: fixed;   
}
input, textarea{
    padding:2px;
    border:1px solid #cccccc;
    background:#ffffff;
    color:#333333;
}
a:link,a:visited{
    outline:0;
    text-decoration:underline;
    color:#666666;
}
a:hover,a:active {
    outline:0;
    color:#999999;
    text-decoration:none;
}

strong,b {
    font-weight:bold;
}

#MainBlock {
    background-image: url('http://file.ffxiv.game-ss.com/backgroundMain.png');
    background-position: left top;
    background-repeat: repeat-y; 
    background-attachment: scroll;
/* border: 1px solid #ffff00; */
    width:860px;
    margin:0 auto;
    padding: 5px 0 0 0;
}
.clear {
    height:0;
    line-height:0;
    clear:both;
}
.left {
    text-align:left;
}
.center {
    text-align:center;
}
.right {
    text-align:right;
}

table {
    margin: 0 0 0 20px;
    border-color: #999999;
}
th {
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    background-color: #F0F0F0;
}
td {
    font-size: 9px;
    text-align: left;
    padding: 2px 2px 2px 2px;
}
td.right    {    text-align: right;		}
td.center {    text-align: center;	}
td.empty {    border-left: 0 !important;
				   border-right: 0 !important; }

/**************************************************************************************
トップブロック用デザイン
**************************************************************************************/
/*一番上のブロック（タイトルが書かれる場所）の設定*/
#TopBlock {
    color: #e0e0e0;
    background-color: transparent;
    background-image: url('http://file.ffxiv.game-ss.com/title003.jpg');
    background-position: left top;
    background-repeat: no-repeat; 
    background-attachment: scroll;
/* border: 1px solid #ff0000; */
    width: 840px;
    height: 200px;
    margin: 5px 0 0 10px;
}
/*ページタイトル文字部分の設定*/
#TopTitle {
    padding: 170px 0 0 20px;
}
#TopText {
    font-size:170%;
    font-weight:bold;
    line-height:1.5;
}
#TopText a:link, #TopText a:visited {
    font-weight:bold;
    text-decoration:none;
    color:#333333;
}
#TopText a:hover {
    font-weight:bold;
}
/*ページタイトルの下に来るブログの説明文書*/
#TopExplanation {
    padding:0 0 0 10px;
    line-height:1.4;
    font-weight:bold;
}



/**************************************************************************************
フッターブロック用デザイン
**************************************************************************************/
/*一番下のブロック（著作権表示が書かれる場所）の設定*/
#FooterBlock {
/*    background-color: #F9F9F9; */
    border-top:1px solid #999;
	margin: 0 4px 0 2px;
    padding: 10px 0 15px 0; /*1em 0 3em;*/
/*    border: 1px solid #ff0000;*/
}
#FooterBlock ul {
    text-align:center;
}
#FooterBlock li {
    display:inline;
    padding:0 0.2em;
}
.copy {
    font-size: 10px;
    line-height:1.6;   
}

/**************************************************************************************
  プラグインブロック用デザイン
**************************************************************************************/
/*プラグイン表示箇所全体の設定*/
.PluginBlock {
    float:right;
/* border: 1px solid #00ff00; */
    margin: 10px 10px 10px 0;
    padding: 0;   
    width: 240px;
}
.PluginImage {
/* border: 1px solid #ff00ff; */
    width: 30px;
    float:left;
}
.PluginImage img {
/*    vertical-align: middle;	*/
    width: 28px;
    height: 28px;
}  
/*プラグイン表示箇所の背景や余白設定*/
.PluginInnerBlock {
    padding:1em 0;
}
/*プラグインのタイトル（名称）部分の設定*/
.PluginTitle {
    font-weight:bold;
    font-variant:small-caps;
    border-bottom:1px solid #666666;
    line-height:1.4;
}
/*プラグインの説明部分の設定*/
.PluginExplanation {
    color: #999999;
    line-height:150%;
    font-size: 10px;
    padding: 3px 6px 3px 6px;    
}
/*プラグインが表示される場所の設定*/
.PluginContents {
    font-size: 10px;
    line-height: 1.4;
}
.PluginContents ul {
    margin-left: 10px
}
.PluginContents li {
    line-height:1.4;
}
/*各プラグイン処理内の基本デザイン*/
.plugin_data * {
    font-size: 11px;
    padding:0 0 0 1.2em;
    line-height:1.4;
}
/*各プラグイン処理内基本デザインの下に記載する日付など*/
.plugin_data_date {
    text-align:right;
}

/**************************************************************************************
  記事ブロック用デザイン
**************************************************************************************/
/*記事繰り返し処理全ての部分の設定*/
#EntryBlock {
    float:left;
/* border: 1px solid #0000ff; */
    margin: 10px 0 0 10px;
    padding: 5px;
    width: 570px;   
}
/*記事表示部分の背景や余白等の設定*/
.EntryInnerBlock {
    margin:1em 0 0;
}
.EntryImage {
/* border: 1px solid #ff00ff; */
    width: 40px;
    float:left;
}
.EntryImage img {
/*    vertical-align: middle;	*/
    width: 36px;
    height: 36px;
}  
/*各記事タイトル部分の設定*/
.EntryTitle {
    padding: 0 0 5px 10px;
    font-size: 18px;
    line-height: 20px;
    border-bottom:1px solid #999999;
/* border: 1px solid #ff0000; */    
}
.EntryTitle a:link, .EntryTitle a:visited {
    font-weight:bold;
    text-decoration:none;
    color:#333333;
}
.EntryTitle a:hover {
    color:#999999;
}
/*記事を投稿した日が記載されている部分*/
.EntryWriteDate {
    color: #999999;
    text-align: right;
    float: right;
/* border: 1px solid #0000ff; */
    font-size: 10px;
    width: 200px;
    margin: 10px 0 0 0;
    padding: 0 10px 0 0;
}
/*各記事タイトル部分の文字色設定*/
.EntryTitleFont {}
/*各記事やコメント、トラックバックなどの総合のブロック部分*/
.EntryTextBox {}
/*記事本文が記載される部分*/
.EntryText {
    padding:1em 0;
    margin: 0 0 0 20px;
    line-height:1.4;
}
.EntryText * {
    line-height:1.4;
}
.EntryText img {
    padding:5px;
    margin:10px;

}
.EntryText img.border {
    border: 1px solid #d0d0d0;
}
.EntryText img.floatL {
   float: left;
}
.EntryText ul {
    margin:0.5em 0;
    list-style:disc inside;
}
.EntryText ol {
    margin:0.5em 0;
    list-style:decimal inside;
}
.EntryText td,
.EntryText th {
    padding:0.5em;
    border:1px solid #999999;
}
.EntryText blockquote,
.EntryText quote {
    margin:10px 10px 10px 20px;
    padding: 5px 10px 5px 10px;
    border: 1px solid #e0e0e0;
    color: #505050;
    font-size: 11px;
    background-color: transparent;
    background-image: url('http://file.ffxiv.game-ss.com/backgroundQuote.png');
    background-position: right top;
    background-repeat: no-repeat; 
    background-attachment: scroll;
    
}
/*記事のカテゴリ名が記載されている部分*/
.EntryCategory {
    color: #999999;
    font-size: 10px;
    line-height: 16px;
    padding: 0 0 3px 0;
/* border: 1px solid #00ffff; */ 
}
/*「つづきを読む」が記載される部分*/
.EntryPsText {
    margin: 0 20px 0 0;
    padding: 0 0 0 0;	/* icon=70px*30px */
    text-align: right;
    height:30px;
/* 	border: 1px solid #ff00ff; */
}
.EntryPsText img:hover {
    background-color: #f0e0ff;
    border: 1px solid #eeccff;
}

/*拍手ボタンの設定*/
.NinjaClap {
    padding:1em 0 0;
}
.NinjaClap a img {
    margin:0 0.5em;
    vertical-align:middle;
}

/*記事へのリンク（コメントやトラックバック等）の背景*/
.EntryFooter {
    padding:0.3em 0 1em;
    text-align:right;
/*    border-top:1px solid #999999; */
}
.EntryFooter ul {}
.EntryFooter li {
    padding:0 0 0 1em;
    display:inline-block;
    float:right;
}
.EntryFooter li a:link, .EnryFooter li a:visited {
    display:inline-block;
    padding:0 0 0 13px;
    background:url(http://bfile.shinobi.jp/img/ico-arrow1.gif) no-repeat 0 50%;
    text-decoration:none;
}
.EntryFooter li a:hover {
    text-decoration:underline;
}
/*記事の投稿者名が記載されている部分*/
.EntryUserName {}
/*記事へのコメントリンクが記載されている部分*/
.EntryComment {}
/*次の記事やHOMEへのリンクが表示される背景部分*/
.PageLinkBlock {
    margin:0 auto;
    display:block;
    padding:2em 0;
}
.PageLinkBlock ul {
    text-align:center;
}
.PageLinkBlock li{
    padding:0 0.3em;
    display:inline;
}
.PageLinkBlock li a.prev {
    padding-right:13px;
    background:url(http://bfile.shinobi.jp/img/ico-arrow2.gif) no-repeat 100% 50%;
}
.PageLinkBlock li a.next {
    padding-left:13px;
    background:url(http://bfile.shinobi.jp/img/ico-arrow1.gif) no-repeat 0 50%;
}

.PageLink10 {
    padding:2em 0 0;
    text-indent:center;
}



/**************************************************************************************
  各コメント表示部分の設定
**************************************************************************************/
/*コメント全体の設定*/
.CommentBlock{
    padding:1em 0 0;
}
/*この記事にコメントする　と書かれてる部分の設定*/
.CommentMenuTitle{
    padding:0.5em 0 0.2em;
    font-size:115%;
    font-weight:bold;
    line-height:1.4;
    border-bottom:1px solid #999999;
}

/*コメントを投稿するフォーム全体の設定*/
.CommentFormBlock{
    padding:1em 0 0;
}
/*コメントフォーム項目名設定*/
.CommentFormBlock table {
    margin:0 auto;
}
.CommentFormTh{
    padding:0 0.5em 0.5em 0;
    white-space:nowrap;
    text-align:right;
    vertical-align:middle;
}
/*コメントフォーム入力欄設定*/
.CommentFormTd{
    padding:0 0 0.5em 0;
}
/*inputタグやtextareaの設定*/
.CommentForms{
    width:480px;
}
textarea.CommentForms{
    resize:none;
    font-size:15px;
}
.CommentFormBlock select{
    border:1px solid #cccccc;
}
.CommentForms_pass{
    width:150px;
    vertical-align:middle;
}
.CommentFormTd.emoji img {
    padding-left:0.5em;
    vertical-align:middle;
}
/*コメントフォーム送信ボタンの設定*/
.CommentFormSubmit{
    clear:both;
    padding:1em 0;
    text-align:center;
}
.CommentFormSubmit input {
    padding:0.5em 1em;
    background:#efefef;
    cursor:pointer;
}
.CommentFormSubmit input:hover {
    background:#f9f9f9;
    color:#999999;
}

/*コメントのタイトル、コメント、コメント情報の全ての背景部分*/
.CommentTextBox{
    padding:1em 0 0;
}
/*コメントのタイトル部分*/
.CommentTitle{
    padding:0.5em 0 0.2em;
    font-size:110%;
    font-weight:bold;
    line-height:1.4;
    border-bottom:1px solid #999999;
}
/*コメント部分*/
.CommentText {
    padding:1em 0;
    line-height:1.4;
}
.CommentText * {
    line-height:1.4;
}
/*投稿者や投稿時間などが表示されている部分*/
.CommentFooter{
    padding:0.3em 0 1em;
    text-align:right;
    border-top:1px solid #999999;
}
.CommentFooter li{
    padding:0 0 0 1em;
    display:inline-block;
    float:right;
}
.CommentFooter li a:link, .EntryFooter li a:visited {
    display:inline-block;
    padding:0 0 0 13px;
    background:url(http://bfile.shinobi.jp/img/ico-arrow1.gif) no-repeat 0 50%;
    text-decoration:none;
}
.CommentFooter li a:hover {
    text-decoration:underline;
}
/*投稿者名の部分*/
.CommentUserName{}
/*投稿者のホームページへのリンク部分*/
.CommentURL{}
/*投稿された時間が記載されている部分*/
.CommentWriteDate{
    margin-left:1em;
    padding:0 0 0 13px;
    background:url(http://bfile.shinobi.jp/img/ico-arrow1.gif) no-repeat 0 50%;
    text-decoration:none;
    color:#666666;
}
/*コメント編集へのリンク部分*/
.CommentEdit{}

/*-------------------------------------------------------
  コメント -> コメント編集部分デザイン
-------------------------------------------------------*/
.CommentBlock.edit {
    margin:2em auto;
    padding:2em;
    border:1px solid #cccccc;
    width:630px;
}


/*-------------------------------------------------------
  コメント -> 管理者返信部分デザイン
-------------------------------------------------------*/
/* 管理者返信部分全体の設定 */
.CommentResBlock {
    padding-left:4em;
}
/* 管理者返信部分内側の設定 */
.CommentResBox {
    padding:1em 0 0;
}
/* 管理者返信のタイトル */
.CommentResTitle {
    padding:0.5em 0 0.2em;
    font-size:110%;
    font-weight:bold;
    line-height:1.4;
    border-bottom:1px solid #999999;
}
/* 管理者返信の本文 */
.CommentResText {
    padding:1em 0;
    line-height:1.4;
}
/* 管理者返信のフッター */
.CommentResFooter {
    padding:0.3em 0 1em;
    text-align:right;
    border-top:1px solid #999999;
}
.CommentResFooter ul {}
.CommentResFooter li {
    margin-left:1em;
    padding:0 0 0 13px;
    display:inline-block;
    float:right;
    background:url(http://bfile.shinobi.jp/img/ico-arrow1.gif) no-repeat 0 50%;
    text-decoration:none;
    color:#666666;
}


/**************************************************************************************
  カレンダープラグイン用デザイン
**************************************************************************************/
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）*/
.CalendarMoveTable {
    margin:0 auto;
    width:80%;
    border-top:1px solid #999;
    border-right:1px solid #999;
    border-left:1px solid #999;
}
.CalendarMoveTable td {
    height:23px;
    text-align:center;
    vertical-align:middle;
}
.CalendarMoveTable td a:link,
.CalendarMoveTable td a:visited,
.CalendarMoveTable td a:hover {
    text-decoration:none;
}
/*カレンダー日付移動用テーブル、<tr>タグ部分のデザイン*/
.CalendarMoveTr {}
/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.CalendarPrevTd a {
    padding-left:1em;
    background:url(http://bfile.shinobi.jp/img/ico-arrow2.gif) no-repeat 0 50%;
}
/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.CalendarNowTd {}
/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
.CalendarNextTd a {
    padding-right:1em;
    background:url(http://bfile.shinobi.jp/img/ico-arrow1.gif) no-repeat right 50%;
}
/*カレンダー表示用テーブル*/
.CalendarTable {
    margin:0 auto;
    width:80%;
}
.CalendarTable th, .CalendarTable td {
    height:23px;
    border:1px solid #999;
    text-align:center;
    vertical-align:middle;
}



/*-------------------------------------------------------
  カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分（<tr>タグ部分）のデザイン*/
.CalendarWdayTr {}
/*曜日表示部分、日曜日の<th>タグ部分デザイン*/
.CalendarWdaySun {
    text-align:center;
    color:#dd3333;
    background:#ffeeee;
    font-weight:bold;
}
/*曜日表示部分、土曜日の<th>タグ部分デザイン*/
.CalendarWdaySat {
    text-align:center;
    color:#3333dd;
    background:#eeeeff;
    font-weight:bold;
}
/*曜日表示部分、平日の<th>タグ部分デザイン*/
.CalendarWday {
    text-align:center;
    font-weight:bold;
    color#666666;
    background:#efefef;
}



/*-------------------------------------------------------
  カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分（<tr>タグ部分）のデザイン*/
.CalendarTr {}
/*日付表示部分、日曜日の<td>タグ部分デザイン*/
.CalendarTdSun {
    text-align:center;
}
/*日付表示部分、土曜日の<td>タグ部分デザイン*/
.CalendarTdSat {
    text-align:center;
}
/*日付表示部分、平日曜日の<td>タグ部分デザイン*/
.CalendarTd {
    text-align:center;
    color#666666;
}
/*記事が存在する場所の設定*/
.CalendarTdLink {}
.CalendarTdLink a {
    padding:4px 0;
    display:block;
    height:15px;
    text-align:center;
}
.CalendarTdLink a:hover {
}
/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont {
    font-weight:bold;
}



/**************************************************************************************
  ブログ内検索用デザイン
**************************************************************************************/
.blogsearch .box {
    width:100px;
    padding:3px;
}
.blogsearch .btn {
    background:#efefef;
    cursor:pointer;
}
.blogsearch .btn:hover {
    background:#f9f9f9;
    color:#999999;
}


/**************************************************************************************
  バーコード用デザイン
**************************************************************************************/
.qrcode_image {
    text-align:center;
}