@charset "utf-8";
/*viset*/
html,body{height:100%;}

body { font: 62.5%/1.5em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif; }
body{overflow-x:hidden;}
#wrapper{min-height:100%;}
.head_bg {
width: 100%;
background: #74308d;
overflow: hidden;
margin-bottom: 2em;
}
a:link { color: blue; }
a:visited { color: purple; }
a:hover { color: red; }
a:active { color: yellow; }

#header {
margin: 0px auto;
width: 1004px;
}
#header h1 a {
display: block;
height: 123px;
width: 282px;
float: left;
margin-left: 1.5em;
background: url(../images/home/logo_hd.png) no-repeat 0px 1em;
margin-bottom: 1em;
text-decoration: none;
}
#header h1 a em {
font-size: 5px;
line-height: 1.3em;
visibility: hidden;
}


.hid{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

.telphone {
float: right;
background: url(../images/home/tel_top_bn.png) no-repeat;
height: 95px;
width: 303px;
display: block;
margin-right: 1.5em;
margin-top: 1em;
}
.subnav ul {
margin: 5em 0px 0px;
padding: 0px;
}
.subnav ul li { display: inline-block; 
}
.subnav ul li a {
display: block;
font-size: 1.6em;
color: #FFFFFF;
text-decoration: none;
margin-right: 1em;
}




#header .mainNavi ul {
clear: both;
float: left;
position: relative;
left: 50%;
margin-top: .5em;
}

.mainNavi ul li { float:left; position:relative; right:50%; }

.mainNavi ul li a {
display: block;
color: #FFFFFF;
font-size: 1.8em;
text-decoration: none;
width: auto;
display: block;
color: #fff;
text-decoration: none;
border-right: 1px solid #fff;
padding: .5em 2.5em;
margin-bottom: 1em;
}
.mainNavi ul li:first-child a{ border-left: 1px solid #FFFFFF; }
.mainNavi ul li a:hover,
.subnav ul li a:hover{ color: #FF99FF; }
#contents {
margin: 0px auto;
width: 1004px;
}

article header h1 {
background: url(../images/home/viset_main_img.jpg) no-repeat center top;
height: 335px;
margin-bottom: 2em;
}

#main {
float: left;
width: 75%;
padding-bottom: 5em;
}
.breadlist ul {
margin: 0px;
padding: 0px;
}
.breadlist ul li {
display: inline-block;
padding-bottom: 1em;
font-size: 1.2em;
font-weight: 700;
}
.breadlist {
background: url(../images/home/breadlist_bg.jpg) repeat-x center bottom;
height: 3em;
margin-bottom: 1.5em;
}
.top_presi h1 { background: url(../images/home/top_01.jpg) no-repeat center; 
}
.top_presi h1 a {
display: block;
height: 246px;
}
.qa_data ul {
margin: 0px;
padding: 0px;
}
.qa_data ul li { display: inline-block; }
.qa_data ul li a {
display: block;
text-decoration: none;
}
.qa_data ul .faq_bn a{
background: url(../images/home/top_faq.jpg) no-repeat;
float: left;
height: 246px;
width: 357px;
margin-right: 2.3em;
display: block;
}
.qa_data ul .aboutdata_bn a{
background: url(../images/home/top_databout.jpg) no-repeat;
height: 246px;
width: 355px;
float: right;
margin: 0px;
}
.top_contact_bn { }

