@charset "utf-8";

/*------------------------------------------------------------------------------
 レイアウト
-------------------------------------------------------------------------------*/

/* パンくずリスト
----------------------------------------------- */
#pankuzu { clear:both; width:1000px; margin:0 auto; padding:20px 0 0 0; overflow:hidden; text-align:right; font-size:82%;}
#pankuzu a, #pankuzu a:visited { color:#0036AF; text-decoration:underline;}
#pankuzu a:hover { text-decoration:none;}

/* メインコンテンツ
----------------------------------------------- */
#main .innerBlock { padding:20px 0 0 0;}

#main h2 {
 clear:both; margin:0 0 25px 0; padding:7px 0 6px 40px;
 color:#FFF; font-size:125%; font-weight:normal; line-height:1.4;
 background:#00385A url(../images/share/bg_h2.png) no-repeat 10px 10px;}
#carfilm h2 { background-color:#3300FF;}
#repair h2 { background-color:#FDCA00;}
#glass h2 { background-color:#0E8D04;}
#coating h2 { background-color:#AD0000;}
#house h2 { background-color:#FF5A00;}
#main h3 {
 clear:both; margin:0 0 15px 0; padding:0 0 0 35px;
 color:#003959; font-size:125%; font-weight:bold; line-height:1.4;
 background:url(../images/share/bg_h3.png) no-repeat 10px 6px;}
#main h3.construction {
 clear:both; margin:0 0 20px 0; padding:0 0 3px 35px;
 color:#000; font-size:125%; font-weight:bold; line-height:1.4;
 border-bottom:2px solid #0030B2;
 background:url(../images/share/bg_h3_construction.png) no-repeat 10px 6px;}
#main h3.construction span { font-size:85%; font-weight:normal;}

#main p { line-height:1.7;}
#main p.priceLink {
 clear:both; width:500px; margin:0 auto 35px auto; padding:0; text-align:center; font-size:144%; font-weight:bold;}
#main p.priceLink a {
 margin:0; padding:22px 0 19px 0; display:block; color:#FFF; line-height:1.2; text-decoration:none;
 -webkit-transition:all .5s; transition:all .5s;
 border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#00385A;}
#main p.priceLink a:hover { background:#387A60;}
#main p.priceLink a .i-price {
 width:15px; height:22px; margin:-5px 10px 0 0; padding:0; display:inline-block; vertical-align:middle;
 background:url(../images/top/icon_price_white.png) no-repeat left top;}

/*------------------------------------------------------------------------------
 カーフィルム・自動車ガラス トップページ
-------------------------------------------------------------------------------*/

#construction { clear:both; margin:0; padding:0; overflow:hidden;}

#construction .box { clear:both; margin:0 0 40px 0; padding:0; overflow:hidden;}
#construction .box .photo { float:left; width:435px; margin:0; padding:0 15px 0 10px; font-size:88%;}
#construction .box .photo img { clear:both; margin:0 0 5px 0; padding:0;}
#construction .box .photo p { clear:both; margin:0; padding:0;}

#construction .box .summary { float:right; width:530px; margin:0; padding:0 10px 0 0;}
#construction .box .summary h3 {
 clear:both; margin:0 0 10px 0; padding:0;
 color:#000; font-size:119%; font-weight:bold; line-height:1.5; background:none;}
#construction .box .summary p { clear:both; margin:0 0 15px 0; padding:0;}
#construction .box .summary p.pageLink {
 clear:both; margin:0; padding:0; text-align:center; font-size:144%; font-weight:bold;}
#construction .box .summary p.pageLink a {
 margin:0; padding:20px 0 17px 0; display:block; color:#FFF; line-height:1.2; text-decoration:none;
 -webkit-transition:all .5s; transition:all .5s;
 border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#0030B2;}
#construction .box .summary p.pageLink a:hover { background:#387A60;}
#construction .box .summary p.pageLink a .i-arrow {
 width:14px; height:9px; margin:-2px 0 0 10px; padding:0; display:inline-block; vertical-align:middle;
 background:url(../images/share/icon_pagelink.png) no-repeat left top;}

