@charset "utf-8";

* {
  color:#222222;
  padding:0;
  margin: 0;
  font-family: Verdana, Arial, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
}

.base {
  width: 900px;
  margin-right: auto;
  margin-left: auto;
  background-color: #DDDDDD;
  background-image: url(img/base.jpg);
  background-repeat: repeat-x;
  background-position: top;
  background-attachment: fixed;
  padding-top: 1px;
  padding-right: 5px;
  padding-bottom: 1px;
  padding-left: 5px;
}

body {
  background-image: url(img/paper-d1.png);
  background-attachment: fixed;
  background-color: #EFEFEF;
  background-repeat: repeat;
  background-position: top;
}

img {
  vertical-align: top;
}

a img {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}

li {
  list-style-type: none;
}

a {
  color: #E12700;
}

a:hover {
  color: #FF6600;
  text-decoration: none;
}

.red {
  color: #FF5500;
  text-decoration: none;
}

/*
ヘッダー
-------------------------------------------*/

#head {
  position: relative;
  background-color: #FFFFFF;
  width: 900px;
  height: 250px;
  position: relative;
  margin: 0 auto;
}

#head h1 {
  font-size: 10px;
  position: absolute;
  top: 18px;
  font-weight: normal;
  line-height: 16px;
  color: #999999;
  left: 20px;
}

#head img#logo {
  position: absolute;
  left: 15px;
  top: 35px;
}

#head #h_list {
  position: absolute;
  right: 20px;
  top: 0px;
}

#head #h_list li {
  display: inline;
  padding-right: 7px;
  padding-left: 13px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #CCCCCC;
  background-image: url(img/li.gif);
  background-repeat: no-repeat;
  background-position: 3px center;
  font-size: 10px;
}

#head #h_list a {
  text-decoration: none;
}

#head #info {
  position: absolute;
        top: 28px;
  right: 170px;
  font-size: 16px;
  color: #666666;
  bottom: 4px;
  line-height: 20px;
  text-align: right;
    margin: 0;
}


#head #info2 {
  position: absolute;
  right: 500px;
  font-size: 12px;
  color: #666666;
  bottom: 32px;
  line-height: 26px;
  text-align: right;
}


#head #info strong {
  font-size: 20px;
  color: #FF6600;
  font-family: Arial, Helvetica, sans-serif;
margin: 0;
}

#head #info span {
  font-size: 16px;
  color: #666666;
    margin: 0;
}

#head #info span.style01 {
    background-color: #ff0000;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    margin: 0;
}

#head #info p {
        margin-top: 1px;
  font-size: 14px;
    margin: 0;
}

#head #h_list a:hover {

  background-color: #FFFFFF;

}

.tel_call {
  position: absolute;
  width: 170px;
        height: 130px;
  display: block;
  font-size: 16px;
  top: 130px;
        left: 730px;
}

.header_tel_bg{
    display: inline-block;
    width: 900px;
    height: 54px;
    margin: 0 auto;
    background: #fff;
    text-align: center;
}


.header_tel{
    width: 870px;
    margin: 0 auto;
}

.shop_tel{
    display: inline-block;
    margin-top: 4px;
    width: 160px;
    height: 20px;
    background-image: url(img/telbg.png);
    margin-right: 3px;

}

.shop_tel p{
    font-size: 12px;
    margin: 0 auto;
    font-weight: bold;
    letter-spacing: -0.5px;
}


.shop_tel_long{
    display: inline-block;
    margin-top: 4px;
    width: 185px;
    height: 20px;
    background-image: url(img/telbg_long.png);
    margin-right: 3px;

}

.shop_tel_long p{
    font-size: 12px;
    margin: 0 auto;
    font-weight: bold;
    letter-spacing: -0.5px;
}



/*

グローバルナビ

-------------------------------------------*/

#navibox {
  height: 30px;
        background-image: url(img/navi_li.jpg);
        background-repeat: repeat-x;
        line-height: 0px;
  margin-top: 0px;
  position: relative;
}

