@charset "Shift_JIS";

/* **********************************************************************
 *
 *       Title:   インタープレス
 *       Updated: 2010.09.14
 *       Notes:   Hand-crafted by WebLab Corporation in Tokyo.
 *
 * **********************************************************************
 */

@media print{

        body {
        _zoom: 67%; /*WinIE only */
        }
}

* {
       margin: 0;
       padding: 0;
       }

body {
       margin: 0;
       padding: 0;
       background: #fff;   /* 背景の色が設定できます */
       color: #333;
       font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
       font-size: 90%;
       text-align: center;
       }
/* hide from Mac IE \*/
* html body             { font-family: 'ＭＳ Ｐゴシック',Arial, Helvetica, sans-serif; }
*:first-child+html body { font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }
/* */

.clearfix:after {
        content                : "."; 
        display                : block; 
        height                : 0; 
        clear                : both; 
        visibility        : hidden;
        }
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 0%;}
.clearfix {display: block;}
/* End hide from IE-mac */

hr.hide  { display: none; }
a:link   { color  : #3366ff; }
a:hover, a:active { color: #3366ff; text-decoration:none;}

span.texts { font-size: xx-small; line-height: 1.2; }
html>body span.texts { font-size: x-small; }

span.textn { font-size: x-small; line-height: 1.5; }
html>body span.textn { font-size: small; }

span.textl { 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 #d2d2d2;
       border-left: 1px solid #d2d2d2;
       border-collapse: collapse;
       }

table.tbr th,
table.nbr table.tbr th {
       padding: 8px;
       border-right: 1px solid #d2d2d2;
       border-bottom: 1px solid #d2d2d2;
       background: #ffebeb;
       color: #333;
       font-size: x-small;
       line-height: 1.5;
       text-align:left;
       }
html>body table.tbr th,
table.nbr table.tbr th { font-size: small; }

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

th.nbr {
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body th.nbr { font-size: small; }

td.nbr {
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body td.nbr { font-size: small; }

th.tbr {
       padding: 8px;
       border-right: 1px solid #d2d2d2;
       border-bottom: 1px solid #d2d2d2;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body th.tbr { font-size: small; }

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

blockquote {
       clear: both;
       margin: 0;
       padding: 10px;
       border: 1px solid #cfcfcf;
       background: #f3f3f3;
       font-size: x-small;
       line-height: 1.4;
       text-align: left;
       }
html>body blockquote { font-size: small; }

form {
       margin: 0;
       padding: 0;
       }

form dt{
       font-size: x-small;
       font-weight: bold;
       line-height: 1.4;
       }
html>body form dt { font-size: small; }

form dd{
       margin: 0 0 5px 0;
       font-size: x-small;
       line-height: 1.4;
       }
html>body form dd { font-size: small; }

img { border: 0; }

.clear {
       width: 100%;
       margin: 0;
       padding: 0;
       clear: both;
       }

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

#wrapper   { width  : 100%; }
#wrappertop{ width  : 100%; }
#header    { width  : 100%; }
#headnav   { display: none; }
#nav       { display: none; }
#main      { width  : 100%; }
#main_shop { width  : 100%; }
#footer    { display: none; }



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

#top-info {
       float: left;
       margin: 0;
       padding: 0 0 18px 0;
       width: 950px;
       }

#top-flash {
       float: left;
       margin: 10px 0 0 0;
       padding: 0 0 5px 0;
       width: 650px;
       text-align: left;
       background: url(../img/bg_top_flash.gif) left bottom no-repeat;
       }

#top-commu {
       float: right;
       margin: 0px 0 0 0;
       padding: 0;
       width: 270px;
       text-align: left;
       }

#top-a {
       float: left;
       width: 540px;
       text-align: left;
       }


#top-b {
       float: right;
       width: 380px;
       text-align: left;
       }


.top-a-block {
       clear:both;
       margin-bottom: 10px;
       }

