@charset "utf-8";
html {   overflow-y: scroll;  }
body{    color: #666666;
         margin: 0px;
         padding: 0px;
         font-size: 15px;
         line-height: 1.7;
         font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
         -webkit-text-size-adjust: none;
         background-color: #ffffff;
         background-position: center top;  }
h1,h2,h3,h4,h5,p,ul,li,ol,dl,dt,dd,form,figure {  margin: 0px;  padding: 0px;  }
ul{  list-style-type: none;  }
img {    border: none;
         max-width: 100%;
         height: auto;  }
background-image {
         border: none;
         max-width: 100%;
         height: auto;  }

input,textarea,select {  font-size: 1em;  }

/* リンクの設定 */
a {  color: #ee8020;  text-decoration: none;  }
a:hover {  color: #ee8020;  }

/* アウターフレーム（outer_frame） */
#outer_frame {  width: 1080px;  margin: 0px auto;  }

/* ヘッダー */
#header {  width: 100%;  position: relative;  }
#jump_t-signs {  text-align: right;  margin: 6px 1px 0px 0px;  }
#header h1 {
         text-align: center;
         font-size: 290%;
         color: #ee8020
         margin: 4px 0px -1px 0px;  }

/* サイトのタイトル画像 */
.site_name {
         border: none;
font-size: 40px;
text-align: center;
         max-width: 850px;
         height: auto;
         display: block;
         margin-top: 7px;
         margin-left: auto;
         margin-right: auto;  }

/* 上メニュー */
.top_menu ul {
         clear: both;
         width: 692px;
         overflow:hidden;
         margin: 12px auto 18px;  }
.top_menu ul li a {
         display: block;
         padding: 2px 0px 1px 5px;
         font-size: 16px;  
         text-align: center; 
         color: #ffffff;  }
.top_menu li {
         float: left;  width: 230px;
         background: #ff9030; 
         border-right: 1px solid #ffffff;  }
.top_menu li:last-child { border-right: 0px;  }

/* メインエリア（本文） */
#main {  
         float:left;
         width: 1040px;
         margin: 20px 20px 0px 20px;  }

/* 本文のP設定 */
#main p {
         padding: 10px 161px 10px;
         text-align: left;  }
.emphasis_p1 {
         font-size: 17px;
         font-weight: bold;  }
.emphasis_p2 {
         font-size: 19px;
         font-weight: bold;  }
#main h2 {
         clear: both;
         margin: 0px 0px 12px 1px;
         text-align: left;
         border-radius: 1px;	
         clear: both;
         font-size: 100%;
         background: #ee8020;
         background: -webkit-gradient(linear, left top, left bottom, from(#eebb56), to(#ee8020));
         background: -webkit-linear-gradient(#eebb56, #ee8020);
         background: linear-gradient(#eebb56, #ee8020);
         color: #ffffff;
         padding: 0px 15px 0px 15px;
         border: 1px solid #e79700;
         text-shadow: 0px -1px #ee8020;
         -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.2);  }
#main h3 {
         clear: both;
         text-align: left;
         border-radius: 1px;	
         clear: both;
         background: #ffffff;
         background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
          background: -webkit-linear-gradient(#ffffff, #e6e6e6);
         background: linear-gradient(#ffffff, #e6e6e6);
         font-size: 100%;
         color: #ee8020;
         padding: 0px 15px;
         border: 1px solid #ee8020;
         -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.2);
         box-shadow: 1px 2px 5px rgba(0,0,0,0.2);  }
.main img {
         border: none;
         height: auto;
         display: block;
         margin-left: auto;
         margin-right: auto;
         float : none;  }
.caption {
         font-size: 10px;
         color: #999999;
         margin-top: -5px;
         margin-right: 17px;
         margin-bottom: 15px;
         text-align: right;  }
.caption_accident {
         font-size: 10px;
         color: #999999;
         margin-right: 100px;
         margin-bottom: 15px;
         text-align: right;  }

/* 基本料金など */
.price {  margin: 25px 135px; 10px 135px;   }

/* トップページ 画像サムネイル */
#main section.thumbnail { border-radius: 3px;
         background: #ffffff;
         overflow: hidden;
         -webkit-box-shadow: 1px 2px 7px rgba(0,0,0,0.2);
         margin-bottom: 15px;
         width: 31.9%;
         float: left;
         margin-left: 1.2%;
         border: 1px solid #cccccc;   }
#main section.thumbnail a {
         display: block;
         height: auto;
         padding: 0px;
         text-decoration: none;
         overflow: hidden;
         text-align: left;   }

/* マウスオン時 */
#main section.thumbnail:hover {   background: #fff1e5;   }
/* 画像サムネイル Pタグ */
#main section.thumbnail p {
         text-align: left;
         margin: -5px 0px 0px 0px;
         color: #444444;   }
/* 画像サムネイル 写真の幅 */
#main section.thumbnail figure img {   width: 89%;   height: auto;   }

/* フッター近くのtel、emailバナー */
.banner_tel_email {
         text-align: left;
         float: left;
         margin-top: 7px;
         margin-right: 20px;
         margin-bottom: 20px;
         margin-left: 175px;  }
.banner_tel_email_p {
         text-align: left;
         margin-top: 52px;
         margin-right: 175px;
         margin-bottom: 0px;
         margin-left: 45px;  }

/* フッターメニュー */
.footer_menu {
         width:  1080px;
         max-width: 100%;  }
.footer_menu ul {
         clear: both;
         width: 600px;
         overflow:hidden;
         margin: 1px auto 9px;  }
.footer_menu ul li a {
         display: block;
         font-size: 16px;  
         text-align: center; 
         color: #666666;  }
.footer_menu li {
         float: left;  width: 200px;
         background: #ffffff;  }

.footer_01 {
         width:  1080px;;
         max-width: 100%;
         text-align: center;
         background: #cccccc;
         background: -webkit-gradient(linear, left top, left bottom,
         from(#444444), to(#222222));
         background: -webkit-linear-gradient(#cccccc, #666666);
         background: linear-gradient(#cccccc, #666666);
         font-size: 100%;
         color: #000000;
         border: 1px solid #666666;
         -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.2);
          box-shadow: 1px 2px 5px rgba(0,0,0,0.2);
         clear: both;
         margin: 0px 0px 15px 0px;  }

/* メールフォーム h3 バー（PC用） */
.mailform_h3_like_bar {  
         width: 100%;
         text-align: center;
         margin: 0px -20px 0px -20px;  }

/* メールフォーム（PC用） */
table.mailform {  width: 88%;  margin: 0 auto;  }
table.mailform tr th,table.mailform tr td {
         text-align: left;
         font-weight: normal;
         font-size: 14px;
         border-bottom: solid 1px #aaaaaa;
         padding: 30px 0px 7px 0px;  }
table.mailform tr th {  width: 250px; padding-left: 25px; font-size: 15px;  }
table.mailform tr th span {  color: #CC0000; font-size: 20px;  }
table.mailform tr th p {  font-size: 10px; color: #999999;  }
table.mailform tr td textarea {  width: 100%;  }

.mobile_mail_address {
         font-size: 12px;
         color:#ee8020;
         text-align: left;
         margin: 8px 230px 0px 230px;  }

.orange {  color: #ee8020;  }
.red {  color: #ff0000;  }

/* PC、スマホ別 改行タグ（PC用） */
@media screen and (min-width: 650px){	
.br_pc {  display: block;  }
.br_mobile {  display: none;  }
}

/* ここからスマートフォン用（650px以下）環境の設定
---------------------------------------------------------------------------*/
/* 表示を切り替えるウィンドウサイズの指定 */
@media only screen and (max-width: 650px){
body{  font-size: 15px;  line-height:1.7;  }

/* アウターフレーム（outer_frame）（スマートフォン用） */
#outer_frame {
         width: 980px;
         width: auto;
         margin: 0px 10px 0px 10px;  }

/* ヘッダー（スマートフォン用） */
#jump_t-signs {  margin: 3px -1px 0px 0px;  }
#jump_t-signs img {
         width: 41%;
         height: auto;
         text-align: right;  }
#header h1 {
         text-align: center;
         font-size: 215%;
         color: #ee8020
         margin: 4px 0px 0px 0px;  }

/* 上メニュー（スマートフォン用） */
.top_menu ul {
         width: 100%;
         margin: 8px 0px 3px 0px;
         background: #ff9030;  }
.top_menu ul li a {
         padding: 2px 0px 1px 0px;
         font-size: 15px;  }
.top_menu li {  width: 33%;  }

#main_image {  width: 100%;  }

/* メインエリア（本文）（スマートフォン用） */
#main {  width: 100%;  margin: 25px 0px 10px 0px;  }
#main h2 {  font-size: 100%;  margin: -7px 0px 2px 0px;  }
#main p {  padding: 8px 6px 10px;  }
.emphasis_p1 {  font-size: 16px;  }
.emphasis_p2 {  font-size: 16px;  }
.caption {  margin-bottom: 8px;  }
.caption_accident{  margin-top: -5px;
         margin-right: 17px;
         margin-bottom: 8px;  }
.caption_accident {
         font-size: 10px;
         color: #999999;
         margin-top: -5px;
         margin-right: 5px;  }
.banner_tel_email {
         text-align: left;
         float: none;
         margin-top: 10px;
         margin-right: 0px;
         margin-left: 0px;  }
.license_holder {
         text-align: left;
         margin-top: 5px;
         margin-bottom: 23px;
         margin-left: 30px;  }
.level {  margin: 3px 0px 10px 0px;  }

/* 画像サムネイル（スマートフォン用） */
.thumbnai {
         display: block;
         margin-left: auto;
         margin-right: auto;  }
#main section.thumbnail {
         width: 100%;
         float: none;
         margin-left: 0;  }
#main section.thumbnail a {   height: auto;   padding: 14px;   }
/* 画像サムネイル 写真の幅、右のアキ（スマートフォン用） */
#main section.thumbnail figure img {
         width: 100%;
         height: auto;
         float: left;
         margin: -6px 12px 8px 0px;  }
/* 画像サムネイル h4タグ（スマートフォン用） */
#main section.thumbnail h4 {
         margin-top: 13px;
         line-height: 1.5;
         font-size: 120%;  }

/* 画像サムネイル Pタグ */
#main section.thumbnail p {  margin: -10px 0px -11px 0px;  }

/* 基本料金など（スマートフォン用） */
.price {
         margin: 20px 10px 0px 10px;
         font-size: 75%;  }

/* フッター近くのtel、emailバナー（スマートフォン用） */
.banner_tel_email {
         text-align: left;
         float: left;
         margin-top: 12px;
         margin-right: 20px;
         margin-left: 20px;  }
.banner_tel_email_p {
         text-align: left;
         margin-top: 0px;
         margin-right: 7px;
         margin-bottom: -30px;
         margin-left: 7px;  }

/* フッターメニュー（スマートフォン用） */
.footer_menu ul {
         width:80%;
         margin: 0 auto;  }
.footer_menu li {  width: 33%;  }
.footer_menu ul li a  {
         padding: 2px 0px 9px 0px;
         font-size: 14px;  }

.footer_01 {
         font-size: 80%;
         margin: 0px auto 20px;  }

/* メールフォーム h3 バー（スマートフォン用） */
.mailform_h3_like_bar {    text-align: center;  margin: 5px auto 0px auto; width: 100%  
         }

/* メールフォーム（スマートフォン用） */
table.mailform {  width: 100%;  }
.mailform th,
.mailform td{
         width: 97%;
         display: block;
         border-top: none;  }
.mailform tr th span {  color: #CC0000;   font-size: 18px;  }
table.mailform tr th {
         padding-left: 5px;
         border-bottom: none;
         font-size: 15px;  }
table.mailform tr td {
         text-align: left;
         font-weight: normal;
         font-size: 16px;
         border-bottom: solid 1px #aaaaaa;
         padding: 0px 5px 12px 5px;  }
table.mailform tr td a img {  margin: 24px 0px 0px;  }

.mobile_mail_address {  margin: 8px 6px 0px 6px;  }

/* PC、スマホ別 改行タグ（スマートフォン用） */
.br_pc {  display: none;  }
.br_mobile {  display: block;  }
}