/**
 *共通-------------------------------------------------------------------------
 */


a:link {color: #eb6ea0; text-decoration: underline; ;}
a:visited {color: #eb6ea0; text-decoration: underline;}
a:hover {color: #00a1e9; text-decoration: none;  background: #f7f6f5;}

body{
background:#ffffff;
scrollbar-base-color:#bbe2f1;
scrollbar-arrow-color:#ffffff;
margin-top: 0;
font-family: MS Pゴシック, Osaka, arial;
}


p{
    margin:0px;
    padding:0px;
}


img { border-width: 0px; }

hr{
     clear: left;
     visibility: hidden;
     height: 0;
     margin: 0px;
     border: none;
}

/**
 *（ヘッダー部）----------------------------------------
 */

#body {
	margin: 0px auto;
	padding: 0px;
	width: 750px;
}

#header {
   background: url(IMG/header.jpg) no-repeat;
   width: 750px;
   height: 206px;
   margin: 0px;
   padding: 0px;
}

#header h1 {
   text-indent: -9999px;
   font-size: 0px;
   margin: 0px;
   padding: 0px;
   height: 0px;
}


#header #title {
	width: 250px;
	height: 116px;
	margin: 58px 0px 0px 0px;
	padding: 0px;
	float: right;
}

#header address {
	width: 200px;
	font-size: 12px;
        line-height: 1.3em;
	color: #626063;
	border-left: 10px #626063 solid;
	margin-left: 40px;
	padding-left: 5px;
	font-style: normal;
	text-align: left;
}

#tohome{
       margin-left:40px;
       margin-top: 20px;
}

/**
 *（ヘッダー部、SSL対応）----------------------------------------
 */

#header-ssl {
   background: url(https://secsvr.com/bankoku-coffee.com/IMG/header.jpg) no-repeat;
   width: 750px;
   height: 206px;
   margin: 0px;
   padding: 0px;
}

#header-ssl h1 {
   text-indent: -9999px;
   font-size: 0px;
   margin: 0px;
   padding: 0px;
   height: 0px;
}


#header-ssl #title {
	width: 250px;
	height: 116px;
	margin: 58px 0px 0px 0px;
	padding: 0px;
	float: right;
}

#header-ssl address {
	width: 200px;
	font-size: 12px;
        line-height: 1.3em;
	color: #626063;
	border-left: 10px #626063 solid;
	margin-left: 40px;
	padding-left: 5px;
	font-style: normal;
	text-align: left;
}


/**
 *共通のボックス等----------------------------------------
 */

dl{
     margin-left: 20px;
}

dt{
     float:left;
     clear: left;
     margin-bottom: 10px;
}

dd{
     padding-left: 5em;
     margin-bottom: 10px;
}


.left{
        float: left;
        margin: 0px;
        padding: 0px;
}
.right{
        float: right;
        margin: 0px;
        padding: 0px;
}

.clear{
     clear: both;
}
.shop_div {
	margin: 0px;
	padding: 0px;
	width: 100%;
	clear: both;
}
.shop_div2 {
	margin: 0px;
	padding: 0px;
	width: 100%;
	clear: right;
}


.img-left { float: left; }

.text{
      font-size: 90%;
      color: #504946;
      line-height: 1.5em;
      margin:0px 15px;
      padding: 10px;
      text-justify: inter-word;
}

