body {
background-color: #f90;
background-image: url(../img/bg_or.jpg);
background-repeat: repeat-x;
background-position: top;
margin: 0px;
padding: 0px;
}
#container {
width:760px;
border-left:1px solid #999;
border-right:1px solid #999;
padding:0;
background-color:#fff;
margin:0 auto;
}
p.headcopy {
font-size:70%;
color:#333;
margin:10px 5px 5px 5px;
padding:0;
text-align:right;
}
h1.toptl {
margin:0;
padding:0;
}
div.h-navi {
margin:0;
padding:0;
background-image:url(../img/bt_bg.jpg);
background-repeat:repeat-x;
height: 33px;
}
ul.headnavi {
margin:0;
padding:0;
height:33px;
font-size:0.1em;
}
li.navibtn {
display:inline;
margin:0;
padding:0;
list-style-type:none;
height: 33px;
}
p.topcomment {
font-size:80%;
color:#333;
line-height:180%;
margin:30px;
padding:0;
}
p.topcomment strong{
color:#900;
}
/*サブページ メイン部腐(/
div.contents {
margin:0;
padding:0;
background-image:url(../img/bg_left.gif);
background-position:left;
background-repeat:repeat-y;
}
h1.pagetl {
margin:0;
padding:0;
height:120px;
}
h1.pagetl img{
margin:0;
padding:0;
height:120px;
}
h2.tl2 {
margin:40px 0 20px 0;
}
/*サブページ レフトナビ*/
div.leftnavi {
width:182px;
float:left;
}
p.l-navi-btn {
margin:0;
padding:0;
}
/*サブページ メイン*/
div.main {
margin:0 0 0 190px;
padding: 0;
}
/*サブページ パンｇ"戟潟Xト*/
p.topicpath {
font-size:70%;
color:#333;
margin:10px 0;
padding:0;
}
.topicpath a:link {
color:#333;
}
.topicpath a:visited {
color:#333;
}
.topicpath a:hover {
color:#f30;
}
.topicpath a:active {
color:#f30;
}
/*サブページ 燕灯バナー*/
div.f-bnr {
clear:left;
margin:0 0 15px 0;
padding:10px 0;
border-top:1px solid #999;
border-bottom:1px solid #999;
background-color: #fff;
}
p.bnr {
margin:5px 0 ;
padding:0;
text-align:center;
}
p.bnr img{
margin:0 ;
padding:3px;
}
/*サブページ テキスト*/
p.txt01 {
font-size:80%;
color:#333;
line-height:150%;
margin:10px;
padding:0;
}
/*ページｖ弱槽・/
p.totop {
padding:20px 10px;
text-align:right;
margin: 0;
}
p.totop-clr {
clear:left;
padding:20px 10px;
text-align:right;
margin: 0;
}
/*芽.・酎・/
p.president {
font-size:85%;
color:#333;
margin:20px 10px 10px 10px;
text-align:right;
}
img.photo {
border:1px solid #999;
}
table.tbl-com1 {
margin:10px;
padding:0;
}
table.tbl-com1 th {
padding:5px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
font-size:80%;
color:#039;
text-align:right;
font-weight:normal;
}
table.tbl-com1 td {
padding:5px;
font-size:80%;
color:#333;
text-align:left;
font-weight:normal;
background-color:#FFF4E9;
}
p.com-img1 {
margin:0;
padding:0;
}
p.caption1 {
margin:5px 3px;
font-size:70%;
color:#333;
}
p.com-img2 {
margin:15px 15px 5px 10px;
padding:0;
}
p.caption2 {
margin:5px 0px 15px 10px;
font-size:70%;
color:#333;
}
.gmap {
margin:15px 0 15px 10px;
padding:0;
}
/*盾妬序・(/
/*盾妬序・rop*/
.tbl-pro1 {
margin:30px 0 40px 0;
}
.tbl-pro1 td{
padding:0;
vertical-align:top;
}
img.p-img1 {
border:1px solid #999;
}
h2.tl2-p {
margin:0 0 0 5px;
padding:0;
}
p.p-btn {
margin:5px 0 5px 5px;
}
/*盾妬序・qub*/
h3.tl3 {
margin:10px 0 20px 10px ;
}
h3.tl3-clr {
margin:10px 0 20px 10px;
clear: left;
}
table.tbl-exp {
margin:10px 0 10px 5px;
padding:0;
}
table.tbl-exp td{
padding:0;
background-color:#fcc;
vertical-align:top;
width:253px;
}
p.tl-toku {
margin:0 0 5px 0;
padding:0;
}
p.txt-toku {
font-size:80%;
color:#000;
margin:10px;
padding:0;
line-height:150%;
}
p.s-copy {
font-size:90%;
color:#CC0000;
font-weight:bold;
margin:10px;
}
table.tbl-pro {
width:170px;
margin:0 5px 15px 10px;
padding:0;
float:left;
}
th.pro-name{
padding:5px;
font-weight:bold;
color:#333;
background-color:#fc9;
text-align:left;
font-size:80%;
}
td.pro-img {
margin:0;
padding:0;
}
td.pro-img img{
margin:5px 0;
padding:0 5px 0 0;
}
table.tbl-pro2 {
margin:5px 0;
padding:0;
}
table.tbl-pro2 th{
background-color:#eee;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
padding:5px;
font-weight:bold;
color:#333;
text-align:left;
font-size:80%;
}
table.tbl-pro2 td{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
padding:5px;
color:#333;
font-size:80%;
}
.lastlow {
border-bottom:1px solid #ccc;
}
table.tbl-meyasu {
margin:10px;
}
.tbl-meyasu caption {
margin:5px;
padding:5px;
font-size:80%;
color:#003399;
font-weight:bold;
text-align:left;
}
.tbl-meyasu th {
padding:5px;
text-align:center;
font-size:80%;
color:#333;
background-color:#bde;
border:1px solid #ccc;
width:4em;
}
.tbl-meyasu td {
padding:5px;
font-size:80%;
color:#333;
border:1px solid #ccc;
}
div.pro-use {
width:340px;
float:left;
margin: 0 0 0 10px;
padding: 0;
}
.use {
font-size:80%;
color:#f30;
margin:0 0 10px 0;
padding:5px;
border-top:1px solid #f30;
border-bottom:1px solid #f30;
}
dl.dl-use {
margin:10px 0;
padding:0;
}
dl.dl-use dt {
margin:5px 0 2px 0;
padding:3px 3px 3px 5px;
color:#03c;
font-size:80%;
font-weight:bold;
border-left:3px solid #03c;
}
dl.dl-use dd {
margin:2px 5px 5px 5px;
padding:2px;
color:#333;
font-size:80%;
line-height:150%;
}
p.txt-pau {
font-size:80%;
color:#003333;
margin:15px;
padding:0;
line-height:150%;
}
/*ショップ*/
.tl3-shop {
margin:20px 10px 10px 0;
padding:15px 0 0 0 ;
border-top:1px solid #666;
}
table.tbl-shop1 {
margin:5px 0;
padding:0;
}
table.tbl-shop1 th{
margin:0;
padding:3px;
font-size:80%;
color:#000;
border:1px solid #666;
background-color:#eee;
text-align:left;
}
table.tbl-shop1 td{
margin:0;
padding:0;
vertical-align:top;
width:102px;
}
p.itemimg {
margin:0;
padding:0;
}
.itemimg img {
border:1px solid #999;
}
p.itemname {
font-size:80%;
color:#333;
padding:3px;
margin:0;
font-weight:bold;
}
h2.tl2-shop {
font-size:100%;
font-weight:bold;
margin:20px 10px 10px 10px;
padding:3px;
border-left:3px solid #f60;
}
p.shopbtn {
margin:10px;
padding:0;
}
td.td-shopimg {
vertical-align:top;
}
td.td-s-comment {
vertical-align:top;
}
td.td-shopimg img{
border:1px solid #999;
}
p.txt-shop {
font-weight:normal;
font-size:80%;
color:#333;
margin:20px;
padding:0;
line-height:150%;
}
p.price {
font-size:80%;
color:#c00;
text-align:right;
margin:10px 20px ;
padding:0;
}
p.number {
font-size:80%;
color:#333;
text-align:right;
margin:10px 20px ;
padding:0;
}
p.cartbtn {
margin:10px 20px ;
padding:0;
text-align:right;
}
p.inqlink {
font-size:80%;
font-weight:bold;
text-align:right;
margin:10px 20px;
}
.inqlink a:link {
color:#039;
}
.inqlink a:visited {
color:#039;
}
.inqlink a:hover {
color:#f30;
}
.inqlink a:active {
color:#f30;
}
/*ｄ批°№・彩/
table.tbl-inq {
margin:5px 0 40px 40px;
padding:0;
}
table.tbl-inq th {
padding:8px;
background-color:#fff0e0;
color:#333;
font-size:80%;
text-align:right;
font-weight:normal;
border-bottom:1px solid #ccc;
}
table.tbl-inq td {
padding:8px;
color:#333;
font-size:70%;
font-weight:normal;
border-bottom:1px solid #ccc;
}
table.tbl-inq-l {
margin:5px 0 40px 40px;
padding:0;
}
table.tbl-inq-l th {
padding:8px;
background-color:#eee;
color:#333;
font-size:80%;
text-align:right;
font-weight:normal;
border-bottom:1px solid #ccc;
}
table.tbl-inq-l td {
padding:8px;
color:#333;
font-size:70%;
font-weight:normal;
border-bottom:1px solid #ccc;
}
.f-btn {
padding:10px;
text-align:center;
}
.needtxt {
font-size:70%;
color:#333;
margin:40px 0 5px 40px;
}
.needmark {
color:#f00;
}
p.txt02 {
font-size:80%;
color:#333;
font-weight:bold;
margin:20px 30px;
padding:0;
}
h3.tl3-i {
font-size:90%;
color:#fff;
background-color:#0066CC;
margin:20px 20px 20px 10px;
padding:5px;
}
.hr1 {
width:80%;
height:1px;
color:#333;
margin:15px;
text-align:center;
}
/*フッタバナー*/
p.l-bnr {
clear: both;
margin:20px 0 ;
padding:0;
text-align:center;
}
p.l-bnr img{
margin:0 ;
padding:3px;
}
div.address {
margin:15px 0;
padding:10px 0 ;
border-top:1px solid #999;
border-bottom:1px solid #999;
}
dl.l-address {
margin:0;
padding:0;
}
dt.dt-add {
float:left;
font-size:80%;
color:#333;
font-weight:bold;
width:9em;
margin:0 0 0 1em;
padding:0;
}
dd.dd-add {
font-size:70%;
color:#333;
font-weight:normal;
margin:0 0 0 14em;
padding:0;
line-height:150%;
}
p.copyright {
font-size:75%;
color:#333;
margin:10px;
padding:0 0 15px 0;
text-align:center;
}
/*リンク*/
a:link {
color:#333;
}
a:visited {
color:#333;
}
a:hover {
color:#f60;
}
a:active {
color:#f60;
}
/* --- 更新情報・お知らせのボックス --- */
div.news {
width: 455px; /* ボックスの幅 */
padding-bottom: 10px; /* ボックスの下パディング */
background: #ffffff url(../img/maru1_455_bottom.gif) no-repeat bottom; /* ボックスの背景 */
font-size: 80%;
color: #000000;
float: left;
margin: 0px 15px 0px 20px;
}
/* --- 更新情報・お知らせの見出し --- */
div.news h3 {
margin: 0; /* 見出しのマージン */
padding: 15px 10px; /* 見出しのパディング（上下、左右） */
background: #f9f9f9 url(../img/maru4_455_top.gif) no-repeat top; /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */
}
/* --- 更新情報・お知らせの内の段落 --- */
div.news p {
margin: 10px; /* 段落のマージン（上下、左右）10px */
}
/* --- 更新情報・お知らせ03 --- */
div.news03 {
width: 390px; /* ボックスの幅 */
padding: 8px; /* ボックスのパディング */
background: #aed5f6 url(../img/box_back_orange3.gif); /* ボックスの背景 */
font-size: 80%; /* ボックスの文字サイズ */
float: left;
margin: 0px 15px 0px 30px;
}
div.news03 div.inner {
padding: 1em 10px 1px; /* 内部のパディング（上、左右、下） */
background-color: #ffffff; /* 内部の背景色 */
}
/* --- 更新情報・お知らせ見出し03 --- */
div.news03 h3 {
margin: 0 0 1em; /* 見出しのマージン（上、左右、下） */
font-size: 120%; /* 見出しの文字サイズ */
}
/* --- 更新情報・お知らせの段落03 --- */
div.news03 p {
margin: 1em 0; /* 段落のマージン（上下、左右） */
}
/* --- calenderボックス --- */
div.calender {
width: 250px; /* ボックスの幅 */
padding-bottom: 10px; /*ボックスの下パディング */
background: #ffffff url(../img/maru1_250_bottom.gif) no-repeat bottom; /* ボックスの背景 */
font-size: 80%;
color: #000000;
float: left;
}
/* --- 見出し --- */
div.calender h3 {
margin: 0; /* 見出しのマージン */
padding: 15px 10px; /* 見出しのパディング（上下、左右） */
background: #f9f9f9 url(../img/maru4_250_top.gif) no-repeat top; /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */
}
/* --- ボックス内の段落 --- */
div.calender p {
margin: 15px; /* 段落のマージン（上下、左右） */
}
/* --- 更新情報・お知らせ03 --- */
div.calender03 {
width: 250px; /* ボックスの幅 */
padding: 10px; /* ボックスのパディング */
background: #aed5f6 url(../img/box_back_orange3.gif); /* ボックスの背景 */
font-size: 80%; /* ボックスの文字サイズ */
float: left;
/*margin: 0px 15px 0px 20px;*/
}
div.calender03 div.inner {
padding: 5px 15px 5px; /* 内部のパディング（上、左右、下）1em */
background-color: #ffffff; /* 内部の背景色 */
}
/* --- 更新情報・お知らせ見出し03 --- */
div.calender03 h3 {
margin: 0 0 5px; /* 見出しのマージン（上、左右、下）1em */
font-size: 120%; /* 見出しの文字サイズ */
}
/* --- 更新情報・お知らせの段落03 --- */
div.news03 p {
margin: 5px; /* 段落のマージン（上下、左右）初期値 1em 0*/
}
/* --- お問い合わせ --- */
div.inquiry {
width: 550px; /* 見出しエリアの幅 */
/*margin-bottom: 1em;*/
padding: 6px 7px; /* 見出しエリアのパディング（上下、左右） */
background: #f9f9f9 url(inquiry_back1.gif) repeat-x; /* 見出しエリアの背景 */
border: 1px #c0c0c0 solid; /* 見出しエリアの境界線 */
}
/* --- 見出し --- */
div.inquiry h1 {
margin: 0;
padding: 3px 0 0 5px; /* 見出しのパディング（上右下左） */
border-left: 5px #ff8000 solid; /* 見出しの左境界線 */
font-size: 100%; /* 見出しの文字サイズ */
line-height: 100%;
}
/* --- お問い合わせ01 --- */
div.inquiry01 {
width: 560px; /* 見出しエリアの幅 */
/*margin-bottom: 1em;*/
padding: 0px 0px 0px 0px; /* 見出しエリアのパディング（上下、左右） */
background: #f9f9f9 url(inquiry_back1.gif) repeat-x; /* 見出しエリアの背景 */
border: #c0c0c0 solid; /* 見出しエリアの境界線（色、スタイル） */
border-width: 1px 1px 2px; /* 見出しエリアの境界線（太さ 上、左右、下） */
}
/* --- 見出し01 --- */
div.inquiry01 h1 {
margin: 0;
padding: 7px 7px 4px; /* 見出しのパディング（上、左右、下） */
border-bottom: 4px #ff8000 solid; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */
line-height: 100%;
}
/* --- お問い合わせ02 --- */
div.inquiry02 {
width: 560px; /* 見出しエリアの幅 */
/*margin-bottom: 1em;*/
padding: 4px 0px; /* 見出しエリアのパディング（上下、左右） */
border-bottom: 1px #c0c0c0 solid; /* 見出しエリアの下境界線 */
}
/* --- 見出し02 --- */
div.inquiry02 h1 {
margin: 0;
padding: 3px 3px 0 5px; /*見出しのパディング（上右下左） */
border-left: 5px #ff8000 solid; /* 見出しの左境界線 */
font-size: 100%; /* 見出しの文字サイズ */
line-height: 100%;
}
/* --- お問い合わせ03 --- */
div.inquiry03 {
width: 560px; /* 見出しエリアの幅 */
/*margin-bottom: 1em;*/
/*padding: 4px 0px; 見出しエリアのパディング（上下、左右） */
/*border-bottom: 1px #c0c0c0 solid; 見出しエリアの下境界線 */
}
/* --- 見出し03 --- */
div.inquiry03 h1 {
border: 1px solid #FF8019;
border-left: 10px solid #FF8019;
padding: 6px 0 2px 10px;
font-size: 100%; /* 見出しの文字サイズ */
line-height: 130%;
}
/* トップお知らせ */
#top_news {
margin: 10px 0px 20px 0px;
}
.one_column {
margin-bottom: 5px;
padding-left: 15px;
overflow: hidden;
clear: both;
line-height: 1.4;
font-size: 14px;
background: url("../news/img/list.gif") no-repeat 0 5px;
}
#top_news dt {
margin-right: 15px;
float: left;
}
#top_news dd {
float: left;
margin: 0;
width: 250px;
}