@charset "utf-8";
/*
-----------------------------------------

 【CSS（スタイルシート）の編集目次】

　(1) 全体の構成
　(2) ヘッダー＆ナビ＆バナー
　(3) サイドバー
  (4) メッセージ
  (5) ページ送り
  (6) 記事囲み
  (7) コメント欄
  (8) フリースペース
  (9) フリープラグイン
  (10) 非表示箇所

-----------------------------------------*/

img {
vertical-align:bottom;/*IEでの画像下の1px隙間をなくす*/
}




/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■ (1) 全体の構成 ■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/* ■■■■■■■■■■ (1-1) ボディー＆フレーム ■■■■■■■■■■*/



html{
background:#ECF2E2 url(http://hitoiroblog.com/ameba/souphair/body-bg.png);
background-repeat: repeat-x;
/* background:transparent url(http://hitoiroblog.com/ameba/souphair/body-bg.png) repeat-x; *//*背景画像の表示位置、リピートを設定*/
}


/* skinBody ボディ */
.skinBody{}

.skinBody2{}

.skinBody3{}


/* skinFrame ブログ全体を囲うエリア */
.skinFrame{} /* ヘッダーバナー含む */
.skinFrame2{
width:950px;/*(950px-60px=950px)全体の横幅を設定*/
padding:0px;
margin:0 auto;
} /* ヘッダーバナー含まない */



.skinHeaderArea {
}



/* ■■■■■■■■■■ (1-2) コンテンツエリア ■■■■■■■■■■*/

.skinHeaderFrame {
height:535px;/*ヘッダー画像＋ナビの高さ＋ナビ下の余白分を設定*/
width:950px;/*全体の横幅を設定*/
/*top:-535px;*//*ヘッダー画像＋ナビの高さ＋ナビ下の余白分を設定*/
/*left:0;*/
background:transparent url(http://hitoiroblog.com/ameba/souphair/wrap-bg.png) repeat-y scroll center 0;
margin:0;
padding:0;
text-align:left;
position:absolute;
}


/* skinContentsFrame コンテンツを囲うエリア */
.skinContentsFrame{
top:535px;/*ヘッダー画像＋ナビの高さ＋ナビ下の余白分を設定*/
width:950px;/*全体の横幅を設定*/
background:transparent url(http://hitoiroblog.com/ameba/souphair/wrap-bg.png) repeat-y scroll center 0;/*背景画像の表示位置、リピートを設定*/
padding:0 0px;
display:block;
margin:0;
position:relative;
text-align:left;
}

/* skinContentsArea コンテンツ980pxエリア */
.skinContentsArea{
width:950px;
margin: 0 auto;
overflow: hidden;
padding-bottom: 30px;
/* 注 ベースのcssにwidth:980px;の記述有り */
}



/* ■■■■■■■■■■ (1-3) メインエリア ■■■■■■■■■■*/


.skinMainArea{
width:695px;
width:669px !important;/*記事の幅を設定*/
float: left !important;
margin:0;
padding: 0 0 0 25px;/*記事と左サイド間の余白幅を設定*/
}


/* ■■■■■■■■■■ (1-4) サイドバーエリア ■■■■■■■■■■*/

.columnC .layoutContentsA {
float: right;
width: 225px !important;
}

.skinSubArea{
width:255px;
width:225px !important;/* サイドバーエリア共通 */
}

/* サイドバーサイズ違いの場合はこちら */
.skinSubA{ /* 230pxのサイドバーエリア */
padding:0px 30px 0px 0px;
}
.skinSubB{ /* 230pxのサイドバーエリア */
padding:0px 0px 0px 19px;
}


/* ■■■■■■■■■■ (1-5) フッター ■■■■■■■■■■*/

div#footerArea{
display:none;
}
div#footerArea a{
display:none;
}

#ameFooter {
width:950px;/*(950px-60px=950px)全体の横幅を設定*/
background:transparent url(http://hitoiroblog.com/ameba/souphair/wrap-bg.png) repeat-y scroll center 0;
bottom: 0;
height: 0;
left: 0;
position: absolute;
}

#ameFooterImg {
width:950px;/*画像横幅サイズ調整*/
height:90px;/*画像縦サイズ調整*/
background: transparent url(http://hitoiroblog.com/ameba/souphair/wrap-footer.png) no-repeat center bottom;
padding:0px 0px;
}

#ameFooterImg span {
display: none;
}

#ameFooterImg .pagetop{
text-align:center;
padding-bottom:15px;
margin:0 !important;
}

#ameFooter .ame99{
text-align:right;
margin:0 !important;
padding:0 40px 0 0;
}