.text_shop {
	font-size: 90%;
	color: #504946;
	line-height: 1.5em;
	text-justify: inter-word;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.left_shop {
	margin: 0px;
	padding: 0px;
	width: 47%;
	float: left;
}


.text-center{
      font-size: 90%;
      color: #504946;
      line-height: 1.5em;
      margin:0px 15px;
      padding: 10px;
      text-align: center;

}
.shop_box {
	margin: 0px;
	padding: 0px;
	width: 50%;
	float: right;
}

.text-lineheight{
      font-size: 90%;
      color: #504946;
      line-height: 2.5em;
      margin:0px 15px;
      padding: 10px;
      text-justify: inter-word;
}
.text-marginleft{
      width: 600px;
      font-size: 90%;
      color: #504946;
      line-height: 1.5em;
      margin: 50px;
      padding: 10px;
      text-justify: inter-word;
}

.text-brown{
      font-size: 90%;
      color: #946c45;
      line-height: 1.5em;
      margin:0px 20px;
      padding: 10px;
}

.backpink{
	background: #fff9f5;
	color: #9d8e87;
	line-height: 1.5;
	padding: 15px;
	font-size: 85%;
	margin: 0px;
	width: 90%;
}

.backpink-line{
     background: #fff9f5;
     border-right: 5px #fbdac8 double;
     border-left: 5px #fbdac8 double;
     color: #9d8e87;
     line-height: 1.5;
     margin: 30px 0px;
     padding: 10px;
     font-size: 80%;
}

.undergray{
      border-bottom: 1px #afafb0 dotted;
      font-size: 90%;
      padding-top: 20px;
}




/**
 *共通のフォント装飾--------------------------------------
 */

.bold{ font-weight: bold;}

.font-big{
    font-size: 120%;
    font-weight: bold;
}

.font-bigbig{
    font-size: 150%;
    font-weight: bold;
}

.little{
    font-size: 70%;
}

.font-small{
    font-size: 85%;
    font-weight: normal;
}

.font-graybold{
    color: #504946;
    font-size: 95%;
    font-weight: bold;
}

.font-pinkbold{
    color: #eb6ea0;
    font-size: 105%;
    font-weight: bold;
}
.font-pink{
    color: #eb6ea0;
    font-size: 105%;
}

.font-bluebold{
    color: #42B4FF;
    font-size: 105%;
    font-weight: bold;
}

.font-underline{
    font-size: 110%;
    border-bottom: 1px #eb6ea0 dotted;
}
.font-whitebold{
    color: #ffffff;
    font-size: 110%;
    font-weight: bold;
}

#site{
    font-size: 70%;
    text-align: center;
    tetter-spacing: 0.5em;
    line-height: 1.3;
    color: #9f9f98;
    margin-top: 30px;
    padding: 20px 0px;
    border-top: 1px #9f9f98 dashed;
}



/**
 *ナビゲーション（中ページ共通）--------------------------------------------------------------
 */

#nav {
              clear:both;
              float: none;
              height:30px;
              margin:0px;
              padding:0px;
              width: 750px;
}

ul#nav li {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  height: 30px;
  float: left;
}

ul#nav li a {
  display: block;
  padding: 0;
  height: 30px;
  text-decoration: none;
  background-image: url(IMG/navi.jpg);
  background-repeat: no-repeat;
}

ul#nav li#nav01  { width:  125px; }
ul#nav li#nav02  { width:  125px; }
ul#nav li#nav03  { width:  125px; }
ul#nav li#nav04  { width:  125px; }
ul#nav li#nav05  { width:  125px; }
ul#nav li#nav06  { width:  125px; }


ul#nav li#nav01 a  { background-position:      0 0; }
ul#nav li#nav02 a  { background-position: -125px 0; }
ul#nav li#nav03 a  { background-position: -250px 0; }
ul#nav li#nav04 a  { background-position: -375px 0; }
ul#nav li#nav05 a  { background-position: -500px 0; }
ul#nav li#nav06 a  { background-position: -625px 0; }

ul#nav li#nav01 a:hover  { background-position:      0 50%; }
ul#nav li#nav02 a:hover  { background-position: -125px 50%; }
ul#nav li#nav03 a:hover  { background-position: -250px 50%; }
ul#nav li#nav04 a:hover  { background-position: -375px 50%; }
ul#nav li#nav05 a:hover  { background-position: -500px 50%; }
ul#nav li#nav06 a:hover  { background-position: -625px 50%; }

ul#nav li#nav01.current-page  { background: url(IMG/navi.jpg)       0 100%; }
ul#nav li#nav02.current-page  { background: url(IMG/navi.jpg)  -125px 100%; }
ul#nav li#nav03.current-page  { background: url(IMG/navi.jpg)  -250px 100%; }
ul#nav li#nav04.current-page  { background: url(IMG/navi.jpg)  -375px 100%; }
ul#nav li#nav05.current-page  { background: url(IMG/navi.jpg)  -500px 100%; }
ul#nav li#nav06.current-page  { background: url(IMG/navi.jpg)  -625px 100%; }



