﻿/* --- ページ全体の背景・テキスト --- */
body 
{
margin: 10px 0;
padding: 0;
background-image: url(hanabishi1.gif) ;
color: #000000; /* text colour */
}

/* --- 全体のリンクテキスト --- */
a:link 
{ 
color: #0000ff; 
}
a:visited 
{ 
color: #800080; 
}
a:hover 
{ 
color: #ff0000; 
}
a:active 
{ 
color: #ff0000; 
}



/*===DIV ===*/
/* --- コンテナ --- */
.ois 
{
width: 680px; 
margin: 0 auto; /* centering */
padding: 0;
background-color: #DEE8EE;
text-align: center;
z-index: 1;
}
/* --- ヘッダー --- */
.obn
{
width: 680px;
height: 238px;
margin: 0; 
padding: 0;
z-index: 2;
}
/* --- コンテンツ --- */
.haupzoch 
{
width: 680px;
margin: 0; 
padding: 0;
z-index: 2;
}
/* --- フッター --- */
.untn
{
width: 680px;
height: 60px;
margin: 0; 
padding: 0;
z-index: 2; 
}


/*===全ページ共通===*/
hr.all
{
width: 680px;
height: 2px;
background-color: #10314E;
margin: 0;
}
.name /* top logo */
{
width: 680px;
height: 238px;
margin: 0;
}
.navi
{
width: 170px;
margin: 0; 
padding: 0;
text-align: center;
vertical-align: top;
}
.non_navi
{
width: 510px;
margin: 0; 
padding: 0;
text-align: left;
vertical-align: top;
}
/*--- サイト内での他のページへのリンク ---*/
.schau_a_ul
{
margin: 0;
padding: 0;
}
.schau_a 
{
width: 170px;
margin: 1px 0px;
background-color: #3481CD;
border: 1px solid #808080;
list-style-type: none;
text-align: left;
font-size: 90%;
overflow:visible;
}
.schau_a a /*normal*/
{
line-height: 30px;
display: block;
position: relative; /*for IE6*/
padding: 1px 10px; 
background-color: #3481CD;
text-decoration: none; /*no border*/
color: #ffffff;
font-weight: bold;
}
.schau_a a:hover /*point*/
{
background-color: #10314E; 
color: #ffffff;
text-decoration: none; /*no underline*/
}
.schau_a a:active 
{
background-color: #10314E;
color: #ffffff;
text-decoration: none;
}
.schau_a a:visited 
{ 
color: #ffffff;
}
.schau_aon
{
width: 170px;
margin: 1px 0px;
background-color: #10314E;
border: 1px solid #808080;
list-style-type: none;
text-align: left;
font-size: 90%;
overflow:visible;
}
.schau_aon a /*normal*/
{
line-height: 30px;
display: block;
position: relative; /*for IE6*/
padding: 1px 10px; 
background-color: #10314E;
text-decoration: none; /*no border*/
color: #ffffff;
font-weight: bold;
}
.schau_aon a:hover /*point*/
{
background-color: #10314E; 
color: #ffffff;
text-decoration: none; /*no underline*/
}
.schau_aon a:active 
{
background-color: #10314E;
color: #ffffff;
text-decoration: none;
}
.schau_aon a:visited 
{ 
color: #ffffff;
}
/*--- コピーライト ---*/
.cr
{
width: 680px;
height: 60px;
text-align: center;
vertical-align: middle;
font-weight: bold;
}
/*box*/
.sec {
margin: 0 auto;/*centering*/
width: 475px; 
background-color: #CADBEC; 
border: 1px solid #808080;
font-size: 90%; 
}
/*midashi*/
.sec h2 {
position: relative; /*for IE6*/
width: 250px; 
margin: -0.9em 0 0 3px; 
padding: 3px 15px; 
background-color: #3481CD; 
border: 1px solid #808080;
font-size: 100%;
color: #ffffff;
text-align: left;
}
/*danraku*/
.sec p {
margin: 1em 15px; /* danraku margin_top-bottom,left-right*/
line-height: 120%;
}
/*back to top*/
.btt
{
text-align: center;
font-weight: bold;
color: #6699ff;
}
.btt a
{
color: #10314E;
text-decoration: none;
}
.bclinkbp
{
width: 468px; 
height: 60px;
border: 0;
}
/*chuui*/
.chu
{
width: 800px;
height: 100px;
text-align: center;
vertical-align: middle;
font-size: small;
color: #ff33ff;
}
/*caption*/
.cap
{
text-align: center;
color: #009900;
font-weight: bold;
}

/*===　HOME ===*/
/*--- お店紹介 ---*/
.kummeina_02
{
width: 475px;
text-align: center;
vertical-align: middle;
}
/*--- 新製品など ---*/
.nochrichtn_navi_ul
{
margin: 0;
padding: 5px;
}
.nochrichtn_navi_title
{
width: 160px;
height: 20px;
margin: 5px 0px;
padding: 0;
background-color: #CADBEC;
border: 1px solid #FE0000;
list-style-type: none;
text-align: center;
vertical-align: middle;
font-size: 95%;
overflow: visible;
}
.nochrichtn_navi
{
width: 160px;
margin: 10px 0px;
padding: 10px 0px;
background-color: #CADBEC;
border: 1px solid #808080;
list-style-type: none;
text-align: center;
line-height: 150%;
vertical-align: middle;
font-size: 90%;
overflow:visible;
}
hr.nochrichtn_line
{
width: 420px;
text-align: center;
border-style: dotted none none none;
border-top-width: 2px;
border-top-color: #10314E;
height: 2px;
}


/*=== Kontakt ===*/
/*=== Links ===*/
.llinkb{
width: 25%; 
line-height: 150%;
padding: 0 2%;
text-align: right; 
vertical-align: top;
text-decoration: none;
}
.llinkex{
width: 75%; 
line-height: 150%;
text-align: left; 
vertical-align: middle;
}
.Feng_Shui
{
width: 96px;
border: none;
}
/*=== FAQ ===*/
/*=== Impressum & Haftungsausschluß ===*/