.top-a-block a:visited { color: #3366ff; }

.top-a-block h4 {
       margin: 0px 0px 15px 0px;
       padding: 0;
       font-size: x-small;
       color: #000;  /* [トップページ]　本文の見出しの文字色が設定できます */
       }
html>body div.top-a-block h4 { font-size: small; }

.top-a-block h5 {
       margin: 0px 0px 5px 0px;
       }

.top-a-block p {
       margin: 0;
       padding: 0;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.top-a-block p { font-size: small; }

.top-a-block p a {
       padding: 0 0 0 11px;
       background: url(../img/arrow.gif) 0 0.3em no-repeat;
       }

.top-a-block ul {
       margin: 5px 0px 5px 10px;
       padding: 0px 0px 0px 10px;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.top-a-block ul { font-size: small; }

.top-a-block ol {
       margin: 5px 0px 5px 15px;
       padding: 0px 0px 0px 20px;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.top-a-block ol { font-size: small; }

.top-b-block {
       clear:both;
       margin-bottom: 25px;
       }

.top-b-block a:visited { color: #3366ff; }

.top-b-block h4 {
       margin: 0px 0px 15px 0px;
       font-size: x-small;
       color: #000; /* [トップページ]　右エリアの見出しの文字色が設定できます */
       }
html>body div.top-b-block h4 { font-size: small; }

.top-b-block p {
       margin: 0;
       padding: 0;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.top-b-block p { font-size: small; }

.top-b-block ul {
       margin: 5px 0px 5px 10px;
       padding: 0px 0px 0px 10px;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.top-b-block ul { font-size: small; }

.top-b-block ol {
       margin: 5px 0px 5px 15px;
       padding: 0px 0px 0px 20px;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.top-b-block ol { font-size: small; }


/* 枠線ボックス */

#top-a .box_single {
       width: 538px;
       border:#ccc 1px solid;
       }

#top-a .box_single .in_top{
       padding: 0px 0px 0px 0px;
       }

#top-a .box_single .in_btm{
       padding: 0px 0px 0px 13px;
       }

#top-a .box_double {
       width: 540px;
       }


#top-a .box_double table.nbr {
       border-top:#ccc 1px solid;
       border-left:#ccc 1px solid;
       }

#top-a .box_double table.nbr td table.nbr {

       border:none;
       }

#top-a .box_double table.nbr td {
       width: 200px;
       border-right:#ccc 1px solid;
       border-bottom:#ccc 1px solid;
       padding: 6px 10px 6px 13px;
       }
#top-a .box_double table.nbr td table.nbr td {
       width: auto;
       border:none;
       padding: 0px 0px 0px 0px;
       }

#top-a .box_double .in_top {
       padding: 0px 0px 0px 0px;
       }

#top-a .box_double .in_btm {
       padding: 0px 0px 0px 0px;
       min-height        : 98px;
       height                : auto !important;
       height                : 98px;
       }

#top-a .box_double table td {
       vertical-align: top;
       }

/* イラスト */
#top-illust-girl   { display: none; }
#top-illust-boy    { display: none; }
#top-illust-flower { display: none; }

/* header部分のスタイル設定 ###################### */

#header h1 {
       float:left;
       width: 100%;
       margin: 0 0 10px 0;
       padding: 0;
       text-align: left;
       }

#head h2      { display: none; }
#header_right { display: none; }



/* main部分設定 ###################################  */

#directry { display: none; }

#contents-title {
       width: 100%;
       border-bottom:3px solid #e22e27;
       margin: 0px 0px 20px 0px;
       padding: 0;
       text-align: left;
       }

#contents-title .inner {
       border-top  :1px solid #d2d2d2;
       border-left :1px solid #d2d2d2;
       border-right:1px solid #d2d2d2;
       }

#contents-title h3 {
       margin: 0;
       padding: 9px 12px;
       font-size: 130%;
       font-weight: bold;
       color: #333;
       border-top  :1px solid #fff;
       border-left :1px solid #fff;
       border-right:1px solid #fff;
       }

#info-contents-title {
       width: 100%;
       margin: 0px 0px 10px 0px;
       padding: 0;
       text-align: left;
       }

#contents {
       text-align: left;
       }

.photo-r {
       float:right;
       margin: 3px 0 15px 15px;
       font-size: xx-small;
       line-height: 1.3;
       color: #333;
       }
html>body div.photo-r { font-size: x-small; }

.photo-l {
       float:left;
       margin: 3px 15px 15px 0;
       font-size: xx-small;
       line-height: 1.3;
       color: #333;
       }
html>body div.photo-l { font-size: x-small; }

.photo-c {
       margin: 3px auto 15px auto;
       font-size: xx-small;
       line-height: 1.3;
       color: #333;
       }
html>body div.photo-c { font-size: x-small; }

.photo-r img, .photo-l img, .photo-c img {
       margin-bottom: 3px;
       }

.block {
       clear:both;
       margin-bottom: 28px;
       }

