/**************************************************************************************
全ブロックの共通設定
**************************************************************************************/
/*BODY全体に関する設定*/

body {
   background-image: url();
   background-repeat: repeat-y;
   background-position: bottom;
   background-color:rgba(210,74,120,0.2);
   margin:0px 0;
   padding:0;
   line-height:1.4;
   letter-spacing:0.4px;
   font-family:Verdana, Helvetica, sans-serif;
   font-size:13px;
   color:#333;
}

br {
   letter-spacing:normal;
}

a {
   color:#333;
   text-decoration:none;
}

a:hover {
   color:#31001D;
   text-decoration:none;
}

img {
   border:;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}



/* ========TEMPLATE LAYOUT======== */
#top {


   width:100%px;
   max-width: 1500px;
   height:autopx;
   margin:0 auto;
   padding:5% 5% 5% 5%;
   background-color:rgba(180,105,128,1);
}

#header {
   width:100%;
   max-width: 1500px;
}

#menu {
   width:100%;
   max-width: 1500px;
}



table.menu{
    width:100%;
    color:#ffffff;
    background-color:rgba(332,167,197,0.7);
    border-color:rgba(332,167,197,0.7);
    text-align:center;
　font-size:12px;
}

table.menu td{
    color:white;
}

table.menu td:hover{
    color:#8C6D72;
    background-color:rgba(332,167,197,0.9);
    border-color:rgba(332,167,197,0.9);
    text-align:center;
}





#contents {
    clear:both;
    width:100%px;
    max-width: 1500px;
    background-image:url(http://lafelechat.himegimi.jp/images/sirorenga.jpg);
}

#headImage {
   width:100%;
   max-width: 1500px;
}

#main {
   float:left;
   width:98%;
   height:autopx;
   padding:0px 0px 0px 10px;
}


#footer {
   clear:both;
   width:100%px;
   max-width: 1500px;
}

/* 回り込み解除 */
#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}



/* ========HEADER CUSTOMIZE======== */
#header h1 {
   margin:0;
   padding:0;
   font-size:32px;
   color:#fff;
   line-height:80px;
}

#header h1 a {
   color:#624643;
}

#header h1 a:hover {
   color:#AE847F;
}

#headImage {
   width:100%;
   height:200px;
   overflow:hidden;
   position:relative;
   list-style:none;
}

#headImage ul {
   list-style:none;
   margin:0;
   padding:0;
}

#headImage li {
   position:absolute;
   background:#fff;
}
/* ========MENU CUSTOMIZE======== */


#menu ul {
   margin:0;
   padding:0;
}




/* 回り込み解除 */
#menu ul:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* ========HEADLINE CONTENTS CUSTOMIZE======== */
#contents h1 {
   margin-bottom:8px;
   padding:5px;
   color:#fff;
   font-family:Georgia;
   font-size:20px;
   font-weight:bold;
   background:#FFA7C5;
}


/* ========MAIN CONTENTS CUSTOMIZE======== */
#main a {
   color:#bf7fff;
}

#main a:hover {
   color:#D2447B;
   border:0;
   border-bottom:1px solid #F7D9F0;
}

#main h2 {
   margin-bottom:8px;
   padding:2px 2px 2px 0px;
   color:#31001D;
   font-size:14px;
   font-weight:bold;
   border-bottom:3px double #333;
}

#main h3 {
   margin-bottom:3px;
   padding:5px 4px;
   font-size:15px;
   color:#fff;
   background-color:rgba(209,96,20,0.5);
}

#main h4 {
   margin-bottom:2px;
   font-size:13px;
   color:#551b14;
   border-bottom:2px solid #551b14;
}

#main h5 {
   margin-top:5px;
   margin-bottom:2px;
   padding-left:5px;
   font-size:13px;
   color:#551b14;
   border-left:8px solid #551b14;
}

#main h6 {
   font-size:13px;
   color:#551b14;
}

#main p {
   margin:0 0 1em 0;
}

#main dt {
   margin-bottom:3px;
}

#main dd {
   padding:0;
   margin:0 0 0.5em 1em;
   padding:3px;
   background:#f1f1f1;
}




