@charset "utf-8";

/* --------------------------------------------
 * color2.css
 * カラーチェンジャー（ケイゾン色）
 * Date: 2008/5/12   Update:2008/5/12
 * Auther: ケイゾン
 * 適応範囲: ケイゾン色
 * -------------------------------------------- */

/* --------------------------------------------
 * ページ基本構成
 * -------------------------------------------- */
 
body {
background: #fff url(../images/color/kzone/back.gif) repeat;
}

/* ヘッダ領域 */
#header{
background-color: #FFEBD3;
}

#headerSub{
border-bottom: 5px solid #FFBC6D;
}

/* = コンテンツ部分 = */
h3 {
border: 1px solid #FFBC6D;
background: #fff url(../images/color/kzone/h2_back.gif) repeat-x;
}

/* = サービス部分 = */
#service {
border-bottom: 1px solid #FFBC6D;
border-right: 1px solid #FFBC6D;
border-left: 1px solid #FFBC6D;
background-color: #FFEBD3;
}

/* サイドメニュー領域 */
#sidelink {
background: url(../images/color/kzone/sidelink_back.gif) repeat;
}

/* フッター領域 */
#footer {
border-top: 3px solid #FFBC6D;
}

/* --------------------------------------------
 * 第二階層構成
 * -------------------------------------------- */
 
#title {
background: #FFEBD3 url(../images/color/kzone/menuTitle.gif) no-repeat;
}

#about_title {
background: #FFEBD3 url(../images/color/kzone/aboutTitle.gif) no-repeat;
}

#useful_title {
background: #FFEBD3 url(../images/color/kzone/usefulTitle.gif) no-repeat;
}

#shop_title {
background: #FFEBD3 url(../images/color/kzone/shopTitle.gif) no-repeat;
}

#menuArea {
border-bottom: 1px solid #FFBC6D;
border-right: 1px solid #FFBC6D;
border-left: 1px solid #FFBC6D;
}

#menuArea li a{
padding: 5px 10px 5px 15px;
display:block;
background-color: #FFEBD3;
text-decoration:none;
border-bottom: 1px solid #dddddd;
}

#menuArea li a:hover{
padding: 5px 10px 5px 15px;
display:block;
background-color: #F9F9F9;
text-decoration: underline;
}

#sub li a{
display:block;
text-decoration:none;
border-bottom: 1px dashed #dddddd;
background: #ffffff url(../images/menuArrow.gif) no-repeat 0 5px;

}

#sub li a:hover{
display:block;
background-color: #ffffff;
text-decoration: underline;
}

#ranking li a{
display:block;
text-decoration:none;
border-bottom: 1px dashed #dddddd;
background: #ffffff url(../images/rankingArrow.gif) no-repeat 0 5px;
}

#ranking li a:hover{
display:block;
background-color: #ffffff;
text-decoration: underline;
}

#next_page {
background: #FFFFFF url(../images/color/kzone/next_pageBack.gif) no-repeat;
}