@charset "UTF-8";
/* -- 共通 ------------------------ */
#pan { margin:7px auto 45px; }
#pan li{ float:left; font-size:14px;}
#pan li a { color:#333; text-decoration:underline;}
#pan li a:hover { color:#338877; }
#pan li:after{ content:"　>　"; }
#pan li:last-child:after{ content:" "; }

.pageTtl {
	height:230px; font-size:28px; font-weight:bold; color:#fff; text-align:center;
	background:url(../img/pageTtl_bg.png) no-repeat top center; padding-top:98px;}
.subTtl { background:url(../img/icon_subTtl.png) no-repeat 0 3px; padding-left:30px; margin:30px auto 15px; font-size:18px; font-weight:normal; }
	
section+section { margin-top:65px!important;}

/* テーブル */
table { margin:30px 0;}
.base { width:100%;}
.base th,.base td { padding:12px 15px 8px; font-size:15px; border:solid 1px #d5d5d5; font-weight:normal;}
.base th { text-align:left; background:#f6f6f6;}

/* フォーム */
.form { padding:30px; margin:35px auto 0px; border:dotted 2px #d2d2d2;}
.form dt { margin-bottom:2px;}
.form dd { margin-bottom:15px;}
.kakunin dd { border:solid 1px #d2d2d2; padding:4px 8px 3px; min-height:24px;}
.middle { width:40%;}
.long { width:100%;}
.errormsg { text-align:center; margin-bottom:20px;}
.errormsg span { padding:6px 15px 3px; font-size:18px; background:#e20a17; color:#fff;}
input[type="submit"],input[type="button"],button { cursor:pointer; }
.submit { text-align:center;}
.submit input {
	display:inline-block; color:#fff; padding:9px 20px 6px 18px; margin:0 10px;
	background:#338877; border:none;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.submit input:hover{ opacity:0.7; }
.form label { margin:0px 13px 0px 3px;}
input[type="radio"] { position:relative; top:2px; margin-right:3px;}
label { margin-right:10px;}
textarea { margin-top:5px;}

/* -- ティステックができること ------------------------ */
#about .support ul { padding-right:430px; margin-top:50px;}
#about .support .secTtl { position:relative;}
#about .support .secTtl:after { position:absolute; top:32px; right:0; content:url(../about/img/about_img.png);}
#about .support ul li { float:left; position:relative; width:45%; padding:18px 20px 15px; margin-bottom:40px; background:#f2f2f2;}
#about .support ul li:nth-child(2) { width:50%; margin-left:5%;}
#about .support ul li:nth-child(3) { width:100%;}
#about .support ul li:nth-child(4) { width:50%; margin-bottom:0;}
#about .support ul li:nth-child(5) { width:45%; margin-left:5%; margin-bottom:0;}
#about .support ul li span { color:#f79100; font-weight:bold;}
#about .support ul li:before { position:absolute; top:-22px; left:0; content:url(../about/img/point01.png); }
#about .support ul li:nth-child(2):before { content:url(../about/img/point02.png); }
#about .support ul li:nth-child(3):before { content:url(../about/img/point03.png); }
#about .support ul li:nth-child(4):before { content:url(../about/img/point04.png); }
#about .support ul li:nth-child(5):before { content:url(../about/img/point05.png); }
#about .support ul li:after {
	content:""; position:absolute; right:0; top:0; border-style:solid; border-width:10px 10px 10px 10px;
	border-color:#fff #fff transparent transparent; }

#about #trouble dt { position:relative; background:url(../about/img/icon_q.png) no-repeat 9px 10px #f2f2f2; font-size:16px; padding:12px 10px 9px 45px; border-left:solid 5px #d8d8d8; margin-bottom:17px; cursor:pointer;}
#about #trouble dt:after { content:"詳しく見る"; position:absolute; right:15px; top:10px; background:#d8d8d8; padding:4px 22px 2px; font-size:13px;}
#about #trouble dd { display:none; margin-bottom:20px; background:url(../about/img/icon_a.png) no-repeat 14px 0; padding:2px 0 0 50px;}
#about #trouble dd p { margin-top:10px;}
#about #trouble dd p a { padding:3px 10px 2px; font-size:14px; background:#338877; color:#fff; border-left:solid 4px #1a7361;}
#about #trouble dd p a:hover { background:#1a7361; }


/* -- 当社の特徴 ------------------------ */
#feature .lead .feature { margin:65px auto 45px;}
#feature .lead .feature li { float:left; position:relative; width:48%; padding:18px 20px 15px; background:#f2f2f2; font-size:20px; text-align:center;}
#feature .lead .feature li:nth-child(2) { float:right;}
#feature .lead .feature li span { color:#f79100; font-weight:bold;}
#feature .lead .feature li:before { position:absolute; top:-22px; left:0; content:url(../feature/img/feature01.png); }
#feature .lead .feature li:nth-child(2):before { content:url(../feature/img/feature02.png); }
#feature .lead .feature li:after {
	content:""; position:absolute; right:0; top:0; border-style:solid; border-width:10px 10px 10px 10px;
	border-color:#fff #fff transparent transparent; }

#feature .trouble { padding:0 300px 1px 0; background:url(../feature/img/feature_img.png) no-repeat 100% 8px; }
#feature .trouble ul { margin:20px auto;}
#feature .trouble ul li { float:left; width:48%; border:dotted 2px #aaa; padding:9px 0; text-align:center; color:#338877; font-size:18px;}
#feature .trouble ul li:nth-child(-n+2) { margin-bottom:15px; }
#feature .trouble ul li:nth-child(2n) { float:right; }
#feature .trouble ul+p span { color:#338877; font-size:18px; font-weight:bold;}

#feature .point .pointList li { float:left; margin-right:25px;}
#feature .point .pointList li:last-child { margin-right:0;}
#feature .point .pointList li a { display:block;}
#feature .point .pointList li a:hover { opacity:0.7;}

#feature .point h4 { border-bottom:solid 2px #338877; margin-top:70px; font-size:22px; font-weight:normal;}
#feature .point h4 span { position:relative; padding:5px 17px 5px 10px; margin-right:3px; background:#338877; color:#fff; }
#feature .point h4 span:after {
	content:""; position:absolute; right:0; top:0; border-style:solid; border-width:39px 0px 10px 10px;
	border-color:#fff #fff transparent transparent; }

#feature .point #point02 ul li { float:left; position:relative; height:76px; background:#5fa093; color:#fff; padding:15px 16px 0; margin-right:10px; font-size:15px; }
#feature .point #point02 ul li:last-child { margin-right:0; }
#feature .point #point02 ul li:nth-child(-n+2) { padding-top:28px; }
#feature .point #point02 ul li:after {
	content:""; position:absolute; right:0; top:0; border-style:solid; border-width:7px 7px 7px 7px;
	border-color:#fff #fff transparent transparent; }
#feature .point #point02 ul li:before {
	content:""; position:absolute; left:0; bottom:0; border-style:solid; border-width:7px 7px 7px 7px;
	border-color:transparent transparent #fff #fff; }

#feature .point #point04 .tokucyo { float:left;}
#feature .point #point04 .jisseki { float:right;}

#feature .point #point05 ul li { float:left;}
#feature .point #point05 ul li:nth-child(2),#feature .point #point05 ul li:nth-child(5) { float:right;}

/* -- レンタル契約のメリット ------------------------ */
#merit .mainCon .point { border:dotted 2px #338877; padding:27px 40px 20px;}
#merit .mainCon .point li { position:relative; margin-bottom:8px; font-size:17px;}
#merit .mainCon .point li:before { content:url(../merit/img/point1.png); margin-right:15px; }
#merit .mainCon .point li:nth-child(2):before { content:url(../merit/img/point2.png); }
#merit .mainCon .point li:nth-child(3):before { content:url(../merit/img/point3.png); }
#merit .mainCon .point li:nth-child(4):before { content:url(../merit/img/point4.png); }
#merit .mainCon .point li:nth-child(5):before { content:url(../merit/img/point5.png); }

#merit .mainCon .point+p { position:relative; font-size:25px; color:#ee900a;}
#merit .mainCon .point+p:after { position:absolute; right:0; top:-154px; content:url(../merit/img/merit_img.png); }

#merit .mainCon .item li { float:left; }
#merit .mainCon .item li h5 { position:relative; background:#5fa093; color:#fff; padding:15px 40px 14px; margin:0 25px 0 0; font-size:17px; font-weight:normal; }
#merit .mainCon .item li h5:after {
	content:""; position:absolute; right:0; top:0; border-style:solid; border-width:7px 7px 7px 7px;
	border-color:#fff #fff transparent transparent; }
#merit .mainCon .item li h5:before {
	content:""; position:absolute; left:0; bottom:0; border-style:solid; border-width:7px 7px 7px 7px;
	border-color:transparent transparent #fff #fff; }
#merit .mainCon .item li p { margin:12px 0 0; line-height:1.6;}

/* -- レンタルとリースの違い ------------------------ */
#difference .mainCon .secTtl { margin-bottom:60px;}
#difference .mainCon .rental,#difference .mainCon .lease { width:48%; border:dotted 2px #338877; text-align:center; padding:0 25px 5px 25px;}
#difference .mainCon .rental { float:left; }
#difference .mainCon .lease { float:right; border-color:#959595; padding-bottom:219px;}

#difference .mainCon h4 {
	display:inline-block; position:relative; top:-23px; padding:6px 50px 4px;
	background:#338877; color:#fff; font-size:20px; font-weight:normal;}
#difference .mainCon .lease h4 { background:#959595; }
#difference .mainCon h4:after {
	content:""; position:absolute; right:0; top:0; border-style:solid; border-width:7px 7px 7px 7px;
	border-color:#fff #fff transparent transparent; }
#difference .mainCon h4:before {
	content:""; position:absolute; left:0; top:0; border-style:solid; border-width:7px 7px 7px 7px;
	border-color:#fff transparent transparent #fff; }

#difference .mainCon ul li { text-align:left; border-bottom:dotted 2px #338877; padding-bottom:13px; margin-bottom:20px; line-height:1.5;}
#difference .mainCon .lease ul li { border-color:#959595;}
#difference .mainCon ul li:last-child { border-bottom:none; }

/* -- 会社概要 ------------------------ */
#map_canvas { height:310px; width:980px; margin-top:35px;}

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