/* XHTML1.1/CSS【Type Screen】2007.07.06 var.1.0 Copyright 2007.Terrabrains.Inc */
/* Default Style Reset */
body,form,fieldset{margin: 0px;padding: 0px;}
fieldset{border:none;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd{margin: 0px;padding: 0px;}
blockquote,li,dt,dd{}
li{list-style:none;}
input,textarea{font-size: 1em;margin: 0px;padding: 0px;}
/* Layout */
.LeftContents {float: left;}
.RightContents {float: right;}
#Header {width: 100%;height: 75px;
background-image: url(../img/header_bg.jpg);
background-repeat: repeat-x;}
#Header .LeftContents {text-align: left;display: block;}
#Header .RightContents {width: 550px;height: 75px;
text-align: right;display: block;}
#HeadContents {width: 783px;}
#HeadContents .LeftContents a {width: 205px;height: 75px;text-indent: -9999px;
background-image: url(../img/site_id.gif);
background-repeat: no-repeat;display: block;}
#ContBoxWidth {background: url(../img/contbody_bg.gif) repeat-y;}
/* MainContents */
#MainContents {width: 783px;height: auto;margin: 0px;padding: 0px;}
#MainContents .LeftContents {width: 551px;margin-top: 10px;text-align: left;display: block;}
#MainContents .LeftContents .ContBox {width: 517px;height: auto;margin: 0px;padding: 0px 15px 10px;}
#MainContents .RightContents {width: 230px;margin-top: 27px;text-align: left;}
#MainContents .RightContents h3 {
width: 215px;height: 34px;margin: 0px;padding: 16px 0px 0px 15px;
background-image: url(../img/side_h3.gif);background-repeat: no-repeat;
border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;
font-size: 120%;color: #797F59;text-align: left;display: block;}
#MainContents .RightContents .ContBox {
width: 204px;text-align: left;
background-image: url(../img/side_bg.gif);background-repeat: repeat-y;
padding-left: 13px;padding-right: 13px;padding-top: 5px;padding-bottom: 5px;}
#MainContents .RightContents .ContBox li {
height: auto;margin: 1px 1px 3px;padding: 0px;
background-image: url(../img/side_li.gif);background-repeat: no-repeat;}
#MainContents .RightContents .ContBox li a {
height: 21px;padding: 5px 3px 5px 20px;
text-decoration: none;color: #003366;text-align: left;display: block;
border-top: 1px solid #DFDFDF;border-bottom: 1px solid #DFDFDF;
border-left: 3px solid #B6B6B6;border-right: 1px solid #CCCCCC;}
#MainContents .RightContents .ContBox li a:hover{
height: 21px;padding: 5px 3px 5px 20px;
text-decoration: none;color: #990000;text-align: left;display: block;
border-top: 1px solid #DDD6D2;border-bottom: 1px solid #DDD6D2;
border-left: 3px solid #771C1C;border-right: 1px solid #CEC6C6;}
/* TopicPath */
#TopicPath {height: 25px;padding-left: 20px;display: block;background-color: #FAF4DB;}
#TopicPath li {height:25px;width: auto;display : inline;float:left;
font-size: 70%;line-height: 25px;text-align: center;text-decoration: none;
margin-right: 5px;}
#TopicPathLink {height:25px;margin: 0px;padding: 0px;display: block;
text-align: left;background-image: url(../image/topicpath_bg.gif);}
#TopicPath li em {color:#999999;display:block;
background-image: url(../img/topicsprth_li01.gif);background-repeat: repeat-x;
width: auto;padding-right: 1.5em;padding-left: 1.5em;}
#TopicPath li a {color:#3D598F;display:block;text-decoration: none;
background-image: url(../img/topicsprth_li02.gif);background-repeat: repeat-x;
width: auto;padding-right: 1.5em;padding-left: 1.5em;}
#TopicPath li a:hover {color:#93374B;display:block;text-decoration: underline;
background-image: url(../img/topicsprth_li02.gif);background-repeat: repeat-x;
width: auto;padding-right: 1.5em;padding-left: 1.5em;}
#TopicPath li a:visited {display:block;
background-image: url(../img/topicsprth_li02.gif);background-repeat: repeat-x;
width: auto;padding-right: 1.5em;padding-left: 1.5em;}
/* HaedLinks */
#HeadNavi li {margin:0;padding :0;display : inline;float:left;text-indent: -99999px;}
#HeadNavi {width:320px;height: 29px;margin-bottom: 25px;display: block;text-align: left;float: right;}
#HaedLinks01 a {height:29px;width:130px;background-image: url(../img/headlinks01.jpg);display:block;
background-position: 0px 0px;}
#HaedLinks01 a:hover{height:29px;width:130px;background-image: url(../img/headlinks01.jpg);display:block;
background-position: 0px -29px;}
#HaedLinks02 a {height:29px;width: 92px;background-image: url(../img/headlinks02.jpg);display:block;
background-position: 0px 0px;}
#HaedLinks02 a:hover{height:29px;width: 92px;background-image: url(../img/headlinks02.jpg);display:block;
background-position: 0px -29px;}
#HaedLinks03 a {height:29px;width: 98px;background-image: url(../img/headlinks03.jpg);display:block;
background-position: 0px 0px;}
#HaedLinks03 a:hover{height:29px;width: 98px;background-image: url(../img/headlinks03.jpg);display:block;
background-position: 0px -29px;}
#HeadNews {width: 100%;text-align:left;font-size: 70%;clear: right;}
#HeadNews a {color: #1115AF;text-decoration: underline;}
#HeadNews a:hover {color: #1115AF;text-decoration: none;}
/* GlovalNavi */
#GnaviWidth {width: 100%;height: 42px;clear: both;
background-image: url(../img/menu_bg.jpg);background-repeat: repeat-x;}
#GlobalNavi li {margin:0;padding :0;display : inline;float:left;text-indent: -9999px;}
#Gnavi {height: 32px;width: 783px;display: block;}
#Gnavi01 a {height: 42px;width:148px;background-image: url(../img/menu01.jpg);display:block;
background-position: 0px 0px;}
#Gnavi01 a:hover {height: 42px;width:148px;background-image: url(../img/menu01.jpg);display:block;
background-position: 0px -42px;}
#Ryokusuian #GnaviWidth #GlobalNavi #Gnavi #Gnavi01 a{
height: 42px;width:148px;background-image: url(../img/menu01.jpg);display:block;
background-position: 0px -84px;}
#Gnavi02 a {height: 42px;width:148px;background-image: url(../img/menu02.jpg);display:block;
background-position: 0px 0px;}
#Gnavi02 a:hover {height: 42px;width:148px;background-image: url(../img/menu02.jpg);display:block;
background-position: 0px -42px;}
#NewsTopics #GnaviWidth #GlobalNavi #Gnavi #Gnavi02 a{
height: 42px;width:148px;background-image: url(../img/menu02.jpg);display:block;
background-position: 0px -84px;}
#Gnavi03 a {height: 42px;width:140px;background-image: url(../img/menu03.jpg);display:block;
background-position: 0px 0px;}
#Gnavi03 a:hover {height: 42px;width:140px;background-image: url(../img/menu03.jpg);display:block;
background-position: 0px -42px;}
#OnlineShop #GnaviWidth #GlobalNavi #Gnavi #Gnavi03 a{
height: 42px;width:140px;background-image: url(../img/menu03.jpg);display:block;
background-position: 0px -84px;}
#Gnavi04 a {height: 42px;width:150px;background-image: url(../img/menu04.jpg);display:block;
background-position: 0px 0px;}
#Gnavi04 a:hover {height: 42px;width:150px;background-image: url(../img/menu04.jpg);display:block;
background-position: 0px -42px;}
#MailMember #GnaviWidth #GlobalNavi #Gnavi #Gnavi04 a{
height: 42px;width:150px;background-image: url(../img/menu04.jpg);display:block;
background-position: 0px -84px;}
#Gnavi05 a {height: 42px;width: 93px;background-image: url(../img/menu05.jpg);display:block;
background-position: 0px 0px;}
#Gnavi05 a:hover {height: 42px;width: 93px;background-image: url(../img/menu05.jpg);display:block;
background-position: 0px -42px;}
#ShopList #GnaviWidth #GlobalNavi #Gnavi #Gnavi05 a{
height: 42px;width: 93px;background-image: url(../img/menu05.jpg);display:block;
background-position: 0px -84px;}
#Gnavi06 a {height: 42px;width:104px;background-image: url(../img/menu06.jpg);display:block;
background-position: 0px 0px;}
#Gnavi06 a:hover {height: 42px;width:104px;background-image: url(../img/menu06.jpg);display:block;
background-position: 0px -42px;}
#Company #GnaviWidth #GlobalNavi #Gnavi #Gnavi06 a{
height: 42px;width:104px;background-image: url(../img/menu06.jpg);display:block;
background-position: 0px -84px;}
#ContentsHeader {width: 783px;display: block;}
#ContentsHeader .LeftContents a{text-align: left;}
#MainImage {width: 552px;height: 240px;text-align: left;display: block;text-indent: -9999px;
background-image: url(../img/home_image.jpg);}
#ContentsHeader .RightContents a{text-align: left;}
/* MobileSite */
#MobileSite {width: 231px;height: 240px;text-align: center;
background-image: url(../img/mobile_foot.gif);
background-repeat: no-repeat;background-position: bottom;}
#MobileSite h2 a {width: 231px;height: 176px;display: block;text-indent: -9999px;
background-image: url(../img/mobile_h2.jpg);}
#MobileSite .LeftContents {width: auto;height: auto;padding-left: 15px;padding-top: 10px;text-align: left;}
#MobileSite .RightContents {width: auto;height: auto;padding-right: 22px;padding-top: 18px;}
/* EntranceLink */
#EntranceLink01 a {height: 46px;display: block;background-image: url(../image/side_entrance_li01.jpg);}
#EntranceLink01 a:hover{height: 46px;display: block;background-image: url(../image/side_entrance_li01.jpg);}
#EntranceLink02 a {height: 46px;display: block;background-image: url(../image/side_entrance_li02.jpg);}
#EntranceLink02 a:hover{height: 46px;display: block;background-image: url(../image/side_entrance_li02.jpg);}
#EntranceLink03 a {height: 62px;display: block;background-image: url(../image/side_entrance_li03.jpg);}
#EntranceLink03 a:hover{height: 62px;display: block;background-image: url(../image/side_entrance_li03.jpg);}
#ContentsBody {width: 783px;display: block;}
#ContentsBody .LeftContents {width: 552px;height: auto;text-align: left;}
#ContentsBody .LeftContents h2 a{height: 52px;display: block;text-indent: -9999px;
background-image: url(../img/newstopics_h2.jpg);}
/* NewsTopics */
#NewsTopicsHome {width: 552px;height: 264px;
background-image: url(../img/newstopics_li_bg.gif);
background-position: bottom;background-repeat: no-repeat;}
#ContentsBody .LeftContents li {margin-left: 10px;margin-right: 10px;padding-top: 3px;padding-bottom: 3px;
font-size: 85%;color: #999999;
border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #E5E4D4;}
#ContentsBody .LeftContents li a {text-decoration: none;color: #336699;}
#ContentsBody .LeftContents li a:hover{text-decoration: none;color: #D81300;}
#ContentsBody .RightContents {width: auto;text-align: left;}
#ContentsBody .RightContents li {text-indent: -9999px;display: block;}
/* OnlineShopSide */
#OnlineShopSide {width: 231px;height: 264px;display: block;}
#OnlineShopSide h2 a {width: 231px;height: 115px;display: block;text-indent: -9999px;
background-image: url(../img/shopping_h2.jpg);}
#OnlineShopLink01 a {height: 39px;display: block;background-image: url(../img/shopping_li01.gif);}
#OnlineShopLink01 a:hover{height: 39px;display: block;background-image: url(../img/shopping_li01.gif);}
#OnlineShopLink02 a {height: 26px;display: block;background-image: url(../img/shopping_li02.gif);}
#OnlineShopLink02 a:hover{height: 26px;display: block;background-image: url(../img/shopping_li02.gif);}
#OnlineShopLink03 a {height: 24px;display: block;background-image: url(../img/shopping_li03.gif);}
#OnlineShopLink03 a:hover{height: 24px;display: block;background-image: url(../img/shopping_li03.gif);}
#OnlineShopLink04 a {height: 26px;display: block;background-image: url(../img/shopping_li04.gif);}
#OnlineShopLink04 a:hover{height: 26px;display: block;background-image: url(../img/shopping_li04.gif);}
#OnlineShopLink05 a {height: 34px;display: block;background-image: url(../img/shopping_li05.gif);}
#OnlineShopLink05 a:hover{height: 34px;display: block;background-image: url(../img/shopping_li05.gif);}
/* TopNewsTopics */
#TopNewsTopics {width: 512px;height: 88px;display: block;margin: 0px;padding: 0px 25px 0px 15px;
background-image: url(../img/newstopics_bg.gif);}
#TopNewsTopicsList {height: 104px;clear: both;
padding-top: 20px;padding-right: 15px;padding-left: 15px;}
#TopNewsTopics .LeftContents {width: 80px;height: auto;padding-top: 5px;padding-right: 10px;padding-bottom: 0px;}
#TopNewsTopics .LeftContents img {background-color: #FFFFFF;padding: 1px;border: 1px solid #CCCCCC;}
#TopNewsTopics .RightContents {width: 410px;font-size: 85%;line-height: 170%;float: right;}
#TopNewsTopics .RightContents h3 {width: 410px;height: 25px;margin: 0px;padding: 3px 0px 0px;
background-image: url(../img/newstopics_h3.gif);background-position: bottom;
font-weight: bold;line-height: 120%;}
/* ContentsFooter */
#ContentsFooter {width: 783px;display: block;}
#ContentsFooter .LeftContents {width: 552px;text-align: left;}
#ContentsFooter .RightContents {width: 231px;text-align: left;text-indent: -9999px;}
/* MailMember */
#MailMember {width: 552px;height: 157px;display: block;font-size: 80%;line-height: 150%;}
#MailMember .LeftContents {width: 333px;height: 157px;display: block;
background-image: url(../img/mailmember_bg.gif);
background-repeat: no-repeat;background-position: bottom;}
#MailMember .LeftContents h2 a {width: 333px;height: 58px;display: block;text-indent: -9999px;
background-image: url(../img/mailmember_h2.jpg);}
#MailMember .ContBox {padding: 10px 10px 0px 20px;}
#MailMember .RightContents {width: 219px;height: 54px;display: block;padding-top: 103px;
background-image: url(../img/mailmember_image.jpg);background-repeat: no-repeat;}
#MailMemberLink01 a {width: 219px;height: 54px;display: block;background-image: url(../img/mailmember_li01.jpg);}
/* Factory */
#FactorySide {width: 231px;height: 157px;display: block;}
#FactorySide h2 a {width: 231px;height: 103px;display: block;background-image: url(../img/factory_h2.jpg);}
#FactoryLink01 a {width: 231px;height: 54px;display: block;background-image: url(../img/factory_li01.jpg);}
/* Footer */
#Footer {width: 100%;clear: both;
background-image: url(../img/footer_bg.gif);background-repeat: repeat-x;}
#FootWidth {width: 763px;margin-bottom: 35px;display: block;padding: 25px 10px 10px;}
#Footer .LeftContents {text-align: left;font-size: 85%;}
#Footer .RightContents {text-align: right;font-size: 85%;color: #A7A46D;}
#Footer .RightContents li {display: inline;}
/* Class Set */
.Small130 {font-size: 130%;line-height: 185%;}
.Small120 {font-size: 120%;line-height: 180%;}
.Small110 {font-size: 110%;line-height: 175%;}
.Small100 {font-size: 100%;line-height: 170%;}
.Small95 {font-size: 95%;line-height: 165%;}
.Small85 {font-size: 80%;line-height: 160%;}
.Small70 {font-size: 70%;line-height: 150%;}
.Small60 {font-size: 60%;line-height: 150%;}
/* ContLinkBox */
.ContLinkBox {font-size: 85%;}
.ContLinkBox h4 {width: 134px;height: auto;display: block;margin-bottom: 5px;padding: 3px 3px 10px;
background-image: url(../image/h4_box_bg.gif);background-repeat: no-repeat;background-position: bottom;
font-size: 110%;font-weight: bold;color: #003366;}
.ContBoxLeft2 {width: 47%;margin-bottom: 15px;display: block;float: left;}
.ContBoxRight2 {width: 47%;margin-bottom: 15px;display: block;float: right;}
.ContLinkBoxLeft {width: 140px;height: 100px;display: block;float: left;font-size: 90%;line-height: 160%;
margin-top: 15px;margin-bottom: 10px;margin-right: 18px;padding: 10px;
background-image: url(../image/contlinkbox_bg.gif);background-repeat: no-repeat;}
.ContLinkBoxCenter {width: 140px;height: 100px;display: block;float: left;font-size: 90%;line-height: 160%;
margin-top: 15px;margin-bottom: 10px;margin-right: 0px;padding: 10px;
background-image: url(../image/contlinkbox_bg.gif);background-repeat: no-repeat;}
.ContLinkBoxRight {width: 140px;height: 100px;display: block;float: right;font-size: 90%;line-height: 160%;
margin-top: 15px;margin-bottom: 10px;margin-right: 0px;padding: 10px;
background-image: url(../image/contlinkbox_bg.gif);background-repeat: no-repeat;}
.TxTBox {margin: 10px 20px 20px;}
/* Page Ctrl */
#PageTop a {width: 547px;height: 48px;display: block;text-indent: -9999px;
background-image: url(../img/contbody_foot.gif);background-repeat: no-repeat;}
.HrPageTop a {width: 517px;height: 30px;margin-top: 15px;margin-bottom: 15px;padding: 0px;
background-image: url(../img/hr_pagetop.jpg);background-repeat: no-repeat;
text-align: left;text-indent: -9999px;display: block;}
.HrRturn a {width: 517px;height: 30px;display: block;text-indent: -9999px;
background-image: url(../img/hr_return.jpg);background-repeat: no-repeat;
margin-top: 15px;margin-bottom: 20px;}
/* Tag Castam */
body {font-family: Verdana, Helvetica, Arial, "ヒラギノ角ゴPro W3", Osaka, "MPS Pゴシック", sans-serif;
font-size: 80%;line-height: 170%;color: #5F5F5F;background-color: #FAF4DB;
background-image: url(../image/body_bg.jpg);background-repeat: repeat-x;}
em {font-style: normal;}
strong {}
a {color: #3D598F;text-decoration: underline;}
a:link {}
a:hover {color: #93374B;text-decoration: none;}
a:visited {color: #375180;text-decoration: none;}
a:active {color: #FFFFFF;text-decoration: underline;background-color: #8896AE;}
address {font-size: 88%;line-height: 150%;color: #7C803C;font-style: normal;}
/* h1・h2・h3・h4・h5・h6 */
#Ryokusuian h1 {width: 551px;height: 135px;text-indent: -9999px;display: block;
background-image: url(../img/contimg_wagashi.jpg);background-repeat: no-repeat;}
#NewsTopics h1 {width: 551px;height: 135px;text-indent: -9999px;display: block;
background-image: url(../img/contimg_newstopics.jpg);background-repeat: no-repeat;}
#Scb h1 {width: 551px;height: 57px;text-indent: -9999px;display: block;
background-image: url(../img/contimg_scb.jpg);background-repeat: no-repeat;}
#OnlineShop h1 {width: 551px;height: 135px;text-indent: -9999px;display: block;
background-image: url(../img/contimg_onlineshop.jpg);background-repeat: no-repeat;}
#Shopping h1 {width: 551px;height: 57px;text-indent: -9999px;display: block;
background-image: url(../img/contimg_scb.jpg);background-repeat: no-repeat;}
#Mail h1 {width: 551px;height: 135px;text-indent: -9999px;display: block;
background-image: url(../img/contimg_mail.jpg);background-repeat: no-repeat;}
#ShopList h1 {width: 551px;height: 135px;text-indent: -9999px;display: block;
background-image: url(../img/contimg_shoplist.jpg);background-repeat: no-repeat;}
#Company h1 {width: 551px;height: 135px;text-indent: -9999px;display: block;
background-image: url(../img/contimg_company.jpg);background-repeat: no-repeat;}
#ShopGuide h1 {width: 551px;height: 135px;text-indent: -9999px;display: block;
background-image: url(../img/contimg_shopguide.jpg);background-repeat: no-repeat;}
#SiteGuide h1 {width: 551px;height: 135px;text-indent: -9999px;display: block;
background-image: url(../img/contimg_siteguide.jpg);background-repeat: no-repeat;}
h3 {width: 497px;height: 48px;display: block;margin: 5px 0px 10px;padding: 12px 0px 0px 20px;
font-size: 135%;line-height: 150%;color: #28421D;text-align: left;
background-image: url(../img/h3_bg.jpg);background-repeat: no-repeat;}
h4 {width: 502px;height: 43px;display: block;margin: 5px 0px 10px;padding: 7px 0px 0px 15px;
font-size: 120%;line-height: 150%;color: #28421D;text-align: left;
background-image: url(../img/h4_bg.jpg);background-repeat: no-repeat;}
h5 {width: auto;height: 32px;display: block;margin: 5px 0px 10px;padding: 8px 0px 0px 35px;
font-size: 100%;line-height: 130%;color: #28421D;text-align: left;
background-image: url(../img/h5_bg.jpg);background-repeat: no-repeat;}
h6 {font-size: 100%;line-height: 130%;color: #28421D;text-align: left;
margin-top: 5px;margin-bottom: 5px;padding-bottom: 3px;
border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #B4C2A3;}
#SideContLink {height: auto;margin-bottom: 10px;padding-bottom: 13px;
background-image: url(../img/side_foot.gif);background-repeat: no-repeat;background-position: bottom;}
#PickUpContLink01 a {width: 230px;height: 110px;display: block;text-indent: -999em;
background-image: url(../img/banner_onlineshop.jpg);}
#PickUpContLink02 a {width: 230px;height: 110px;display: block;text-indent: -999em;
background-image: url(../img/banner_mailmember.jpg);}
#PickUpContLink03 a {width: 230px;height: 110px;display: block;text-indent: -999em;
background-image: url(../img/banner_mobile.jpg);}
#PickUpContLink04 a {width: 154px;height: 43px;display: block;text-indent: -999em;
background-image: url(../img/banner_takasu.jpg);background-repeat: no-repeat;
margin-top: 10px;margin-right: 38px;margin-bottom: 15px;margin-left: 38px;}
#PickUpContLink05 a {width: 154px;height: 43px;display: block;text-indent: -999em;
background-image: url(../img/banner_blog.jpg);background-repeat: no-repeat;
margin-top: 10px;margin-right: 38px;margin-bottom: 15px;margin-left: 38px;}
#PickUpContLink06 a {width: 154px;height: 58px;display: block;text-indent: -999em;
background-image: url(../img/hiayumaru154.jpg);background-repeat: no-repeat;
margin-top: 10px;margin-right: 38px;margin-bottom: 15px;margin-left: 38px;}
.TopicsDay{text-align: right;clear: both;}
.TopicsImg{
margin: 2px 10px 5px 2px;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
padding: 1px;
}
.TxTBox li {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CED097;
display: block;
clear: both;
margin-bottom: 5px;
padding-bottom: 2px;
}
#SideContLink h4 {
width: 175px;
margin: 0px;
padding: 5px 5px 0px 23px;
height: 31px;
display: block;
background-image: url(../img/side_h4.gif);
font-size: 95%;
}
.ImageLine {
padding: 2px;
margin: 0px;
border: 1px solid #999999;
}