.navibox2 {
  width: 870px;
  height: 30px;
  position: relative;
  margin: 0 auto;
}

#navi {
  background-image: url(img/navi_li.jpg);
  width: 900px;
  height: 30px;
  position: relative;
  margin: 0 auto;
}

#navi ul {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #A7B3B3;
  height: 30px;
}

#navi li a, #navi li strong {
  line-height: 24px;
  display: block;
  float: left;
  height: 24px;
  width: auto;
  padding-right: 16px;
  padding-bottom: 6px;
  padding-left: 16px;
  font-size: 16px;
  color: #FFFFFF;
  text-decoration: none;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #A7B3B3;
}

#navi li a {
  background-image: url(img/navi_li.jpg);
}

#navi li a:hover {
  background-image: url(img/navi_li_ov.gif);
}

#navi li strong {
  background-image: url(img/navi_li_st.gif);
  color: #000000;
  font-weight: normal;
}

#navi li {
  display: inline;
}

/*----プルダウン用追加ナビ------*/


#navi_b {
        height: 30px;
  position: absolute;
}

#nav {
  display: block;
  position: relative;
  height: 30px;
  width: 900px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #A7B3B3;
}

#nav li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
}


#nav ul {
  width: 150px;
  display: none;
  position: absolute;
  top: 31px;
  left: 0;
  margin: 0;
}


#nav ul ul {
  left: 151px;
  top: 0;
}

* html #nav ul {
  line-height: 0;
} /* IE6 "fix" */

#nav ul a {
  zoom: 1;
} /* IE6/7 fix */

#nav ul li {
  float: none;
}

#nav *:hover {
  background-color: none;
}

#nav a {
  display: block;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 24px;
  padding-top: 2px;
  padding-right: 19px;
  padding-bottom: 6px;
  padding-left: 19px;
  background-image: url(img/navi_li.jpg);
  text-decoration: none;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #B3B3B3;
}

#nav strong {
  display: block;
  color: #000000;
  font-size: 16px;
  line-height: 24px;
  padding-top: 0px;
  padding-right: 20px;
  padding-bottom: 6px;
  padding-left: 20px;
  background-image: url(img/navi_li_st.gif);
  text-decoration: none;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #A7B3B3;
  font-weight: normal;
}

#nav a:hover {
  background-image: url(img/navi_li_ov.gif);
}

#nav a.hover {
  background-image: url(img/navi_li_ov.gif);
}


#nav li.hover a {
  filter: alpha(opacity=90);
  -moz-opacity:0.90;
  opacity:0.90;
}


#nav ul a.hover {
  background-color: #5A8130;
  color: #FFFFFF;
  background-image: url(img/li_w.gif);
}

#nav ul a:hover {

  background-color: #F75A2D;

  background-image: url(img/li_w.gif);

  color: #FFFFFF;

}

#nav ul a {
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
  background-color: #F2F2EE;
  background-image: url(img/li.gif);
  padding-bottom: 0px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-bottom-color: #A7B3B3;
  line-height: 20px;
  height: 20px;
  padding-top: 2px;
  padding-right: 5px;
  background-repeat: no-repeat;
  background-position: 7px center;
  color: #1D2325;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #FFFFFF;
  border-right-width: 1px;
  border-left-width: 1px;
  border-left-style: solid;
  border-right-color: #CED5D5;
  border-left-color: #CED5D5;

}

/*

メイン

-------------------------------------------*/


#mainbox {
  width: 900px;
  position: relative;
  margin: 0 auto;
}

#main {
  float: left;
  width: 888px;
  background-color: #FFFFFF;
  padding: 6px;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #F0F0F0;
}

#pankuzu {
  margin-bottom: 3px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #AEB8B8;
  font-size: 12px;
  color: #6B878B;
  line-height: 16px;
  padding-top: 2px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
}

