@charset "utf-8";
body { background-color: #fff; border-top-width: 6px; }
#DocumentBG { background-image: url(../img/bg_document.png); background-repeat: repeat-x; background-position: center top; min-width: 880px; }
.HeaderArea, .MenuBarArea, #Contents, .BackTop, .FooterArea { width: 880px; margin-left: auto; margin-right: auto; }
.MenuBarArea { width: 890px; }
#DocumentArea { text-align:left; margin: 0 auto; }
#Header { font-size: 0.8em; background-image: url(../img/bg_header.png); background-repeat: no-repeat; background-position: center top; }
#ContainerBG { width: 100%; margin-left: auto; margin-right: auto; display: block; background-color: #fff; }
#MenuBar { width: 100%; background-image: url(../img/bg_menubar.png); background-repeat: repeat-x; background-position: center top; }
.MenuBarArea { }
#Contents { text-align: left; }
.Main { width: 100%; min-height: 600px; height: auto !important; height: 600px; float: left; }
div.MainContents { margin-right: 220px; }
div.MainContentsArea { }
.Menu { display: inline; width:200px; }
.MenuRight { float:left; margin-left: -200px; width:200px; }
#Footer { }
.FooterArea { }
#Header { }
#Header ul { list-style: none; margin: 0; }
#Header li { display: inline-block; width: auto; white-space: nowrap; }
.HeaderArea { position: relative; height: 13em; }
.HeaderLogoImg, .HeaderLogo, .HeaderRight, .HeaderAddress { position: absolute; }
.HeaderLogoImg { top: 0px; left: 0px; }
.HeaderLogo { top: 0px; left: 0px; width: 80%; }
.HeaderRight { top: 0px; right: 0px; width: 60%; text-align: right; }
.HeaderAddress { top: 3em; right: 0px; width: 60%; text-align: right; }
#Header a { display: inline; }
.HeaderLogo { }
.HeaderLogo h1 { font-size: 1em; padding-top: 1em; margin-bottom: 0px; }
.HeaderLogo h1 a { display: block; margin-top: 5px; }
.HeaderLogo h2, .HeaderLogo h3 { font-weight: normal; font-size: 1em; margin-bottom: 0; }
.HeaderLogo h2 { clear: both; margin-top: 0px; }
.HeaderLogo h2 img { margin-top: 5px; margin-bottom: 5px; }
.HeaderLogo h3 { }
.HeaderRight table { margin-right: 0px; margin-left: auto; }
.HeaderRight caption { }
.HeaderRight th { }
#Header .HeaderRight td { padding: 0 5px 5px 5px; }
.HeaderMenuMini li { background-color: #fff; padding: 0px 5px; }
#Header .HeaderRight td.TextSize { padding-left: 0px; }
.TextSize li { }
#Header .TextSize td { }
.TextSize ul { }
.TextSize li { }
.TextSize li a { }
.TextSize .changeText { }
.TextSize li span, .TextSize li img, .TextSize .changeBtn { cursor: pointer; }
.TextSize .changeBtn .active { }
#MenuBar { margin-bottom: 1.5em; }
#MenuBar a { display: block; }
#MenuBar table, #MenuBar th, #MenuBar td { text-align: center; border-width: 0px; }
#MenuBar table { margin-left: auto; margin-right: auto; }
#MenuBar td { width: 25%; padding: 0; padding-left: 0px; padding-right: 0px; padding-top: 10px; }
#MenuBar td a { background-image: url(../img/bg_w25.png); margin-left: 5px; margin-right: 5px; height: 80px; }
#MenuBar td a img { padding-top: 20px; }
#MenuBar .MenuBarIndex { background-image: url(../img/bg_w50.png); border-top-color: orange; }
.MenuBarIndex a { border-top-color: #F9C230; }
.MenuBarAboutus a { border-top-color: pink; }
.MenuBarContact a { border-top-color: lightblue; }
.MenuBarBlog a { border-top-color: #B1E65C; }
#MenuBar .MenuBarOn a { background-image: url(../img/menu_on.png); background-position: center bottom; background-repeat: no-repeat; background-color: #fff; }
#MenuBar .MenuBarTop { }
#MenuBar .MenuBarTop img { margin-left: 0px; }
#MenuBar .MenuBarEnd { background-image: none; }
#MenuBar .MenuBarEnd img { margin-right: 0px; }
.BackTop { text-align: right; margin-top: 1em; margin-bottom: 1em; font-size: 0.8em; }
#Footer .BackTop { display: block; float: right; font-size: 0.8em; width: 6em; text-align: center; }
#Footer .BackTop a { text-decoration: none; }
#Footer { clear: both; font-size: 0.8em; margin: 0; padding: 1em; }
#Footer table { width: auto; }
#Footer table, #Footer th, #Footer td { vertical-align: middle; border-width: 0; margin: auto; }
#Footer h1, #Footer h2 { margin-bottom: 0px; font-weight: bold; }
#Footer h1 { font-size: 1.2em; display: inline; }
#Footer h1 img { margin-right: 10px; vertical-align: middle; }
#Footer h2 { font-size: 1.2em; }
#Footer address { text-align: inherit; }
#Footer address p { display: inline; white-space: nowrap; }
#Footer .FooterArea { }
#Footer .FooterBanner { text-align: center; }
#Footer .FooterBanner a { padding-left: 5px; padding-right: 5px; }
#Footer .FooterBanner img { vertical-align: top; }
#Footer .FooterMain { clear: both; text-align: center; margin-left: auto; margin-right: auto; margin-top: 1em; margin-bottom: 1em; }
#Footer .FooterMenu table { margin-right: 0px; }
#Footer .FooterMenu ul { list-style: none; margin: 0; }
#Footer .FooterMenu li { display: inline-block; margin-left: 1em; margin-right: 1em; }
#Footer .FooterInfoSub { font-size: 0.8em; margin-bottom: 1em; }
#Footer .FooterCopy { text-align: center; }
#Footer .FooterCopy a { text-decoration: none; }
#Footer .FooterCopy a:hover { text-decoration: underline; }
#Footer .FooterCategory { text-align: center; }
.PageNavi, .SortNavi { font-size:0.8em; }
.Main .PageNavi, .Main .SortNavi { }
.Main .SortNavi table { border-collapse:collapse; width: auto; }
.Main .SortNavi th, .Main .SortNavi td { border-width: 0; padding-left: 0px; padding-right: 0px; }
.CategoryMenu { }
.CategoryMenu ul { margin-left: 0px; }
.CategoryMenu li { display: block; float: left; min-width: 20%; text-align: center; margin: 0; border-width: 2px 2px 0 2px; background-image: url(../img/bg_back.png); padding: 10px; }
.CategoryMenu li img { vertical-align: middle; }
.CategoryMenu li a { display: block; }
.CategoryMenu li.On { background-image: url(../img/CategoryOn.png); background-repeat: repeat-x; background-position: left top; border-color: #fff; }
.Main h1 { background-image: url(../img/bg_title.jpg); background-repeat: no-repeat; background-position: right center; min-height: 120px; padding: 10px; margin-top: -1.5em; }
.Main h2 { padding: 0.75em 0.5em 0.75em 15px; background-image: url(../img/mark2.png); background-repeat: no-repeat; background-position: 5px center; }
.Main h2 strong { background-image: url(../img/bg_w50.png); padding: 0.5em; }
.Main h3, .Main dt { background-image: url(../img/dot4_g.png); background-repeat: repeat-x; background-position: left bottom; padding-bottom: 0.5em; }
.Main h4 { }
.Main h1 img, .Main h1 span img, .Main h2 img, .Main h2 span img, .Main h3 img, .Main h3 span img, .Main h4 img, .Main h4 span img { border-width: 0; vertical-align: middle; }
h1 .r, h2 .r, h3 .r, h4 .r, .Main h1 .r, .Main h2 .r, .Main h3 .r, .Main h4 .r { display: block; float: right; text-align: right; width: 40%; font-size: 0.7em; line-height: 2.5; font-weight: normal; }
.Main h1 span a.mark, .Main h2 span a.mark, .Main h3 span a.mark, .Main h4 span a.mark { text-decoration: none; }
.read { font-weight:bold; font-size: 1.2em; border-width: 1px; border-style: dotted; padding: 1em; margin-bottom: 1.5em; }
.read table, .read th, .read td { background: none; }
.read strong { font-size: 1.2em; }
.Line { background-image: url(../img/bg_line.gif); background-position: center center; background-repeat: repeat; text-align: center; }
.memo { border-width: 1px; padding: 0.5em 1em; }
.memo strong { }
.memo li { margin-bottom: 0px; margin-top: 0px; }
.AccessBanner { margin-bottom: 10px; }
.Banner ul { list-style: none; margin-left: 0px; margin-top: -0.25em; }
.Banner li { margin-bottom: 10px; }
.Banner li img { display: block; }
.Banner p { margin-top: 5px; }
.Snap { text-align: center; }
.Snap img { border-width: 5px; }
.PrevNext { margin-bottom: 1em; }
.PrevNext .PrevBtn, .PrevNext .NextBtn { display: block; width: 40%; }
.PrevNext .PrevBtn { text-align: left; float: left; }
.PrevNext .NextBtn { text-align: right; float: right; }
.Main .NewMarkImg, .Main .PaymentImg { border-width: 0; vertical-align: middle; }
.PriceImg img { padding-bottom: 5px; padding-right: 2px; }
.PriceImg .PriceImgComma img { padding-bottom: 0px; padding-right: 0px; }
.PriceOverImg img { padding-bottom: 10px; }
.IndexImg { padding: 0; line-height: normal; background: none; height: auto; margin-bottom: 2.5em; }
.IndexImg img { border-width: 0; }
.Index { margin-top: 2.5em; }
.Index h2 { border-width: 0; padding: 0; }
.Index table, .Index th, .Index td { padding: 0; width: auto; margin-left: auto; margin-right: auto; border-width: 0; }
.Index .read { text-align: center; }
.Index .read img { line-height: normal; vertical-align: middle; }
.AboutusTel table, .AboutusTel th, .AboutusTel td { border-width: 0; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; }
.AboutusTel th { font-weight: normal; background: none; }
.AboutusTel ul { list-style: none; margin-left: 0px; margin-top: -0.3em; margin-bottom: -0.2em; }
.AboutusTel li { }
.Contact td ul { list-style: none; margin-left: -1em; }
.Contact td li { display: inline-block; margin-left: 1em; }
.ContactAddressTel p { font-size: 1.5em; }
.Privacy dt { font-weight:bold; padding-left:0px; background-image: none; }
.Privacy dd { margin-bottom:10px; }
.Sitemap h2, .Sitemap h3 { margin-top: 1em; }
.Sitemap h3 { margin-bottom: 0em; }
.Sitemap ul { margin-top: -1em; }
.Sitemap ul li { margin-top: 0em; }