/* *******************************************************************
 *
 *        Title:        　京大和 お取り寄せ
 *        Updated:　2006.05.26
 *        Notes:        　Hand-crafted by WebLab Corporation in Tokyo.
 *
 * *******************************************************************
 */


body {
        margin: 0;
        padding: 0;
        background: #f0f0f0 url(../img/bg.gif) repeat-y;
        color: #333;
        font-family: Verdana, Arial, sans-serif;
        font-size: 90%;
        }

hr.hide                { display: none; }
a:link                { color: #0066CC; }
a:visited        { color: #0066CC; }
a:hover, a:active        { color: #8EA4C2; text-decoration:none;}

img { border: 0; margin: 0; }

p {
       margin: 0px 0px 5px 0px;
       font-family: Verdana, Arial, sans-serif;
       font-size: 12px;
       line-height: 18px;
       }

h2 {
        margin: 0;
        padding: 0 0 0 0;
        font-family: Verdana, Arial, sans-serif;
        color: #666666;
        }

h3 {
       width: 100%;
       margin: 5px 0px 12px 0px;
       padding: 5px;
       background: #E7E7E7;
       font-family: Verdana, Arial, sans-serif;
       font-size: 120%;
       line-height: 1.6;
       color: #000;
       border: 1px solid #C5C5C5;
       text-align: left;
       }


h4 {
        margin: 1em 0 0.5em;
        padding: 3px 0 3px 6px;
        border-left: 6px solid #888888;
        font-family: Verdana, Arial, sans-serif;
        font-size: 100%;
        line-height: 1.4;
        color: #888888;
        }
html>body h4 { font-size: 100%; }

span.texts{ font-family: Verdana, Arial, sans-serif; font-size: xx-small; line-height: 1.3; }
html>body span.texts { font-size: x-small; }

span.textn{ font-family: Verdana, Arial, sans-serif; font-size: x-small; line-height: 1.5; }
html>body span.textn { font-size: small; }

span.textl{ font-family: Verdana, Arial, sans-serif; font-size: small; line-height: 1.5; }
html>body span.textl { font-size: medium; }

table.nbr,
table.tbr table.nbr {
       border-top: none;
       border-left: none;
       border-collapse: collapse;
       }

table.nbr th,
table.tbr table.nbr th {
       padding: 0;
       border-right: none;
       border-bottom: none;
       background: none;
       color: #333;
       font-size: x-small;
       line-height: 1.5;
       }
html>body table.nbr th,
table.tbr table.nbr th { font-size: small; }

table.nbr td,
table.tbr table.nbr td {
       padding: 0;
       border-right: none;
       border-bottom: none;
       color: #333;
       font-size: x-small;
       line-height: 1.5;
       }
html>body table.nbr td,
table.tbr table.nbr td { font-size: small; }

table.tbr,
table.nbr table.tbr {
       border-top: 1px solid #999;
       border-left: 1px solid #999;
       border-collapse: collapse;
       }

table.tbr th,
table.nbr table.tbr th {
       padding: 10px;
       border-right: 1px solid #999;
       border-bottom: 1px solid #999;
       background: #f1f1f1;
       color: #333;
       font-size: x-small;
       line-height: 1.5;
       }
html>body table.tbr th,
table.nbr table.tbr th { font-size: small; }

table.tbr td,
table.nbr table.tbr td {
       padding: 10px;
       border-right: 1px solid #999;
       border-bottom: 1px solid #999;
       color: #333;
       font-size: x-small;
       line-height: 1.5;
       }
html>body table.tbr td,
table.nbr table.tbr td { font-size: small; }

table.nbr {
       border-collapse: collapse;
       }

th.nbr {
       margin: 0;
       padding: 5px;
       background: #eeeeee;
       font-family: Verdana, Arial, sans-serif;
       font-size: 12px;
       line-height: 18px;
       color: #333;
       }

td.nbr {
       margin: 0;
       padding: 0;
       font-family: Verdana, Arial, sans-serif;
       font-size: 12px;
       line-height: 18px;
       color: #333;
       }

table.tbr {
       border-top: 1px solid #cbcbcb;
       border-left: 1px solid #cbcbcb;
       border-collapse: collapse;
       }

th.tbr {
       padding: 5px;
       border-right: 1px solid #cbcbcb;
       border-bottom: 1px solid #cbcbcb;
       background: #eeeeee;
       font-family: Verdana, Arial, sans-serif;
       font-size: 12px;
       line-height: 18px;
       text-align: center;
       }

td.tbr {
       padding: 5px;
       border-right: 1px solid #cbcbcb;
       border-bottom: 1px solid #cbcbcb;
       font-family: Verdana, Arial, sans-serif;
       font-size: 12px;
       line-height: 18px;
       color: #333;
       }

.arrow{
       padding-left: 10px;
       background: url(../img/arrow.gif) 0 0.6em no-repeat;
       font-family: Verdana, Arial, sans-serif;
       font-size: 10px;
       color: #333;
       }

.arrow2{
       padding-left: 10px;
       background: url(../img/arrow.gif) 0 0.4em no-repeat;
       font-family: Verdana, Arial, sans-serif;
       font-size: 12px;
       color: #333;
       }

*html .arrow2{
       padding-left: 13px;
       background: url(../img/arrow.gif) 0 2px no-repeat;
       }

h1 {
       margin: 0;
       padding: 0;
       }


.material {
       margin-bottom: 10px;
       padding: 0;
       font-family: Verdana, Arial, sans-serif;
       font-size: 12px;
       line-height: 16px;
       }

form {
       margin: 0;
       padding: 0;
       }

.pagetopset {
       margin: 0px 0px 0px 0px;
       padding: 0px;
       text-align:right;
       clear:both;
       }

blockquote {
       clear: both;
       margin: 0;
       padding: 10px;
       border: 1px solid #a5aef6;
       background: #f5f7f8;
       font-size: 12px;
       line-height: 18px;
       font-align: left;
       }

/* 全体のレイアウトの設定 ####################### */

/* 全体 */

#wrapper {
       width: 100%;
       background:#fff;
       }



#nav {
       display: none;
       }

#main {
       width: 100%;
       background:#fff;
       }