#pankuzu strong {
  font-weight: blod;
  color: #6B878B;
  font-size: 12px;
  letter-spacing: 1px;
}


#content {
  float: right;
  width: 650px;
  padding-bottom: 5px;
}



#content #mokuji {
  margin-top: 1px;
  margin-bottom: 15px;
  border: 1px solid #D8D8D3;
  background-image: url(img/side_inbox.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 10px;
  padding-left: 5px;
}

#mokuji ul {
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}

#mokuji ul ul {

  padding-top: 0px;

  padding-right: 0px;

  padding-bottom: 0px;

}

#mokuji li {

  font-size: 14px;

  line-height: 20px;

}

#mokuji li a {

  background-image: url(img/li.gif);

  background-repeat: no-repeat;

  background-position: 5px center;

  margin-bottom: 2px;

  padding-bottom: 2px;

  padding-left: 15px;

  border-bottom-width: 1px;

  border-bottom-style: dotted;

  border-bottom-color: #D8D8D3;

  display: block;

}

#content #mokuji h3 {
  color: #FF6817;
  background-image: none;
  padding-left: 10px;
  margin-bottom: 2px;
  padding-top: 1px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #FAE7CD;
  padding-bottom: 1px;
}


#content .box_out {
  background-color: #EEEEEE;
  margin-top: 1px;
  margin-bottom: 5px;
  padding: 5px;
}

#content .box_in {
  background-color: #FFFFFF;
  border: 1px solid #D9D9D9;
  margin-bottom: 1px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}


#content .banner {
  background-color: #FFFFFF;
  margin-top: 5px;
  margin-bottom: 5px;
}



#k01,#k02,#k03{

  color: #ffffff;

}



#title {

  font-size: 18px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #FF9933;
  line-height: 26px;
  color: #101010;
  padding-top: 5px;
  padding-left: 5px;
  margin-bottom: 3px;
  font-weight: normal;

}

#title span {

  font-size: 14px;
  padding-left: 10px;
  color: #CC3300;
}

#content h2 {
  font-size: 18px;
  line-height: 20px;
  color: #FFFFFF;
  background-image: url(img/h3.gif);
  height: 29px;
  padding-bottom: 4px;
  padding-left: 25px;
  margin-top: 1px;
  padding-top: 11px;
  font-weight: normal;
}

#content h2 span {
  font-size: 12px;
  color: #FFFACA;
  line-height: 12px;
  padding-left: 5px;
  font-weight: normal;
}

#content h4 {
  color: #D34616;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #F8A952;
  font-size: 16px;
  line-height: 16px;
  margin-top: 15px;
  margin-right: 5px;
  margin-bottom: 10px;
  margin-left: 5px;
  padding-top: 3px;
  padding-right: 5px;
  padding-bottom: 3px;
  padding-left: 8px;
}

#content h4 span {
  font-size: 12px;
  color: #FF6600;
  padding-left: 10px;
  line-height: 12px;
  font-weight: normal;
}



#content p {
  font-size: 13px;
  padding: 5px;
  line-height: 22px;
  background-image: url(img/line.gif);
  background-position: 0px 5px;

  margin: 5px;
}

#content p.tenpo{
  text-indent: 0;
}

#content p.tenpo a{
background: #fff;
  display: inline-block;
  border: 2px solid #E12700;
  border-radius: 5px;
  text-align: center;
  width: 120px;
  text-decoration: none;
  margin-bottom: 4px;
  color: #000;
  font-weight: bold;*/
}

#content p.tenpo a:hover{
  color:#F60;
}


#content .box_out img {
  margin-right: 1px;
  margin-bottom: 1px;
}

#content .box02_left {
  width: 640px;
  margin-left: 2px;
}

#content .box02_right {
  width: 640px;

}

#content .box02_left h3, #content .box02_right h3 {
  clear: both;
}

#content .box02_left .box_in,

#content .box02_right .box_in {
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

#content .box02_left p,

#content .box02_right p {
  margin: 0px;

}





.visual01{
  position: relative;
}