/* ========PAGETOP CUSTOMIZE========= */
#pageTop {
   width:100%;
   max-width: 1500px;
   margin:8px 0;
   text-align:right;
   font-size:11px;
}

#pageTop a {
   padding:0 0 0 12px;
   background:url(../images/bg_pagetop.gif) 0 50% no-repeat;
}

/* ========FOOTER CUSTOMIZE======== */
.copyright {
   padding:5px 0;
   font-style:normal;
   font-size:11px;
   color:#333;
   text-align:right;
}




/*-------------------------------------------------------
　　　　　　　　　　　　　　メールフォーム設定
------------------------------------------------------- */

@media screen and (min-width:0px) and (max-width:600px){
/* メールフォームのタイトル(スマホ用) */
.mailform_sub_title{
   font-size:18px;
   font-family:"ヒラギノ角ゴ Pro W3",メイリオ,Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
   width:90%;
   min-height:35px;
   padding:0px 0px 5px 40px;
   margin:30px 0px 25px 0px;
   border-bottom:2px #9d9d9d dotted;
   background:url(image/sub-title.png) no-repeat;
}
}

@media screen and (min-width:900px) {
/* メールフォームのタイトル(PC用) */
.mailform_sub_title{
   font-size:15px;
   font-family:"ヒラギノ角ゴ Pro W3",メイリオ,Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
   width:100%;
   min-height:35px;
   padding:0px 0px 5px 45px;
   margin:30px 0px 25px 0px;
   border-bottom:2px #9d9d9d dotted;
   background:url(image/sub-title.png) no-repeat;
}
}

/* メールフォーム全体のスタイル */
#mail_top{
   width:90%;
   clear:both;
   font-size:12px;
   font-family:"ヒラギノ角ゴ Pro W3",メイリオ,Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

/*『name』パーツの入力項目のclass（inputなどの部分）*/
/*『mail』パーツの入力項目のclass（inputなどの部分）*/
/*『title』パーツの入力項目のclass（inputなどの部分）*/
#mail_top .name_parts,
#mail_top .mail_parts,
#mail_top .title_parts {
   width:100%;
   height:18px;
   max-width:350px;
   margin:0px;
   padding:10px;
   font-size:15px;
   font-family:"ヒラギノ角ゴ Pro W3",メイリオ,Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
   border:#ddd 1px solid;
}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#mail_top .textarea_parts {
   width:95%;
   max-width:600px;
   height:200px;
   margin:0px;
   padding:12px;
   font-size:8px;
   font-family:"ヒラギノ角ゴ Pro W3",メイリオ,Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
   border:#ddd 1px solid;
}

/*メールフォームの送信ボタンのclass*/
/*送信完了メッセージの戻るボタンのclass*/
#mail_top .result_submit_button,
#mail_top .submit_button {
   padding:10px;
   width:100px;
   height:35px;
   font-size:14px;
   font-weight:bold;
   font-family:"ヒラギノ角ゴ Pro W3",メイリオ,Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
   text-align:center;
   margin:0px 0px 50px 10px;
   padding:6px;
   cursor: pointer;
   border-radius: 5px;
   box-shadow: 1px 1px 3px 0px #ddd;
   background: #ededed;
   background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 50%,#ffffff 100%);
}









/*<td>の全ての設定*/
td {
text-align:center;
}
/*table全ての設定*/
table{
border-collapse: collapse;
}
/*通常のリンクの設定*/
a:link {
text-decoration:none;
color:#FFFFFF;
}
/*過去に見たことがあるページのリンクの設定*/
a:visited{
text-decoration:none;
color:#000000;
}
/*カーソルが合っている状態のリンクの設定*/
a:hover {
}
/*アクティブ状態のリンクの設定*/
a:active {
}