#footer       {
       display: none;
       }

/* ヘッダ */

#header        {
       display: none;
        }

#header h1 {
        float: left;
        margin: 0;
        padding: 0;
        }

#topnavi {
        float: right;
        width: 353px;
        margin: 13px 0 0;
        padding: 0;
        }

#top-contents-title {
       display: none;
        }

#top-contents-title  .title{
        float: left;
        padding: 25px 0 28px 16px;
        }

#top-contents-title  .read{
        float: right;
        padding: 25px 34px 28px 0px;
        }



/* コンテンツ部分 */

#top-contents {
        clear:both;
        width: 750px;
        margin: 0;
        padding: 0;

        }

#headnav_wap {
       display: none;
       }


#headnav {
       width: 580px;
       height: 39px;
       text-align: left;
       float: left;
       }

#headnav_s {
       width: 140px;
       height: 39px;
       text-align: left;
       float: right;
       }

#top-main {
        width: 704px;
        margin: 0 0 14px 23px;
        }


/* TOPページ用のレイアウト設定 ################### */

#top-a {
       float: left;
       margin: 0px 0px 0px 23px;
       padding: 0px 0px 0px 0px;
       width: 516px;
       /*?*/
       _margin: 0px 0px 0px 0px;
       _padding: 0px 0px 0px 23px;
       _width: 516px;
       /**/
       text-align: left;
       }

#top-b {
       float: right;
       margin: 0px 23px 10px 0px;
       padding: 0px 0px 0px 0px;
       width: 170px;
       text-align: left;
       }

*html #top-b {
       float: right;
       margin: 0px 11px 10px 0px;
       padding: 0px 0px 0px 0px;
       }

#top-a-contents {
       margin: 0;
       padding-bottom: 0px;
       text-align: left;
       }

.top-a-block {
       width: 516px;
       margin-bottom: 20px;
       background: #fff;
       }

.top-a-block h4 {
       margin: 0px 0px 0px 0px;
       padding: 3px 0px 4px 3px;
       font-family: Verdana, Arial, sans-serif;
       font-size: 100%;
       color: #fff;
       background: #000;
       border-left: none;
       }

