@charset "UTF-8";
/*====================================

	電柱サーチ/トップ

====================================*/

/*====================================
    ナビゲーションボタン
====================================*/
div#pageNavi  { width:  1200px; margin:  0 auto;}
main li.roundButton:before { position: absolute; top: 1.0em; left: 1em; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #000; content: ""; }
main li.roundButton a {text-decoration: none;}
main li.roundButton#be {background: #eee;}
main li.roundButton#be:before { border-top: 6px solid #000;border-right: 4px solid transparent; border-left: 4px solid transparent; }
@media screen and (max-width: 667px) {
    div#pageNavi {width:  98%;}
     main li.roundButton {margin-bottom:2px;padding-top:0;padding-bottom:0;padding-left:1em;padding-right:0em;width:49%;background:none;margin:0;}
     main li.roundButton:before { position: absolute; top: 0.5em; left: 0.5em;}
 }

/*====================================
	タイトル
====================================*/

div#introduction  {
     background: url(img/top_bg.png) repeat-y;
     color:  #fff;
 }
div#introduction div.wrap  {
     width:  1200px;
     padding-bottom:  10px;
     margin:  0 auto;
     background: url(img/top_main.png) no-repeat right bottom;
}
@media screen and (max-width: 667px) {
     div#introduction div.wrap  {
     margin: 0 5vw;
     width: auto;
     background:  none;
     }
}

div#introduction h1.titleL02  {
    margin:  0;
     padding-top:  20px;
}
div#introduction h1.titleL02 img  {
     padding-bottom:  10px;
}
div#introduction p,figure#image-top1 {
     width:  650px;
}
@media screen and (max-width: 667px) {
     div#introduction p,figure#image-top1 {
     width:  auto;
     }
}

/*====================================
    コンテンツ範囲
====================================*/

div#mainConteiner  {
          margin-top:  50px;
}

/*====================================
	「サービスの概要」
====================================*/

.indexBlock   {
          background:  #fff;
}
.indexBlock div {
          width: 540px;
          border:  1px solid #27bdd5;
          border-radius:  20px;
}

@media screen and (max-width: 667px) {
		.indexBlock div { 
          width: 100%; 
          } 
}

div.indexBlock div figure img  {
     margin-top:  -50px;
     margin-left:  20px;
     float:  left;
     margin-right:20px;
}
div.indexBlock h2  {
     padding-left:120px;
         border-radius:  20px 20px 0 0;

}
@media screen and (max-width: 667px) {
     div.indexBlock div figure img  {
     margin-top:  0px;
     margin-left:  20px;
     float:  none;
     margin-right:0;
     }
     div.indexBlock h2  {
     padding-left:0;
     }
    div.indexBlock div figure  {
     text-align:center;
     }
}

/*====================================
	「電柱サーチ仕様概要」
====================================*/

ul.column li  {
     padding:  10px;
     border:  1px solid #ccc;
}
ul.column figure  {
     text-align:  center;
}
ul.column h4  {
     text-align:center;
}

/*====================================
	「その他」
====================================*/
ul.column .titleSS01 { padding-left: 0; }
ul.column .titleSS01:before { width: 0em; height: 0px; background: none; }

ul.column#area li  {
border-radius:  20px;
margin-bottom:10px;
}
ul.column#area li img  {
     width:  40%;
}
ul.column#area li#tokyo img  {
     width:  50%;
     margin-bottom: 5px;
}