.top_contact_bn h1 a {
background: url(../images/home/contact_bt.jpg) no-repeat center;
display: block;
height: 242px;
text-decoration: none;
}
.faq_bn a em,
.aboutdata_bn a em,
.top_contact_bn h1 a em {
font-size: 0px;
line-height: 1.3em;
visibility: hidden;
}
.news {
border: 2px solid #611A82;
background: url(../images/home/topic_bg.jpg) repeat-x left top;
margin-bottom: 2em;
}
/*.news .topic-bar {
height: 1.5em;
border-bottom: 1px solid #FF0000;
left: 0px;
top: 0px;
}*/
.news h1 {
padding: 0.3em 2em .4em;
width: 5em;
background: #FFFFFF;
position: relative;
top: 0em;
margin: 0.3em 0px 0.5em 0.3em;
border-top: 1px solid #864D9E;
border-right: 1px solid #864D9E;
border-left: 1px solid #864D9E;
text-align: center;
font-size: 2em;
line-height: 0.8em;
letter-spacing: 0.1em;
color: #732D8D;
}
.news h1 span {
font-size: 50%;
font-weight: normal;
letter-spacing: .1em;
}
.news #fb-root { height: 300px; }
.news .fb-like-box { height: 300px; }
/*#footer {
clear: both;
width: 100%;
background: #6B2386;
}*/
/*#footer .footwrap {
margin: 0px auto;
width: 1004px;
padding-top: 2em;
overflow: hidden;
}
footwrap ul {
margin: 0em 0em 1em;
padding: 0em 0em 1em;
border-bottom: 1px solid #FFFFFF;
display: block;
}
.footwrap ul li { display: inline-block; }
.footwrap ul li a {
line-height: 1.5em;
float: left;
font-size: 1.5em;
letter-spacing: 0em;
text-decoration: none;
display: block;
color: #fff574;
font-weight: normal;
}

.footwrap ul li:nth-child(2n+1) a{
margin-right: 2em;
width: 11em;
}
.footwrap ul li:nth-child(2n+2) a{
margin-right: 2em;
width: 18em;
}
.footwrap .line {
height: 1px;
border-top: 1px solid #FFFFFF;
border-right: none;
border-bottom: none;
border-left: none;
clear: both;
}
.footwrap .footlogo {
float: left;
margin: 0px 2em 1em;
}
.footwrap .address {
font-size: 1.4em;
line-height: 1.5em;
color: #FFFFFF;
float: left;
margin-right: 2.5em;
padding-top: .5em;
}

#footSub {
float: left;
width: 52%;
padding-top: .5em;
}
#footSub .fotbasenavi {
margin: 0px;
padding: 0px;
}
#footSub .fotbasenavi li { display: inline-block; }
#footSub .fotbasenavi li a {
display: block;
font-size: 1.5em;
color: #FFFFFF;
border-right: 1px solid #FFFFFF;
margin: 0px 0px .5em;
padding: 0em 1em;
line-height: 1em;
}

#footSub .fotbasenavi li:nth-child(2n+1) a{ width: 7em; }



#footSub .fotbasenavi li:nth-child(1) a,
#footSub .fotbasenavi li:nth-child(5) a{
width: 3em;
color: #FFF;
padding-right: 1em;
}

#footSub .fotbasenavi li:nth-child(2) a,
#footSub .fotbasenavi li:nth-child(6) a{
width: 8em;
color: #FFF;
padding-right: 1em;
}

#footSub .fotbasenavi li:nth-child(3) a,
#footSub .fotbasenavi li:nth-child(7) a{
width: 7em;
padding-right: 1em;
}
#footSub .fotbasenavi li:nth-child(4) a,
#footSub .fotbasenavi li:nth-child(8) a{
width: 6em;
color: #FFF;
padding-right: 1em;
border-style: none;
}
.footwrap p small {
font-size: 1.3em;
color: #FFFFFF;
line-height: 1.5em;
letter-spacing: .2em;
padding-bottom: 2em;
display: block;
}

*/




















#side {
float: right;
width: 22%;
}

section h1 {
font-size: 1.7em;
line-height: 1.5em;
margin-bottom: .3em;
}

.cate_bg {
background: url(../images/greeting/cate-ttl_bg.gif) repeat-x left top;
width: 100%;
height: 6px;
margin-bottom: 1em;
}

p.lead {
font-size: 1.7em;
line-height: 1.7em;
}

.onerImg {
float: right;
margin-top: -2em;
margin-bottom: 3em;
}
.aboutWrap {
border: 1px solid #c8c9c9;
padding: 0.5em;
margin-bottom: 5em;
}


.aboutTable {
border-top: 1px solid #c8c9c9;
border-left: 1px solid #c8c9c9;
font-size: 1.7em;
line-height: 1.5em;
}

.aboutTable tr th {
width: 27%;
padding: 0.5em;
border-right: 1px solid #B3B5B5;
border-bottom: 1px solid #B3B5B5;
background: #c8c9c9;
vertical-align: middle;
}

.aboutTable tr td {
padding: 0.5em 0em;
text-align: center;
border-right: 1px solid #B3B5B5;
border-bottom: 1px solid #B3B5B5;
}