.block a:visited { color: #3366ff; }

.block h4 {
       margin: 0px 0px 24px 0px;
       padding: 10px 0px 10px 8px;
       font-size: 100%;
       color: #333;                   /* [下ページ]　本文の見出しの文字色が設定できます */
       border-left: 6px solid #e22e27;   /* [下ページ]　本文の見出しの左棒の色が設定できます */
       background:#f5f5f5;
       }

.block p {
       margin: 0;
       padding: 0;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.block p { font-size: small; }

.block ul {
       margin: 5px 0px 5px 10px;
       padding: 0px 0px 0px 10px;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.block ul { font-size: small; }

.block ol {
       margin: 5px 0px 5px 15px;
       padding: 0px 0px 0px 20px;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.block ol { font-size: small; }

.pagetopset { display: none; }


/* ショッピングガイド部分設定 #############################  */

#guide_menu { display: none; }



/* topics部分のスタイル設定 ###################### */

.topics {
       margin: 0;
       padding: 0;
       }

.topics ul, .topics ol {
       margin: 0px 0px 0px 0px;
       padding: 0;
       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 #999;
       margin: 5px 0px 0px 0px;
       padding: 0px 0px 5px 0px;
       }

.topics th {
       width: 77px;
       margin: 0;
       padding: 7px 0 0 0;
       font-size: 75%;
       line-height: 1.5;
       color: #333;
       font-weight: normal;
       text-align:left;
       vertical-align:top;
       border-bottom:1px dotted #999;
       }

.topics td {
       margin: 0;
       padding: 4px 0;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       font-weight: normal;
       border-bottom:1px dotted #999;
       }
html>body .topics td { font-size: small; }

.topicsblock {
       margin: 0;
       padding: 0;
       border:#c10a03 1px solid;  /*トピックスのタイトルの背景色が設定できます */
       height:32px;
       }

.topicsblockleft {
       float:left;
       height:32px;
       width:402px;
       }

.topicsblockright { display: none; }

.topicsblockleft h3, .topicsblockleft h4 {
       margin: 0;
       padding: 10px 0 0 10px;
       color:#c10a03;
       font-size: 120%;
       }

.top-a-block .topicsblockleft { width:400px; }
.top-b-block .topicsblockleft { width:122px; }


/* sitemapページのスタイル設定 ###################### */

#contents .sitemap {
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 10px;
       font-size: x-small;
       color: #000;
       border: 0;
       background: url(../img/topics_arrow.gif) no-repeat 0px 6px;
       }
html>body div #contents .sitemap { font-size: small; }

#contents .sitemap_ul {
       margin: 3px 0 0 23px;
       padding: 0;
       border: 0;
       list-style: none;
       }

#contents .sitemap_ul li {
       padding: 2px 0 2px 17px;
       margin: 0;
       border: 0;
       font-size: x-small;
       text-align: left;
       background: url(../img/sitemap_arrow.gif) no-repeat 0px 5px;
       }
html>body #contents .sitemap_ul li { font-size: small;}

.sitemap_ul li ul {
       margin: 3px 0 0px 13px;
       padding: 0;
       list-style: none;
       }

.sitemap_ul li ul li {
       padding-left: 17px;
       margin: 0;
       text-align: left;
       background: url(../img/sitemap_arrow.gif) no-repeat 0px 5px;
       }


/* marginの設定 ############################################################## */

.m-top001 { margin-top:  1px;}
.m-top002 { margin-top:  2px;}
.m-top003 { margin-top:  3px;}
.m-top004 { margin-top:  4px;}
.m-top01  { margin-top:  5px;}
.m-top006 { margin-top:  6px;}
.m-top007 { margin-top:  7px;}
.m-top008 { margin-top:  8px;}
.m-top009 { margin-top:  9px;}
.m-top02  { margin-top: 10px;}
.m-top011 { margin-top: 11px;}
.m-top012 { margin-top: 12px;}
.m-top013 { margin-top: 13px;}
.m-top014 { margin-top: 14px;}
.m-top03  { margin-top: 15px;}
.m-top04  { margin-top: 20px;}
.m-top05  { margin-top: 25px;}
.m-top06  { margin-top: 30px;}
.m-top07  { margin-top: 35px;}
.m-top38  { margin-top: 38px;}
.m-top08  { margin-top: 40px;}
.m-top09  { margin-top: 45px;}
.m-top10  { margin-top: 50px;}
.m-top11  { margin-top: 55px;}
.m-top12  { margin-top: 60px;}
.m-top13  { margin-top: 65px;}
.m-top14  { margin-top: 70px;}


.m-btm001 { margin-bottom:  1px;}
.m-btm002 { margin-bottom:  2px;}
.m-btm003 { margin-bottom:  3px;}
.m-btm004 { margin-bottom:  4px;}
.m-btm01  { margin-bottom:  5px;}
.m-btm006 { margin-bottom:  6px;}
.m-btm007 { margin-bottom:  7px;}
.m-btm008 { margin-bottom:  8px;}
.m-btm009 { margin-bottom:  9px;}
.m-btm02  { margin-bottom: 10px;}
.m-btm011 { margin-bottom: 11px;}
.m-btm012 { margin-bottom: 12px;}
.m-btm013 { margin-bottom: 13px;}
.m-btm014 { margin-bottom: 14px;}
.m-btm03  { margin-bottom: 15px;}
.m-btm04  { margin-bottom: 20px;}
.m-btm05  { margin-bottom: 25px;}
.m-btm06  { margin-bottom: 30px;}
.m-btm07  { margin-bottom: 35px;}
.m-btm08  { margin-bottom: 40px;}
.m-btm09  { margin-bottom: 45px;}
.m-btm10  { margin-bottom: 50px;}
.m-btm11  { margin-bottom: 55px;}
.m-btm12  { margin-bottom: 60px;}