.visual02{
  position: absolute;
  top: 10px;
  left: 20px;

}

.visual03{
  position: absolute;
  top: 70px;
  left: 20px;
}

.visual04{
  position: absolute;
  top: 140px;
  left: 600px;

}


/*-----価格表上-----*/

.kakaku {
  background-image: url(img/topa.jpg);
        width: 640px;
        height: 44px;
  font-size: 14px;
  color: #000000;
  padding-top: 6px;
  padding-left: 10px;
  line-height: 1.5;
  font-weight: bold;
}



/*-----dlリスト-----*/

#content .dl_list {

  background-image: url(img/side_inbox.gif);

  background-repeat: repeat-x;

  background-position: bottom;

  padding: 5px;

  border: 1px solid #EEEEEA;

  float: left;

  margin-bottom: 5px;

}

#content .dl_list dt {

  float: left;

  display: block;

  width: 80px;

  font-size: 12px;

  padding-left: 15px;

  line-height: 1.4em;

  background-image: url(img/li.gif);

  background-repeat: no-repeat;

  background-position: 5px center;

}

#content .dl_list dd {

  display: block;

  float: right;

  width: 460px;

  font-size: 12px;

  line-height: 1.4em;

  padding-left: 7px;

  border-left-width: 1px;

  border-left-style: solid;

  border-left-color: #D7E6E8;

}

#content .dl_list dl {

  padding-bottom: 7px;

  border-bottom-width: 1px;

  border-bottom-style: solid;

  border-bottom-color: #D6D5CB;

  display: block;
  width: 570px;
  padding-top: 7px;
  padding-right: 4px;
  padding-left: 4px;
  float: left;

}

#content .dl_list dd a {
  line-height: 1.4em;

}



#content .box02_right .dl_list {
  border: 1px solid #D6D5CB;

}

#content .box02_right .dl_list dt {
  width: 70px;
  padding-left: 7px;
  background-position: left center;

}

#content .box02_right .dl_list dd {

  width: 205px;

}

#content .box02_right .dl_list dl {

  width: 300px;

  padding-top: 6px;

  padding-bottom: 6px;

}



dl.dl_link {

  padding: 20px;

  border-bottom-width: 1px;

  border-bottom-style: solid;

  border-bottom-color: #DEDFDA;

  margin-right: 10px;

  margin-left: 5px;

}

.dl_link dt {

  font-size: 16px;

  border-bottom-width: 1px;

  border-bottom-style: dotted;

  border-bottom-color: #BBDBDF;

  line-height: 28px;

  margin-bottom: 7px;

  background-image: url(img/li.gif);

  background-repeat: no-repeat;

  background-position: left center;

  padding-left: 10px;

  font-weight: bold;

}

.dl_link dd {
  font-size: 13px;
  line-height: 20px;
  padding-right: 15px;
  padding-left: 15px;
  color: #505050;

}



/*----------*/


.img_left {
  float: left;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-left: 5px;
  background-color: #EFEFEF;
  border-top-width: 10px;
  border-right-width: 20px;
  border-bottom-width: 10px;
  border-left-width: 10px;
  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;

}

.img_right {
  float: right;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-left: 5px;
  background-color: #EFEFEF;
  border-top-width: 10px;
  border-right-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 20px;
  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;

}

#top_img {
  background-color: #000000;
  padding-bottom: 5px;
  height: 320px;
  position: relative;
  margin: 0 auto;
}

.btn_s {

  text-align: right;

  padding: 5px;

  clear: both;

}

.btn_s a {

  color: #FFFFFF;

  background-color: #F15432;

  padding-top: 3px;

  padding-right: 7px;

  padding-bottom: 3px;

  padding-left: 7px;

  font-size: 12px;

  border-top-width: 2px;

  border-right-width: 3px;

  border-bottom-width: 2px;

  border-left-width: 3px;

  border-top-style: solid;

  border-right-style: solid;

  border-bottom-style: solid;

  border-left-style: solid;

  border-top-color: #EEF0F0;

  border-right-color: #EEF0F0;

  border-bottom-color: #EEF0F0;

  border-left-color: #EEF0F0;

}