h1 .logo { color: #6F3486; }

.cate_bg2 {
background: url(../images/business/cate_bg2.gif) no-repeat left center;
height: 2px;
margin-bottom: 1em;
}

.lead.uploadtxt {
padding: .5em;
background: #f3f2ea;
width: 98%;
position: relative;
}

.triangle{
width: 0px;
height: 0px;
border-top: 43px solid #f3f2ea;  /*//見せたい三角は色（#ddd）を指定*/
border-right: 43px solid transparent;
;  /*//見せたくないのでtransparentで透明に*/
border-bottom: 43px solid transparent;
;  /*//見せたくないのでtransparentで透明に*/
border-left: 43px solid transparent;
;  /*//見せたくないのでtransparentで透明に*/
left: 42%;
position: absolute;
margin-left: -43px;
}

.kakunin { margin-top: 43px; }

h2.faqcomidashi {
font-size: 1.8em;
line-height: 1.5em;
font-weight: 900;
border-left: 3px solid #581D77;
padding-left: 7px;
margin-bottom: 1em;
}

.line2 {
height: 1px;
border-top: 1px dashed #c8c9c9;
border-right: none;
border-bottom: none;
border-left: none;
clear: both;
padding-bottom: 1em;
}
.staffWrap {
border: 1px solid #c8c9c9;
padding: 0.5em;
margin-bottom: 1em;
}


table.staff {
border-top: 1px solid #c8c9c9;
border-left: 1px solid #C8C9C9;
font-size: 1.7em;
line-height: 1.5em;
}

.staff tr th {
border-right: 1px solid #C8C9C9;
border-bottom: 1px solid #C8C9C9;
width: 20%;
padding: .5em 0em;
vertical-align: middle;
letter-spacing: .1em;
background: #e2e2e3;
}

.staff tr td {
padding: 1em;
border-right: 1px solid #C8C9C9;
border-bottom: 1px solid #C8C9C9;
}

/*.Tocontact {
background: url(../images/staff/contact_bt.jpg) no-repeat;
height: 214px;
}*/
.Tocontact a{
background: url(../images/staff/contact_bt.jpg) no-repeat;
height: 214px;
display: block;
}
.Tocontact a:hover{filter: alpha(opacity=70);
opacity: .7;}
ul.pp1 {
margin: 0px;
padding: 0px;
}

.pp1 li {
font-size: 1.7em;
line-height: 1.5em;
display: block;
text-indent: -1em;
padding-left: 1em;
margin-bottom: .5em;
}
.pp1 li:last-child{ margin-bottom: 3em; }
p.pp2 {
font-size: 1.7em;
line-height: 1.5em;
margin-bottom: 3em;
}

ul.sitemap {
font-size: 1.7em;
line-height: 1.5em;
margin: 0px;
padding: 0px;
}

.sitemap li {
display: block;
margin-bottom: 1.5em;
background: url(../images/staff/sitemap_arrow.jpg) no-repeat left center;
padding-left: 1.5em;
}
.sitemap li:nth-child(4){ background: url(../images/staff/sitemap_arrow.jpg) no-repeat left 5px; }
.sitemap li a {
text-decoration: none;
display: block;
color: #000000;
list-style: url(none) none;
}
.sitemap li ul {
margin: 1em 0em 0em;
padding: 0em;
background: url(none);
overflow: hidden;
list-style: none;
}

.sitemap li ul li {
display: block;
background: url(none) left bottom;
margin: 0px 0px 1.5em;
padding: 0px;
border-bottom: 1px solid #FFFFFF;
list-style: url(none) none;
}
.sitemap li ul li:nth-child(4){ background: url(none); }
.sitemap li ul li a { }
.exsample {
background: #f3f2ea;
padding: 10px 5px 5px;
border: 10px double #FFFFFF;
}
.sitemap li a:hover{color:#f00;}

.exsample ul {
margin: 0px;
padding: 0px;
}

.exsample ul li {
display: block;
padding-bottom: 3em;
width: 100%;
margin: 0px auto 5em;
}

.exsample ul .case1 {
background: url(../images/business/neon.png) no-repeat center top;
height: 215px;
margin-bottom: 3em;
border-bottom: 1px dashed #333333;
}

.exsample ul .case2 {
background: url(../images/business/sign.png) no-repeat center top;
height: 214px;
border-bottom: 1px dashed #333333;
}

.exsample ul .case3 {
background: url(../images/business/carwrapp.png) no-repeat center top;
height: 212px;
margin-bottom: 3em;
border-bottom: 1px dashed #333333;
}

.exsample ul .case4 {
background: url(../images/business/exterior.png) no-repeat center top;
height: 213px;
margin-bottom: 3em;
border-bottom: 1px dashed #333333;
}
.exsample ul .case5 {
background: url(../images/business/interior.png) no-repeat center top;
height: 210px;
}
.exsample ul li:last-child{ margin: 0px; }
.case1 em,
.case2 em,
.case3 em,
.case4 em,
.case5 em {
font-size: 5px;
line-height: 1.3em;
visibility: hidden;
}

.lead.toiawase { border-bottom: 1px dashed #333333; }


table.form1 {
width: 100%;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
margin-bottom: 2em;
}

.form1 tr th {
border-bottom: 1px solid #999999;
padding: 10px 0px 10px 30px;
text-align: left;
font-weight: normal;
font-size: 1.3em;
line-height: 1.3em;
border-right: 1px solid #999999;
width: 25%;
background: #c8c9c9;
}
.form1 tr th span { color: #FF0000; }


.form1 tr td {
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
padding: 10px;
}
#mailform p {
font-size: 1.2em;
line-height: 1.5em;
}
.submit-bt {
left: 50%;
float: left;
position: relative;
margin: 0em auto 5em;
padding: 3em 0px 0em;
}
.submit_button {
width: 145px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-o-border-radius: 30px;
-ms-border-radius: 30px;
border-radius: 30px;
color: #000;
background: #c8c9c9;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
position: relative;
right: 50%;
display: block;
float: left;
margin-right: 1em;
}
.submit_button:hover{
background: #75308D;
color: #FFFFFF;
}
#mailformpro .naiyo textarea { width: 100%; }
#mailform h2 {
background: #CCCCCC;
padding: 0.5em 0.5em 0.5em 1em;
font-size: 1.3em;
line-height: 1.5em;
font-weight: normal;
margin-bottom: 2em;
}

p .red {
color: #FF0000;
font-size: 1.5em;
line-height: 1.5em;
}

.news .fb-page { padding-left: 115px; }