body{background-color:#ffffff;
margin-top:auto;
margin-left:auto;
margin-right:auto;
margin-bottom:auto;
padding:0;
}
html{scrollbar-base-color:#EEDAB5;}
h1,h2,h3,h4,h5,h6,ul,ol,dl,hr,p,table{
margin-top:0;
margin-bottom:0;
}
/*イントロページのスタイル*/
.intro{
width:530px;
margin-left:115px;
margin-right:115px;
margin-top:30px;
}
h1{
color:#df853e;
border-bottom:3px dotted;
font-size:17px;
letter-spacing:-1px;
margin-top:10px;
margin-left:0px;
margin-bottom:5px;
}
p.enter{
width:50px;
height:50px;
margin-bottom:20px;
margin-top:20px;
background-image:url(/design/teayamashiro/image/maru.gif);
background-repeat:no-repeat;
font-color:#ffffff;
font-size:14px;
font-weight:bold;
padding-top:10px;
}
p.enter a{
display:inline;
color:#ffffff;
text-decoration:none;
}
p.enter a:hover{
color:#ffffff;
text-decoration:none;
}
p.enter a:visited{
color:#ffffff;
text-decoration:none;
}
p.letters{
color:#696969;
font-size:13px;
margin-top:5px;
margin-bottom:5px;
line-height:18px;
text-align:center;
}
h2.seo{font-size:20px;
color:#ffffff;
}
/*上段メニューのスタイル*/
#headerNavi{
margin-left:0px;
margin-top:10px;
margin-bottom:20px;
margin-right:0px;
padding:0px;
list-style-type:none;
text-align:right;
width:780px;
height:140px;
font-size:13px;
background-image:url(/design/teayamashiro/image/header_new.gif);
background-repeat:no-repeat;
background-position:top left;
}
#headerNavi ul{
margin-top:10px;
}
#headerNavi li{
display:inline;
padding-right:1em;
font-size:13px;
}
#headerNavi a{
text-decoration:none;
color:#696969;
display:inline;
}
#headerNavi a:hover{
color:#ffcc33;
}
#headerNavi:before{
content:"|";
}
#headerNavi:after{
content:"|";
}
/*左側メニューデザイン*/
div.left_navber{
width:150px;
margin-left:0px;
}
table.left_ber{
width:150px;
margin:0;
padding:0;
}
ul.Navbar{
margin-top:5px;
margin:0;
padding:0;
list-style-type:none;
border-top:2px none #df853e;
width:150px;
}
ul.Navbar a{
display:block;
padding:9px;
background-color:#F8EADD;
color:#610f13;
text-decoration:none;
}
ul.Navbar a:link{
color:#610f13;
text-decoration:none;
}
ul.Navbar a:visited{
color:#610f13;
text-decoration:none;
}
ul.Navbar a:hover{
color:#610f13;
text-decoration:none;
}
ul.Navbar li{
border-right:2px none #df853e;
border-left:10px groove #df853e;
border-bottom:2px none #df853e;
width:150px;
}
/*左側メニュー 山城紅茶業務用*/
ul.bar{
margin-left:1px;
padding-left:0;
list-style-type:none;
border-top:2px none #df853e;
width:149px;
}
ul.bar a{
display:block;
padding:10px;
background-color:#F8EADD;
color:#610f13;
text-decoration:none;
}
ul.bar a:link{
color:#610f13;
text-decoration:none;
}
ul.Navbar a:visited{
color:#610f13;
text-decoration:none;
}
ul.bar a:hover{
color:#610f13;
text-decoration:none;
}
ul.bar li{
border-right:2px none #646432;
border-left:10px groove #646432;
border-bottom:2px none #646432;
width:147px;
}
/*中央画面デザイン*/
div.maincontents{
margin-top:0px;
margin-bottom:auto;
margin-right:auto;
margin-left:0px;
text-align:center;
width:630px;
float:left;
}
div.content{
margin-top:10px;
margin-left:0px;
margin-bottom:0;
padding-right:0px;
padding-left:10px;
width:630px;
float:left;
text-align:left;
}
div.content h4{
margin-top:5px;
margin-bottom:5px;
color:#610f13;
font-size:20px;
font-weight:bold;
text-align:center;
}
div.content li{
margin-left:45px;
color:#646432;
}
p.main{
color:#696969;
font-size:15px;
margin-top:5px;
margin-left:0px;
margin-right:5px;
margin-bottom:5px;
line-height:19px;
text-align:left;
}
p.main a:hover{
color:#df853e;
text-decoration:none;
}
p.main a:visited{
color:#df853e;
text-decoration:none;
}
p.main a:link{
color:#df853e;
text-decoration:none;
}
div.ber{
margin-top:10px;
margin-bottom:0;
margin-right:0;
margin-left:0;
width:630px;
float:right;
padding-right:0px;
padding-bottom:0px;
display:inline;
}
div.topics{
margin-top:20px;
margin-bottom:0;
margin-right:10px;
margin-left:10px;
width:610px;
height:200px;
clear:both;
border-top:7px dotted #df853e;
border-bottom:7px dotted #df853e;
padding-bottom:20px;
text-align:left;
}
div.topics p{color:#df853e;
border-bottom:1px dotted;
font-size:17px;
letter-spacing:-1px;
}
div.topics dt{font-size:13px;
color:#696969;
margin-top:5px;
}
div.topics dd{padding-left:-30px;
font-size:13px;
color:#696969;
}
div.topics dl{
width:600px;
height:150px;
overflow:auto;
}
/*独自デザイン*/
div.contents{
margin-top:20px;
margin-bottom:auto;
margin-right:auto;
margin-left:10px;
width:580px;
text-align:center;
float:left;
}
span.new{
padding:5px;
line-height:120%;
color:#df853e;
font-size:22px;
font-weight:bold;
letter-spacing:-3px;
}
h1{
color:#df853e;
border-bottom:1px dotted;
font-size:17px;
letter-spacing:-1px;
margin-top:0px;
margin-left:0px;
text-align:left;
}
p.letter{
color:#696969;
font-size:13px;
padding-top:5px;
padding-left:45px;
padding-right:45px;
padding-bottom:5px;
line-height:16px;
text-align:left;
}
/*山城紅茶とはページのスタイル*/
p.aboutus{
color:#696969;
font-size:15px;
padding-top:10px;
padding-left:5px;
padding-bottom:0px;
line-height:140%;
margin-left:20px;
margin-right:20px;
margin-top:0px;
text-align:left;
}
p.aboutus a:link{
color:#df853e;
text-decoration:none;
}
p.aboutus a:visited{
color:#df853e;
text-decoration:none;
}
p.aboutus a:hover{
color:#646432;
text-decoration:none;
}
p.title{
color:#610f13;
font-size:18px;
padding-top:20px;
padding-bottom:20px;
text-align:left;
}
/*紅茶のいれかたページのスタイル*/
p.goods{
color:#696969;
font-size:13px;
line-height:20px;
padding-top:7px;
padding-left:7px;
padding-right:7px;
}
p.howto{
color:#696969;
font-size:14px;
padding-left:5px;
line-height:20px;
}
p.howtolink{
margin-top:20px;
margin-left:170px;
padding:5px;
text-align:center;
background-color:#ffffdd;
}
p.ice{
color:#ffffff;
background-color:#df853e;
align:center;
font-size:14px;
margin-left:330px;
margin-right:0px;
margin-top:10px;
padding-left:5px;
padding-right:5px;
padding-top:3px;
padding-bottom:3px;
text-align:center;
}
p.ice a{
color:#ffffff;
background-color:#df853e;
text-decoration:none;
}
p.ice a:hover{
color:#ffffff;
background-color:#df853e;
text-decoration:none;
}
p.ice a:visited{
color:#ffffff;
background-color:#df853e;
text-decoration:none;
}
p.corp{
color:#696969;
font-size:15px;
padding-top:5px;
padding-left:5px;
padding-bottom:5px;
line-height:20px;
}
p.person{
color:#610f13;
font-size:16px;
padding-top:10px;
padding-left:10px;
padding-bottom:10px;
}
div.contents li{
color:#696969;
font-size:14px;
padding-top:1px;
padding-left:auto;
padding-right:45px;
padding-bottom:auto;
line-height:16px;
text-align:left;
}
div.contents ul{
padding-bottom:10px;
}
p.question{
color:#610f13;
font-size:17px;
background-image:url(/design/teayamashiro/image/question_back.gif);
background-repeat:repeat-x;
padding-top:10px;
padding-bottom:10px;
margin-top:30px;
font-weight:bold;
text-indent:2em;
text-align:left;
}
p.answer{
color:#696969;
font-size:13px;
padding-top:0px;
padding-left:5px;
padding-bottom:0px;
line-height:140%;
margin-left:20px;
margin-right:20px;
margin-top:0px;
text-align:left;
}
p.answer a:link{
color:#df853e;
text-decoration:none;
}
p.answer a:visited{
color:#df853e;
text-decoration:none;
}
p.answer a:hover{
color:#646432;
text-decoration:none;
}
p.answer:first-letter{
font-size:2em;
color:#ff0000;
margin-right:10px;
margin-top:0px;
margin-bottom:0px;
font-weight:bold;
}
span.modoru{
padding-left:400px;
padding-top:30px;
display:block;
}
span.back{
background-color:#df853e;
color:#ffffff;
font-size:14px;
font-weight:bold;
padding:5px;
margin:20px;
display:block;
border:5px double #ffffff;
letter-spacing:1px;
}
span.back a:link{
display:block;
color:#ffffff;
text-decoration:none;
}
span.back a:visited{
display:block;
color:#ffffff;
text-decoration:none;
}
span.back a:hover{
display:block;
color:#646432;
text-decoration:none;
}
/*新着情報のスタイル*/
div.WhatNew dt{
font-size:15px;
margin-left:0px;
text-align:left;
color:#696969;
}
div.WhatNew dd{
font-size:13px;
margin-left:90px;
text-align:left;
color:#696969;
}
/*お問合せページのスタイル*/
td.mail{
color:#696969;
font-size:13px;
padding-top:20px;
padding-left:10px;
padding-right:45px;
padding-bottom:5px;
line-height:16px;
border-bottom:3px dotted;
}
/*サイトマップのスタイル*/
div.left{
float:left;
width:250px;
text-align:left;
padding-right:20px;
}
div.right{
float:right;
width:250px;
text-align:left;
padding-right:20px;
}
div.down{
clear:both;
}
p.title_sitemap{
color:#610f13;
font-size:18px;
padding-top:20px;
border-bottom:1px dotted;
}
p.letter_sitemap{
color:#696969;
font-size:13px;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
line-height:16px;
}
p.letter_sitemap a{
display:inline;
color:#696969;
text-decoration:none;
}
p.letter_sitemap a:hover{
text-decoration:none;
color:#ffcc33;
}
p.letter_sitemap a:visited{
color:#696969;
}
/*サイトのご利用にあたってのスタイル*/
.useinfo{
width:600px;
margin:50px;
}
/*フォトギャラリーのスタイル*/
table.photo{
width:460px;
margin-left:35px;
margin-right:35px;
margin-top:30px;
}
table.photo td{
color:#696969;
align:center}
/*業者様用ページのスタイル*/
p.business{
color:#696969;
font-size:15px;
padding-top:5px;
padding-left:5px;
padding-bottom:5px;
line-height:20px;
text-align:left;
}
p.business_title{
color:#a52a2a;
font-size:18px;
text-align:left;
padding-left:5px;
margin-top:20px;
margin-bottom:20px;
}
p.sample{
color:#ffffff;
background-color:#df853e;
margin-left:10px;
margin-right:350px;
margin-top:10px;
margin-bottom:10px;
padding-left:5px;
padding-right:5px;
padding-top:3px;
padding-bottom:3px;
font-size:14px;
text-align:center;
border-style:outset;
}
p.sample a{
color:#ffffff;
background-color:#df853e;
text-decoration:none;
}
p.sample a:hover{
color:#ffffff;
background-color:#df853e;
text-decoration:none;
}
p.sample a:visited{
color:#ffffff;
background-color:#df853e;
text-decoration:none;
}
/*お見積もりページのスタイル*/
p.mitsumori{
color:#610f13;
background-color:#ffffff;
margin-left:10px;
margin-right:350px;
margin-top:10px;
margin-bottom:10px;
padding-left:5px;
padding-right:5px;
padding-top:3px;
padding-bottom:3px;
font-size:14px;
text-align:left;
font-weight:bold;
border-left-width:10px;
border-left-style:outset;
border-bottom-style:outset;
border-color:#df853e;
}
table.ryokin{
border-collapse:collapse;
float:left;
width:520px;
margin-top:5px;
margin-bottom:5px;
margin-left:15px;
text-align:left;
display:block:
}
table.ryokin caption{
font-size:15px;
color:#696969;
text-align:left;
font-weight:bold;
}
table.ryokin th{
font-size:13px;
color:#df853e;
}
table.ryokin td{
font-size:12px;
color:#696969;
padding-top:2px;
padding-bottom:2px;
}
/*地図ページのスタイル*/
p.map{
color:#696969;
font-size:15px;
line-height:19px;
}
/*イントロページのスタイル*/
a.buttom{
display:block;
width:130px;
padding-top:3px;
padding-bottom:3px;
margin-top:10px;
margin-bottom:5px;
text-align:center;
text-decoration:none;
background-color:#df853e;
color:#ffffff;
border:4px outset #990000;
}
/*下段メニューのスタイル*/
div.footer{
margin-top:30px;
margin-left:0px;
margin-right:auto;
margin-bottom:auto;
background-color:#df853e;
color:#ffffff;
width:780px;
height:50px;
padding:0px;
float:left;
}
table.footerNavi{
margin-top:20px;
margin-left:0;
padding-left:0;
padding-top:0px;
font-size:10;
width:760px;
background-color:#df853e;
}
table.footerNavi a{
display:inline;
color:#ffffff;
text-decoration:none;
}
table.footerNavi a:hover{
color:#ffcc33;
text-decoration:none;
}
table.footerNavi a:visited{
color:#ffffff;
text-decoration:none;
}
span.name{
color:#ffffff;
font-size:15px;
}
span.add{
color:#ffffff;
font-size:10px;
}
/*移動イベントバナー*/
td.ido{
background-image:url(/design/teayamashiro/image/ido_tablle_left.gif);
background-repeat:repeat-y;
width:8px;
padding:0;
margin:0;
}