/**
 *ナビゲーション（中ページ共通、SSL対応）-----------------------------------------------------
 */

#nav-ssl {
              clear:both;
              float: none;
              height:30px;
              margin:0px;
              padding:0px;
              width: 750px;
}


ul#nav-ssl li {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  height: 30px;
  float: left;
}

ul#nav-ssl li a {
  display: block;
  padding: 0;
  height: 30px;
  text-decoration: none;
  background-image: url(https://secsvr.com/bankoku-coffee.com/IMG/navi.jpg);
  background-repeat: no-repeat;
}

ul#nav-ssl li#nav01  { width:  125px; }
ul#nav-ssl li#nav02  { width:  125px; }
ul#nav-ssl li#nav03  { width:  125px; }
ul#nav-ssl li#nav04  { width:  125px; }
ul#nav-ssl li#nav05  { width:  125px; }
ul#nav-ssl li#nav06  { width:  125px; }


ul#nav-ssl li#nav01 a  { background-position:      0 0; }
ul#nav-ssl li#nav02 a  { background-position: -125px 0; }
ul#nav-ssl li#nav03 a  { background-position: -250px 0; }
ul#nav-ssl li#nav04 a  { background-position: -375px 0; }
ul#nav-ssl li#nav05 a  { background-position: -500px 0; }
ul#nav-ssl li#nav06 a  { background-position: -625px 0; }

ul#nav-ssl li#nav01 a:hover  { background-position:      0 50%; }
ul#nav-ssl li#nav02 a:hover  { background-position: -125px 50%; }
ul#nav-ssl li#nav03 a:hover  { background-position: -250px 50%; }
ul#nav-ssl li#nav04 a:hover  { background-position: -375px 50%; }
ul#nav-ssl li#nav05 a:hover  { background-position: -500px 50%; }
ul#nav-ssl li#nav06 a:hover  { background-position: -625px 50%; }

ul#nav-ssl li#nav01.current-page  { background: url(https://secsvr.com/bankoku-coffee.com/IMG/navi.jpg)       0 100%; }
ul#nav-ssl li#nav02.current-page  { background: url(https://secsvr.com/bankoku-coffee.com/IMG/navi.jpg)  -125px 100%; }
ul#nav-ssl li#nav03.current-page  { background: url(https://secsvr.com/bankoku-coffee.com/IMG/navi.jpg)  -250px 100%; }
ul#nav-ssl li#nav04.current-page  { background: url(https://secsvr.com/bankoku-coffee.com/IMG/navi.jpg)  -375px 100%; }
ul#nav-ssl li#nav05.current-page  { background: url(https://secsvr.com/bankoku-coffee.com/IMG/navi.jpg)  -500px 100%; }
ul#nav-ssl li#nav06.current-page  { background: url(https://secsvr.com/bankoku-coffee.com/IMG/navi.jpg)  -625px 100%; }



/**
 *トップページ----------------------------------------------------------------------------------
 */

.td_bluebox {
	border-color: black #73C7FF #73C7FF #66CCFF;
	border-style: solid;
	border-width: 0px 2px 2px 2px;
        height: 119px;
}

.td_pinkbox{
       background: #ffffff;
       color: #ff799;
       height: 100px;
       width: 750px;
}

#footer {
	background: #FAABD4;
	color: #525252;
	font-size: 85%;
	text-align: center;
	border-top: 2px dashed #F883C0;
        height:50px;
}
#topsite{
    font-size: 70%;
    text-align: center;
    tetter-spacing: 0.5em;
    color: #9f9f98;
    margin: 0px;
}

/**
 *事業紹介（gaiyo）--------------------------------------------------------------------------
 */
#gaiyo-main { 
        margin-top:15px;
        width: 750px; 
}

