@charset "utf-8";

.sp {display: none;}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

#wrap {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 480px){

  .sp {display: block !important;}
  .pc {display: none;}

  img {
    max-width:100%;
    height: auto;
  }


  #main,
  #footer ,
  #side ,
  #inbox ,
  #header ,
  #header2 ,
  .menu ,
  .menu a,
  .seo,
  .logo {
    float: none;
    width: 100%;
    height:auto;
    padding: 0;
    margin:0;
  }

  #spMenu {
    cursor:pointer;
  }

  #top {
    color:#000;
    display: none;
  }

  .body_top {
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-size: 12px;
  background: none;
  }

  .body_top2 {
  margin: 0px;
  padding: 0px;
  text-align: center;
  background-image: url(images/bg-top1.jpg) ;
  background-position: center;
  background-position: top;
  background-repeat: no-repeat;
  background: none;

  }

  .inbox_page {
  margin: 0;
  padding: 0;
  text-align: center;
  background-image: url(images/bg-top2.jpg);
  background-position: center;
  background-position: top;
  background-repeat: no-repeat;
  background: none;
  }


  .inbox_top {
  margin: 0;
  padding: 0;
  text-align: center;
  background-image: url(images/bg-top.jpg);
  background-position: center;
  background-position: top;
  background-repeat: no-repeat;
  background: none;
  }

  #inbox {
  padding: 0px 0px 0px 0px;
  border: solid 0px #333333
  }

  a        {color:#333333;text-decoration:underline;}
  a:link    {color:#333333;text-decoration:underline;}
  a:visited    {color:#333333;text-decoration:underline;}
  a:active    {color:#333333;text-decoration:underline;}
  a:hover    {color:#990000;text-decoration:underline;}


  iframe#order {
    width:99%;
    min-height:2500px;
    padding: 0;
    margin: 0;
  }

  #contact {
    height:;
  }
  /*
  iframe#order {
    min-height: 2000px;
    display: none;
  }

  #contact {
    background: #aef;
  }


  #contact table {
    width:90%;
    margin:0 auto;
    border:0;
  }

  #contact table th,
  #contact table td {
    width:100% !important;
    display: block !important;
  }
  */


  /* ------- ??????a??`??????? ------- */

  /* ------- ??a??` ------- */
  .logo{
  color:#333333;
  font-size: 10px;
  }
  .logo a    {color:#808080;text-decoration:none;}
  .logo a:link  {color:#808080;text-decoration:none;}
  .logo a:visited  {color:#808080;text-decoration:none;}
  .logo a:hover  {color:#105f9a;text-decoration:none;}
  /* ------- ??a??` ------- */

  #header {
    clear: both;

  }
  #header img {
    width: 100%;
    height: auto;

  }


  body.epage table.top-toi{
    margin-bottom: 0;
  }

  body.epage #header2 {
    display: none;
  }

  body.epage #main {
  }

  table.top-toi {
    width:100% !important;
    background: #fff;
  }

  table.top-toi tr td {
    display: block;
  }

  table.top-toi tr td:nth-child(1) {width: 100% !important;float:none;padding-bottom: 15px;}
  table.top-toi tr td:nth-child(2) {width:48% !important;float: left;text-align: center;}
  table.top-toi tr td:nth-child(3) {width:48% !important;float: right; text-align: center;}

  table.top-toi tr td:nth-child(2) img {width:100% !important;box-shadow: 1px 1px 1px #999;}
  table.top-toi tr td:nth-child(3) img {width:90% !important;}

  /* ------- ????????------- */

  #gNavi {
    display: none;
  }

  .menu{
    margin: 0;
    padding: 0;
    width:100%;
  }

  .menu ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  .menu li{
    text-indent: 0;
   float:left;
   margin-bottom:10px !important;
   width:48.5%;
   height:30px;
   line-height: 30px;
    margin: 0;
    padding: 0;
    background: none;
    background: orange;
    font-size:110%;
  }

  .menu li a {
    border-radius: 3px;
  }


  .menu li:nth-child(even){
   float:right;
  }

  .menu1 a{background-position: 0 0; width:100%;background: orange;}
  .menu2 a{background-position: 0 0; width:100%;background: orange;}
  .menu3 a{background-position: 0 0; width:100%;background: orange;}
  .menu4 a{background-position: 0 0; width:100%;background: orange;}
  .menu5 a{background-position: 0 0; width:100%;background: orange;}
  .menu6 a{background-position: 0 0; width:100%;background: orange;}
  .menu7 a{background-position: 0 0; width:100%;background: orange;}
  .menu8 a{background-position: 0 0; width:100%;background: orange;}

  .menu a:hover{
    background-image: url(images/menu-bar.gif);
    background-repeat: no-repeat;
  }

  .menu1 a:hover{background-position: 0 0; width:100%;background: orange;}
  .menu2 a:hover{background-position: 0 0; width:100%;background: orange;}
  .menu3 a:hover{background-position: 0 0; width:100%;background: orange;}
  .menu4 a:hover{background-position: 0 0; width:100%;background: orange;}
  .menu5 a:hover{background-position: 0 0; width:100%;background: orange;}
  .menu6 a:hover{background-position: 0 0; width:100%;background: orange;}
  .menu7 a:hover{background-position: 0 0; width:100%;background: orange;}
  .menu8 a:hover{background-position: 0 0; width:100%;background: orange;}
  a[name]:hover{
    color: #000000;
    background: #ffffff;
  }

  .menu:nth-child(2) a{background-position: 0 0; width:100%;background: #fff;}

  /* ------- ????????------- */



  /* ------- ??????a??`??????? ------- */


  /* ------- ???????????????? ------- */
  #side {
  float: none;
  overflow: hidden;
  margin:0 auto;
  width: 230px;
  width:90%;
  text-align: left;
  background-color: #f6f6f6;
  }

  .boxtitle {
  font-size: 14px;
  color:#333333;
  text-align:center;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 5px 0px;
  background-color:#ffffff;
  border-bottom: 0px solid #7c3811;
  }

  .box {
  border: 1px solid #e34a1e;
  background-color:#ffffff;
  font-size: 12px;
  text-align: left;
  margin: 10px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 1.5em;
  color:#333333;
  }

  .box a     {color:#333333;text-decoration:none;}
  .box a:link  {color:#333333;text-decoration:none;}
  .box a:visited  {color:#333333;text-decoration:none;}
  .box a:hover  {color:#333333;text-decoration:none;}

  .box ul li{
  font-size: 12px;
  text-align: left;
  list-style-type: none;
  padding: 10px 15px 3px 15px;
  border-bottom: 1px solid #cccccc;
  }

  /* ------- ???????a??? ------- */
  .boxs {
  border: 0px solid #003300;
  background-color:#ffffff;
  font-size: 12px;
  text-align: left;
  margin: 20px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 1.5em;
  color:#333333;
  }

  .boxs a     {color:#333333;text-decoration:none;}
  .boxs a:link  {color:#333333;text-decoration:none;}
  .boxs a:visited  {color:#333333;text-decoration:none;}
  .boxs a:hover  {color:#333333;text-decoration:none;}

  .boxs ul li{
  font-size: 12px;
  text-align: left;
  list-style-type: none;
  padding: 5px 5px 0px 15px;
  }

  /* ------- ???????a??? ------- */

  .boxtitle_area {
  font-size: 12px;
  color:#333333;
  text-align:center;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 0px;
  }

  .box_area {
  border: 1px solid #dddddd;
  background-color:#ffffff;
  font-size: 10px;
  text-align: left;
  margin: 20px 0px 20px 0px;
  padding: 10px 0px 10px 0px;
  line-height: 1.5em;
  color:#333333;
  }

  .box_area ul li{
  font-size: 10px;
  text-align: left;
  list-style-type: none;
  padding: 5px 5px 5px 5px;
  border-top: 1px dotted #eaeaea;
  }

  .box_seo {
  border: 1px solid #eaeaea;
  background-color:#f8f8f8;
  text-align: left;
  margin: 20px 0px 20px 0px;
  padding: 10px 10px 10px 10px;
  line-height: 1em;
  color:#999999;
  }
  .box_seo a     {color:#999999;text-decoration:none;}
  .box_seo a:link  {color:#999999;text-decoration:none;}
  .box_seo a:visited  {color:#999999;text-decoration:none;}
  .box_seo a:hover  {color:#999999;text-decoration:none;}

  /* ------- ???????????????? ------- */





  /* ------- ??????? ???? ------- */
  #main {
    /*
  float: right;
  padding: 0px 0px 0px 0px;
  margin: 0px 10px 0px 0px;
  overflow: hidden;
  border: solid 0px #ff0000;
  font-size:12px;
  width: 680px;
  background-color: #ffffff;
  */
    padding-bottom: 15px;
    border-bottom:3px #aaa solid;
    margin-bottom: 15px;
  }

  /* ------- ???Х?`?? ------- */

  /* ------- ???????????????? ?????????? ------- */

  .newbox_top{
    display: none;
  }

  .newbox_middle{
    text-align:center;
    font-size: 12px;
    margin: 0px 0px 0px 0px;
    width: 680px;
    width: 100%;

    background-image: url(images/title-new-middle.gif);
    background: none;
    background: #f9f9f9;
    border-bottom: 1px #999 dotted;
  }

  .newbox_middle h2,
  .top-box .banner1 h2 {
    font-size:16px !important;
    font-weight: bold;
    text-align: left;
    padding: 0;
    margin:10px 0;
    background: #111;
    color:#fff;
    text-indent: 1em;
    height:36px;
    line-height: 36px;
  }

  .newbox_middle a  {color:#333333;text-decoration:underline;}
  .newbox_middle a:link  {color:#333333;text-decoration:underline;}
  .newbox_middle a:visited{color:#333333;text-decoration:underline;}
  .newbox_middle a:active{color:#333333;text-decoration:underline;}
  .newbox_middle a:hover  {color:#990000;text-decoration:underline;}

  .newbox_middle ul {
    width: 100%;
    overflow: auto;
  }

  .newbox_middle ul li{
  line-height: 1.5em;
  text-align: left;
  padding: 10px 5px 10px 6.2em;
  width:auto;
  height:auto;
  overflow: auto;
  text-indent: 0;
  margin:5px 0;
  text-overflow: ellipsis;
  }

  .newbox_middle ul li span{
	margin-left: -6.0em;
  }

  .newbox_middle ul li a{
    overflow: auto;
    height: auto;
    xfont-size:80% !important;
  }


  .newbox_middle ul li h3 {
    width:100%;
    margin: 0;
    padding: 0;
  }

  .newbox_bottom{
  text-align:center;
  margin: 0px 0px 30px 0px;
  width: 680px;

  display: none;
  }
  /* ------- ???????????????? ?????????? ------- */

  .top-box:nth-child(2){
    background: none !important;
  }

  .top-box:nth-child(2) ul li {
    list-style-type: disc;
    list-style-position: inside;
  }

  .top-box:nth-child(3) {
    padding-bottom: 10px;
    border-bottom: 1px #999 dotted;

  }


  .top-box:nth-child(3) table.top-tokusen {}
  .top-box:nth-child(3) table.top-tokusen td p {
    display: none;

  }

  .top-box:nth-child(4) {}
  .top-box:nth-child(4) a {
    display: block;
    margin:5px auto !important;
  }

  .top-box:nth-child(4) a img {
    width:90%;
  }

  .top-box:nth-child(5) a img {
    width:90%;
  }




  .top-box{
  font-size: 12px;
  margin: 0px 10px 20px 10px;
  padding: 0px 0px 0px 0px;
  }
  .top-box a    {color:#333333;text-decoration:underline;}
  .top-box a:link  {color:#333333;text-decoration:underline;}
  .top-box a:visited  {color:#333333;text-decoration:underline;}
  .top-box a:active  {color:#333333;text-decoration:underline;}
  .top-box a:hover  {color:#990000;text-decoration:underline;}

  .top-box h2 {
  font-size: 12px;
  }

  .top-box2{
  border: 2px solid #eaeaea;
  font-size: 12px;
  margin: 0px 15px 20px 15px;
  padding: 10px 10px 10px 10px;
  }


  .top-box3{
  text-align: left;
  font-size: 12px;
  margin: 0px 15px 0px 15px;
  padding: 10px 10px 10px 10px;
  }

  .concept_tbl{
  border: 0px solid #333333;
  float:left;
  font-size: 12px;
  margin: 0px 0px 20px 20px;
  padding: 0px 0px 0px 0px;
  }
  .concept_tbl a    {color:#333333;text-decoration:underline;}
  .concept_tbl a:link  {color:#333333;text-decoration:underline;}
  .concept_tbl a:visited  {color:#333333;text-decoration:underline;}
  .concept_tbl a:active  {color:#333333;text-decoration:underline;}
  .concept_tbl a:hover  {color:#990000;text-decoration:underline;}


  /* ------- ??????? ??Х?` 100611???????------- */

  .banner1{
  margin: 0px 0px 10px 0px;
  text-align:center;
  }

  /* ------- ??????? ??Х?` 100611???????------- */

  /* ------- ???Х?`?? ------- */


  /* ------- ??`?? ------- */
  .kizi {
  margin: 0px 15px 20px 0px;
  text-align: left;
  border: 1px solid #eaeaea;
  }


  .kizi_title {
  text-align: left;
  height:20px;
  line-height: 1.2em;
  margin: 0px 0px 0px 0px;
  padding: 15px 10px 10px 65px;
  background-image: url(images/kizi-title.jpg);
  }


  .kizi_title a    {color:#4a352e;text-decoration:none;}
  .kizi_title a:link  {color:#4a352e;text-decoration:none;}
  .kizi_title a:visited  {color:#4a352e;text-decoration:none;}
  .kizi_title a:active  {color:#4a352e;text-decoration:none;}
  .kizi_title a:hover  {color:#4a352e;text-decoration:none;}


  .kizi_body   {
  font-size: 12px;
  text-align: left;
  color:#333333;
  line-height: 1.5em;
  margin: 0px 0px 0px 0px;
  padding: 15px 10px 15px 10px;
  }

  .kizi_body ul{
  padding: 10px 15px 5px 15px;
  list-style-type: none;
  }

  .kanrenbox{
  border-top: 1px solid #009900;
  border-left: 1px solid #009900;
  font-size: 12px;
  background-color:#e1fae1;
  background-image: url(images/kanrenbox_bg.jpg);
  background-repeat: repeat-x;
  margin: 15px 5px 15px 0px;
  padding: 10px 10px 10px 10px;
  }

  .kanrenbox ul li{
  list-style-type: none;
  padding: 3px 20px 3px 20px;
  }

  .kanrenbox_title{
  margin: 0px 0px 0px 0px;
  padding: 10px 15px 0px 15px;
  }
  /* ------- ??`?? ------- */

  /* ------- ??`???????? ------- */
  .lpagemove {
  font-size: 12px;
  margin:10px 10px 20px 10px;
  float:left;
  }
  .lpagemove a       {color:#333333;text-decoration:none;}
  .lpagemove a:link    {color:#333333;text-decoration:none;}
  .lpagemove a:visited  {color:#333333;text-decoration:none;}
  .lpagemove a:hover    {color:#333333;text-decoration:none;}

  .rpagemove {
  font-size: 12px;
  margin:10px 10px 20px 10px;
  float:right;
  }
  .rpagemove a       {color:#333333;text-decoration:none;}
  .rpagemove a:link    {color:#333333;text-decoration:none;}
  .rpagemove a:visited  {color:#333333;text-decoration:none;}
  .rpagemove a:hover    {color:#333333;text-decoration:none;}
  /* ------- ??`???????? ------- */


  /* ------- ??????? ???? ------- */


  /* ------- ??????a??`??????? ------- */


  #footer {
   clear: both;
   background: #000;
    height:auto;
    padding: 10px 0 0 0 ;
    border-top: 1px #999 solid;
  }

  #footer .menu li a {
    background: #fff;
    border-radius: 3px;
    font-size:110%;

  }

  /* ------- ??a??`????????------- */

  .fbanner{
  margin: 0px 0px 10px 0px;
  text-align:left;
  }

  .menuf {
  margin:15px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  height: 36px;
  }

  .menuf a {
  font-size: 10px;
  padding: 5px 25px 0px 0px;
  color:#1e1710;
  text-decoration:none;
  float:left;
  }

  .menuf a:link    {color:#1e1710;text-decoration: none;}
  .menuf a:visited  {color:#1e1710;text-decoration: none;}
  .menuf a:active   {color:#1e1710;text-decoration:none;}
  .menuf a:hover  {color:#dddddd;text-decoration: none;}
  .menuf span  {color:#1e1710;display:none  }
  /* ------- ??a??`????????------- */

  .copyright{
  color:#ffffff;
  line-height: 1.0em;
  font-size: 10px;
  text-align:center;
  padding: 10px 0px 5px 0px;
  }
  .copyright a    {color:#ffffff;text-decoration:none;}
  .copyright a:link  {color:#ffffff;text-decoration:none;}
  .copyright a:visited  {color:#ffffff;text-decoration:none;}
  .copyright a:hover  {color:#ffffff;text-decoration:none;}

  .copyright + div {
    display: none;
  }


  /* ------- ??a??`seo ------- */

  .box_seo2{
    clear:both;
  color:#f2eded;
  line-height: 15px;
  font-size: 12px;
  text-align:left;
  padding: 6px 0px 6px 10px;
  border-bottom: 1px #eee solid;
  }
  .box_seo2 a    {color:#f2eded;text-decoration:none;}
  .box_seo2 a:link  {color:#f2eded;text-decoration:none;}
  .box_seo2 a:visited  {color:#f2eded;text-decoration:none;}
  .box_seo2 a:hover  {color:#f2eded;text-decoration:none;}

  .box_seo2 h2{
  font-size: 12px;
  display:inline;
  }

  /* ------- ??a??`seo ------- */

  /* ------- ??????a??`??????? ------- */




  /* ------- ??????`????????????`????? ------- */
  .bloc1 {
  padding: 10px 20px 10px 20px;
  border: 1px dotted #72320d;
  margin-left: auto;
  margin-right: auto;
  }

  .bloc1 a    {color:#2f241a;text-decoration:none;}
  .bloc1 a:link  {color:#2f241a;text-decoration:none;}
  .bloc1 a:visited  {color:#2f241a;text-decoration:none;}
  .bloc1 a:active  {color:#2f241a;text-decoration:none;}
  .bloc1 a:hover  {color:#2f241a;text-decoration:none;}

  .bloc2 {
  padding: 10px 20px 10px 20px;
  border: 1px solid #999999;
  margin-left: auto;
  margin-right: auto;
  }

  .bloc3 {
  padding: 8px 10px 8px 10px;
  border: 1px dotted #999999;
  margin-left: auto;
  margin-right: auto;
  }

  .bloc3 a    {color:#2f241a;text-decoration:none;}
  .bloc3 a:link  {color:#2f241a;text-decoration:none;}
  .bloc3 a:visited  {color:#2f241a;text-decoration:none;}
  .bloc3 a:active  {color:#2f241a;text-decoration:none;}
  .bloc3 a:hover  {color:#2f241a;text-decoration:none;}

  .midashi {
  text-align: left;
  font-size:14px;
  line-height: 1.2em;
  margin: 0px 0px 0px 0px;
  padding: 8px 10px 8px 10px;
  border-left: 8px solid #471404;
  border-bottom: 2px solid #471404;
  background-color:#ffffff;
  color: #2f241a;
  }

  .midashi a    {color:#2f241a;text-decoration:none;}
  .midashi a:link  {color:#2f241a;text-decoration:none;}
  .midashi a:visited  {color:#2f241a;text-decoration:none;}
  .midashi a:active  {color:#2f241a;text-decoration:none;}
  .midashi a:hover  {color:#2f241a;text-decoration:none;}

  .midashis {
  text-align: left;
  line-height: 1.0em;
  margin: 0px 0px 0px 0px;
  padding: 8px 10px 8px 10px;
  border-left: 4px solid #471404;
  border-bottom: 1px solid #471404;
  background-color:#ffffff;
  color: #2f241a;
  }

  .midashis a    {color:#2f241a;text-decoration:none;}
  .midashis a:link  {color:#2f241a;text-decoration:none;}
  .midashis a:visited  {color:#2f241a;text-decoration:none;}
  .midashis a:active  {color:#2f241a;text-decoration:none;}
  .midashis a:hover  {color:#2f241a;text-decoration:none;}

  .midashib {
  text-align: left;
  padding: 2px 10px;
  border-width: 0px 2px 2px 0px;
  border-color: #a48870;
  border-style: solid;
  background: #5f4934;
  color: #ffffff;
  line-height: 1.5em;
  font-size: 14px;
  font-weight: bold;
  }

  .midashib a    {color:#2f241a;text-decoration:none;}
  .midashib a:link  {color:#2f241a;text-decoration:none;}
  .midashib a:visited  {color:#2f241a;text-decoration:none;}
  .midashib a:active  {color:#2f241a;text-decoration:none;}
  .midashib a:hover  {color:#2f241a;text-decoration:none;}

  hr.hr1 {
  border: dotted 2px #72320d;
  color: #0000ff;
  }

  /* ------- ???????????100507???????------- */

  .boxtitle_pop {
  margin: 10px 0px 10px 0px;
  width: 600px;
  text-align: center;
  font-size: 14px;
  }

  .box_pop {
  border: 0px solid #e34a1e;
  background-color:#ffffff;
  font-size: 12px;
  text-align: left;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 20px;;
  color:#333333;
  }
  .box_pop a     {color:#333333;text-decoration:none;}
  .box_pop a:link  {color:#333333;text-decoration:none;}
  .box_pop a:visited  {color:#333333;text-decoration:none;}
  .box_pop a:hover  {color:#333333;text-decoration:none;}

  .box_pop ol li{
  font-size: 12px;
  text-align: left;
  margin: 10px 5px 10px 40px;
  line-height: 20px;
  }

  /* ------- ???????`?????????? ------- */
  .gaiyou {
  margin:10px 0px 0px 1%;
  border: solid 1px #999999;
  border-collapse:collapse;
  text-align: left;
  line-height: 1.5em;
  width: 95%; 
 }

  .gaiyou table.tab1 { table-layout:auto; background:#f6f6f6; }
  .gaiyou th { border: solid 1px #999999; background-color:#f8f8f8;text-align: center;letter-spacing: 0.1em; padding:3px 5px 3px 5px;}
  .gaiyou td { border: solid 1px #999999; padding:3px 5px 3px 5px;}

  .clear_both { clear: both; }
  .clear_right { clear: right; }
  .clear_left { clear: left; }

  .bg-concept {
    text-align:left;
    font-size: 12px;
    margin: 0px 0px 0px 2px;
    padding:10px 0px 0px 10px;

    margin: 0;
    padding: 0;

    width: 680px;
    width: 100%;
    height: 180px;
    height: auto;
    background-image: url(images/bg-concept.jpg);
    background:none;
  }

  .bg-concept p {
    padding: 5px 10px !important;
    margin:0 0 5px 0 !important;

  }

  .sekourei_catch {
  font-size: 18px;
  line-height: 1.6em;
  margin: 0px 0px 0px 0px;
  padding: 15px 0px 10px 24px;
  color: #350b03;
  height: 90px;
  background-image: url(images/sekourei_catch.jpg);
  background-repeat: no-repeat;
  }

  .sekourei_title {
  font-size: 14px;
  color: #333333;
  border-bottom: 1px solid #606a71;
  letter-spacing: -0.05em;
  }
  .sekourei_title a    {color: #333333;text-decoration: none;}
  .sekourei_title alink  {color: #333333;text-decoration: none;}
  .sekourei_title avisited  {color: #333333;text-decoration: none;}
  .sekourei_title ahover  {color: #333333;text-decoration: none;}

  .sekourei_list {
  margin:-10px 10px 0px 15px;
  }

  .midashi-staff {
  text-align: left;
  font-size:14px;
  color:#5d0e0a;
  height:15px;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 5px 40px;
  background-image: url(images/bg-midashi-staff.jpg);
  background-position:left;
  background-repeat: no-repeat;
  }

  /* ------- ???????`????------- */

  .question {
  text-align: left;
  font-size:14px;
  color:#333333;
  margin: 0px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
  }

  .answer {
  text-align: left;
  font-size:12px;
  color:#333333;
  margin: 0px 10px 10px 10px;
  padding: 0px 0px 0px 0px;
  line-height: 1.5em;
  }

  div.centeringTest p {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
  }

  /*for IE6 */
  * html .centeringTest p {
    display: inline;
    zoom: 1;
  }

  /*for IE7 */
  *:first-child+html .centeringTest p {
    display: inline;
    zoom: 1;
  }

  /* ------- ???????`????------- */

  /* ------- ???????????????a???------- */

  .boxtitle_osusume {
  font-size: 14px;
  color:#333333;
  text-align:center;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 5px 0px;
  background-color:#ffffff;
  border-bottom: 2px solid #350b03;
  }

  .box_osusume {
  border: 0px solid #e34a1e;
  background-color:#ffffff;
  font-size: 12px;
  text-align: left;
  margin: 10px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 2em;
  color:#333333;
  }

  .box_osusume a     {color:#333333;text-decoration:none;}
  .box_osusume a:link  {color:#333333;text-decoration:none;}
  .box_osusume a:visited  {color:#333333;text-decoration:none;}
  .box_osusume a:hover  {color:#333333;text-decoration:none;}

  .box_osusume ul li{
  font-size: 12px;
  text-align: left;
  list-style-type: none;
  padding: 10px 15px 3px 15px;
  border-bottom: 1px solid #bf8e84;
  }

  .box_blog {
  border: 0px solid #e34a1e;
  background-color:#ffffff;
  font-size: 12px;
  text-align: left;
  margin: 10px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 2em;
  color:#333333;
  }

  .box_blog a     {color:#333333;text-decoration:none;}
  .box_blog a:link  {color:#333333;text-decoration:none;}
  .box_blog a:visited  {color:#333333;text-decoration:none;}
  .box_blog a:hover  {color:#333333;text-decoration:none;}

  .box_blog ul li{
  font-size: 12px;
  margin-left: 20px;
  text-align: left;
  list-style-type: none;
  padding: 10px 5px 3px 5px;
  }

  .box_blog img {
  margin-left: -20px;
  }


  /* ------- ???????????????a???------- */

  /* ------- ?????????????a???------- */

  .boxtitle2 {
  font-size: 14px;
  color:#333333;
  text-align:center;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 5px 0px;
  background-color:#ffffff;
  border-bottom: 2px solid #999999;
  }

  /* ------- ?????????????a???------- */

  /* ------- ??????????------- */
  .bloc_1 {
  padding: 10px 5px 5px 5px;
  border: 1px dotted #72320d;
  margin-left: auto;
  margin-right: auto;
  height:165px;
  }
  /* ------- ??????????------- */

  /* ------- ??????Υ???????------- */
  .event-catch {
  height:90px;
  width: 630px;
  text-align: left;
  padding: 10px 10px 5px 20px;
  line-height: 1.4em;
  color: #471404;
  font-size: 16px;
  font-weight: bold;
  background-image: url(images/bg-event.jpg);
  background-position:left;
  background-repeat: no-repeat;
  }
  /* ------- ??????Υ???????------- */

  /* ------- ??????------- */
  .kasai {
  height:290px;
  text-align: left;
  margin:0px 0px 0px 0px;
  padding: 110px 0px 0px 130px;
  line-height: 1.4em;
  color: #471404;
  border: 0px solid #086bb0;
  background-image: url(images/bg-hoken.jpg);
  background-position:left;
  background-repeat: no-repeat;
  }
  .kasai p{
  width:250px;
  border: 1px solid #000000;
  }
  /* ------- ??????------- */
  /* ------- ??`?????????121016?????------- */
  .yuudou-link{
   float:right;
   border:2px dotted  #bf8e84;
   padding:5px;
   text-align:right;
  }
  /* ------- ??`?????????121016?????------- */

  .sekourei_exit {
  background: #fcfaca;
  border: 1px solid #c8c5c3;
  margin: 0px 2% 0px 48%;
  padding: 10px 0px 10px 10px;
  width: ;50%
  }

  .beforeafter {
  width: 100%;
  margin:0px 0px 20px 0px;
  }

  .beforeafter tr {
  vertical-align: top;
  }

  .beforeafter td.before {
  width:225px;
  }

  .before  img {
  width: 215px;
  border-radius: 3px;
  }

  .beforeafter td.yaji{
  padding-top: 50px;
  width: 68px;
  height: auto;
  }

  .beforeafter img {
  height: auto;
  margin-bottom: 10px;
  }

  .after img {
  box-shadow: 2px 2px 2px #eeeeee;
  border :2px solid #ffffff;
  border-radius: 5px;
  }

  .exit_toi {
  float: right;
  }

  .exit_toi a {
  height: 20px;
  padding: 10px 20px;
  background: #e8c163;
  border: 2px dotted #7e4241;
  box-shadow: 2px 2px 2px #eeeeee;
  border-radius: 3px;
  color: #333333;
  font-weight: bold;
  display: block;
  }

  .exit_toi a    {color:#333333;text-decoration:none;}
  .exit_toi a:link  {color:#333333;text-decoration:none;}
  .exit_toi a:visited  {color:#333333;text-decoration:none;}
  .exit_toi a:hover  {color:#ffffff;text-decoration:none; background: #62433e;}

  /* ------- ??????Υ???????------- */
  .event-catch {
  height:90px;
  width: 630px;
  text-align: left;
  padding: 10px 10px 5px 20px;
  line-height: 1.4em;
  color: #350b03;
  font-size: 16px;
  font-weight: bold;
  background-image: url(images/event_catch.jpg);
  background-position:left;
  background-repeat: no-repeat;
  }
  /* ------- ??????Υ???????------- */


  div.page_exit {}
  div.page_exit img {
    display: block;
    width:90%;
    margin:5px auto !important;

  }

  /* お問い合わせページ */
  div#page14 {}
  div#page14 table {
    width:100%;

  }

  #side .banner img {
    width:100%;

  }

.pc_only {
display: none;

}

.sp_only {
display: block;

}
/*------PC版のみ横並び國島追加------*/
.pcleft_50 {
  width: 98%;
  float:none;
}
.pcright_50 {
  width: 98%;
  float:none;
}

.pcleft_35 {
  width: 98%;
  float:none;
}
.pcright_35 {
  width: 98%;
  float:none;
}

.pcleft_65 {
  width: 98%;
  float:none;
}
.pcright_65 {
  width: 98%;
  float:none;
}
.pcleft_40 {
  width: 98%;
  float:none;
}
.pcright_40 {
  width: 98%;
  float:none;
}

.pcleft_60 {
  width: 98%;
  float:none;
}
.pcright_60 {
  width: 98%;
  float:none;
}
/*------PC版のみ横並び國島追加------*/
h1 {
border-bottom: solid 3px #cce4ff;
position: relative;
}

h1:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #5472cd;
bottom: -3px;
width: 20%;
}
/* ------- 見出しの装飾　------- */