/**************************************************************************************
かんたんにテンプレートをカスタマイズできるように、テンプレート本文とCSSにコメントを追加したものです。
勿論このままでも、シンプルなテンプレートとしてご利用いただけます。

かんたんカスタマイズ用ですが、テンプレート配布元へのリンクなどは消さないでください。

**************************************************************************************/


/**************************************************************************************
全ブロックの共通設定
**************************************************************************************/
/*BODY全体に関する設定*/
body {
align:center;
font-size:10pt; /*全体のフォントサイズ。小さくしたい場合は9pt程度まで数字を下げてみて下さい。*/
color:#666666; /*ブログ全体のフォントの色*/
font-family:"Verdana","ヒラギノ角ゴ Pro W3","MS UI Gothic","Osaka‐等幅"; /*フォントの指定です。あまり変更しないほうがいいと思います*/
background-color:#f5f5f5;
}

/*<td>の全ての設定*/
td {
text-align:center;
}

/*table全ての設定*/
table{
border-collapse: collapse;
}

/*通常のリンクの設定*/
a:link {
color:#666666;
text-decoration:none;
}
/*過去に見たことがあるページのリンクの設定*/
a:visited{
color:#666666;
text-decoration:none;
}
/*カーソルが合っている状態のリンクの設定*/
a:hover {
text-decoration:none;
color:#6666FF;
}
/*アクティブ状態のリンクの設定*/
a:active {
text-decoration:none;
color:#6666FF;
}
/*全体の設定*/
#mainBlock {
width:760px; /*全体の幅のサイズです。これを変更する場合、メインブロックとプラグイン、トップブロックのサイズも一緒に変更して下さい*/
height:100%;
margin:0 auto 0 auto;
text-align: center;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
background-image:url('http://file.ohplus.blog.shinobi.jp/blog76010w.jpg');
background-repeat:repeat-y;
}
/*テキスト左寄せ*/
.left {
text-align:left;
}
/*テキスト中央寄せ*/
.center {
text-align:center;
}
/*テキスト右寄せ*/
.right {
text-align:right;
}
/*画像の設定*/
.image {
border-width: 0px;
border-style: none;
border-color: #999999;
background: #ffffff;
padding: 10px 0px 10px 20px;
}
/**************************************************************************************
トップブロック用デザイン
**************************************************************************************/
/*一番上のブロック（タイトルが書かれる場所）の設定*/
#TopBlock {
position: relative;
width:710px;/*タイトル部分の幅のサイズです。これを変更する場合、メインブロックとプラグインのサイズも一緒に変更して下さい*/
height: 120px; /*タイトルの高さはここで指定できます。*/
margin-left: 10px;
margin-right: 40px;
text-align: left;
background-image:url('トップ画像を利用する場合はここにURLを書いて下さい。画像の高さに合わせて、タイトルの高さも変更して下さい。');
background-color:#ffffff;
border-bottom-color: #ffff99;
border-bottom-style: solid;
border-bottom-width: 10px;

}
/*ページタイトル文字部分の設定*/
#TopTitle {
padding: 20px 0px 0px 10px;
font-size:18pt;
font-weight:bold;
}
/*ページタイトル文字色の設定*/
.TopTitleFont {
color:#666666;
}
/*ページタイトルの下に来るブログの説明文書*/
#TopExplanation {
padding: 10px 0px 20px 15px;/*説明はここで指定できます。改行などを行いたい場合については、ブログテンプレートに直接書き込んでください*/
}
/*オープラスデザインへのリンク*/
#gnavi {
font-size:9pt;
position: absolute;
right: 0px;
bottom: 3px;
}
/**************************************************************************************
  プラグインブロック＋記事ブロック　ベース黄色
**************************************************************************************/
#pagebody {
width: 710px;
height: 100%;
margin-left: 10px;
margin-right: 40px;
background-image:url('http://file.ohplus.blog.shinobi.jp/blog71010y.jpg');
background-repeat:repeat-y;
}
#pagebody:after {
content: ".";
font-size: 0.1em;
line-height: 0;
display: block;
height: 0;
visibility: hidden;
clear: both;
}
#pagebody {
display: inline-block;
}
/**************************************************************************************
  プラグインブロック用デザイン
**************************************************************************************/
/*プラグイン表示箇所全体の設定*/
.PluginBlock {
width: 190px;/*プラグインの幅を変更する場合はここのサイズを変更して下さい*/
height: 100%;
text-align: left;
float:left;
line-height:120%;
}
/*プラグイン表示箇所の背景や余白設定*/
.PluginInnerBlock {
padding:40px 0px 0px 0px;
}
/*プラグインのタイトル（名称）部分の設定*/
.PluginTitle {
font-size:9pt;
padding-top:5px;
padding-bottom:8px;
padding-left:15px;
font-weight:bold;
background-repeat:no-repeat;
background-image:url('http://file.ohplus.blog.shinobi.jp/blogplugin.jpg');
background-position:left top;
}
/*プラグインの説明部分の設定*/
.PluginExplanation {
padding: 10px 20px 10px 10px;
font-size:10px;
background-color:#FFFF99;
}
/*プラグインが表示される場所の設定*/
.PluginContents {
padding: 10px 20px 10px 10px;
font-size:10px;
background-color:#FFFF99;
}
/**************************************************************************************
  記事ブロック用デザイン
**************************************************************************************/
/*記事繰り返し処理全ての部分の設定*/
#EntryBlock {
line-height:150%;/*記事本文の行間の指定です*/
width: 500px; /*記事の幅のサイズです*/
height: 100%;
background-image:url('http://file.ohplus.blog.shinobi.jp/blog52010w.jpg');
background-repeat:repeat-y;
padding-left: 20px;
float:right;
text-align: left;
}
/*記事表示部分の背景や余白等の設定*/
.EntryInnerBlock {
padding: 20px 0px 20px 0px;
text-align: left;
}
/*各記事タイトル部分の設定*/
.EntryTitle {
width: 489px;
margin-left: 0px;
padding:10px 0px 3px 15px;
text-align: left;
font-size:14pt;
font-weight:bold;
border-style:solid;
border-color:#999999;
border-top-width:0px;
border-right-width:0px;
border-bottom-width:1px;
border-left-width:6px;
background-color:#FFFFFF;
}
/*各記事やコメント、トラックバックなどの総合のブロック部分*/
.EntryTextBox {
padding: 10px 0px 0px 20px;
background-color:#FFFFFF;
}
/*記事本文が記載される部分*/
.EntryText {
padding: 10px 0px 10px 0px;
}
/*追記文書が記載される部分*/
.EntryPsText {
padding: 10px 50px 10px 0px;
}
/*記事へのリンク（コメントやトラックバック等）の背景*/
.EntryFooter {
text-align:right;
padding: 10px 0px 10px 0px;
}
/*記事の投稿者名が記載されている部分*/
.EntryUserName {
font-size:9px;
}
/*記事を投稿した日が記載されている部分*/
.EntryWriteDate {
text-align:right;
margin-left: 5px;
font-size:9px;
color:#666666;
}
/*記事のカテゴリ名が記載されている部分*/
.EntryCategory {
margin-left: 5px;
font-size:9px;
}
/*記事へのコメントリンクが記載されている部分*/
.EntryComment {
margin-left: 5px;
font-size:9px;
}
/*記事へのトラックバックリンクが記載されている部分*/
.EntryTrackback {
margin-left: 5px;
font-size:9px;
}
/*次の記事やHOMEへのリンクが表示される背景部分*/
.PageLinkBlock{
text-align:left;
padding:10px 0px 10px 20px;
}
/**************************************************************************************
  各コメント表示部分の設定
**************************************************************************************/
/*コメント全体の設定*/
.CommentBlock{
padding: 10px 0px 10px 0px;
background-color:#FFFFFF;
}
/*この記事にコメントする　と書かれてる部分の設定*/
.CommentMenuTitle{
text-align: left;
padding: 10px 0px 10px 20px;
background-color:#ffffff;
border: none 0px #999999;
font-weight:bold;
}
/*コメントのタイトル、コメント、コメント情報の全ての背景部分*/
.CommentTextBox{
padding: 10px 0px 0px 20px;
border: none 0px #999999;
}
/*コメントのタイトル部分*/
.CommentTitle{
text-align: left;
font-size:11pt;
font-weight:bold;
color:#666666;
padding: 40px 0px 0px 0px;
border-top: solid 1px #999999;
border-right: none 0px #999999;
border-bottom: none 0px #999999;
border-left: none 0px #999999;
background-color:#FFFFFF;
}
/*コメント部分*/
.CommentText{
color:#666666;
padding: 10px 50px 10px 0px;
background-color:#FFFFFF;
}
/*投稿者や投稿時間などが表示されている部分*/
.CommentFooter{
border: none 0px #999999;
text-align:right;
padding: 10px 0px 0px 0px;
font-size:9px;
}
/*投稿者名の部分*/
.CommentUserName{
margin-left: 5px;
font-size:9px;
}
/*投稿者のホームページへのリンク部分*/
.CommentURL{
margin-left: 5px;
font-size:9px;
}
/*投稿された時間が記載されている部分*/
.CommentWriteDate{
margin-left: 5px;
font-size:9px;
}
/*コメント編集へのリンク部分*/
.CommentEdit{
margin-left: 5px;
font-size:9px;
}
.CommentText {
font-size: 9pt;
}
/*コメントを投稿するフォーム全体の設定*/
.CommentFormBlock{
padding: 10px 0px 10px 20px;
}
/*コメントフォーム用テーブル*/
.CommentFormTable{
background-color:#FFFFFF;
}
/*コメントフォームTHタグ設定*/
.CommentFormTh{
padding-top:5px;
text-align:right;
font-size:10px;
background-color:#ffffff;
color:#666666;
}
/*コメントフォームTDタグ設定*/
.CommentFormTd{
padding-top:2px;
text-align:left;
background-color:#FFFFFF;
padding-right:5px;
padding-bottom:2px;
padding-left:5px;
}
/*コメントフォーム送信ボタンのTDタグ設定*/
.CommentFormSubmit{
text-align:left;
padding-top:20px;
}
/*inputタグやtextareaの設定*/
.CommentForms{
background-color:#FFFFFF;
}
.CommentResText {
padding:10px 50px 10px 0px;
}
.CommentResFooter {
font-size:9px;
text-align:right;
padding:10px 0px 0px 0px;
}