#gaiyo-main h2{
	border-color: #42B4FF;
	border-width: 0px 0px 1px 20px;
	border-style: dashed none dashed double;
	font-size: 110%;
	color: #9d8e87;
	font-weight: bold;
	letter-spacing: 0.5em;
	padding: 5px 20px;
}
#gaiyo-main h3{
        font-size: 110%;
        letter-spacing: 0.2em;
        margin: 5px 5px 15px 20px;
        color:#736d71;
}
#gaiyo-main h3.shoptitle{
        border-left: 30px #F87DBD solid;
        border-bottom: 2px #F87DBD dotted;
        padding: 5px 20px;
        background: #fef9fb;
}
#gaiyo-main h3.soft-title{
       border-bottom: 4px #F87DBD dotted;
       text-align: center;
       color: #F87DBD;
}
#gaiyo-main h4.img{
        background: url(gaiyo/IMG/touhoku-no1.jpg) no-repeat;
        display: block;
        width: 700px;
        height: 150px;
        text-indent: -9999px;
}

#gaiyo-main h4.text{
    font-size: 120%;
    font-weight: bold;
    border-bottom: 3px #eb6ea0 dashed;
    border-top: 3px #eb6ea0 dashed;
    padding: 5px 20px;
    margin: 0px;
    background: #fff9f5;
    color: #eb6ea0;
}

#gaiyo-main h5{
        color:#ffffff;
        background: #eb6ea0;
        padding: 10px;
        margin: 0px;
        font-size: 110%;
        letter-spacing: 0.2em;
        margin: 5px 5px 5px 0px;
        border: 3px #f5b2b2 solid;
}

.backpink-box{
     background: #00a1e9;
     color: #ffffff;
     font-weight: bold;
     font-size:100%;
     line-height: 1.5;
     margin: 20px 5px 10px 5px;
     padding: 10px;
     border: 3px #a1d8e6 solid;
}


.shop{
      width: 680px;
      padding: 35px 10px;
      margin: 0px;
}


#tab {
	width: 420px;
	padding: 0px;
	margin: 0px;
        float: left;
}
#tab #navi {
        clear:both;
        float: none;
        height:33px;
        margin:0px;
        padding:0px;
        width: 420px;
}

#tab ul#navi li {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  height: 33px;
  float: left;
}

#tab ul#navi li a {
  display: block;
  padding: 0;
  height: 33px;
  text-decoration: none;
  background-image: url(IMG/gaiyo_navi.jpg);
  background-repeat: no-repeat;
}

#tab ul#navi li#navi01   { width:  140px; }
#tab ul#navi li#navi02   { width:  140px; }
#tab ul#navi li#navi03   { width:  140px; }


#tab ul#navi li#navi01 a   { background-position:      0 0; }
#tab ul#navi li#navi02 a   { background-position: -140px 0; }
#tab ul#navi li#navi03 a   { background-position: -280px 0; }

#tab ul#navi li#navi01 a:hover   { background-position:      0 50%; }
#tab ul#navi li#navi02 a:hover   { background-position: -140px 50%; }
#tab ul#navi li#navi03 a:hover   { background-position: -280px 50%; }

#tab ul#navi li#navi01.current-page   { background: url(IMG/gaiyo_navi.jpg)       0 100%; }
#tab ul#navi li#navi02.current-page   { background: url(IMG/gaiyo_navi.jpg)  -140px 100%; }
#tab ul#navi li#navi03.current-page   { background: url(IMG/gaiyo_navi.jpg)  -280px 100%; }


#tab .box {
	border-style: solid;
	border-width: 3px 3px 3px 3px;
	border-color: #F87DBD;
	padding: 10px;
	width: 410px;
	font-size: 85%;
	color: #626063;
	line-height: 1.8em;
}

#tab .boxwide {
	border-style: solid;
	border-width: 3px 3px 3px 3px;
	border-color: #F87DBD;
	padding: 20px 10px;
	width: 700px;
	color: #626063;
}
.ya-box{
      background: url(IMG/ya.jpg) no-repeat left bottom;
      padding: 0px 0px 10px 50px;
      margin: 0px;
}
.yanon-box{
      padding-left: 50px;
      margin: 0px;
}

#bkmap{
        background: url(gaiyo/IMG/bkmap.jpg) no-repeat scroll center top;
}

/**
 *ご当地ソフト（gotouchi）-----------------------------------------------------------------------------------
 */