/*------------------------------------------------------------------------------
 カーフィルム
-------------------------------------------------------------------------------*/

#carfilm { clear:both; margin:0; padding:0; overflow:hidden;}

#carfilm p { clear:both; margin:0 10px 25px 10px; padding:0;}

#carfilm dl { clear:both; margin:0 12px 30px 12px; padding:0; overflow:hidden;}
#carfilm dl dt {
 clear:both; margin:0; padding:0 0 0 12px; color:#E40000; font-size:113%; font-weight:bold;
 background:url(../images/sunsheld/listmark.png) no-repeat left 12px;}
#carfilm dl dd { clear:both; margin:0 0 10px 0; padding:0 0 0 12px;}
#carfilm dl dd img { clear:both; margin:7px 0 0; padding:0;}

#carfilm #constructionList { clear:both; margin:0; padding:0 0 20px; overflow:hidden;}
#carfilm #constructionList .box { float:left; width:310px; margin:0 35px 25px 0; padding:0;}
#carfilm #constructionList .box:nth-of-type(3n) { margin-right:0;}
#carfilm #constructionList .box img { margin-bottom:5px;}
#carfilm #constructionList .box p { margin:0;}

#carfilm #lineup { clear:both; margin:0; padding:0; overflow:hidden;}

#carfilm #lineup p { clear:both; margin:0 10px 35px 10px; padding:0;}

#carfilm #lineup ul { clear:both; margin:5px 0 10px 0; padding:0 10px; overflow:hidden;}
#carfilm #lineup ul li { float:left; width:480px; margin:0 20px 20px 0; padding:0; font-weight:normal;}
#carfilm #lineup ul li:last-child { margin-right:0;}
#carfilm #lineup ul li a {
 width:476px; height:40px; margin:0; padding:20px 0 0 0; display:block;
 vertical-align:middle; text-align:center;
 -webkit-transition:all .5s; transition:all .5s;
 color:#000; font-size:113%; line-height:1.3; text-decoration:none; border:2px solid #1F93D2;}
#carfilm #lineup ul li a:hover { color:#FFF; border:2px solid #387A5F; background:#387A5F;}

#carfilm #lineup .box { clear:both; margin:0 10px 60px 10px; padding:0; overflow:hidden;}
#carfilm #lineup .box table {
 clear:both; width:100%; margin:0; padding:0; font-size:100%; border:1px solid #6E6E6E;}
#carfilm #lineup .box table th, #carfilm .box table td {
 margin:0; padding:10px 0 7px 0; text-align:center; border:1px solid #6E6E6E;}
#carfilm #lineup .box table th { font-weight:normal; background:#FFFBD5;}
#carfilm #lineup .box table th.insolation { background:#B6DCE1;}
#carfilm #lineup .box table td {}
#carfilm #lineup .box table td.near-infrared { color:#E00000; font-size:88%; font-weight:normal; background:#f0fff0;}
#carfilm #lineup .box table td span { font-size:82%;}

/*------------------------------------------------------------------------------
 ウィンドリペア
-------------------------------------------------------------------------------*/

#repair { clear:both; margin:0; padding:0; overflow:hidden;}
#repair p { clear:both; margin:0 10px 35px 10px; padding:0;}

#repair .box { clear:both; margin:0 10px 50px 10px; padding:0; overflow:hidden;}
#repair .box p { margin:0 0 25px 0;}
#repair .box ul { clear:both; margin:0 0 5px 0; padding:0 0 0 18px; overflow:hidden;}
#repair .box ul li { clear:both; margin:0 0 3px 0; padding:0; font-weight:bold; list-style:disc outside;}
#repair .box ul li:last-child { margin-bottom:0;}

#repair .box .photo { clear:both; margin:0; padding:0; overflow:hidden;}
#repair .box .photo ul { clear:both; margin:0; padding:0; overflow:hidden;}
#repair .box .photo ul li {
 clear:none; float:left; width:305px; margin:0 30px 25px 0; padding:0; list-style:none;}