.btn_s a:hover {

  color: #D53500;

  background-color: #FFF8EC;

  border-top-color: #F8805C;

  border-right-color: #F8805C;

  border-bottom-color: #F8805C;

  border-left-color: #F8805C;

}





#content .to_top {

  text-align: right;

  padding-right: 20px;

  padding-bottom: 10px;

  clear: both;

  margin-top: 10px;

}

#content ul.list {

  padding-top: 10px;

  padding-right: 20px;

  padding-bottom: 10px;

  padding-left: 20px;

}

#content ul.list li {

  font-size: 13px;

  line-height: 20px;

  margin-bottom: 5px;

  padding-left: 15px;

  background-image: url(img/li.gif);

  background-repeat: no-repeat;

  background-position: 5px center;

  border-bottom-width: 1px;

  border-bottom-style: dotted;

  border-bottom-color: #ECD0A6;

  color: #655C4B;

}



#content .chui {

  color: #E84F28;

  font-size: 12px;

}

.syomei {

  font-size: 18px;

  text-align: right;

  padding-right: 15px;

  padding-bottom: 15px;

  font-family: "有澤楷書","ＡＲＰ行楷書体Ｈ", "ＡＲ行楷書体Ｈ","ヒラギノ明朝 Pro W6","HiraMinPro-W6";

  padding-top: 5px;

}



#form {

  padding-top: 10px;

  padding-bottom: 10px;

}



/*

サイド

-------------------------------------------*/



#side {

  background-color: #F6F6F6;

  padding: 5px;

  float: left;

  width: 220px;

}

#side h3 {

  font-size: 13px;

  line-height: 20px;

  color: #FFFFFF;

  background-image: url(img/h3.gif);

  height: 21px;

  padding-bottom: 4px;

  font-weight: normal;

  text-indent: 23px;

  margin-bottom: 1px;

  padding-top: 2px;

}

#side .side_box {

  background-image: url(img/side_box.gif);

  background-repeat: repeat-x;

  background-position: top;

  width: 210px;

  border: 1px solid #C1C1C1;

  margin-bottom: 5px;

  background-color: #EFEFEF;

  padding-top: 5px;

  padding-right: 4px;

  padding-bottom: 10px;

  padding-left: 4px;

}

#side .side_box h3 {

  background-color: #666666;

  background-image: none;

  line-height: 18px;

  text-indent: 8px;

  height: 18px;

  border-left-width: 5px;

  border-left-style: solid;

  border-left-color: #FF9933;

  padding-top: 1px;

  padding-right: 0px;

  padding-bottom: 1px;

  padding-left: 0px;

}

#side .side_box .side_inbox {

  background-image: url(img/side_inbox.gif);

  background-repeat: repeat-x;

  background-position: bottom;

  border: 1px solid #D0D0D0;

  width: 204px;

  padding-top: 5px;

  padding-bottom: 10px;

  background-color: #FFFFFF;

  margin-right: auto;

  margin-left: auto;

}

#side .side_menu li {

  line-height:0;

}

#side .side_menu li a {

  display: block;

  font-size: 12px;

  line-height: 16px;

  color: #14130C;

  text-decoration: none;

  background-color: #F8F8F5;

  width: 165px;

  margin-right: auto;

  margin-left: auto;

  padding-top: 3px;

  padding-right: 5px;

  padding-bottom: 3px;

  padding-left: 26px;

  border-bottom-width: 1px;

  border-bottom-style: solid;

  border-bottom-color: #E7E7E0;

  background-image: url(img/side_li.gif);

  background-position: 8px center;

  background-repeat: no-repeat;

  border-top-width: 1px;

  border-top-style: solid;

  border-top-color: #FFFFFF;

}



