@charset "UTF-8";
 
 
/*自分で★カスタマイズ@《Ameba blog》*/
/*   http://adan.noor.jp/ameba_new   */
/*新「CSS編集用」で800px・2カラム*/
 
/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
当CSSは「自分でカスタマイズ」する方にだけご提供しています。
「パスワード貸し借り」でのカスタマイズに使用することを禁止します。
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
 
/*
使用カラーコード
CSS中で、検索(Ctrl+f)して、お好みの色コードに変更してください。
#ff709c＝濃い色
#ffc4de＝薄い色
#FF3399＝Hover,New
*/
 
/*◆1 主な画像など */
/*◇1-1 背景画像 */
body{
background:url(http://adan.noor.jp/am_mattou/img/dia-24px.gif) #ffc4de;/*背景画像*/
}

/*◇1-2 ヘッダ*/
.skinHeaderArea {
width: 800px;/*ヘッダ画像幅*/
height:300px;/*ヘッダ画像高さ*/
background:url(http://adan.noor.jp/am_mattou/img/800x300-pink.gif);/*ヘッダ画像URL*/
text-indent:-9999px;
}
 
.skinTitleArea a{
width: 800px;/*ヘッダ画像幅*/
height:300px;/*ヘッダ画像高さ*/
display:block;
}

/*◆2 全体色指定など */
/*◇2-1 リンク色 */
 
.skinAnchorColor,.skinBaseAnchorColor,.skinBlock a,a,
.skinAnchorVisi5555batedColor,.skinBaseAnchorVisitedColor,.skinBlock a:visited,a:visited{
color:#ff709c;
}
 
a:hover,
.skinBlock a:hover{
color:#FF3399;
}

/*◇2-2 スクロールバー(IEのみ有効) */
body,html{
scrollbar-face-color:#ffffff; 
scrollbar-3dlight-color: #ffffff; 
scrollbar-track-color: #ffffff; 
scrollbar-darkshadow-color: #ffffff;
scrollbar-highlight-color: #ff709c; 
scrollbar-shadow-color: #ff709c; 
scrollbar-arrow-color: #ff709c; 
}
 
/*◆3 レイアウト*/
/*◇3-1 記事＋メニュー囲み*/
.skinContentsArea{
margin-top:33px;
border:1px solid #ff709c;/*記事＋メニュー囲み、外側罫線*/
width:792px;
background:#ffc4de;/*二重罫線の隙間*/
padding:3px;
float:left;
}
.skinContentsArea2{
width:750px;
padding:20px;
border:1px solid #ff709c;/*記事＋メニュー囲み、内側罫線*/
background:#fff;
float:left;
}
 
.skinDescriptionArea{
display:none;
}
 
.columnC .layoutContentsA {
width: 745px;
}
 
/*右カラム*/
.columnC .skinSubA{
width:300px;
}
/*メインカラム*/
.columnC .skinMainArea {
width: 420px;
}
 
/*◆3 記事*/

/*記事枠(外)*/
.skinMessageBoard,
.skinArticle{
border:1px solid #ff709c;/*記事囲み、外側罫線*/
width:412px;
background:#ffc4de;/*二重罫線の隙間*/
padding:3px;
margin:0 0 50px 0;
}
 
/*記事枠(内)*/
.skinMessageBoard2,
.skinArticle2{
border:1px solid #ff709c;/*記事囲み、内側罫線*/
background:#fff;
width:410px;
margin:0;
}

/*記事内レイアウト*/
/*記事ヘッダ*/
.skinArticleHeader {
margin: 20px 20px 0 20px;
padding:0;
border-left:none;
}
 
/*記事余白*/
.skinArticleBody2{
margin:20px;}
 
/*記事タイトル文字色など*/
.skinArticleTitle, .skinArticleTitle:hover, .skinArticleTitle:focus, .skinArticleTitle:visited {
color: #ff709c;
}
 
/* 記事日付*/
.skinWeakColor, .skinBaseWeakColor {
color: #ffc4de;/*文字色*/
}
 
/*NEW*/
.skinStrongColor, .skinBaseStrongColor {
color: #FF3399;/*文字色*/
font-size:10px;
}
 
 
/*◆4 コメント*/
/*◇4-1 オーナーコメント*/
 
.ownerComment{
padding-left:56px;
background:url(【オーナーコメント画像URL（50x50）】) top left no-repeat;/*オーナーコメントアイコン*/
}
.skinStrongBgColor, .skinBaseStrongBgColor {
background-color: #ffffff;
}
 
/*コメント部分ボーダー削除*/
.skinBorderHr, .skinBorderList li {
border: none;
}
 
/*◆5 ナビゲーション*/
/*pagingArea*/
.pagingArea{
position: relative!important;
width: 420px!important;
height:24px;
overflow:hidden;
margin: 3px auto;
}
 
.pagingPrev, .pagingNext {
padding: 3px;
}
 
.skinSimpleBtn, .skinSimpleBtn:visited, .skinSimpleBtn:hover, .skinSimpleBtn:focus {
border: 1px solid #ffc4de;
background: white;
color:#ff709c;
}
 
 
/*一覧タブ*/
.tab {
padding:6px 0;
min-width: 117px;
max-width: 117px;
}
 
.skinBorderColor, .skinBaseBorderColor, .skinBlock {
border-color:#ffc4de;
}

.tabList .listContentsArea {
width:410px;
}
 
 
/*レイアウト*/
.skinFrame2{
margin:0 auto;
width:800px;
position:relative;
}
 
 
/*◆6 メニューカラム*/
/*左カラム隠す*/
.columnC .layoutContentsB{
display:none
}
 
/*メニュー部分飾りライン*/
/*元飾りを削除しライン引きなおし*/
 
.skinMenu{
border:1px solid #ff709c;
border-width:1px 0px 1px 0;
padding:2px 0 0 0;
background:#ffc4de;
margin-bottom:20px;
}
 
.skinMenuHeader{
border:1px solid #ff709c;
border-width:1px 0px 0 0;
background:#fff;
padding:0;
}
 
.skinMenuBody{
background:#fff;
padding:0;
margin: 0;
}
 
.skinSubHr, .skinSubList li {
border-top: 1px dotted #ff709c;
border-bottom: none;
padding-left:12px;
}
 
.skinArticleFooter {
border: none;
}
 
.skinBorderColor, .skinBaseBorderColor{
border: none;
}
 
.skinBlock{
border-color: #ff709c;
}
 
.commentArea{
margin-top:50px;
width:390px;
}
 
 
 
/*◆7 横メニュー */ 
 
/* relative設定の部位を基準に位置ぎめする。*/
/* このスキンデザインでは「ヘッダ画像左上から」*/ 
 
#navi00{
position:absolute;
left:0; /* 横位置＝「ヘッダ画像左上」から、何pxか */
top:303px; /* 縦位置＝「ヘッダ画像左上」から、何pxか */
width:798px;
text-align:center;
}
/* 各メニューの設定 */
#navi00 a{
display:inline-block; /* 背景を指定できるように */
width:128px; /* 各メニューの「幅」。下の表を参考に決めてください */
height:25px; /* 各メニューの「高さ」 */
line-height:25px;
margin-left:3px; /* 各メニューの「隙間」 */;
font-family:'Comic Sans MS',serif;
font-size:18px;
}
/* 各メニューの設定 */
#navi00 a:link,
#navi00 a:visited{
background-color:#ffffff; /* 各メニューの「背景色」 */
color:#ff709c; /* 各メニューの「文字色」 */
border:1px solid #ff709c; /* 各メニューの「囲み罫線」 */
text-decoration:none;
}
 
/* 各メニューの設定（マウスカーソル触れたとき） */
#navi00 a:hover{
background-color:#ff709c; /* 触れたときの「背景色」 */
color:#ffffff; /* 触れたときの「文字色」 */
border:1px solid #ffc4de; /* 触れたときの「囲み罫線」 */
text-decoration:none;
}