/*全体の設定*/
#mainBlock {
width:760px;
text-align: center;
background-image:url('');
background-repeat: repeat-y;
background-position: 200px 0%; 
}
/*テキスト左寄せ*/
.left {
text-align:left;
}
/*テキスト中央寄せ*/
.center {
text-align:center;
}
/*テキスト右寄せ*/
.right {
text-align:right;
}
/**************************************************************************************
ちょっとした設定
**************************************************************************************/
br {letter-spacing:0;}
.admin {text-align:left;font-size:90%;padding: 0px 0px 15px 10px;}
.EntryText a:link {text-decoration:underline;}
.EntryText a:visited{text-decoration:underline;}
.PluginContents a:link {text-decoration:underline;}
.PluginContents a:visited{text-decoration:underline;}
.PageLinkBlock a:link {color:#666666;}
.PageLinkBlock a:visited{color:#666666;}
.NinjaClap {margin: 0px 3px 0px 0px;}
.NinjaClap img {border: 0px; margin: 0px 3px 0px 0px;}
/**************************************************************************************
トップブロック用デザイン
**************************************************************************************/
/*一番上のブロック（タイトルが書かれる場所）の設定*/
#TopBlock {
width:760px;
height:100px;
text-align:right;
}
/*ページタイトル文字部分の設定*/
#TopTitle {
padding: 2% 3% 0px 0px;
font-size:16px;
font-weight:bold;
}
/*ページタイトル文字色の設定*/
.TopTitleFont {
color:#000000;
}
/*ページタイトルの下に来るブログの説明文書*/
#TopExplanation {
color:#000000;
font-size:10px;
padding:0% 0% 0% 0%;
border-top-width:px;
border-right-width:px;
border-bottom-width:px;
border-left-width:;
border-style:;
border-color:#;
background-color:;
}

/**************************************************************************************
フッターブロック用デザイン
**************************************************************************************/
/*一番下のブロック（著作権表示が書かれる場所）の設定*/
#FooterBlock {
clear:both;
height: 100px;
text-align: center;
}

/**************************************************************************************
  プラグインブロック用デザイン
**************************************************************************************/
/*プラグイン表示箇所全体の設定*/
.PluginBlock {
width: 200px;
text-align: left;
font-size:12px;
line-height:1.2;
letter-spacing:1.5;
float:left;
}
/*プラグイン表示箇所の背景や余白設定*/
.PluginInnerBlock {
padding:10px;
}
/*プラグインのタイトル（名称）部分の設定*/
.PluginTitle {
font-weight:bold;
font-size:13px;
border-style:none;
}
/*プラグインの説明部分の設定*/
.PluginExplanation {
padding: 5px;
}
/* プラグイン忍者広告表示部分 */

div.PluginContents .ninjaad   {
    padding: 5px;
    overflow: auto;
}
/**************************************************************************************
  記事ブロック用デザイン
**************************************************************************************/
/*記事繰り返し処理全ての部分の設定*/
#EntryBlock {
width: 560px;
float:right;
text-align: left;}