#side .side_menu li a:hover {

  background-color: #F75A2D;

  color: #FFFFFF;

  background-image: url(img/side_li_ov.gif);

}

#side .side_menu li ul {

  background-color: #DFE2E3;

  padding-bottom: 5px;

  border-right-width: 1px;

  border-bottom-width: 1px;

  border-left-width: 1px;

  border-right-style: solid;

  border-bottom-style: solid;

  border-left-style: solid;

  border-right-color: #FFFFFF;

  border-bottom-color: #FFFFFF;

  border-left-color: #FFFFFF;

}

#side .side_menu li ul li a {

  background-position: 15px;

  width: 155px;

  padding-left: 34px;

  border-right-width: 1px;

  border-bottom-width: 1px;

  border-left-width: 1px;

  border-right-style: solid;

  border-bottom-style: solid;

  border-left-style: solid;

  border-right-color: #CDD2D3;

  border-bottom-color: #CDD2D3;

  border-left-color: #CDD2D3;

  border-top-style: none;

  color: #E12700;

}

#side .side_box .side_inbox p {

  margin-top: 5px;

  margin-right: 10px;

  margin-bottom: 5px;

  margin-left: 10px;

  font-size: 12px;

  line-height: 140%;

}

#side .side_box .side_btn {

  background-color: #FFFFFF;

  text-align: center;

  padding-top: 5px;

  padding-bottom: 5px;

  border: 1px solid #DFDFDF;

}

#side .side_box .side_prbox {

  width: 186px;

  background-color: #E3E3E3;

  margin-right: auto;

  margin-left: auto;

  margin-top: 10px;

  padding: 10px;

  font-size: 12px;

  color: #505050;

}

#side .side_box .side_prbox p {

  font-size: 10px;

  line-height: 130%;

}

#side .side_box .side_prbox a {

  color: #747474;

}



/*

フッター

-------------------------------------------*/



#foot {
  background-image: url(img/foot.gif);
  background-repeat: repeat-x;
  background-position: top;
  background-color: #787878;
  padding: 15px;
  clear: both;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CCCCCC;
  width: 873px;
  position: relative;
  margin: 0 auto;
}

#foot p {

  font-size: 10px;

  color: #CCCCCC;

  padding-top: 10px;

  padding-left: 10px;

  line-height: 16px;

}

#foot li a {

  color: #EEEEEE;

}

#foot li {

  font-size: 12px;

  display: inline;

  padding-right: 8px;

  padding-left: 8px;

  border-right-width: 1px;

  border-right-style: solid;

  border-right-color: #999999;

}

address {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 10px;

  font-style: normal;

  color: #838383;

  background-color: #F5F5F5;

  line-height: 20px;

  text-align: right;

  padding-right: 10px;

  border-top-width: 3px;

  border-top-style: solid;

  border-top-color: #DFDFDF;

}



address a {

  color: #ffffe0;

}

address a:hover {

  color: #ffffff;

  text-decoration: none;

}

.ginza {
        float:left;
        height: 66px;
        width: 350px;
        margin: 15px 0 0 70px;
}

.yokohama {
        float:left;
        height: 66px;
        width: 350px;
        margin: 15px 0 0 40px;

}

.clear {
    clear:both;　/*floatの解除、ここがポイント*/
}


/*

テーブル

-------------------------------------------------------------------*/

table {

  border-collapse: collapse;

}

table td {

  border-collapse: collapse;

}

#content table {



  margin-top: 5px;

  margin-right: auto;

  margin-bottom: 5px;

  margin-left: auto;

}

#content table td {

  padding: 5px;

  border: 1px solid #EAE8DF;

  font-size: 13px;

}

#content table th {

  background-color: #EFEDE7;

  padding: 7px;

  font-size: 13px;

}

#content form table th {

  width: 127px;

}



