@charset "utf-8";
 body {
color: #333333; margin: 0px;
padding: 0px;
font: 14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
background-color: #FFF; border-top: 4px solid #06aab3; }
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
margin: 0px;
padding: 0px;
}
ul{
list-style-type: none;
}
img {
border: none;
}
input,textarea,select {
font-size: 1em;
}
form {
margin: 0px;
}
table {
border-collapse:collapse;
font-size: 100%;
border-spacing: 0;
} a {
color: #06aab3; }
a:hover {
color: #65c4ca; text-decoration: none; }
a:hover img {
filter: Alpha(opacity=70);
opacity: 0.8; }  header {
background-color: #FFF;	
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ededed));
background-image: -webkit-linear-gradient(#FFF 80%, #ededed);
background-image: linear-gradient(#FFF 80%, #ededed);
} header .inner {
width: 997px; height: 140px; margin-right: auto;
margin-left: auto;
position: relative;
} header .inner h2 {
position: absolute;
left: 10px; top: 32px; } header .inner h1 {
position: absolute;
left: 15px; top: 3px; font-weight:normal;
color:#333333;
font-size:12px;
}
header .inner h3 {
display:none;
position: absolute;
left: 10px; top: 32px; font-weight:normal;
color:#16be71;
font-size:12px;
} header .inner address {
position: absolute;
top: 10px; right:120px; font-size: 11px; text-align: center; line-height: 1.6; letter-spacing: 0.2em; } header .inner address .tel {
font-size: 18px; color: #1ec17a; font-weight: bold; display: block;
}
header .mail_bt{
position: absolute;
top:9px; right: 20px; text-align: center; z-index:1000;
}  nav#menu {
height: 60px; background-color: #06aab3; background-image: -webkit-gradient(linear, left top, left bottom, from(#65c4ca), to(#06aab3)); background-image: -webkit-linear-gradient(#65c4ca, #09acb5 49%, #06aab3 50%); background-image: linear-gradient(#65c4ca, #09acb5 49%, #06aab3 50%); margin-bottom: 0px;
}
nav#menu ul {
width: 997px; margin-right: auto;
margin-left: auto;
} nav#menu ul li {
float: left;
width: 198px; border-right: 1px solid #00969f; text-align: center; font-weight: bold; font-size:16px;
}
nav#menu ul li a {
text-decoration: none;
display: block;
-webkit-transition: 0.5s; transition: 0.5s; line-height: 30px;
padding-top: 5px;
color: #FFF; } nav#menu ul li:first-child {
border-left: 1px solid #00969f; } nav#menu ul li a:hover {
background-color: #06aab3; } nav#menu ul li a span {
font-size: 9px; display: block;
font-weight: normal; letter-spacing: 0.2em; line-height: 20px;
padding-bottom: 5px;
opacity: 0.5; }
nav#menu2 {
height:50px;
margin-bottom:20px;
}
nav#menu2 ul {
width: 997px; margin-right: auto;
margin-left: auto;
} nav#menu2 ul li {
float:left;
text-indent:-9999px;
text-align: center; margin-bottom:2px;
}
.navi1 a{
text-decoration: none;
width: 165px; display: block;
height:50px;
background-image:url(https://www.toso-ad.com/wp-content/themes/tousou-auto-door/images/navi1.png);
background-repeat:no-repeat;
background-position:right top;
}
.navi1 a:hover{
text-decoration: none;
display: block;
width: 165px; height:50px;
background-image:url(https://www.toso-ad.com/wp-content/themes/tousou-auto-door/images/navi1_h.png);
background-repeat:no-repeat;
background-position:right top;
}
.navi2 a{
text-decoration: none;
display: block;
width: 165px; height:50px;
background-image:url(https://www.toso-ad.com/wp-content/themes/tousou-auto-door/images/navi2.png);
background-repeat:no-repeat;
background-position:left top;
}
.navi2 a:hover{
text-decoration: none;
display: block;
width: 165px; height:50px;
background-image:url(https://www.toso-ad.com/wp-content/themes/tousou-auto-door/images/navi2_h.png);
background-repeat:no-repeat;
background-position:left top;
}
.navi3 a{
text-decoration: none;
display: block;
width: 165px; height:50px;
background-image:url(https://www.toso-ad.com/wp-content/themes/tousou-auto-door/images/navi3.png);
background-repeat:no-repeat;
background-position:left top;
}
.navi3 a:hover{
text-decoration: none;
display: block;
width: 165px; height:50px;
background-image:url(https://www.toso-ad.com/wp-content/themes/tousou-auto-door/images/navi3_h.png);
background-repeat:no-repeat;
background-position:left top;
}
.navi4 a{
text-decoration: none;
display: block;
width: 165px; height:50px;
background-image:url(https://www.toso-ad.com/wp-content/themes/tousou-auto-door/images/navi4.png);
background-repeat:no-repeat;
background-position:left top;
}
.navi4 a:hover{
text-decoration: none;
display: block;
width: 165px; height:50px;
background-image:url(https://www.toso-ad.com/wp-content/themes/tousou-auto-door/images/navi4_h.png);
background-repeat:no-repeat;
background-position:left top;
}
.navi5 a{
text-decoration: none;
display: block;
width: 165px; height:50px;
background-image:url(https://www.toso-ad.com/wp-content/themes/tousou-auto-door/images/navi5.png);
background-repeat:no-repeat;
background-position:left top;
}
.navi5 a:hover{
text-decoration: none;
display: block;
width: 165px; height:50px;
background-image:url(https://www.toso-ad.com/wp-content/themes/tousou-auto-door/images/navi5_h.png);
background-repeat:no-repeat;
background-position:left top;
}
.navi6 a{
text-decoration: none;
display: block;
width: 165px; height:50px;
background-image:url(https://www.toso-ad.com/wp-content/themes/tousou-auto-door/images/navi6.png);
background-repeat:no-repeat;
background-position:right top;
}
.navi6 a:hover{
text-decoration: none;
display: block;
width: 165px; height:50px;
background-image:url(https://www.toso-ad.com/wp-content/themes/tousou-auto-door/images/navi6_h.png);
background-repeat:no-repeat;
background-position:right top;
} #pankuzu{
font-size:12px;
margin-bottom:10px;
} #contents {
clear: left;
width: 997px; margin-right: auto;
margin-left: auto;
} #contents-in {
float: left;
width: 785px;
} body.c2 #contents-in {
float: none;
width: 100%;
} #main {
float: right; width: 570px; padding-bottom: 10px;
} body.c2 #main {
float:left;
width: 750px; } #main h2 {
background-color: #06aab3; background-image: -webkit-gradient(linear, left top, left bottom, from(#65c4ca), to(#06aab3)); background-image: -webkit-linear-gradient(#65c4ca, #09acb5 49%, #06aab3 50%); background-image: linear-gradient(#65c4ca, #09acb5 49%, #06aab3 50%); border: 1px solid #06aab3; border-radius: 6px 6px 0px 0px; -webkit-box-shadow: 1px 2px 7px #999; box-shadow: 1px 2px 7px #999; color: #FFF; padding: 5px 15px; clear: both;
font-size:16px;
} #main h3 {
background-color: #f0f0f0; background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e3e3e3)); background-image: -webkit-linear-gradient(#fcfcfc, #f1f1f1 49%, #e3e3e3 50%); background-image: linear-gradient(#fcfcfc, #f1f1f1 49%, #e3e3e3 50%); -webkit-box-shadow: 1px 2px 7px #999; box-shadow: 1px 2px 7px #999; font-size: 100%;
color: #06aab3; padding: 2px 15px; clear: both;
border-top: 1px solid #FFF; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; border-left: 3px solid #06aab3; } #main p {
padding: 2px 10px 2px; }  #sub {
float: left; width: 230px; padding-bottom: 30px;
}
body.c2 #sub{
float:right;
} #side {
float: right;
width: 230px;
padding-bottom: 30px;
} body.c2 #side {
display: none;
} #sub h2,
#side h2 {
font-size: 100%;
text-align: center; background-color: #aec829; background-image: -webkit-gradient(linear, left top, left bottom, from(#bbd536), to(#aec829)); background-image: -webkit-linear-gradient(#bbd536, #aec829); background-image: linear-gradient(#bbd536, #aec829); padding: 3px 0px; color: #ffffff; border-radius: 6px 6px 0px 0px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
} #sub .box1 h2,
#side .box1 h2 {
border-radius: 0; } #sub .box1,
#side .box1 {
background-color: #eee; border: 1px solid #cfcfcf; padding: 5px; margin-bottom: 15px; }
#sub .box2,
#side .box2 {
background-color: #f0f0f0; border: 1px solid #cfcfcf; padding: 5px; margin-bottom: 15px; }
#sub .box3,
#side .box3 {
background-color: #ffffff; border: 1px solid #cfcfcf; padding: 5px; margin-bottom: 15px; background-image:url(https://www.toso-ad.com/wp-content/themes/tousou-auto-door/images/side_company_bg.jpg);
background-repeat: no-repeat;
background-position:bottom right;
} #sub h2 + ul,
#side h2 + ul,
#sub h2 + .box1,
#side h2 + .box1 {
border-top: none;
} #sub .box1 > ul,
#side .box1 > ul {
margin-bottom: 0;
}  #sub ul,
#side ul {
border-top: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; margin-bottom: 15px; } #sub ul li a,
#side ul li a {
text-decoration: none;
display: block;
border-bottom: 1px solid #cfcfcf; padding-left: 10px;
background: #FFF; }
#sub ul li a:hover,
#side ul li a:hover {
text-decoration: none;
display: block;
border-bottom: 1px solid #cfcfcf; padding-left: 10px;
background: #fee3b3; } footer {
clear: both;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
color: #FFF; background: #06aab3; }
footer .pr {
display: block;
font-size: 80%;
}
footer a {
text-decoration: none;
color: #FFF;
}
footer a:hover {
color: #FFF;
} #mainimg {
padding-bottom:10px;
padding-top:10px;
background-color: #65c4ca;
margin-bottom: 10px;
}
#mainimg aside {
width: 997px;
height: 400px;
margin-right: auto;
margin-left: auto;
position: relative;
border:1px solid #f0f0f0;
}
#mainimg .slide_file {
display: none;
}
#slide_image {
z-Index:2;
position: absolute;
left:0px;
top:0px;
}
#slide_image2 {
z-Index:1;
position: absolute;
left:0px;
top:0px;
}  #main section.list article {
border: 1px solid #CCC; border-radius: 6px; margin-bottom: 15px; background-color:#edfeff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f0f0f0)); background-image: -webkit-linear-gradient(#FFF, #f0f0f0); background-image: linear-gradient(#FFF, #f0f0f0); -webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; }
#main section.list article span {
padding: 10px; text-decoration: none;
display: block;
overflow: hidden;
}
#main section.list article a {
padding: 10px; text-decoration: none;
display: block;
overflow: hidden;
-webkit-transition: 0.5s; transition: 0.5s; } #main section.list article a:hover {
background-color: #FFF; } #main section.list article p {
padding: 0px;
margin-left: 5px; } #main section.list article figure img {
float: left; background-color: #FFF; padding: 5px; border: 1px solid #CCC; } #main section.list article h4 {
padding: 2px 0px 2px 10px; font-size: 100%;
border-bottom: 1px solid #CCC; border-left: 3px solid #06aab3; margin-bottom: 0.5em;
color: #06aab3; }
(#65c4ca, #09acb5 49%, #06aab3 50%); #main section.list2 article {
border: 1px solid #CCC; border-radius: 6px; margin-bottom: 15px; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e3e3e3)); background-image: -webkit-linear-gradient(#FFF, #e3e3e3); background-image: linear-gradient(#FFF, #e3e3e3); -webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; }
#main section.list2 article span {
padding: 10px; text-decoration: none;
display: block;
overflow: hidden;
}
#main section.list2 article a {
padding: 10px; text-decoration: none;
display: block;
overflow: hidden;
-webkit-transition: 0.5s; transition: 0.5s; } #main section.list2 article a:hover {
background-color: #FFF; } #main section.list2 article p {
padding: 0px;
margin-left: 10px; } #main section.list2 article figure img {
float: left; background-color: #FFF; padding: 5px; border: 1px solid #CCC; } #main section.list2 article h4 {
padding: 2px 0px 2px 10px; font-size: 100%;
border-bottom: 1px solid #CCC; border-left: 3px solid #1ec17a; margin-bottom: 0.5em;
color: #1ec17a; } #main section.list3 article {
border: 1px solid #CCC; border-radius: 6px; margin-bottom: 15px; background-color:#f0e7c1;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f0e7c1)); background-image: -webkit-linear-gradient(#FFF, #f0e7c1); background-image: linear-gradient(#FFF, #f0e7c1); -webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; }
#main section.list3 article span {
padding: 10px; text-decoration: none;
display: block;
overflow: hidden;
}
#main section.list3 article a {
padding: 10px; text-decoration: none;
display: block;
overflow: hidden;
-webkit-transition: 0.5s; transition: 0.5s; } #main section.list3 article a:hover {
background-color: #FFF; } #main section.list3 article p {
padding: 0px;
margin-left: 10px; } #main section.list3 article figure img {
float: left; background-color: #FFF; padding: 5px; border: 1px solid #CCC; } #main section.list3 article h4 {
padding: 2px 0px 2px 10px; font-size: 100%;
border-bottom: 1px solid #CCC; border-left: 3px solid #a08b63; margin-bottom: 0.5em;
color: #a08b63; }  #new dl{
overflow: auto; height: 150px;
padding-left: 10px;
} #new dt {
font-weight: bold; float: left;
width: 8em;
} #new dd {
border-bottom: 1px solid #d2d2d2; padding-left: 8em;
}
#new dd img {
vertical-align: middle;
} .t_design {
width: 100%;
}
.t_design, .t_design td, .t_design th{
border: 1px solid #CCC; line-height: 2;
} .t_design td{
padding: 10px;
} .t_design th{
width: 140px;
padding: 10px;
text-align: center;
background-color: #f1f1f1; } .t_design th.tamidashi{
width: auto;
text-align: left;
background-color: #bebebe; } .t_design caption{
padding: 10px;
border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-left: 1px solid #CCC; text-align: left;
background-color: #e9ddae; background-image: -webkit-gradient(linear, left top, left bottom, from(#efe6c5), to(#e9ddae)); background-image: -webkit-linear-gradient(#efe6c5, #e9ddae); background-image: linear-gradient(#efe6c5, #e9ddae); font-weight: bold; } .t_design2 {
width: 100%;
}
.t_design2, .t_design2 td, .t_design2 th{
border: 1px solid #06aab3; line-height: 2;
} .t_design2 td{
padding: 10px;
} .t_design2 th{
width: 180px;
padding: 10px;
text-align: center;
background-color: #65c4ca; } .t_design2 th.tkoumoku{
width: auto;
border-top: 1px solid #e0d18a; border-right: 1px solid #e0d18a; border-left: 1px solid #e0d18a; text-align: center;
background-color: #e9ddae; background-image: -webkit-gradient(linear, left top, left bottom, from(#efe6c5), to(#e9ddae)); background-image: -webkit-linear-gradient(#efe6c5, #e9ddae); background-image: linear-gradient(#efe6c5, #e9ddae); font-weight: bold; }
.t_design2 td.tkoumoku{
width: auto;
border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-left: 1px solid #CCC; text-align: center;
background-color: #e9ddae; background-image: -webkit-gradient(linear, left top, left bottom, from(#efe6c5), to(#e9ddae)); background-image: -webkit-linear-gradient(#efe6c5, #e9ddae); background-image: linear-gradient(#efe6c5, #e9ddae); font-weight: bold; } .t_design2 caption{
padding: 10px;
border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-left: 1px solid #CCC; text-align: left;
background-color: #e9ddae; background-image: -webkit-gradient(linear, left top, left bottom, from(#efe6c5), to(#e9ddae)); background-image: -webkit-linear-gradient(#efe6c5, #e9ddae); background-image: linear-gradient(#efe6c5, #e9ddae); font-weight: bold; } input[type="submit"],
input[type="button"] {
width: 250px; padding: 10px; margin-bottom: 20px;
border-radius: 30px; background-color: #1ec17a; background-image: -webkit-gradient(linear, left top, left bottom, from(#30c684), to(#1ec17a)); background-image: -webkit-linear-gradient(#30c684, #1ec17a); background-image: linear-gradient(#30c684, #1ec17a); -webkit-box-shadow: 0px 2px 5px #bebebe; box-shadow: 0px 2px 5px #bebebe; font-size: 14px; color: #FFF; border: none;
} input[type="submit"]:hover,
input[type="button"]:hover {
background-color: #30c684; background-image: -webkit-gradient(linear, left top, left bottom, from(#1ec17a), to(#30c684)); background-image: -webkit-linear-gradient(#1ec17a, #30c684); background-image: linear-gradient(#1ec17a, #30c684); } .pagetop {
display: none;
position: fixed;
bottom: 27px;
right: 15px;
}
.pagetop a {
display: block;
background-color: #ccc;
text-align: center;
color: #222;
font-size: 12px;
text-decoration: none;
padding: 5px 10px;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
.pagetop a:hover {
display: block;
background-color: #b2d1fb;
text-align: center;
color: #fff;
font-size: 12px;
text-decoration: none;
padding:5px 10px;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
} .look {
background: #dcdcdc;
}
.margin_b {
margin-bottom: 15px;
}
.margin_t {
margin-top: 15px;
}
.clear {
clear: both;
}
ul.disc {
padding: 0em 25px 15px;
list-style: disc;
}
.color1 {
color: #f61468;
}
.pr {
font-size: 10px;
}
.btn {
font-size: 13px;
}
.wl {
width: 96%;
}
.ws {
width: 50%;
}
.c {
text-align: center;
}
.mini1 {
font-size: 12px;
line-height: 1.5;
}
figcaption {
font-size: 11px;
}
#menubar_hdr {
display: none;
}
.bt2 a{
padding:10px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color:#ffffff;
border:1px solid #29c27f;
text-decoration:none;
background-color: #3ed794;
background: -moz-linear-gradient(top, #65e6ad, #3ed794); background: -webkit-gradient(linear, center top, center bottom, from(#65e6ad), to(#3ed794)); }
.bt2 a:hover{
padding:10px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color:#ffffff;
border:1px solid #29c27f;
text-decoration:none;
background-color: #65e6ad;
background: -moz-linear-gradient(top, #3ed794, #65e6ad); background: -webkit-gradient(linear, center top, center bottom, from(#3ed794), to(#65e6ad)); }
.bt3 a{
padding:10px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color:#ffffff;
text-shadow: 1px 1px 2px #999999;
font-weight:bold;
border:3px double #ffa012;
text-decoration:none;
background-color: #fdc504;
background: -moz-linear-gradient(top, #ffd648, #fdc504); background: -webkit-gradient(linear, center top, center bottom, from(#ffd648), to(#fdc504)); }
.bt3 a:hover{
padding:10px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color:#ffffff;
text-shadow: 1px 1px 2px #999999;
font-weight:bold;
border:3px double #ffa012;
text-decoration:none;
background-color: #ffd648;
background: -moz-linear-gradient(top, #fdc504, #ffd648); background: -webkit-gradient(linear, center top, center bottom, from(#fdc504), to(#ffd648)); }
.iframe-content {
position: relative;
width: 100%;
padding: 50% 0 0 0;
}
.iframe-content iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#contact_left{
width:300px;
float:left;
}
#contact_right{
width:100px;
float:right;
}
.mail{
padding:10px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:1px solid #29c27f;
}
#next{
text-align:center;
border-top:1px dotted #cccccc;
margin-top:30px;
padding-top:10px;
}
.side_pr a{
color:#ffffff;
background-color:#ff0000 !important;
}
.side_pr a:hover{
color:#ffffff;
background-color:#ff3333 !important;
}
.effect6
{
position:relative;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:50%;
bottom:0;
left:10px;
right:10px;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}
.effect6:after
{
right:10px;
left:auto;
-webkit-transform:skew(8deg) rotate(3deg);
-moz-transform:skew(8deg) rotate(3deg);
-ms-transform:skew(8deg) rotate(3deg);
-o-transform:skew(8deg) rotate(3deg);
transform:skew(8deg) rotate(3deg);
}
.red{
color:#cc3366;
}
.box_left{
width:184px;
float:left;
margin-left:3px;
text-align:center;
margin-top:10px;
}
.last{
clear:both;
}
.text_s { letter-spacing:-0.05em; }
.voice{
margin-top:10px;
margin-bottom:20px;
}
.voice_left{
width:90px;
float:left;
}
.voice_left img{
padding:2px;
border:1px solid #cccccc;
}
.voice_right{
width:650px;
float:right;
background-image:url(https://www.toso-ad.com/wp-content/themes/tousou-auto-door/images/voice_bg.jpg);
background-repeat: no-repeat;
background-position:bottom right;
}
.voice_right p{
line-height:110%;
}
.line{
border-bottom:1px dotted #16be71;
clear:both;
margin-bottom:5px;
}
.shikaku{
margin-top:10px;
margin-bottom:20px;
}
.sekounaiyou{
margin-top:10px;
margin-bottom:20px;
text-align:center;
}
.dl_list{
}
.dl_list dl {
width:750px;
}
.dl_list dt {
float:left;
clear:left;
width:100px;	
border-right:2px solid #16be71;
padding:6px;
border-bottom:1px dotted #cccccc;
margin-bottom:5px;
}
.dl_list dd {
margin-bottom:5px;
float:left;
width:620px;
padding:6px;
border-bottom:1px dotted #cccccc;
　}
.btn_c {
padding-top:5px;
margin-bottom:20px;
}
.btn_c a{
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color:#333333;
border:1px solid #999999;
text-decoration:none;
background-color: #f0f0f0;
background: -moz-linear-gradient(top, #f0f0f0, #cccccc); background: -webkit-gradient(linear, center top, center bottom, from(#f0f0f0), to(#cccccc)); }
.btn_c a:hover{
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color:#333333;
border:1px solid #999999;
text-decoration:none;
background-color: #cccccc;
background: -moz-linear-gradient(top, #cccccc, #f0f0f0); background: -webkit-gradient(linear, center top, center bottom, from(#cccccc), to(#f0f0f0)); }
.btn_c2 {
padding-top:5px;
margin-bottom:20px;
}
.btn_c2 a{
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color:#333333;
border:1px solid #999999;
text-decoration:none;
background-color: #f0f0f0;
background: -moz-linear-gradient(top, #f0f0f0, #cccccc); background: -webkit-gradient(linear, center top, center bottom, from(#f0f0f0), to(#cccccc)); }
.btn_c2 a:hover{
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color:#333333;
border:1px solid #999999;
text-decoration:none;
background-color: #cccccc;
background: -moz-linear-gradient(top, #cccccc, #f0f0f0); background: -webkit-gradient(linear, center top, center bottom, from(#cccccc), to(#f0f0f0)); }
.sekou_img_area1{
margin-bottom:10px;
}
.sekou_img_area2{
margin-bottom:20px;
clear:both;
}
.sekou_img_area2_left{
float:left;
width:370px;
}
.sekou_img_area2_right{
float:right;
width:370px;
}
.sekou_img_area3{
text-align:center;
margin-bottom:20px;
clear:both;
}
.sub_bg{
background-image:url(https://www.toso-ad.com/wp-content/themes/tousou-auto-door/images/sub_bg.jpg);
background-position: right bottom;
background-repeat:no-repeat;
}
.img_left{
float:left;
margin-right:10px;
margin-bottom:10px;
}
.sekou p{
margin-left:210px;
}
.youto ul li {
margin-left:20px;
position: relative;
}
.youto ul li::after,
ul li::before {
display: block;
content: '';
position: absolute;
}
.youto ul li::after {
top: .35em;
left: -1.2em;
width: 14px;
height: 14px;
background-color: #3498db;
border-radius: 100%;
}
.youto ul li::before {
z-index: 2;
top: .625em;
left: -.975em;
width: 4px;
height: 4px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
} .slideShow {
margin: 0 auto;
text-align: left;
display: none;
} .slideShow .mainView {
width: 100%;
position: relative;
overflow: hidden;
}
.slideShow .mainView ul {
width: 100%;
overflow: hidden;
position: relative;
}
.slideShow .mainView ul li {
top: 0;
left: 0;
width: 100%;
position: absolute;
}
.slideShow .mainView ul li img {
width: 100%;
} .slideShow .thumbNail {
width: 100%;
overflow: hidden;
}
.slideShow .thumbNail ul {
width: 110%;
}
.slideShow .thumbNail ul li {
float: left;
display: inline;
overflow: hidden;
cursor: pointer;
}
.slideShow .thumbNail ul li img {
width: 100%;
}
.slideShow .thumbNail ul li.active {
filter: alpha(opacity=100)!important;
-moz-opacity: 1!important;
opacity: 1!important;
} .slideShow .mainView .btnPrev,
.slideShow .mainView .btnNext {
top: 0;
width: 5%;
height: 100%;
position: absolute;
z-index: 100;
}
.slideShow .mainView .btnPrev {
left: 0;
background: #ccc url(https://www.toso-ad.com/wp-content/themes/tousou-auto-door/images/btnPrev.png) no-repeat center center;
}
.slideShow .mainView .btnNext {
right: 0;
background: #ccc url(https://www.toso-ad.com/wp-content/themes/tousou-auto-door/images/btnNext.png) no-repeat center center;
} .slideShow ul:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}
.slideShow ul {
display: inline-block;
overflow: hidden;
}
.setsumei{
display:none;
}
.top_box_left1{
width:370px;
height:130px;
float:left;
margin-top:5px;
border:1px solid #cccccc;
background-color:#ffffdf;
}
.top_box_right1{
width:370px;
height:130px;
float:left;
margin-left:5px;
margin-top:5px;
border:1px solid #cccccc;
background-color:#ffffdf;
}
.top_box_left2{
width:370px;
height:130px;
float:left;
margin-top:5px;
border:1px solid #cccccc;
background-color:#ffffdf;
}
.top_box_right2{
width:370px;
height:130px;
float:left;
margin-left:5px;
margin-top:5px;
border:1px solid #cccccc;
background-color:#ffffdf;
}
.top_box_left3{
width:370px;
height:130px;
float:left;
margin-top:5px;
border:1px solid #cccccc;
background-color:#ffffdf;
}
.top_box_right3{
width:370px;
height:130px;
float:left;
margin-left:5px;
margin-top:5px;
border:1px solid #cccccc;
background-color:#ffffdf;
}
.top_box_left4{
width:370px;
height:60px;
float:left;
margin-top:5px;
border:1px solid #cccccc;
background-color:#ffffdf;
}
.top_box_right4{
width:370px;
height:60px;
float:left;
margin-left:5px;
margin-top:5px;
border:1px solid #cccccc;
background-color:#ffffdf;
}
.top_text {
padding-left:1em;
text-indent:-1em;
margin-left:10px;
}
.m_text{
margin-left:10px;
margin-top:5px;
background-image: url(https://www.toso-ad.com/wp-content/themes/tousou-auto-door/images/komari.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 30px;
height:26px;
font-size:16px;
line-height:26px;
color:#009900;
}
.m_text2{
margin-left:10px;
margin-top:5px;
background-image: url(https://www.toso-ad.com/wp-content/themes/tousou-auto-door/images/komari.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 30px;
height:26px;
font-size:16px;
line-height:26px;
color:#ef5eb3;
}
.m_text3{
margin-left:10px;
margin-top:5px;
background-image: url(https://www.toso-ad.com/wp-content/themes/tousou-auto-door/images/komari.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 30px;
height:26px;
font-size:16px;
line-height:26px;
color:#000066;
} .button_d {
display: inline-block;
width: 100%;
height: 70px;
text-align: center;
text-decoration: none;
line-height: 70px;
outline: none;
position: relative;
z-index: 2;
background-color: #ffffff;
border-top: 1px solid #ff6600;
border-right: 1px solid #ff6600;
border-bottom: 1px solid #ff6600;
border-left: 6px solid #ff6600;
color: #333333;
margin-bottom:5px;
font-weight:bold;
font-size:16px;
}
.button_d:hover {
background-color: #fff;
border-color: #ff6600;
color: #ff6600;
}
.button_d::before,
.button_d::after {
position: absolute;
z-index: -1;
display: block;
content: '';
top: 0;
width: 50%;
height: 100%;
background-color: #ffffff;
background-image:url(https://www.toso-ad.com/wp-content/themes/tousou-auto-door/images/side_navi_bg2.png);
background-position:left top;
}
.button_d::before {
right: 0;
}
.button_d::after {
left: 0;
}
.button_d,
.button_d::before,
.button_d::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.button_d:hover::before,
.button_d:hover::after {
width: 0;
background-color: #ebf8ff;
}
.red3{
color:#ff0000;
}
#fnavi {
text-align:center;
margin-bottom:20px;
font-size:80%;
}
#fnavi li {
display:inline;
padding-left:10px;
padding-right:5px;
border-left:1px solid #cccccc;
}
#fnavi li:first-child {
border-left:none;
}
.fixed{
position:fixed;
top: 0px; 
}
.m_side{
display:none;
}
.area_text{
display:none;
}