/**************************************************************************************
  トラックバック表示部分の設定
**************************************************************************************/
/*トラックバック全体の設定*/
.TrackbackBlock{
padding: 10px 0px 10px 20px;
background-color:#FFFFFF;
border: none 0px #999999;
}
/*トラックバックメニューのタイトル部分*/
.TrackbackMenuTitle{
text-align: left;
background-color:#ffffff;
font-size: 11pt;
font-weight:bold;
padding: 40px 0px 0px 0px;
border-top: solid 1px #999999;
border-right: none 0px #999999;
border-bottom: none 0px #999999;
border-left: none 0px #999999;
}
/*トラックバックのタイトル、記事、リンク部分の総合設定*/
.TrackbackTextBox{
padding: 10px 0px 0px 0px;
}
/*トラックバックタイトルの部分*/
.TrackbackTitle{
text-align: left;
font-size: 11pt;
font-weight:bold;
padding: 40px 0px 0px 0px;
border-top: solid 1px #999999;
border-right: none 0px #999999;
border-bottom: none 0px #999999;
border-left: none 0px #999999;
background-color:#FFFFFF;
}
/*トラックバックの記事部分*/
.TrackbackText{
padding: 10px 50px 10px 0px;
line-height:140%;
background-color:#FFFFFF;
}
/*投稿されたブログ名やリンクなどを表示する部分の設定*/
.TrackbackFooter{
text-align:right;
padding: 10px 0px 0px 0px;
font-size:9px;
color:#666666;
}
/*トラックバック元のブログ名部分*/
.TrackbackUserName{
padding: 10px 0px 10px 0px;
font-size:9px;
}
/*トラックバック元へのリンク部分*/
.TrackbackFromURL{
margin-left: 5px;
font-size:9px;
}
/*トラックバックされた日付部分*/
.TrackbackWriteDate{
margin-left: 5px;
font-size:9px;
}
/*この記事のトラックバック　と書かれた部分の設定*/
.TrackbackURLTitle{
padding: 10px 0px 10px 0px;
text-align: left;
}
/*トラックバックする為のURLが記載されているフォーム部分の設定*/
.TrackbackURL{
padding: 10px 0px 10px 0px;
}
/**************************************************************************************
  各プラグイン共通項目用設定
**************************************************************************************/
/*各プラグイン処理内の基本デザイン*/
.Plugin_data {
text-align:left;
padding:5px;
}
/*各プラグイン処理内基本デザインの下に記載する日付など*/
.Plugin_data_date {
text-align:right;
}
/**************************************************************************************
  カレンダープラグイン用デザイン
**************************************************************************************/
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）*/
.CalendarMoveTable {
padding:3px 2px 3px 2px;
width:80%;
font-size: 10px;
background-color:#ffff99;
}
/*カレンダー日付移動用テーブル、<tr>タグ部分のデザイン*/
.CalendarMoveTr {
}
/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.CalendarPrevTd {

background-color:#ffff99;
padding-bottom:5px;
}
/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.CalendarNowTd {
background-color:#ffff99;
padding-bottom:5px;
}
/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
.CalendarNextTd {
background-color:#ffff99;
padding-bottom:5px;
}
/*カレンダー表示用テーブル*/
.CalendarTable {
width:80%;
padding:3px;
background-color:ffff99;
}
/*-------------------------------------------------------
  カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分（<tr>タグ部分）のデザイン*/