#gotouchi-main { 
        margin-top:15px;
        width: 750px; 
}
#gotouchi-main.bkimg{
        background: url(IMG/bkimg-sohuto.jpg) no-repeat 100% top;
}

.left.map{
     padding: 20px 5px 20px;
}

.sohuto{
        float: left;
        margin: 15px 0px 0px 0px;
        padding: 0px;
        width: 355px;
        color: #727171;

}

#gotouchi-main h2{
	border-color: #42B4FF;
	border-width: 0px 0px 1px 20px;
	border-style: dashed none dashed double;
	font-size: 110%;
	color: #9d8e87;
	font-weight: bold;
	letter-spacing: 0.2em;
	padding: 5px 20px;
}

#gotouchi-main img{
       float: left;
       margin: 10px;
}


/**
 *会社案内（company）---------------------------------------------------------------------------------------
 */

#company-main { 
        margin-top:15px;
        width: 750px; 
}

#company-main .left{
        float: left;
        margin: 0px;
        padding: 0px;
	width: 140px;
}
#company-main .right{
        float: left;
        margin: 0px;
        padding: 0px;
	width: 610px;
}

#company-main .privacyunder{
      padding: 10px 30px;
}

#company-main h2{
	background: #fef9fb;
	border-color: #e62f8b;
	border-width: 0px 0px 0px 15px;
	border-style: none none solid double;
	font-size: 100%;
	color: #898989;
	font-weight: bold;
	letter-spacing: 0.3em;
	padding: 5px 10px;
	width: 550px;
}

#company-main h3{
      font-size:110%;
      color: #7b7c7d;
      margin: 10px;
      padding: 0px 20px;
}

#company-main h3.businesstitle{
      border-left: 20px #7b7c7d double;
      border-right: 20px #7b7c7d double;
      width: 100px;
      text-align: center;
      letter-spacing:0.5em;
}

#company-main h3.greeting{
     font-size: 130%;
     font-weight: bold;
     color: #898989;
     border-bottom: 2px #dcd6d2 solid;
     border-left: 20px #dcd6d2 solid;
     padding: 5px 10px;
     margin: 20px 0px 10px;
}

#company-main.rinen{
        background: url(IMG/bkimg-coffeebeans.jpg) no-repeat 100% 10%;
}

.rinen-box{
     color: #e62f8b;
     font-weight: bold;
     font-size: 110%;
     line-height: 1.5;
     text-align: left;
     border: 5px #dcd6d2 double;
     margin: 30px 5px 5px 50px;
     padding: 5px 5px 5px 120px;
     width: 65%;
}

#company-main .photo01{
margin:20px 0px 0px 30px;
padding:0px;
}
#company-main .photo02{
margin:45px 0px 0px 0px;
padding:0px;
}
#subnav ul {
     list-style: none;
     margin: 0px;
     padding: 20px 0px 0px 10px;
}

 #subnav li{
     padding: 10px 0px;
     margin:0px;
     text-align: center;    
     border-bottom: 1px #7b7c7d dashed;
     font-size: 82%;
     color: #504946;
     text-decoration: none;
     font-weight: bold;
}

#subnav li a:link{
     color: #504946;
     text-decoration: none;
     background: #ffffff;
     font-weight: normal;
}
#subnav li a:visited{
     color: #504946;
     text-decoration: none;
     background: #ffffff;
     font-weight: normal;

}
#subnav li a:hover{
     background: #f7f6fb;
     color: #504946;
     text-decoration: underline;
     font-weight: normal;

}


 dl.history { margin: 0px; line-height: 200%; }
 dl.history dt { float:left; clear:left; font-weight: bold;}
 dl.history dd { padding-left: 3em; }


.business{
      width: 100%;
      padding: 15px 0px;
      margin: 0px;
      border-bottom: 2px #504946 dotted;
      clear: both;
}
.business img{
      float: right;
      margin: 10px;
}

.list-star{list-style: url(IMG/star.gif)}

.pink-box{
     border: 2px #ffe4e1 dashed;
     background: #fffafa;
     margin: 10px 5px;
     padding: 10px;
}