#ameFooter .copyright{
font-size:11px;
text-align:center;
margin:0 !important;
}


/* ■■■■■■■■■■ (1-6) 文字スタイル：全体 ■■■■■■■■■■*/

/* (1-5-1)通常文字 */
.skinTextColor,.skinBaseTextColor,.skinBlock,body{
color:#775228;/*文字カラー設定*/
font-size:13px;/*文字サイズ調整*/
line-height:1.5;/*行間調整*/
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック";
}


/* (1-5-2)リンク */
.skinAnchorColor,.skinBaseAnchorColor,.skinBlock a,a{
color:#775228;/*文字カラー設定*/
text-decoration:none;/*文字装飾_線無し*/
outline:none; /*クリックすると出る点線を消す*/
}

/* (1-5-3)マウスオーバーしたときのリンク */
.skinAnchorHoverColor,.skinBaseAnchorHoverColor,.skinBlock a:focus,.skinBlock a:hover,a:focus,a:hover{
color:#C89863;/*文字カラー設定*/
text-decoration:underline;/*文字装飾_下線*/
outline:none; /*クリックすると出る点線を消す*/
}

/* (1-5-4)訪問済のリンク */
.skinAnchorVisitedColor,.skinBaseAnchorVisitedColor,.skinBlock a:visited,a:visited{
color:#C89863;/*文字カラー設定*/
outline:none; /*クリックすると出る点線を消す*/
}

/* (1-5-5)弱い文字 */
.skinWeakColor,.skinBaseWeakColor{
color:#999999;
padding:0;
}

/* (1-5-6)強い文字 */
.skinStrongColor,.skinBaseStrongColor{
color:#C89863;
}


/* ■■■■■■■■■■ (1-7) 文字スタイル：記事／メッセージボード内 ■■■■■■■■■■*/

/*　※全体の文字配色と別に指定したい場合のみ指定　*/

/* (1-6-1)通常文字 */
.skinMainArea,.skinMainArea .skinTextColor,.skinArticleTextColor,.skinArticleBlock{}

/* (1-6-2)リンク */
.skinMainArea .skinAnchorColor,.skinArticleAnchorColor,.skinMainArea a,.skinArticleBlock a{
color:#775228;/*文字カラー設定*/
text-decoration:none;/*文字装飾_線無し*/
outline:none; /*クリックすると出る点線を消す*/
}

/* (1-6-3)マウスオーバーしたときのリンク */
.skinMainArea .skinAnchorHoverColor,.skinArticleAnchorHoverColor,.skinMainArea a:focus,.skinMainArea a:hover,.skinArticleBlock a:focus,.skinArticleBlock a:hover{
color:#C89863;/*文字カラー設定*/
text-decoration:underline;/*文字装飾_下線*/
outline:none; /*クリックすると出る点線を消す*/
font-weight:normal !important;
}

/* (1-6-4)訪問済のリンク */
.skinMainArea .skinAnchorVisitedColor,.skinArticleAnchorVisitedColor,.skinMainArea a:visited,.skinArticleBlock a:visited{
color:#775228;/*文字カラー設定*/
outline:none; /*クリックすると出る点線を消す*/
}

/* (1-6-5)弱い文字 */
.skinMainArea .skinWeakColor,.skinArticleWeakColor{}

/* (1-6-6)強い文字 */
.skinMainArea .skinStrongColor,.skinArticleStrongColor{}




/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■ (2) ヘッダー＆ナビ＆バナー ■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/* ■■■■■■■■■■ (2-1) ヘッダー ■■■■■■■■■■*/

#ameHeaderImg {
top:-535px;/*535px=450px+67px+18px（ヘッダー画像高さ＋横型ナビ画像1行分高さ+ナビ下の余白分）の合計を設定*/
left:0px;
position:absolute;
}

#ameHeaderImg a {
width:950px;/*全体の横幅を設定*/
height:450px;/*画像の高さに合わせて設定*/
background-image:url(http://hitoiroblog.com/ameba/souphair/A_header.png);/*ヘッダー画像URLを設定*/
background-position:left top;
background-repeat:no-repeat;
display:block;
margin:0;
text-indent:-9999px;
}


/* ■■■■■■■■■■ (2-1)グローバルナビゲーション ■■■■■■■■■■*/
#ameNavi {
top:-85px;/*85px=67px+18px 画像の高さ＋ナビ下の余白分に合わせて設定*/
left:0px;
_left:30px;/*IE6*/
position:absolute;
width:100%;/*IEのpositionバグ解決*/
}

.freespaceArea #ameNavi ul#ameTopNavi {
height:67px;/*ナビ１行分の高さを設定*/
width:950px;/*幅を設定*/
background:url(http://hitoiroblog.com/ameba/souphair/B_navi.png) no-repeat left top;/*画像URLを設定*/
padding:0px 0px 0px 0px;
margin:0 auto;
}