#repair .box .photo ul li:nth-child(2n) { width:37px; padding-top:80px;}
#repair .box .photo ul li:last-child { margin-right:0;}
#repair .box .photo ul li img { clear:both; margin:0 0 5px 0; padding:0;}
#repair .box .photo ul li:nth-child(2n) img { margin-bottom:0;}
#repair .box .photo ul li span.repairing {
 clear:both; margin:0; padding:0; display:block; text-align:center; font-weight:normal;}

/*------------------------------------------------------------------------------
 ガラスコート・ウォータースポット除去
-------------------------------------------------------------------------------*/

#glass { clear:both; margin:0; padding:0; overflow:hidden;}

#glass .box { clear:both; margin:0 0 50px 0; padding:0; overflow:hidden;}
#glass .box p { clear:both; margin:0 10px 25px 10px; padding:0;}
#glass .box p:last-child { margin-bottom:0;}

#glass .movie {
 clear:both; margin:0; padding:0 10px; overflow:hidden;
 background:url(../images/share/arrow.png) no-repeat center 55%;}
#glass .movie p { clear:both; margin:0 0 5px 0; padding:0; font-size:107%; font-weight:bold;}
#glass .movie .boxL { float:left; width:465px; margin:0; padding:0;}
#glass .movie .boxR { float:right; width:465px; margin:0; padding:0;}

/*------------------------------------------------------------------------------
 ボディコーティング
-------------------------------------------------------------------------------*/

#coating { clear:both; margin:0; padding:0; overflow:hidden;}

#coating h3 {
 clear:both; margin:0 10px 15px 10px; padding:0;
 color:#000; font-size:119%; font-weight:bold; line-height:1.4; background:none;}
#coating p { clear:both; margin:0 10px 40px 10px; padding:0;}
#coating p.caution {
 clear:both; margin:0 10px 55px 10px; padding:0; color:#F10000; font-size:107%; font-weight:bold;}

#coating .box { clear:both; margin:0 10px 50px 10px; padding:0; overflow:hidden;}
#coating .box img { float:right; margin:0 0 0 15px; padding:0;}
#coating .box p { clear:none; margin:0 0 25px 0;}
#coating .box p:last-child { margin-bottom:0;}

/*------------------------------------------------------------------------------
 店舗用・遮熱・日差し・飛散防止フィルム
-------------------------------------------------------------------------------*/

#house { clear:both; margin:0; padding:0; overflow:hidden;}

#house h3 {
 clear:both; margin:0 10px 15px 10px; padding:0;
 color:#000; font-size:119%; font-weight:bold; line-height:1.4; background:none;}
#house p { clear:both; margin:0 10px 35px 10px; padding:0;}

#house .box { clear:both; margin:0 10px 60px 10px; padding:0; overflow:hidden;}
#house .box img { float:right; margin:0 0 0 15px; padding:0;}
#house .box p { clear:none; margin:0 0 25px 0;}
#house .box p:last-child { margin-bottom:0;}

#house .boxS { width:465px; margin:0 0 25px; padding:0;}
#house .boxS:nth-of-type(odd) { float:left; margin-right:50px;}
#house .boxS:nth-of-type(even) { float:right;}
#house .boxS:nth-last-of-type(-n+2) { margin-bottom:0;}
#house .boxS p { padding:0; text-align:right;}
#house .boxS img { margin-bottom:5px;}
#house .boxS a { color:#000; text-decoration:underline;}
#house .boxS a:hover { color:#0036AF; text-decoration:none;}

/*------------------------------------------------------------------------------
 施工料金
-------------------------------------------------------------------------------*/

#price { clear:both; margin:0; padding:0; overflow:hidden;}

#price p { clear:both; margin:0 10px 25px 10px; padding:0; font-size:107%;}
#price em { color:#F00; font-weight:normal;}