/**
 *自社焙煎珈琲（baisen）---------------------------------------------------------------------------------
 */
#baisen-main { 
        margin:15px 0px 0px 50px;
        width: 600px; 
}


#baisen-main h2{
	background: #f8f4e6;
	border-color: #caac71;
	border-width: 0px 0px 6px 0px;
	border-style: dotted;
	font-size: 100%;
	color: #946c45;
	font-weight: bold;
	letter-spacing: 0.3em;
	width: 580px;
	align: center;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 7px;
	margin-right: 0px;
	margin-left: 0px;
}
.wide500{
       width: 500px;
       margin-left: 75px;
}
/**
 *商品案内（item）----------------------------------------------------------------------------------------------
 */
#item-main { 
        margin:30px 0px;
        width: 750px; 
}



#item-main h2{
	background: #f7f6f5;
	border-color: #abb1b5;
	border-width: 0px 0px 1px 20px;
	border-style: solid;
	font-size: 100%;
	color: #504946;
	font-weight: bold;
	letter-spacing: 0.3em;
	padding: 5px 10px;
	width: 600px;
        align: center;
        margin-left: 50px;
}

#item-main h3{
       font-size: 120%;
       color: #504946;
       fonnt-weight: normal;
       margin: 5px;
}

#item-main h3.item_pr{
      background: url(IMG/item_pr.gif) no-repeat;
      display: block;
      width: 650px;
      height: 50px;
      text-indent: -9999px;
      border: 0;
      margin: 0;
      padding: 0;
}

#item-main .item_pr_box{
      width: 650px;
      background: url(IMG/item_pr_bottom.gif) no-repeat 100% bottom;
      text-align: center;
      padding: 0px 10px 20px 10px;
}

#item {
              clear:both;
              float: none;
              height:30px;
              margin:0px;
              padding:0px;
              width: 600px;
}

.qa{
      width: 100%;
      padding: 35px 0px;
      margin: 0px;
      border-bottom: 5px #efefef dashed;
      clear: both;
}
#itemindex{
     margin-top: 30px;
     font-size: 75%;
     line-height: 1.5;
     color: #504946;
     text-align: center;
}


ul#lease li{
     text-indent: -9999px;
     display: box;
     height: 50px;
     width: 400px;
     list-style: none;
}
ul#lease li.lease01{background: url(item/IMG/lease01.gif) no-repeat;}
ul#lease li.lease02{background: url(item/IMG/lease02.gif) no-repeat;}
ul#lease li.lease03{background: url(item/IMG/lease03.gif) no-repeat;}
/*--------------------------------*/
#itemindex table{
border-collapse: collapse;
border-spacing: 0px;
width: 750px;
}
#itemindex table td{
border: 1px #c9c9c4 solid;
padding: 5px;
}
/*--------------------------------*/


#item ul#navi li {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  height: 30px;
  float: left;
}

#item ul#navi li a {
  display: block;
  padding: 0;
  height: 30px;
  text-decoration: none;
  background-image: url(IMG/item_navi.jpg);
  background-repeat: no-repeat;
}

#item ul#navi li#navi01   { width:  100px; }
#item ul#navi li#navi02   { width:  100px; }
#item ul#navi li#navi03   { width:  100px; }


#item ul#navi li#navi01 a   { background-position:      0 0; }
#item ul#navi li#navi02 a   { background-position: -100px 0; }
#item ul#navi li#navi03 a   { background-position: -200px 0; }

#item ul#navi li#navi01 a:hover   { background-position:      0 50%; }
#item ul#navi li#navi02 a:hover   { background-position: -100px 50%; }
#item ul#navi li#navi03 a:hover   { background-position: -200px 50%; }

#item ul#navi li#navi01.current-page   { background: url(IMG/item_navi.jpg)       0 100%; }
#item ul#navi li#navi02.current-page   { background: url(IMG/item_navi.jpg)  -100px 100%; }
#item ul#navi li#navi03.current-page   { background: url(IMG/item_navi.jpg)  -200px 100%; }