.top-a-block p {

       margin: 0px 0px 0px 0px;
       padding: 0;
       font-family: Verdana, Arial, sans-serif;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.top-a-block p { font-size: small; }

.top-a-block ul, .top-a-block ol {
       font-family: Verdana, Arial, sans-serif;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.top-a-block ul, div.top-a-block ol { font-size: small; }

.top-a-block #mainblock {
       width: 507px;
       margin: 0px 0px 0px 0px;
       padding: 7px 0px 0px 10px;
       border-top: 4px solid #a23a35;
       /*?*/
       _width: 517px;
       /**/
       }

.top-a-block .text1 {
       padding: 7px;
       font-family: Verdana, Arial, sans-serif;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body .top-a-block .text1 { font-size: small;  line-height: 1.3; }


.top-a-block table.nbr {
       padding: 0px 0px 0px 0px;
       margin: 12px 0px 12px 0px;
       padding: 0px 0px 0px 0px;
       border: 0;
}

.top-a-block tr.nbr {
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       font-family: Verdana, Arial, sans-serif;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body .top-a-block tr.nbr { font-size: small;  line-height: 1.3; }

.top-a-block td.nbr {
       vertical-align: top;
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       font-family: Verdana, Arial, sans-serif;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body .top-a-block td.nbr { font-size: small;  line-height: 1.3; }

.top-a-block table.nbr img {
       vertical-align: top;
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       }

.details {
       margin: 5px 0px 0px 10px;
       padding: 0px 0px 10px 0px;
       font-size: xx-small;
       }
html>body .details { font-size: x-small; }

.top-b-block {
       margin-bottom: 15px;
       }

.top-b-block h4 {
       margin: 0px 0px 0px 0px;
       padding: 3px 0px 4px 3px;
       font-family: Verdana, Arial, sans-serif;
       font-size: 100%;
       color: #fff;
       background: #000;
       border-left: none;
       }

.top-b-block p {
       margin: 0px 0px 0px 0px;
       padding: 0;
       font-family: Verdana, Arial, sans-serif;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.top-b-block p { font-size: small; }

.top-b-block table.nbr {
       padding: 0px 0px 0px 0px;
       margin: 5px 0px 5px 0px;
       padding: 0px 0px 0px 0px;
       border: 0;
}

.top-b-block tr.nbr {
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       font-family: Verdana, Arial, sans-serif;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body .top-b-block tr.nbr { font-size: small;  line-height: 1.3; }


.top-b-block ul, .top-b-block ol {
       font-family: Verdana, Arial, sans-serif;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.top-b-block ul, div.top-b-block ol { font-size: small; }

.topics h4 {
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 3px;
       font-family: Verdana, Arial, sans-serif;
       font-size: 100%;
       color: #a23a35;
       border-left: 4px solid #a23a35;
       }

.topics p {
       margin: 0;
       padding: 0;
       font-family: Verdana, Arial, sans-serif;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div#topics p { font-size: small; }

.topics ul, #topics ol {
       margin: 0px 0px 0px 0px;
       padding: 0;
       /*?*/
       _margin: 0;
       /**/
       font-family: Verdana, Arial, sans-serif;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       list-style:none;
       }
html>body div#topics ul, div#topics ol { font-size: small; }

.topics li {
       border-bottom:1px dotted #d8b8a8;
       margin: 3px 0px 0px 0px;
       padding: 0px 0px 3px 10px;
       background: url(../img/topics_arrow.gif) -3px 0.4em no-repeat;
       }

.topics li a {
       color: #000099;
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       background: none;
       /*?*/
       _margin: 0px 0px 0px 0px;
       _padding: 0px 0px 0px -15px;
       _background: url(../img/topics_arrow.gif) -9999px 0.4em no-repeat;
       /**/
       /*?*//*/
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px -15px;
       /**/
       }

.topics li a:link, .topics li a:visited, .topics li a:active, .topics li a:hover {
       color: #000099;
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       background: none;
       /*?*/
       _margin: 0px 0px 0px 0px;
       _padding: 0px 0px 0px -15px;
       _background: url(../img/topics_arrow.gif) -9999px 0.4em no-repeat;
       /**/
       /*?*//*/
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px -15px;
       /**/
       }


.pagetop {
       display: none;
        }

.line704 {
        clear:both;
        width: 704px;
        margin: 10px 0 10px 0;
        padding: 0;
        height: 1px;
        background: #fff url(../img/dotline.gif) repeat-x;
        }

.line680 {
        clear:both;
        width: 680px;
        margin: 10px 0 10px 0;
        padding: 0;
        height: 1px;
        background: #fff url(../img/dotline.gif) repeat-x;
        }

/* 下ページ用のレイアウト設定 ################### */

#main {
       margin: 0px 25px 30px 0px;
       padding: 0px 0px 0px 20px;
       float: ;left;
       width: 509px;
       background: #fff url(../img/mainbg.gif) repeat-y;
       }

*html #main {
       margin: 10px 10px 30px 0px;
       padding: 0px 0px 0px 15px;
       }

#contents-title {
       width: 509px;
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       text-align: left;
       }

#directry {
       width: 509px;
       margin: 0px 0px 10px 0px;
       padding: 0px 0px 0px 0px;
       font-family: Verdana, Arial, sans-serif;
       font-size: xx-small;
       color: #666;
       }
html>body div#directry { font-size: x-small; }


#contents {
       width: 100%;
       margin: 0px;
       padding: 0px 0px 0px 0px;
       text-align: left;
       background: #fff;
       }

#contents  ul{
       margin-top: 3px;
       }

#contents  li{
       margin-bottom: 3px;
       font-family: Verdana, Arial, sans-serif;
       font-size: 12px;
       line-height: 18px;
       }