#price ul { clear:both; margin:5px 0 10px 0; padding:0 10px; overflow:hidden;}
#price ul li { float:left; width:230px; margin:0 20px 20px 0; padding:0; font-weight:normal;}
#price ul li:nth-child(4n) { margin-right:0;}
#price ul li a {
 width:100%; height:48px; margin:0; padding:22px 0 0 0; display:block;
 vertical-align:middle; text-align:center;
 -webkit-transition:all .5s; transition:all .5s;
 color:#FFF; font-size:94%; line-height:1.3; text-decoration:none;
 border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
 background:#2F6079 url(../images/share/icon_pagenavi.png) no-repeat center 88%;}
#price ul li.high a { height:63px; padding-top:7px;} 
#price ul li a:hover { background-color:#387A5F;}

#price .box { clear:both; margin:0 10px 20px 10px; padding:0; overflow:hidden;}
#price .box h4 {
 clear:both; margin:0 0 10px 0; padding:20px 0 0 22px;
 color:#316078; font-size:125%; font-weight:bold; line-height:1.4;
 background:url(../images/share/bg_h4.png) no-repeat 7px 30px;}
#price .box h4:first-of-type {
 padding-top:0; background:url(../images/share/bg_h4.png) no-repeat 7px 10px;}
#price .box p { clear:both; margin:0 0 20px 0; padding:0; font-size:107%;}
#price .box p.caution { clear:both; margin:0 0 20px 0; padding:0; color:#F00; font-weight:normal;}
#price .box table {
 clear:both; width:100%; margin:0 0 15px 0; padding:0; font-size:107%; border:1px solid #C5C5C5;}
#price .box table th, #price .box table td {
 margin:0; text-align:center; border:1px solid #C5C5C5;}
#price .box table th { padding:12px 0 7px 0; font-weight:bold; line-height:1.3; background:#FFF6BC;}
#price .box table th span { font-size:88%;}
#price .box table td { padding:10px 0 5px 0;}
#price .box table td.kind { padding:10px 15px 5px; text-align:left;}
#price .box table td.list-price { border:none; border-top:1px solid #C5C5C5; border-right:1px solid #C5C5C5;}
#price .box table td.tc-price { background:#EBFDF2; border:none; border-right:1px solid #C5C5C5;}
#price .box table td.p-price { background:#FDE6E6; border:none;}
#price .box table td.price, #price .box table td em { color:#EC0000; font-weight:bold;}

/*------------------------------------------------------------------------------
 会社案内
-------------------------------------------------------------------------------*/

#info { clear:both; margin:0; padding:0; overflow:hidden;}

#info #profile { clear:both; margin:0 10px 35px 10px; padding:0 0 25px 0; overflow:hidden; border-bottom:1px solid #003959;}
#info #profile img { float:right; margin:0 0 0 15px; padding:0;}
#info #profile p { clear:none; margin:0 0 25px 0;}
#info #profile h3 {
 margin-bottom:10px; padding-left:25px; background:url(../images/share/bg_h3.png) no-repeat left 6px;}

#info #outline { clear:both; margin:0 10px; padding:0 0 60px 0; overflow:hidden;}
#info #outline h3 {
 margin-bottom:10px; padding-left:25px; background:url(../images/share/bg_h3.png) no-repeat left 6px;}
#info #outline table {
 clear:both; width:100%; margin:0; padding:0; font-size:113%; border:1px solid #484848;}
#info #outline table th, #info #outline table td { margin:0;}
#info #outline table th {
 width:28%; padding:10px 0 8px 0; vertical-align:top; text-align:center;
 font-weight:bold; border-bottom:1px solid #484848; background:#EDFCFB;}
#info #outline table td { padding:10px 15px 8px 15px; text-align:left; border-bottom:1px solid #484848;}
#info #outline table td a.inquiryLink { color:#ED0000; font-size:84%; text-decoration:none;}
#info #outline table td a:hover.inquiryLink { text-decoration:underline;}

#info #access { clear:both; margin:0 0 50px 0; padding:0; overflow:hidden;}
#info #access .map { clear:both; width:980px; height:600px; margin:0 10px; padding:0; border:1px solid #484848;}
#info #access .map iframe { clear:both; margin:0; padding:0;}