.freespaceArea #ameNavi ul#ameTopNavi li{
height: 67px;/*ナビ１行分の高さを設定*/
list-style: none;
display: block;
margin: 0px;
padding:0px;
float: left;
text-indent: -9999px;
}
.freespaceArea #ameNavi ul#ameTopNavi li a{
height: 67px;/*ナビ１行分の高さを設定*/
background:url(http://hitoiroblog.com/ameba/souphair/B_navi.png) no-repeat left top;/*画像URLを設定*/
display: block;
text-decoration: none;
padding: 0px;
overflow:hidden;
outline:none; 
}
.freespaceArea #ameNavi ul#ameTopNavi li#tn1 { width: 190px; }/*項目１の幅を設定*/
.freespaceArea #ameNavi ul#ameTopNavi li#tn2 { width: 190px; }/*項目２の幅を設定*/
.freespaceArea #ameNavi ul#ameTopNavi li#tn3 { width: 190px; }/*項目３の幅を設定*/
.freespaceArea #ameNavi ul#ameTopNavi li#tn4 { width: 190px; }/*項目４の幅を設定*/
.freespaceArea #ameNavi ul#ameTopNavi li#tn5 { width: 190px; }/*項目５の幅を設定*/
.freespaceArea #ameNavi ul#ameTopNavi li#tn6 { width: 190px; }/*項目６の幅を設定*/

.freespaceArea #ameNavi ul#ameTopNavi li#tn1 a { background-position: 0px 0; }
.freespaceArea #ameNavi ul#ameTopNavi li#tn2 a { background-position: -190px 0; }/*項目１の幅をマイナス付けて設定*/
.freespaceArea #ameNavi ul#ameTopNavi li#tn3 a { background-position: -380px 0; }/*項目１から２の合計幅をマイナス付けて設定*/
.freespaceArea #ameNavi ul#ameTopNavi li#tn4 a { background-position: -570px 0; }/*項目１から３の合計幅をマイナス付けて設定*/
.freespaceArea #ameNavi ul#ameTopNavi li#tn5 a { background-position: -760px 0; }/*項目１から４の合計幅をマイナス付けて設定*/
.freespaceArea #ameNavi ul#ameTopNavi li#tn6 a { background-position: -950px 0; }/*項目１から５の合計幅をマイナス付けて設定*/

.freespaceArea #ameNavi ul#ameTopNavi li#tn1 a:hover { background-position: 0px 100%; }
.freespaceArea #ameNavi ul#ameTopNavi li#tn2 a:hover { background-position: -190px 100%; }/*項目１の幅をマイナス付けて設定*/
.freespaceArea #ameNavi ul#ameTopNavi li#tn3 a:hover { background-position: -380px 100%; }/*項目１から２の合計幅をマイナス付けて設定*/
.freespaceArea #ameNavi ul#ameTopNavi li#tn4 a:hover { background-position: -570px 100%; }/*項目１から３の合計幅をマイナス付けて設定*/
.freespaceArea #ameNavi ul#ameTopNavi li#tn5 a:hover { background-position: -760px 100%; }/*項目１から４の合計幅をマイナス付けて設定*/
.freespaceArea #ameNavi ul#ameTopNavi li#tn6 a:hover { background-position: -950px 100%; }/*項目１から５の合計幅をマイナス付けて設定*/


/* ■■■■■■■■■■ (2-3)バナー ■■■■■■■■■■*/


.freespaceArea.subModule{
margin:0 !important;
}

.freespaceArea{
padding:0px 0px 0px 0px;
}

.freespaceArea img {
margin:0px 0px 10px 0px;/*バナーしたの余白高さを調整*/
}


.freespaceArea ul#ameBnr li#bn1,
.freespaceArea ul#ameBnr li#bn2,
.freespaceArea ul#ameBnr li#bn3 {
    height: 115px;/*画像高さ指定*/
	width: 225px;/*画像横幅指定*/
	margin: 0 0 10px 0px;/*画像下余白*/
    display: block;
    list-style: none outside none;
    padding: 0;
    text-indent: -9999px;
}


.freespaceArea ul#ameBnr li#bn1 a, 
.freespaceArea ul#ameBnr li#bn2 a, 
.freespaceArea ul#ameBnr li#bn3 a {
    height: 115px;/*画像高さ指定*/
	width: 225px;/*画像横幅指定*/
    display: block;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
}