/*記事表示部分の背景や余白等の設定*/
.EntryInnerBlock {
padding: 10px 10px 30px 20px;
text-align: left;
}
/*各記事タイトル部分の設定*/
.EntryTitle {
text-align: left;
font-size:14px;
font-weight:bold;
padding-left:;
}
/*各記事タイトル部分の文字色設定*/
.EntryTitleFont {
}
/*各記事やコメント、トラックバックなどの総合のブロック部分*/
.EntryTextBox {
margin: 5px 0px;
}
/*記事本文が記載される部分*/
.EntryText {
padding: 10px;
font-size:12px;
}
/*追記文書が記載される部分*/
.EntryPsText {
padding: 20px;
text-align: right;
}
/*記事へのリンク（コメントやトラックバック等）の背景*/
.EntryFooter {
text-align:right;
padding:5px;
border-style:dashed;
border-color:#666666;
border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
border-bottom-width:1px;
font-size:10px;
}
/*記事の投稿者名が記載されている部分*/
.EntryUserName {
}
/*記事を投稿した日が記載されている部分*/
.EntryWriteDate {
margin-right: 5px;
text-align:left;
font-size: 12px;
}
/*記事のカテゴリ名が記載されている部分*/
.EntryCategory {
margin-left: 5px;
}
/*記事へのコメントリンクが記載されている部分*/
.EntryComment {
margin-left: 5px;
}
/*記事へのトラックバックリンクが記載されている部分*/
.EntryTrackback {
margin-left: 5px;
}
/*次の記事やHOMEへのリンクが表示される背景部分*/
.PageLinkBlock{
text-align:center;
padding:10px;
}
/**************************************************************************************
  各コメント表示部分の設定
**************************************************************************************/
/*コメント全体の設定*/
.CommentBlock{
padding:10px;
}
/*コメントを書く　と書かれてる部分の設定*/
.CommentMenuTitle{
text-align: left;
font-weight:bold;
}
/*コメントのタイトル、コメント、コメント情報の全ての背景部分*/
.CommentTextBox{
margin: 15px 14px;
padding:10px;
background-color:#EEEEEE;
border-style:solid;
border-color:#666666;
border-left-width:5px;
border-bottom-width:0px;
border-right-width:0px;
border-top-width:0px;
}
/*コメントのタイトル部分*/
.CommentTitle{
text-align: left;
font-weight:bold;
font-size:110%;

}
/*コメント部分*/
.CommentText{
padding: 10px;
}
/*投稿者や投稿時間などが表示されている部分*/
.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;
font-size:65%;
padding-left:30px;
padding-right:10px;
}
/*コメントフォームTDタグ設定*/
.CommentFormTd{
padding-top:5px;
text-align:left;
}
/*コメントフォーム送信ボタンのTDタグ設定*/
.CommentFormSubmit{
text-align:right;
}
/*inputタグやtextareaの設定*/
.CommentForms{
border:solid 1px #888888;
font-size:80%;
width:300px;
}
/**************************************************************************************
  トラックバック表示部分の設定
**************************************************************************************/
/*トラックバック全体の設定*/
.TrackbackBlock{
padding:10px;
}
/*トラックバックメニューのタイトル部分*/
.TrackbackMenuTitle{
text-align: left;
}
/*トラックバックのタイトル、記事、リンク部分の総合設定*/
.TrackbackTextBox{
margin: 5px 0px;
}
/*トラックバックタイトルの部分*/
.TrackbackTitle{
text-align: left;
}
/*トラックバックの記事部分*/
.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;
padding:5px;
}
/*各プラグイン処理内基本デザインの下に記載する日付など*/
.Plugin_data_date {
text-align:right;
}
/**************************************************************************************
  カレンダープラグイン用デザイン
**************************************************************************************/
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）*/
.CalendarMoveTable {
padding:3px;
width:80%;
font-size:110%;
}
/*カレンダー日付移動用テーブル、<tr>タグ部分のデザイン*/
.CalendarMoveTr {
}
/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.CalendarPrevTd {
padding-bottom:10px;
}
/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.CalendarNowTd {
padding-bottom:10px;
font-size:120%;
}
/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
.CalendarNextTd {
padding-bottom:10px;
}
/*カレンダー表示用テーブル*/
.CalendarTable {
width:80%;
padding:3px;
font-size:110%;
color:#777777;
}
/*-------------------------------------------------------
  カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分（<tr>タグ部分）のデザイン*/
.CalendarWdayTr {
font-size:110%;
}
/*曜日表示部分、日曜日の<th>タグ部分デザイン*/
.CalendarWdaySun {
padding-bottom:10px;
color:#555555;
}
/*曜日表示部分、平日の<th>タグ部分デザイン*/
.CalendarWday {
padding-bottom:10px;
color:#555555;
}
/*曜日表示部分、土曜日の<th>タグ部分デザイン*/
.CalendarWdaySat {
padding-bottom:10px;
color:#555555;
}
/*-------------------------------------------------------
  カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分（<tr>タグ部分）のデザイン*/
.CalendarTr {
}
/*日付表示部分、日曜日の<td>タグ部分デザイン*/
.CalendarTdSun {
}
/*日付表示部分、土曜日の<td>タグ部分デザイン*/
.CalendarTdSat {
}
/*日付表示部分、平日曜日の<td>タグ部分デザイン*/
.CalendarTd {
}
/*記事が存在する場所の設定*/
.CalendarTdLink {
}
/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont {
}
/*-------------------------------------------------------
  コメント -> 管理者返信部分デザイン
-------------------------------------------------------*/
.CommentResBlock {
	padding:10px 15px 10px 70px;
}

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

.CommentResTitle {
text-align: left;
font-weight:bold;
font-size:110%;
}

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

.CommentResFooter {
	text-align:right;
}
