@charset "UTF-8";

/*-----------------------------------

CSS Information

Site URL:			http://www.fuse-teleline.co.jp/
File name:			page.css

-----------------------------------*/


/*-------------------------
#content
コンテンツ
-------------------------*/

#content .company{width:100%;max-width:960px;margin:0 auto;padding:0 0 80px;}

/*上部メニュー*/
#content .company .pagenavi{text-align:center;padding:40px 0 0;}
#content .company .pagenavi ul{letter-spacing:-1em;}
#content .company .pagenavi li{font-size:16px;line-height:25px;
vertical-align:top;display:inline-block;letter-spacing:normal;}
#content .company .pagenavi li a{color:#000;text-decoration:none;margin:0 1.5em;padding:0 0.5em;vertical-align:top;display:inline-block;border-bottom:3px solid #CCC;}
#content .company .pagenavi li a:hover{border-color:#00afdd;}


#content .company .box1,
#content .company .box2,
#content .company .box3,
#content .company .box4{padding:50px 0 0;}
#content .company .box1 h3,
#content .company .box2 h3,
#content .company .box3 h3,
#content .company .box4 h3{font-size:18px;line-height:30px;font-weight:700;color:#444;letter-spacing:0.25em;padding:40px 0 15px;margin:0 0 30px;background:url(images/t1.png) center bottom no-repeat;background-size:20px 10px;}
/*
会社概要
*/
#content .company .box1{}
#content .company .box1 .box1_inner{margin:0 10px;}
#content .company .box1 .boxs1{float:left;width:100%;margin:0 -280px 0 0;}
#content .company .box1 .boxs1 dl{border-bottom:1px dotted #888;margin:0 280px 0 0;}
#content .company .box1 .boxs1 dt,
#content .company .box1 .boxs1 dd{font-size:13px;line-height:30px;text-align:left;}
#content .company .box1 .boxs1 dt{font-weight:700;}
#content .company .box1 .boxs1 dd{margin:-30px 0 0 10em;min-height:30px;}
#content .company .box1 .boxs2{width:260px;float:right;}
#content .company .box1 .boxs2 .map{width:100%;}
#content .company .box1 .boxs2 dl{text-align:left;padding:20px 0 0;}
#content .company .box1 .boxs2 dl + dl{padding:10px 0 0;}
#content .company .box1 .boxs2 dt,
#content .company .box1 .boxs2 dd{line-height:20px;}
#content .company .box1 .boxs2 dt{font-size:14px;font-weight:700;border-left:5px solid #00afdd;padding:0 0 0 0.5em;}
#content .company .box1 .boxs2 dd{font-size:13px;margin:0 0 0 2em;}
/*
沿革
*/
#content .company .box2{}
#content .company .box2 dl{border-bottom:1px dotted #888;margin:0 10px;}
#content .company .box2 dt,
#content .company .box2 dd{font-size:13px;line-height:30px;text-align:left;}
#content .company .box2 dt{font-weight:700;}
#content .company .box2 dd{margin:-30px 0 0 10em;min-height:30px;}
/*
事業所一覧
*/
#content .company .box3{}
#content .company .box3 dl{border-bottom:1px dotted #888;margin:0 10px;text-align:left;position:relative;
letter-spacing:-1em;}
#content .company .box3 dt,
#content .company .box3 dd{font-size:13px;line-height:40px;text-align:left;
vertical-align:top;display:inline-block;letter-spacing:normal;}
#content .company .box3 dt{font-weight:700;width:16em;}
#content .company .box3 dd.ad1,
#content .company .box3 dd.ad2{margin:0 0 0 1em;}
#content .company .box3 dd.map{line-height:24px;position:absolute;top:8px;right:0;}
#content .company .box3 dd.map a{color:#3968b2;font-weight:700;height:24px;border:1px solid #3968b2;text-decoration:none;background:#ddf0f9;padding:0 0.75em;display:inline-block;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#content .company .box3 .map a:hover{background:#FFF;}
/*
主要取引先
*/
#content .company .box4{}
#content .company .box4 ul{text-align:left;margin:0 10px;
letter-spacing:-1em;}
#content .company .box4 li{font-size:13px;line-height:30px;padding:0 2em 0 0;
vertical-align:top;display:inline-block;letter-spacing:normal;}
#content .company .box4 li:before{content:"●";color:#00afdd;}
#content .company .box4 p{font-size:13px;line-height:30px;text-align:right;margin:0 5px 0 0;}



/*-------------------------
-------------------------
_以下タブレット対応
-------------------------
-------------------------*/
@media screen and (max-width: 1024px) {

#content .company .pagenavi li a:hover{border-color:#CCC;}
#content .company .box3 .map a:hover{background:#ddf0f9;}

}

@media screen and (max-width: 920px) {

}


/*-------------------------
-------------------------
_以下スマホ対応
-------------------------
-------------------------*/
@media screen and (max-width: 767px) {

#content .company .pagenavi li{font-size:13px;}
#content .company .pagenavi li a{margin:0 0.5em;padding:0 0.25em;}

#content .company .box1 .boxs1{float:none;margin:0;}
#content .company .box1 .boxs1 dl{margin:0;}
#content .company .box1 .boxs1 dl:last-child{margin:0 0 25px 0;}
#content .company .box1 .boxs1 dd{margin:-30px 0 0 9em;}
#content .company .box1 .boxs2{width:auto;float:none;}
#content .company .box2 dd{margin:-30px 0 0 5em;}
#content .company .box3 dl{padding:8px 0;}
#content .company .box3 dt,
#content .company .box3 dd{line-height:25px;}
#content .company .box3 dt{width:auto;display:block;}
#content .company .box3 dd.ad1,
#content .company .box3 dd.ad2{margin:0;display:block;}

}