.freespaceArea ul#ameBnr li#bn1 a:hover, 
.freespaceArea ul#ameBnr li#bn2 a:hover, 
.freespaceArea ul#ameBnr li#bn3 a:hover {
    background-position: 0 -115px;/*画像マイナス高さ指定*/
}

.freespaceArea ul#ameBnr li#bn1 a {
    background: url(http://hitoiroblog.com/ameba/souphair/C01_bnr.png) no-repeat scroll left top transparent;
}
.freespaceArea ul#ameBnr li#bn2 a {
    background: url(http://hitoiroblog.com/ameba/souphair/C02_bnr.png) no-repeat scroll left top transparent;
}
.freespaceArea ul#ameBnr li#bn3 a {
    background: url(http://hitoiroblog.com/ameba/souphair/C03_bnr.png) no-repeat scroll left top transparent;
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■ (3) サイド　　 ■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/* ■■■■■■■■■■ (3-1) 文字スタイル：サイド ■■■■■■■■■■*/
/*　※全体の文字配色と別に指定したい場合のみ指定　*/

/* (3-1-1)通常文字 */
.skinSubArea,.skinSubArea .skinTextColor,.skinSubTextColor,.skinSubBlock{}

/* (3-1-2)リンク */
.skinSubArea a,.skinSubArea .skinAnchorColor,.skinSubAnchorColor,.skinSubBlock a{
color:#775228;/*文字カラー設定*/
text-decoration:none;/*文字装飾_下線なし*/
}

/* (3-1-3)マウスオーバーしたときのリンク */
.skinSubArea a:focus,.skinSubArea a:hover,.skinSubArea .skinAnchorHoverColor,.skinSubAnchorHoverColor,.skinSubBlock a:focus,.skinSubBlock a:hover{
color:#C89863;
text-decoration:underline;/*文字装飾_下線*/
}
/* (3-1-4)訪問済のリンク */
.skinSubArea a:visited,.skinSubArea .skinAnchorVisitedColor,.skinSubAnchorVisitedColor,.skinSubBlock a:visited{
color:#775228;
}

/* (3-1-5)弱い文字 */
.skinSubArea .skinWeakColor,.skinSubWeakColor{}
/* (3-1-6)強い文字 */
.skinSubArea .skinStrongColor,.skinSubStrongColor{}


/* ■■■■■■■■■■ (3-2) サイド見出し ■■■■■■■■■■*/


/* skinMenuTitle サイドメニュータイトル文字 */
.skinMenuTitle{
width:225px;/*見出し画像の横幅を設定*/
height:40px;/*見出し画像の高さを設定*/
margin: 0;
padding: 0;
border:none;
background-position:0px 0px;
text-indent:-9999px !important;
background-repeat:no-repeat;
}


/* skinMenuHeader サイドメニュータイトル */
.skinMenuHeader{
width:225px;/*見出し画像の横幅を設定*/
height:40px;/*タイトル画像高さ調整*/
padding:0px !important;
}

/* ■■■■■■■■■■ サイドバーの各見出しの背景画像設定 ■■■■■■■■■■*/
/*各画像URLを設定*/
.profileMenu .skinMenuHeader{
background-image:url(http://hitoiroblog.com/ameba/souphair/D01_title-profile.png);/*プロフィール*/
text-indent: -9999px !important;
}
.recentEntriesMenu .skinMenuHeader{
background-image:url(http://hitoiroblog.com/ameba/souphair/D02_title-recententries.png);/*最近の記事*/
text-indent: -9999px !important;
}
.themeMenu .skinMenuHeader{
background-image:url(http://hitoiroblog.com/ameba/souphair/D03_title-theme.png);/*ブログテーマ*/
text-indent: -9999px !important;
}
.recentCommentMenu .skinMenuHeader{
background-image:url(http://hitoiroblog.com/ameba/souphair/D04_title-comments.png);/*最近のコメント*/
text-indent: -9999px !important;
}
.readerMenu .skinMenuHeader{
background-image:url(http://hitoiroblog.com/ameba/souphair/D06_title-readers.png);/*このブログの読者*/
text-indent: -9999px !important;
}
.rankingMenu .skinMenuHeader{
background-image:url(http://hitoiroblog.com/ameba/souphair/D07_title-ranking.png);/*ランキング*/
text-indent: -9999px !important;
}
.bookmarkMenu .skinMenuHeader{
background-image:url(http://hitoiroblog.com/ameba/souphair/D08_title-bookmarks.png);/*ブックマーク*/
text-indent: -9999px !important;
}
.archiveMenu .skinMenuHeader{
background-image:url(http://hitoiroblog.com/ameba/souphair/D09_title-archive.png);/*アーカイブ*/
text-indent: -9999px !important;
}
.calendarMenu .skinMenuHeader{
background-image:url(http://hitoiroblog.com/ameba/souphair/D10_title-calendar.png);/*カレンダー*/
text-indent: -9999px !important;
}
.favoriteMenu .skinMenuHeader{
background-image:url(http://hitoiroblog.com/ameba/souphair/D11_title-favorite.png);/*お気に入り*/
text-indent: -9999px !important;
}

#search .menu_title .skinMenuHeader{
background-image:url(http://hitoiroblog.com/ameba/souphair/D05_title-search.png);/*ブログ内検索の画像URLを設定*/
}


/* ■■■■■■■■■■ (3-3) サイド：メニュー内 ■■■■■■■■■■*/

/* (3-3-1)skinMenu メニューのエリア ：枠線*/

/*.skinMenu .profileMenu,*/
.skinMenu {
font-size:13px;
/*border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;*/
}/* 注　ベースのcssに margin-bottom の記述有り */
.skinSubA .skinMenu2{
background-color: #FFFFFF;
border-right: 1px solid #FFFFFF;
}
.skinSubB .skinMenu2{
background-color: #FFFFFF;
}


/* subA subB別に記述する場合 */
.skinSubA .skinMenu{}
.skinSubB .skinMenu{
background: none repeat scroll 0 0 #FFFFFF;/*左サイド内のカラー指定*/
}

/* (3-3-2)skinMenuBody メニューのエリア ：枠線内カラー指定*/

/* skinMenuBody サイドA(右) */
.skinSubA .skinMenuBody{
background: none repeat scroll 0 0 #FFFFFF;
margin:0px !important;
padding:10px;
/* border-bottom: 1px solid #339933;
border-left: 1px solid #339933;
border-right: 1px solid #339933; */
}

.skinSubB .skinMenuBody{
margin:0px !important;
padding:10px;
background:none !important;
/* border-bottom: 1px solid #339933;
border-left: 1px solid #339933;
border-right: 1px solid #339933; */
}

/* ■■■■■■■■■■ (3-4) サイド：リスト境界線■■■■■■■■■■*/

.skinSubHr,
.skinSubList li{
font-size:13px;/*フォントサイズ指定*/
background:url(http://hitoiroblog.com/ameba/souphair/bullet01.png) no-repeat left 0px;/*画像URLとリストマークの位置を設定*/
padding:10px 0px 7px 0px;/*リスト内余白*/
border-bottom:1px dotted #dddddd;/*下線の種類と色、太さを調整*/
margin-bottom:3px;
padding-bottom:3px;
line-height:1.3;
}

.skinSubList li a{
font-size:13px;/*フォントサイズ指定*/
color: #775228;
}

.skinSubList li a:hover{
font-size:13px;/*フォントサイズ指定*/
color:#C89863;/*文字カラー設定*/
text-decoration:underline;/*文字装飾_下線*/
}

/* subA subB別に記述する場合 */
.skinSubA .skinSubHr,
.skinSubA .skinSubList li{}

.skinSubB .skinSubHr,
.skinSubB .skinSubList li{}


/* ■■■■■■■■■■ (3-5) サイド：読者登録ボタン ■■■■■■■■■■*/

.readerRequestBtnArea .skinImgBtnS{
height:55px;/*ボタン画像の高さにあわせて調整*/
width:160px;/*ボタン画像の幅にあわせて調整*/
background-image:url(http://hitoiroblog.com/ameba/souphair/btn-reader2.png);/*ボタン画像URLを設定*/
background-repeat:no-repeat;
display:block;
margin:0;
text-indent:-9999px;
}

.readerRequestBtnArea a:hover{
background-position:0 -55px !important;/*ボタン画像のマイナス高さ*/
}


/* ■■■■■■■■■■ (3-6)プロフィール ■■■■■■■■■■*/

/*プロフィール画像上、噴出し*/
.skinSubA .nowQuote {
    background-position: -780px 100% !important;
    background-repeat: no-repeat !important;
    width: 140px !important;
}


.skinSubA .nowQuote p {
    background-position: -1060px 0 !important;
    background-repeat: no-repeat !important;
    width: 140px !important;
}

.skinSubA .nowQuote a {
    background-position: -920px 0 !important;
    background-repeat: repeat-y !important;
    width: 128px !important;
}

.skinSubA .nowQuoteText {
    width: 128px !important;
}

.skinSubA .nowQuoteDetail {
    width: 125px !important;
}

/*プロフィール画像*/
.skinSubA .userProfileImageArea,
.skinSubB .userProfileImageArea{
height: 160px;
width: 160px;
height: 160px !important;
width: 160px !important;
padding-bottom:8px;
}

.skinSubA .userProfileImage,
.skinSubB .userProfileImage  {
height: 160px;
width: 160px;
height: 160px !important;
width: 160px !important;
}

.skinSubA .userProfileImage img,
.skinSubB .userProfileImage img {
height: 160px;
width: 160px;
height: 160x !important;
width: 160px !important;
}

.skinSubA .userProfileImage,
.skinSubB .userProfileImage {
height: 160px;
width: 160px;
background: none repeat scroll 0 0 #FFFFFF;
border: 0px solid #FFFFFF;
padding: 0px;
text-align: center;
}

/*読者になる、アメンバーになる、メッセージを送る、プレゼントを贈るのフォントサイズ*/
.profileBtnArea li{
font-size:13px;
}

/*読者になる、アメンバーになる、メッセージを送る、プレゼントを贈るの背景*/
.profileBtnArea .skinImgBtnS{
background-image:none !important;
}

/* ■■■■■■■■■■ (3-7)ランキング ■■■■■■■■■■*/
.skinSubA .rankSubDetail,
.skinSubB .rankSubDetail  {
    padding-right: 50px;
}


/* ■■■■■■■■■■ (3-8)RSS ■■■■■■■■■■*/
.rss.skinFieldBlock{
width: 180px;/*サイド幅指定*/
padding: 40px 0;/*上下の余白調整（40px以上）*/
margin: 0 auto;
}

/* ■■■■■■■■■■ (3-9)検索 ■■■■■■■■■■*/

.skinSubA .blogSearchForm,
.skinSubB .blogSearchForm {
    width: 225px !important;
}


.skinSubA .blogSearchInput,
.skinSubB .blogSearchInput{
    width: 189px;/*189=225px-(28px+6px1px+1px)  サイド幅-(左右余白+ボーダー左右幅）*/
}

.blogSearchInput {
    background: none repeat scroll 0 0 #FFFFFF
    border: 1px solid #FFFFFF;
    color: #C89863;
    line-height: 1.1em;
    padding: 8px 25px 8px 6px;/*検索ボックスの枠指定*/
}


/* ■■■■■■■■■■ (3-10)カレンダー ■■■■■■■■■■*/

.skinSubA .calendarMenu table,
.skinSubB .calendarMenu table  {
    width: 140px;
}

.skinSubA .calendarMenu td,
.skinSubB .calendarMenu td  {
    font-size: 13px;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■ (4) メッセージ ■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/* ■■■■■■■■■■ (4-1)メッセージの囲み全体 ■■■■■■■■■■*/


/* skinMessageBoard メッセージ：サイド画像 */
.skinMessageBoard{
/* 注 ベースのcssに margin-bottom の記述有り */
width:582px;/* 横幅を調整 */
font-size:13px;/* フォントサイズ */
color:#775228;/* フォントカラー */
background:transparent url(http://hitoiroblog.com/ameba/souphair/E02_msg-side.png) repeat-y scroll left top;/*画像URLを設定*/
margin:0 auto;
margin-right:73px;
padding:0;
border:none !important;
line-height:1.6;/*行間調整*/
}

/* skinMessageBoard2 メッセージ：ヘッダー画像 */
.skinMessageBoard2{
background:transparent url(http://hitoiroblog.com/ameba/souphair/E01_msg-header.png) no-repeat scroll left top;/*上画像URLを設定*/
border:none;
padding:0;
}

/* skinMessageBoard3 メッセージ：フッター画像 */
.skinMessageBoard3{
padding:82px 20px 15px 20px;/*メッセージ枠余白設定*/
background:transparent url(http://hitoiroblog.com/ameba/souphair/E03_msg-footer.png) no-repeat scroll left bottom;/*画像URLを設定*/
border:none;
}



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■ (5) ページ送り ■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*(5-1) ページ送りボタンの  << 次へ 、前へ >> 、「次の記事タイトル」 >> ボタン*/
.skinSimpleBtn,.skinSimpleBtn:visited,.skinSimpleBtn:focus{
border:1px solid #FFFFFF;
background:#FFFFFF;
color:#775228 !important;
}

/*(5-2) マウスオーバー：文字カラー*/
.skinSimpleBtn:hover{
color:#C89863 !important; /*ホバー時文字カラー*/
}

/* (5-3) マウスオーバー：ボタン */
.skinSimpleBtn:hover,.skinSimpleBtn:focus{
background:#FFFFFF;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■ (6) 記事囲み   ■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/* ■■■■■■■■■■ (6-1)ブログ記事の囲み全体 ■■■■■■■■■■*/

/* skinArticle 記事エリア */
.skinArticle{
/* 注　ベースのcssに margin-bottom の記述有り */
padding:0 0;
border:none !important;
position:relative;
}
.skinArticle2{
width:695px;
width:669px !important;/*記事の幅を設定*/
}
.skinArticle3{}


/* ■■■■■■■■■■ (6-1)ブログ記事の囲みの設定 ■■■■■■■■■■*/


/* skinArticleHeader 記事タイトルヘッダー */
.skinArticleHeader{
width:612px;/*画像の横幅を設定*/
height:120px;/*画像の高さを設定*/
height:100px !important;
/*本文一番上の設定*/
background:url(http://hitoiroblog.com/ameba/souphair/F01_entry-header.png) #FFFFFF no-repeat left top;/*記事タイトル背景画像URLを設定*/
margin:0 !important;
padding:0 !important;
border:none !important;
}
.skinArticleHeader2{}


/* skinArticleBody 記事本文エリア */
.skinArticleBody{
width:612px;
background:url(http://hitoiroblog.com/ameba/souphair/F02_entry-side.png) #FFFFFF repeat-y left top;/*記事サイド背景画像URLを設定*/
}
.skinArticleBody2{
margin:0 40px 0 40px;/*記事サイド余白指定*/
line-height:2;/*行間調整*/
}


/* skinArticleFooter 記事フッターエリア */
.skinArticleFooter{
width:612px;/*539px=612px-73px 背景画像の横幅-余白分を設定*/
height:180px;/*背景画像の高さを設定|20px以上*/
padding:0 20px;/*リンクテキスト余白を調整*/
background:url(http://hitoiroblog.com/ameba/souphair/F03_entry-footer.png) #FFFFFF no-repeat 0px 0px;/*記事両脇囲み用画像URLを設定*/
text-align: right;/*リンクテキスト横位置を調整*/
border:none;
margin:0px;
margin-top:-10px;
}

/* ■■■■■■■■■■ (6-2)なう、チェック、ツイートする ■■■■■■■■■■*/

/* articleExLinkArea なう、チェック、ツイートする */
.articleExLinkArea {
padding: 20px 0 8px 0;/*上下余白調整*/
text-align: left;/*左右位置指定*/
margin:0 !important;
}



/* ■■■■■■■■■■ (6-3)記事タイトル調整 ■■■■■■■■■■*/


/* skinArticleHeader h1 記事タイトル */
.skinArticleHeader h1 {
width:612px;/*横幅調整*/
left:38px;/*タイトル横位置の調整*/
top:80px;/*タイトル縦位置の調整*/
font-weight:normal;
position:absolute;
padding-left:0px;
width:600px;/*タイトル幅の調整（下線使うとき）*/
/*border-bottom:1px dotted #C89863;*//*タイトル下線*/
text-align: left;
background-color:transparent;
line-height:1.3;
}

/* skinArticleHeader h1 a 記事タイトル:文字太さ */
.skinArticleHeader h1 a{
font-weight:bold;
color:#C89863;/*カラー指定*/
}

/* skinArticleHeader h1 a 記事タイトル:文字太さ */
.skinArticleHeader h1 a:visited{
font-weight:bold;
color:#C89863;
}

.skinArticleHeader h1 a:hover{
text-decoration: underline;
font-weight:bold;
color:#775228;
}

/* ■■■■■■■■■■ (6-4)記事日付け ■■■■■■■■■■*/

/* articleTime 日付け */
.articleTime{
top:40px;/*日付縦位置の調整*/
right:95px;/*日付横位置の調整*/
text-align: right;/*左右の調整*/
position:absolute;
padding:0px;
font-size:9px;
color: #775228;
}


/* ■■■■■■■■■■ (6-5)記事テーマ ■■■■■■■■■■*/

/* articleTheme テーマ */
.articleTheme{
top:40px;/*テーマ縦位置の調整*/
left:40px;/*テーマ横位置の調整｜左右も変更*/
text-align: left;/*左右の調整*/
position:absolute;
padding:0px;
border:none;
font-size:10px;
color: #775228;
}

.articleTheme a{
font-size:10px;
color: #C89863;
}

.articleTheme a:visited{
font-size:10px;
color: #C89863;
}
.articleTheme a:hover{
font-size:10px;
color:#C89863;
text-decoration:underline;
}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■ (7) コメント欄     ■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/* コメント欄、トラバ欄、記事一覧などの一覧
--------------------------------------------*/
.commentBtnArea {
    padding: 0px 0 !important;
    text-align: center;
}

.commentArea {
    margin: 30px 0;
    overflow: hidden;
    padding: 0px 14px;
}




.basicBtnS.commentBtn,
.commentTitleArea{
text-indent:-9999px !important;
}


.basicBtnS.commentBtn{
background-image:url(http://hitoiroblog.com/ameba/souphair/btn-comment.png);
background-position:left top;
background-repeat:no-repeat;
display:block;
height:54px;
width:256px;
margin:0;
padding:0;
border:none;
margin:0 auto;
}

.commentBtnArea a:hover,
.commentBtnArea a:focus{
background-position: 0 -54px;/*画像マイナス高さ指定*/
}


/* 背景色 */
.skinBgColor,.skinBaseBgColor,.skinBlock{
background:#FFFFFF;
}


/* 弱い背景色 */
.skinWeakBgColor,.skinBaseWeakBgColor{
background-color:#FFFFFF;
}


/* 強い背景色 */
.skinStrongBgColor,.skinBaseStrongBgColor{
background-color:#FFFFFF;
}


/* 枠線の色 */
.skinBorderColor,.skinBaseBorderColor,.skinBlock{
border:none !important;
border-top: 1px solid #FFFFFF !important;
}


/* 境界線の色 */
.skinBorderHr,.skinBorderList li{
border-color:#FFFFFF;
}

.commentTitleArea.skinBorderHr{
border:none !important;
}



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■ (8) フリースペース ■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/* ■■■■■■■■■■ (8-1)footerへのame99リンク ■■■■■■■■■■*/

.designedby {
margin:0 auto 20px;
text-align:center;
}



/* ■■■■■■■■■■ (8-2)エリア：G_サイドのメルマガ（まぐまぐ） ■■■■■■■■■■*/
#magazine {
height: 250px;/*メルマガ背景画像高さサイズ調整*/
width: 180px;/*メルマガ背景画像横幅サイズ調整*/
margin-bottom:10px;/*メルマガ下余白調整*/
background: transparent url(http://hitoiroblog.com/ameba/souphair/G02_mail-bg.png) no-repeat scroll center bottom;
text-align: center;
}

#magazine .contents .read {
padding-top: 7px;
font-size:11px;
}



/* ■■■■■■■■■■ (8-3)エリア：H_サイドのtwitterタイムライン ■■■■■■■■■■*/
.twitter {
margin-bottom:0px; /*twitter下余白調整*/
}


/* ■■■■■■■■■■ (8-4)エリア：I_サイドのfacebook ■■■■■■■■■■*/
.fb-profilepage,
.fb-facebookpage{
margin-bottom:30px; /*facebook_プロフィール下余白調整*/
}

/* ■■■■■■■■■■ (8-5)記事下ボタン ■■■■■■■■■■*/

.fix-ad ul#adbtn li {
    height: 32px;/*画像高さ指定*/
	width: 180px;/*画像横幅指定*/
	margin: 0 50px 60px 0;/*画像余白*/
    display: block;
    list-style: none outside none;
    padding: 0;
    text-indent: -9999px;
	float:left;
}

.fix-ad ul#adbtn li a {
    height: 32px;/*画像高さ指定*/
	width: 180px;/*画像横幅指定*/
    display: block;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
}

.fix-ad ul#adbtn li#btn1 a:hover, 
.fix-ad ul#adbtn li#btn2 a:hover{
    background-position: 0 -32px;/*画像マイナス高さ指定*/
}

.fix-ad ul#adbtn li#btn1 a {
    background: url(http://hitoiroblog.com/ameba/souphair/btn-kiji-bottom1.png) no-repeat scroll left top transparent;
}
.fix-ad ul#adbtn li#btn2 a {
    background: url(http://hitoiroblog.com/ameba/souphair/btn-kiji-bottom2.png) no-repeat scroll left top transparent;
}

#advertising2{
 clear:both;
}

/* ■■■■■■■■■■ (8-6)エリア：J_メッセージ上メルマガ ■■■■■■■■■■*/

#areaJ{
	width:420px;/*背景画像の横幅調整*/
	height:255px;/*255px=235px+20px 背景画像の高さ+余白調整*/
	background: url(http://hitoiroblog.com/ameba/souphair/J01_mail-bg.png) no-repeat scroll left top transparent;
	margin:0 auto;
}

#areaJ-inner{
	padding:140px 60px 0 60px;/*上・左右の余白調整*/
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■ (9) フリープラグイン ■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/




/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■ (10) 非表示箇所   ■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/* skinTitleArea ブログタイトル文字 */
/* skinDescriptionArea ブログの説明文字 */
.skinDescription{
text-indent:-9999px;
display:none;
}

/* skinTitle ブログタイトル文字 */
.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus{
text-indent:-9999px;
display:none;
}


/* skinDescription ブログの説明文字 */
.skinDescription{
text-indent:-9999px;
display:none;
}


.gadLogo{
margin-right:90px;
}
