@charset "UTF-8";

/*全ページ共通
-----------------------------------------*/
* {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
a img {
border: none;
}
html {
min-width: 960px;
height: 100%;
position: relative;
overflow-x: hidden;
}

body {
background-image:url(../img/che_b02.gif);
font-size: 14px;
color: #ff9900;
line-height: 1.2;
font-family: "Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
width: 960px;
min-height: 100%;
margin: 0 auto;
position: relative;
z-index: 2;
}
*+html body {
background: #f00 url(../img/back2.png) repeat-y center top;
}
body:before {
content: "";
display: block;
background: url(../img/back1.png) no-repeat left top;
width: 100%;
height: 392px;
position: absolute;
top: 0;
left: 0;
}
body:after {
content: "";
display: block;
background: url(../img/back2.png) repeat-y left;
width: 100%;
position: absolute;
top: 392px;
bottom: 0;
left: 0;
}
a {
color: #ff9900;
}
a:hover {
color: #ffcc00;
}

hr, .clear {
border: none;
height: 0;
overflow: hidden;
clear: both;
}
header, footer, section, article, figure ,figcaption {
display: block;
}

/*ヘッダー
-----------------------------------------*/
body header {
width: 940px;
position: absolute;
top: 0;
left: 0;
}

/*ロゴ周り*/
body header h1 {
position: absolute;
background: url(../img/logo_back.png) no-repeat left top;
font-family: sans-serif;
font-weight: normal;
color: #E13564;
font-size: 50px;
left: 30px;
top: 0;
width: 228px;
height: 210px;
text-align: center;
line-height: 185px;
}
body header h1 img {
display: inline;
vertical-align: middle;
}
body header h1 a {
text-decoration: none;
color: #E13564;
}
body header h1 a:hover {
color: #E13564;
}
/* メインイメージ */
body header > img {
position: absolute;
right: 10px;
top: 0;
}

/*カラム
-----------------------------------------*/
#navigation {
width: 230px;
float: left;
margin: 210px 0 50px 31px;
position: relative;
z-index: 3;
}

#contents {
margin: 230px 30px 50px 0;
width: 650px;
float: right;
position: relative;
z-index: 3;
}
#contents:after {
content: "";
display: block;
clear: both;
}
*+html #contents {
min-height: 1px;
}

/* #navigation：ナビカラム:メニュー
-----------------------------------------*/
nav > ul {
width: 228px;
border-top: 1px solid #f00;
margin-bottom: 60px;
}
nav ul li a {
display: block;
text-decoration: none;
border-bottom: 1px solid #f00;
}
nav > ul > li > a {
padding: 15px;
color: #ff0033;
font-weight: bold;
font-family: Arial,sans-serif;
font-size: 16px;
background: #fcd4d url(../img/menu2.png) repeat-x left bottom;
}
nav > ul li a:hover {
color: #cc0000;
font-weight: bold;
background: #c8a94d url(../img/menu1.png) repeat-x left bottom;
}



nav > ul ul {
display: none;
}
nav > ul ul li a {
padding: 8px 5px 5px 25px;
color: #ff9933;
font-size: 14px;
background: #fae6be;
}



/* #navigation：ナビカラム:店舗情報
-----------------------------------------*/
#navigation address {
margin: 0 10px;
color: #ff9900;
font-style: normal;
font-weight: normal;
}
#navigation address h4 {
font-size: 12px;
font-weight: normal;
}
#navigation address .tel {
font-size: 24px;
color:#f00;
font-family: Arial,sans-serif;
margin-bottom: 15px;
}
#navigation address .adr {
font-size: 12px;
}

/* #contents：ページ内容
-----------------------------------------*/
section:after {
content: "";
display: block;
clear: both;
}
*+html section {
min-height: 1px;
}
section {
margin-bottom: 30px;
}
section img {
border: 1px solid #666;
padding: 3px;
border-radius: 3px;
}


/* #contents：見出し
-----------------------------------------*/
#contents > section > h1 {
background: url(../img/midashi1b.png) no-repeat left bottom;
font-size: 24px;
margin-bottom: 20px;
font-family: Arial,"Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
color: #E3D486;
font-weight: normal;
position: relative;
padding: 0 0 5px 0;
}
#contents > section > h1:before {
content: "";
display: block;
background: url(../img/midashi1a.png) no-repeat left bottom;
float: left;
width: 5px;
height: 25px;
margin: 0 8px 2px 0;
}
section > h1 small {
content: "";
display: block;
font-size: 12px;
background: url(../img/icon1.png) no-repeat left bottom;
height: 19px;
line-height: 21px;
position: absolute;
top: 6px;
right: 0;
padding: 0 0 0 22px;
}
section > h1 + p {
margin: 2em 0 3em 10px;
line-height: 1.6;
}

section article h1 {
font-size: 16px;
font-weight: normal;
padding: 0px 80px 0px 15px;
background: url(../img/icon2.png) no-repeat 2px 6px;
margin-bottom: 5px;
}


section > h2 {
background: #000;
color: #FFF;
font-size: 16px;
padding: 3px;
margin-bottom: 30px;
clear: both;
}

section h2 {
font-weight: normal;
}

section section > h1 {

font-size: 16px;
margin-bottom: 20px;
font-family: Arial,"Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
color: #FF9900;
font-weight: normal;
padding: 0 0 5px 5px;
}

/*フッター
-----------------------------------------*/
footer {
clear: both;
height: 100px;/* footer smallの高さ */
}
*+html footer {
clear: none;
width: 940px;
}
footer:before {
content: "";
display: block;
width: 1258px;
height: 544px;
background: url(../img/back.png) no-repeat left bottom;
position: absolute;
bottom: 0;
left: -148px;
z-index: 1;
}
footer:after {
content: "";
display: block;
width: 940px;
height: 578px;
background: url(../img/back3.png) no-repeat left bottom;
position: absolute;
bottom: 99px;
left: 10px;
}
footer small {
font-family: Arial,"Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
background: url(../img/footer.png) repeat-x;
display: block;
font-size: 10px;
color: #FF3333;
text-align: right;
padding: 15px 40px 0 0;
height: 84px;
width: 900px;
position: absolute;
bottom: 0;
right: 10px;
z-index: 1000;
}

/*noscript
-----------------------------------------*/
p#noscript {
padding: 30px;
color: red;
border: 3px solid #F00;
background: #FFF;
font-weight: bold;
position: absolute;
right: 0;
top: 0;
z-index: 100;
}