#content table td.td_head {

  background-color: #A8A8A8;

  text-align: right;

  padding: 8px;

  white-space: nowrap;

  color: #FFFFFF;

  border-top-width: 1px;

  border-right-width: 4px;

  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: #C9C9BE;

  border-right-color: #D7D7CE;

  border-bottom-color: #C9C9BE;

  border-left-color: #C9C9BE;

  font-size: 13px;

  background-image: url(img/td_head.gif);

  background-repeat: repeat-x;

}



#content table td.td_odd {

  background-color: #F7F7F4;

  text-align: left;

  padding: 8px;

  border: 1px solid #D6D6CD;

  font-size: 13px;

  background-image: url(img/td_odd.gif);

  background-repeat: repeat-x;

  line-height: 20px;

}



.td_head .eng {
  margin: 0px;
  padding: 0px;
  font-size: 10px;
  color: #DEE4E4;
}

#baikyaku{
  border-color:#fcdd80;
}

span.yellow {
    background-color: #ffff30;
}



/*----- kaitoriで使用 -----*/

#orange_box01,#orange_box02,#orange_box03 {

  border: 1px #ff9900 solid;

  background-color: #ffffcc;

}

#green_box{

  border: 2px #669999 solid;

}

/*----- hinmokuで使用 -----*/

#toriatukai01,#toriatukai02 {

  background-color: #669999;

}

#sinamono{

  background-color: #FFCC66;

}

/*----- qa・kiyakuで使用 -----*/

ul#point {

  margin-top: 15px;}

ul#point li{

  margin-bottom: 15px;

  padding-left: 25px;

  font-size: 13px;

  background-image: url(img/point.gif);

  background-repeat: no-repeat;

  background-position: left top;

}




/*

バナー
-------------------------------------------------------------------*/

.banner {
        text-align: center;

}

a:hover img.hoverimg {
opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */
}

.sidebanner {

  background-image: url(img/side_box.gif);
  background-repeat: repeat-x;
  background-position: top;
  width: 210px;
  border: 1px solid #C1C1C1;
  margin-bottom: 5px;
  background-color: #EFEFEF;
  padding-top: 8px;
  padding-right: 4px;
  padding-bottom: 6px;
  padding-left: 4px;
}


.slider-viewport { width: 950px; height: 300px; overflow: hidden }


/*
店舗上レイアウト
-------------------------------------------------------------------*/


.layoutborder {
  width: 648px;
  display: block;
  border-width: 1px;
  border-color: #EAE8DF;
  border-style: solid;
  background-color: #ffffff;
        padding-bottom: 5px;
}


.layout1 {
  width: 340px;
  height: 100px;
  position: relative;
        font-size: 24px;
        font-weight: bold;
  line-height: 1.5;
        margin-top: 20px;
        margin-left: 15px;
        margin-bottom: 15px;
}


.layout3 {
  position: relative;
        font-size: 13px;
  line-height: 2;
        margin-top: 2px;
        margin-left: 15px;
}

.layout2 {
  height: 60px;
  position: relative;
  padding: 15px;
}

.layout2 ul li{
  float: left;
  border: 2px solid #E12700;
border-radius:5px;
  text-align: center;
  margin-right: 2px;
  margin-bottom: 2px;
}

.layout2 ul li:nth-child(5){
  margin-right: 0;
}

.layout2 ul li a{
  display: inline-block;
  width: 115px;
  text-decoration: none;
  font-weight: bold;
  color: #000;
  font-size: 14px;
}

.layout2 ul li a:hover{
  color: #F60

}


.floatend {
  clear: both;
  display: block;
  height: 1px;
}

.takuhai_print_box{
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 380px;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000;
    background: #FFFFAA;
    box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -moz-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -webkit-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -o-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -ms-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
}

/*
ブリンク
-------------------------------------------------------------------*/

#blinking {
    -webkit-animation: 0.5s linear 0s alternate none infinite running blink;
    -moz-animation: 0.5s linear 0s alternate none infinite running blink;
    animation: 0.5s linear 0s alternate none infinite running blink;
}
@-webkit-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@-moz-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}