#item-under{
      width: 750px;
      margin-top:30px;
      clear: both; 
      font-size: 80%;
      font-weight: bold;
      text-align: center;
}
#item-under a{
      color: #dc6b9a;
      text-decoration: underline;
}

#item-under a:hover{
      color: #ffffff;
      background: #dc6b9a;
      text-decoration: none;
}


/*------------------------------------*/
ul#mixjump li{list-style: none;}

ul#mixjump li a {
  display: block;
  padding: 0;
  height: 80px;
  width: 250px;
  text-indent: -9999px;
  background-image: url(item/IMG/nissei_nav_mix.jpg);
  background-repeat: no-repeat;
  background-position:      0 0; 
  border: 2px #ffffff dashed;
}
ul#mixjump li a:hover {
  display: block;
  padding: 0;
  height: 80px;
  width: 250px;
  text-indent: -9999px;
  background-image: url(item/IMG/nissei_nav_mix.jpg);
  background-repeat: no-repeat;
  background-position: 0 100%; 
  border: 2px #dc6b9a dashed;
}
/*------------------------------------*/
ul#cornjump li{list-style: none;}

ul#cornjump li a {
  display: block;
  padding: 0;
  height: 80px;
  width: 250px;
  text-indent: -9999px;
  background-image: url(item/IMG/nissei_nav_corn.jpg);
  background-repeat: no-repeat;
  background-position:      0 0; 
  border: 2px #ffffff dashed;
}
ul#cornjump li a:hover {
  display: block;
  padding: 0;
  height: 80px;
  width: 250px;
  text-indent: -9999px;
  background-image: url(item/IMG/nissei_nav_corn.jpg);
  background-repeat: no-repeat;
  background-position: 0 100%; 
  border: 2px #dc6b9a dashed;
}

/**
 *資料請求（mail）--------------------------------------------------------------------------------------------
 */

 dl.mail { margin: 0px; line-height: 300%; }
 dl.mail dt { float:left; clear:left; letter-spacing:0.3em;}
 dl.mail dd { padding-left: 5em; padding-top:10px; line-height: 2;}


/**
 *ＮＥＷＳ（news）--------------------------------------------------------------------------------------------
 */

#news-main { 
        margin-top:15px;
        width: 750px; 
}
#news-main h2{
	background: #fef9fb;
	border-color: #e62f8b;
	border-width: 0px 0px 0px 15px;
	border-style: none none solid double;
	font-size: 100%;
	color: #898989;
	font-weight: bold;
	letter-spacing: 0.3em;
	padding: 5px 10px;
	width: 700px;
}

#news-main h3{
      font-size:110%;
      font-weight: bold;
      letter-spacing:0.2em;
      color: #e62f8b;
      border-bottom: 1px #e62f8b dotted;
      border-left: 20px #e62f8b solid;
      margin: 0px 0px 20px 0px;
      padding: 0px 20px;
      width: 650px;
      text-align: left;
}

#news-main .date{
     font-size: 85%;
     color: #504946;
     margin-right: 20px;
     border-left: 15px #7b7c7d double;
     border-right: 15px #7b7c7d double;
     padding: 0px 10px;
     float: right;
}
#news-main table{
     border-collapse: collapse;
     border-spacing: 2px;
     width: 750px;
}

#news-main table td{
     border: 0;
     padding: 5px;
}

#news-centering {
        text-align: center;
}

#news-main .newslist {
        text-decoration: none;
}

.right-img{
        float: right;
        margin: 10px 20px;
        padding: 0px;
}

.right-clear {
        clear: both;
}





/**
 *リクルート　--------------------------------------------------------------------------------------------
 */

