@charset "utf-8";
/*--------------------------------------------------
skin.css
$Id: skin.css,v 1.29 2011/08/18 06:49:12 oyama_yuichi Exp $
--------------------------------------------------*/

/*==================================================

【skin.cssのルールについて】
・装飾目的なので、class名はskinXxxxとする
・セレクタの名前は変更しない
・セレクタの追加・削除はしない
・プロパティの値を変更して見た目の調整をする

==================================================*/

/*==================================================

Web Fonts

==================================================*/

@import url("http://fonts.googleapis.com/css?family=Cinzel:700");

.skinWebFont{
font-family:'Cinzel', serif;
}

/*==================================================

基本配色

==================================================*/

/* テキスト色
--------------------------------------------------*/
/* 地色 */
.skinTextColor,
.skinBlock,
.skinBlock a,
body,
a{
color:#463F34;
}

/* 強調色 */
.skinStrongColor{
color:#FF6699;
}

/* 淡色 */
.skinWeakColor{
color:#68ABC8;
}

/* 差色 */
.skinEmColor{
color:#FFFFFF;
}

/* 背景色
--------------------------------------------------*/
/* 地色 */
.skinBgColor,
.skinBlock{
background-color:#FFFFFF;
}

/* 強調色 */
.skinStrongBgColor{
background-color:#F3F3D3;
}

/* 淡色 */
.skinWeakBgColor{
background-color:#68ABC8;
}

/* 差色 */
.skinEmBgColor{
background-color:#463F34;
}

/* ボーダー色（一覧ページの枠線色など）
--------------------------------------------------*/
/* 枠線 */
.skinBorderColor,
.skinBlock{
border-width:1px;
border-style:solid;
border-color:#463F34;
}

/* 点線 */
.skinDotBorderColor{
border-width:2px;
border-style:dotted;
border-color:#463F34;
}

/* シャドウ色
--------------------------------------------------*/
.skinShadow{
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);
box-shadow:0 1px 2px rgba(0,0,0,.3);
}

/*==================================================

ボタン

==================================================*/

/* Fanボタン
--------------------------------------------------*/

/* skinFanBtnL */
.skinFanBtnL{
width:151px;
height:102px;
background-image:url(../img/btn_fan_l.png);
}

/* ポチボタン
--------------------------------------------------*/
.skinPochiBtn{
width:151px;
height:102px;
background-image:url(../img/btn_pochi.png);
}

/*==================================================

ライン画像

==================================================*/
.skinLine{
width:300px;
height:4px;
background-image:url(../img/bg_line.png);
}

/*==================================================

トップ画像

==================================================*/
.skinTopImage{
width:300px;
height:217px;
background-image:url(../img/bg_top.png);
}

/*==================================================

アイコン

==================================================*/

/* 通常アイコン
--------------------------------------------------*/
.skinIconBase{
width:13px;
height:13px;
background-image:url(../img/ic_base.png);
}

/* Candyアイコン
--------------------------------------------------*/
.skinIconCandy{
background-image:url(http://stat100.ameba.jp/candy/c01/skin/cmn/img/color/orange/ic_candy.png);
}

/* コメントアイコン
--------------------------------------------------*/
.skinIconComment{
background-image:url(http://stat100.ameba.jp/candy/c01/skin/cmn/img/color/orange/ic_comment.png);
}

/* ポチアイコン
--------------------------------------------------*/
.skinIconPochi{
background-image:url(http://stat100.ameba.jp/candy/c01/skin/cmn/img/color/orange/ic_pochi.png);
}

/* 鍵アイコン
--------------------------------------------------*/
.skinIconKey{
background-image:url(http://stat100.ameba.jp/candy/c01/skin/cmn/img/color/orange/ic_key.png);
}

/* カレンダーアイコン
--------------------------------------------------*/
.skinIconCalendar{
background-image:url(http://stat100.ameba.jp/candy/c01/skin/cmn/img/color/orange/ic_calendar.png);
}

/* twitterアイコン
--------------------------------------------------*/
.skinIconTwitter{
background-image:url(http://stat100.ameba.jp/candy/c01/skin/cmn/img/color/orange/ic_twitter.png);
}

/* なうアイコン
--------------------------------------------------*/
.skinIconNow{
background-image:url(http://stat100.ameba.jp/candy/c01/skin/cmn/img/color/orange/ic_now.png);
}

/* 矢印アイコン（右）
--------------------------------------------------*/
.skinIconArrowRight{
background-image:url(http://stat100.ameba.jp/candy/c01/skin/cmn/img/color/orange/ic_arrow_right.png);
}

/* 矢印アイコン（左）
--------------------------------------------------*/
.skinIconArrowLeft{
background-image:url(http://stat100.ameba.jp/candy/c01/skin/cmn/img/color/orange/ic_arrow_left.png);
}

/* 外部アイコン
--------------------------------------------------*/
.skinIconExternal{
background-image:url(http://stat100.ameba.jp/candy/c01/skin/cmn/img/color/orange/ic_external.png);
}

/* Bloggerネタアイコン
--------------------------------------------------*/
.skinIconLeaf{
background-image:url(http://stat100.ameba.jp/candy/c01/skin/cmn/img/color/orange/ic_leaf.png);
}

/* 戻るアイコン
--------------------------------------------------*/
.skinIconBack{
background-image:url(http://stat100.ameba.jp/candy/c01/skin/cmn/img/color/orange/ic_back.png);
}

/* 左向き矢印アイコン（gifアニメ）
--------------------------------------------------*/
.skinIconBackAnime{
background-image:url(http://stat100.ameba.jp/candy/c01/skin/cmn/img/color/orange/ic_back_anime.gif);
}

/* 右向き矢印アイコン（gifアニメ）
--------------------------------------------------*/
.skinIconExternalAnime{
background-image:url(http://stat100.ameba.jp/candy/c01/skin/cmn/img/color/orange/ic_external_anime.gif);
}

/*==================================================

アクセスカウンタ

==================================================*/
.skinAccessBgArea{
height:65px;
background:url(../img/bg_access.png) no-repeat 50% 0;
-webkit-background-size:300px auto;
background-size:300px auto;
}

/*==================================================

 共通のブロック

==================================================*/

/* skinBody
--------------------------------------------------*/
#skinBody{
background-image:url(../img/bg_base.png);
-webkit-background-size:320px auto;
background-size:320px auto;
}