/*------------------------------------------------------------------------------
 リンク集
-------------------------------------------------------------------------------*/

#link { clear:both; margin:0; padding:0; overflow:hidden;}

#link .box { clear:both; margin:0 0 15px 0; padding:0; overflow:hidden;}
#link .box ul { clear:both; margin:0; padding:0 10px; overflow:hidden;}
#link .box ul.transaction { margin-bottom:20px;}
#link .box ul.relation { margin-bottom:0;}
#link .box ul li { float:left; width:313px; margin:0 20px 20px 0; padding:0; font-weight:normal;}
#link .box ul li:nth-child(3n) { margin-right:0;}
#link .box ul li a {
 width:313px; height:51px; margin:0; padding:27px 0 0 0; display:block; vertical-align:middle; text-align:center;
 -webkit-transition:all .5s; transition:all .5s;
 color:#000; font-size:107%; text-decoration:none; border:1px solid #00385A;}
#link .box ul.transaction li a:hover { color:#FFF; border:1px solid #387A60; background:#387A60;}
#link .box ul.relation li a:hover { color:#FFF; border:1px solid #EB5269; background:#EB5269;}

/*------------------------------------------------------------------------------
 プライバシーポリシー
-------------------------------------------------------------------------------*/

#privacy { clear:both; margin:0; padding:0; overflow:hidden;}

#privacy p { clear:both; margin:0 10px 25px 10px; padding:0;}

#privacy .box { clear:both; margin:0 0 20px 0; padding:0 10px; overflow:hidden;}
#privacy .box dl { clear:both; margin:0 0 10px 0; padding:0; overflow:hidden;}
#privacy .box dl dt { clear:both; margin:0 0 7px 0; padding:0; font-size:125%; color:#003959; font-weight:bold;}
#privacy .box dl dd { clear:both; margin:0 0 15px 0; padding:0; line-height:1.8;}
#privacy .box dl dd:last-child { margin-bottom:0;}

/*------------------------------------------------------------------------------
 お問い合わせ
-------------------------------------------------------------------------------*/

#inquiry { clear:both; margin:0 0 20px 0; padding:0; overflow:hidden;}

#inquiry .box { margin:0 0 10px 0;}
#inquiry .box p { clear:both; margin:0 10px 10px 10px; padding:0;}

#inquiry .box .must { color:#F00; font-weight:bold;}
#inquiry .box .small { font-size:82%;}

#inquiry .box table {
 clear:both; width:98%; margin:20px 10px 35px 10px; padding:0; font-size:100%; border:1px solid #AFAFAF;}
#inquiry .box table th,#inquiry .box table td { clear:both; margin:0;}
#inquiry .box table th {
 width:27%; padding:10px 0 8px 0; vertical-align:middle; text-align:center;
 color:#FFF; font-weight:bold; border-bottom:1px solid #AFAFAF; background:#89A8B5;}
#inquiry .box table td {
 padding:10px 15px 8px 15px; text-align:left; border-bottom:1px solid #AFAFAF;}

#inquiry .box button {
 clear:both; margin:0; padding:8px 50px 12px 50px; cursor:pointer;
 color:#FFF; font-size:113%; font-weight:bold;
 border:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
 background:-moz-linear-gradient(top,#B60F1C 0%,#5E0305);
 background:-webkit-gradient(linear, left top, left bottom, from(#B60F1C), to(#5E0305));} 
#inquiry .box button:hover {
 background:-moz-linear-gradient(top,#6871DE 0%,#30287A);
 background:-webkit-gradient(linear, left top, left bottom, from(#6871DE), to(#30287A));} 

#inquiry .box .infoBox { margin:25px 0 0 0; padding:25px 0 0 0; border-top:1px solid #003959;}
#inquiry .box .infoBox p { clear:both; margin:0 10px; padding:0;}
#inquiry .box .infoBox p.name { padding:0 0 7px 0; font-weight:bold;}
#inquiry .box .infoBox p.name span { font-size:138%;}