.recruit_table {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border: 1px solid #DFDFDF;
	text-align: left;
	vertical-align: middle;
}
.recruit_table2 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border: 1px solid #DFDFDF;
	text-align: left;
	vertical-align: middle;
}
.honsya {
	letter-spacing: 0.15em;
	line-height: 1.5em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.td_style1 {
	text-align: left;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #333333;
	background-color: #eef1f8;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.td_style2 {
	text-align: left;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #333333;
	background-color: #eef1f8;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.td_style3 {
	text-align: left;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #333333;
	background-color: #FBFCFF;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.td_style4 {
	text-align: left;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #333333;
	background-color: #eef1f8;
	margin: 0px;
	border: 1px solid #FFFFFF;
}
.td_style5 {
	text-align: left;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #333333;
	background-color: #FBFCFF;
	margin: 0px;
	border: 1px solid #FFFFFF;
}
.th_style2 {
	text-align: left;
	vertical-align: middle;
	background-color: #bbddff;
	letter-spacing: 0.3em;
	color: #001a66;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: normal;
	margin: 1px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	width: 18%;
}
.th_style1 {
	text-align: left;
	vertical-align: middle;
	background-color: #bbddff;
	letter-spacing: 0.3em;
	color: #001a66;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: normal;
	margin: 1px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-width: 1px;
	border-right-color: #FFFFFF;
}
.th_style3 {
	text-align: left;
	vertical-align: middle;
	background-color: #bbddff;
	letter-spacing: 0.3em;
	color: #001a66;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: normal;
	margin: 1px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
}
.recruit_box {
	color: #666666;
	background-color: #fff0f5;
	margin-top: 0px;
	margin-bottom: 30px;
	line-height: 1.5em;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	border: 4px dotted #FF9DCE;
}
.recruit_tel {
	color: #666666;
	background-color: #F9F9F9;
	margin-top: 0px;
	line-height: 1.5em;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	border: 4px double #DDDDDD;
}
.recruit_table a:link {
	color: #001a66;
	text-decoration: underline;
	background-color: #bbddff;
	font-size: 80%;
	font-weight: normal;
}
.recruit_table a:visited {
	color: #001a66;
	text-decoration: underline;
	background-color: #bbddff;
	font-size: 80%;
	font-weight: normal;
}
.recruit_table a:hover {
	color: #001a66;
	text-decoration: none;
	background-color: #bbddff;
	font-size: 80%;
	font-weight: normal;
}
.kyotsu_table {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	border: 1px solid #DFDFDF;
	text-align: left;
	vertical-align: middle;
}
.th2_style1 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	text-align: left;
	vertical-align: middle;
	background-color: #C2F0B3;
	letter-spacing: 0.3em;
	color: #1a6600;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: normal;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.th2_style2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	text-align: left;
	vertical-align: middle;
	background-color: #C2F0B3;
	letter-spacing: 0.3em;
	color: #1a6600;
	padding-top: 5px;
	padding-right: 40px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: normal;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	width: 18%;
}
.th2_style3 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	text-align: left;
	vertical-align: middle;
	background-color: #C2F0B3;
	letter-spacing: 0.3em;
	color: #1a6600;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: normal;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.td2_style1 {
	text-align: left;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #333333;
	background-color: #f1f8ee;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.td2_style2 {
	text-align: left;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #333333;
	background-color: #F9FFF7;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.td2_style3 {
	text-align: left;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #333333;
	background-color: #f1f8ee;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.kyotsu_table caption {
	font-weight: bold;
	text-align: left;
	font-size: 110%;
	line-height: 2em;
	letter-spacing: 0.3em;
	padding: 0px;
	background-color: #CCCCCC;
	margin: 0px;
}
.recruit_title  {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: none;
	border-bottom-style: none;
	padding: 0px;
	margin-left: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-left-style: none;
}.self_u {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #001a66;
}
/**
 *焙煎　--------------------------------------------------------------------------------------------
 */

.get_pdf img {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 115px;
}
.get_pdf p {
	margin: 0px;
	padding: 0px;
	float: left;
	line-height: 1.25em;
}
.get_pdf {
	font-size: 80%;
	color: #666666;
	width: 550px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border: 1px solid #EBEBEB;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #F9F9F9;
}
#pdf_lineup a {
	background-image: url(baisen/IMG/rollover.gif);
	background-repeat: no-repeat;
	display:block;
	overflow: hidden;
	height: 93px;
	width: 596px;
	line-height:93px;
	text-decoration:none;
	text-align:center;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}
#pdf_lineup a:hover { background-position: 0 -93px; }
#pdf_lineup p { display: none; }
.baisen-font-big {
	font-size: 120%;
	font-weight: bold;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	line-height: 1em;
}