.block {
       margin: 0px 0px 30px 0px;
       }

.block2 {
       margin: 0px 0px 10px 0px;
       }

.block_end {
       margin: 0px 0px 0px 0px;
       }

.block h4 {
       margin: 0px 0px 10px 0px;
       padding: 0px 0px 0px 3px;
       font-family: Verdana, Arial, sans-serif;
       font-size: 100%;
       color: #663333;
       border-left: 4px solid #663333;
       }

.block p {
       margin: 0px 0px 5px 0px;
       padding: 0;
       font-family: Verdana, Arial, sans-serif;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.block p { font-size: small; }

.block small {
       font-family: Verdana, Arial, sans-serif;
       font-size: x-small;
       line-height: 1.5;
       color: #663333;
       }


/* headnav部分の詳細設定 ######################## */

#menu {
       width: 580px;
       margin: 0;
       padding: 0;
       list-style-type: none;
       }


#menu ul {
       margin: 0;
       padding: 0;
       }

#menu li {
       margin: 0;
       padding: 0;
       display: inline;
       }

#menu a {
       float: left;
       padding-top: 39px;
       height: 0px !important;
       height /**/: 39px;
       overflow: hidden;
       }

#menu a:hover {
       background-position: 0 -39px;
       }

#menu a.selected {
       background-position: 0 -78px;
       }

#nav01 a{
        width: 103px;
        background: url(../img/navi1.gif) top left no-repeat;
        }

#nav01 a:active.selected, #nav01 a:hover.selected{
       width: 103px;
       background: url(../img/navi1.gif) top left no-repeat;
       background-position: 0 -78px;
       }

#nav02 a{
        width: 104px;
        background: url(../img/navi2.gif) top left no-repeat;
        }

#nav02 a:active.selected, #nav02 a:hover.selected{
       width: 104px;
       background: url(../img/navi2.gif) top left no-repeat;
       background-position: 0 -78px;
       }

#nav03 a{
        width: 100px;
        background: url(../img/navi3.gif) top left no-repeat;
        }

#nav03 a:active.selected, #nav03 a:hover.selected{
       width: 100px;
       background: url(../img/navi3.gif) top left no-repeat;
       background-position: 0 -78px;
       }

#nav04 a{
        width: 103px;
        background: url(../img/navi4.gif) top left no-repeat;
        }

#nav04 a:active.selected, #nav04 a:hover.selected{
       width: 103px;
       background: url(../img/navi4.gif) top left no-repeat;
       background-position: 0 -78px;
       }




#shopping {
       float: right;
       width: 140px;
       margin: 0;
       padding: 0;
       list-style-type: none;
       }

#shopping ul {
       margin: 0;
       padding: 0;
       }

#shopping li {
       margin: 0;
       padding: 0;
       display: inline;
       }

#shopping a {
       float: right;
       padding-top: 39px;
       height: 0px !important;
       height /**/: 39px;
       overflow: hidden;
       }

#shopping a:hover {
       background-position: 0 -39px;
       }

#shopping a.selected {
       background-position: 0 -78px;
       }

#nav_s a{
       height: 39px;
       float: right;
       width: 140px;
       background: url(../img/navi_shopping.gif) top right no-repeat;
        }

#nav_s a:active.selected, #nav_s a:hover.selected{
       float: right;
       width: 140px;
       background: url(../img/navi_shopping.gif) top right no-repeat;
       background-position: 0 -78px;
       }

/* nav部分設定 #############################  */

#submenu {
       margin: 0px 0px 15px 0px;
       padding: 0;
       list-style: none;
       }


#submenu ul {
       margin: 0;
       padding: 0;
       }   /* リストを隙間なくならべる */

.subbutton {
       margin-left: 7px;
       padding-left: 10px;
       background: url(../img/arrow.gif) 0 1.1em no-repeat;
       width: 170px;
       font-family: Verdana, Arial, sans-serif;
       font-size: x-small;
       line-height: 1.4;
       color: #333
       text-align: left;
       }
html>body li.subbutton { font-size: small; padding-left: 0; }

*html .subbutton {
       margin-left: 0px;
       padding-left: 0px;
       width: 170px;
       }

.subbutton a {
       margin: 0;
       padding: 8px 0 7px 15px;
       display : block;
       }

*html .subbutton a {
       padding: 8px 0 0px 15px;
       }