/*
color style
*/

@charset "UTF-8";

/* background color
-------------------------------------------------------------- */
body {
    background: none repeat scroll 0 0 #f5d1e6; /* 下地の色 */
}
#wrapper {
    background: none repeat scroll 0 0 #f5d1e6; /* 背景色 */
}
#headerWrap {
    background: none repeat scroll 0 0 #f5d1e6; /* ヘッダー背景色 */  
}
#headerWrap h1 {
    background: none repeat scroll 0 0 #c60c77; /* h1の背景色 */
}
#headerWrap #logoWrap {
    background: none repeat scroll 0 0 #c60c77; /* ロゴの背景色 */
    box-shadow: 0 0 4px 0 rgba(255,255,255,0.7) inset;
}

#headerWrap nav {
    background: none repeat scroll 0 0 #c60c77; /* ナビの背景色 */
}
#headerWrap nav ul li a { /* ナビのボタン背景色 */
    background: none repeat scroll 0 0 #c60c77;
}
#headerWrap nav ul li a:hover { /* ナビのボタンロールオーバー背景色 */
    background: none repeat scroll 0 0 #333;
}
#breadcrumb {
    background: none repeat scroll 0 0 #fff; /* パンくず背景色 */
}
#footerWrap {
    background: none repeat scroll 0 0 #c60c77; /* フッター背景色 */
}
h2 {
    background: none repeat scroll 0 0 #c60c77;
}
.status {
    background: none repeat scroll 0 0 #aaa; /* 投稿日の背景色 */
}
/* font color
-------------------------------------------------------------- */
body {
    color: #b37d00; /* 基本文字の色 */
}
a {
    color: #acb300; /* リンクの色 */
}
#headerWrap .logo a {
    color: #28c60c; /* ロゴの色 */
    font-weight: bold;
    text-shadow: 0 3px 0 #000;
}
#headerWrap nav * {
    color: #fff; /* ナビのリンクの色 */
}
#breadcrumb * {
    color: #444; /* パンくずリストの文字色 */
}
#footerWrap {
    color: #fff; /* フッターの文字色 */
}
.status * {
    color: #fff; /* 投稿日の文字色 */
}

/* h2,h3,h4
-------------------------------------------------------------- */
h1 {
    background-color: #222; /**/
    color: #fff; /* h1文字色 */
}
h2 {
    color: #fff; /* h2文字色 */
    border-color: #777; /* h2のボーダー色 */
}
h3 {
    color: #444; /* h3文字色 */
    border-color: #444; /* h3のボーダー色 */
}
/* other
-------------------------------------------------------------- */
#mainImg {
    border-top: 3px double #999; /* メインイメージの線 */
    border-bottom: 3px double #999;
}
section , .section {
     border-bottom: 1px dotted #999; /* sectionの下線 */   
}
.arrow li {
    border-bottom: 1px dotted #999; /* listの下線 */
}
.status {
    border-bottom: 1px solid #666; /* 投稿日の下線 */   
}