.CalendarWdayTr {
}
/*曜日表示部分、日曜日の<th>タグ部分デザイン*/
.CalendarWdaySun {
font-size:10px;
color:#666666;
background-color:#ffff99;
font-weight:bold;
}
/*曜日表示部分、平日の<th>タグ部分デザイン*/
.CalendarWday {
font-size:10px;
color:#666666;
background-color:#ffff99;
font-weight:bold;
}
/*曜日表示部分、土曜日の<th>タグ部分デザイン*/
.CalendarWdaySat {
font-size:10px;
color:#666666;
background-color:#ffff99;
font-weight:bold;
}
/*-------------------------------------------------------
  カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分（<tr>タグ部分）のデザイン*/
.CalendarTr {
}
/*日付表示部分、日曜日の<td>タグ部分デザイン*/
.CalendarTdSun {
font-size:10px;

color:#666666;
background-color:#ffff99;
}
/*日付表示部分、土曜日の<td>タグ部分デザイン*/
.CalendarTdSat {

font-size:10px;
color:#666666;
background-color:#FFFF99;
}
/*日付表示部分、平日曜日の<td>タグ部分デザイン*/
.CalendarTd {
font-size:10px;
color:#666666;
background-color:#FFFF99;
}
/*記事が存在する場所の設定*/
.CalendarTdLink {
background-color:#FFFFFF;
font-size:10px;
font-weight:bold;
}
/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont {
color:#6666FF;
}
/**************************************************************************************
フッターブロック用デザイン
**************************************************************************************/
/*一番下のブロック（著作権表示が書かれる場所）の設定*/
#FooterBlock {
clear:both;
position: relative;
width: 710px;
height: 30px;
text-align: right;
font-size:9px;
margin-left: 10px;
margin-right: 40px;
}
#footerback {
position: absolute;
left: 0px;
}
/*-------------------------------------------------------
  コメント -> 管理者返信部分デザイン
-------------------------------------------------------*/
.CommentResBlock {
padding:10px 0px 0px 20px;
border: none 0px #666666;
}

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

.CommentResTitle {
text-align: left;
background-color:#ffffff;
font-size: 11pt;
font-weight:bold;
padding: 40px 0px 0px 0px;
border-top: solid 1px #999999;
border-right: none 0px #999999;
border-bottom: none 0px #999999;
border-left: none 0px #999999;
}