@charset "Shift_JIS";


/* 要素リセット */

body
{
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 75%;
    font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
    color : rgb(102, 102, 102); /* 標準文字色 */
    background-image : url(banner/bg_1E_01.png);
    background-position: top left;
    background-repeat: repeat-x;
    min-width: 900px;
}

/* Safari用ハック 文字サイズ調整 */
/*\*/
html:\66irst-child body
{
    font-size: 70%;
}

/* end */

img
{
    border-top: 10;
    border-right: 10;
    border-bottom: 10;
    border-left: 10;
}




/* コンテナ内の設定全般 */


#container:after
{
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


/* ヘッダー内の設定全般 （style02に移動）*/


/* ヘッダー内パーツ （一番上の文章）*/
#headerMain
{
    height: 40px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    width: 900px;
    float: left;
}

#headerMain h1
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 11px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    text-align: left;
    font-weight: normal;
    line-height: 2;
    font-size: 10px;

}

/* ヘッダー内パーツ （上部左ロゴ）*/


#headerLogo
{
    width: 270px;
    clear: left;
    padding-top: 2px;
    margin-left: 0;
    margin-right: auto;
}

#headerLogo a
{
    display: block;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    text-indent: -9999px;
    overflow: hidden;
    height: 71px;
    background-image : url(banner/logo_01.png);
    background-position: top left;
    background-repeat: no-repeat;
}

/* ヘッダー内パーツ （上部右の住所とTEL）*/
#headerExtra1
{
    width: 600px;
    margin-top: -57px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    float: right;
    text-align: right;
}


    /* 電話番号の文字設定 */

#headerExtra1 p.tel
{

    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 1.15em;
    line-height: 1.3;
    text-align: right;
}


    /* 電話番号の「TEL」文字設定 */

#headerExtra1 p.tel span
{

}

#headerExtra1 p.address
{
    /* 住所文字設定 */
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    line-height: 1.3;
    text-align: right;
    font-size: 1.15em;
}

#headerExtra1 p.headermail
{
    /* メールアドレス文字設定 */
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    line-height: 1.3;
    text-align: right;
    font-size: 1.15em;
}



/* インナー内の設定(widthはstyle_02の方に記載) */



#inner:after
{
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}



/* ラッパー内の設定(style_02の方に記載) */





/*上部メニューボタンの設定*/

#navbar ul{
          margin:0 auto;
	  padding:0;
	  list-style-type:none;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size: 3;
	  line-height:41px;
	  letter-spacing:1px;
}

#navbar li{
      background-image:url(banner/menu_button.gif);  /*上部メニューのボタンの背景*/
	  float:left;
	  width:128px;  /*メニューボタンの幅*/
	  text-align:center;
	  padding:0;
    background-repeat: no-repeat;
}

#navbar ul a:hover{
   	background-image:url(banner/menu_button.gif);	/*メニューボタンにカーソルが来た時に背景画像をこれにする*/
	  width:128px;  /*メニューボタンの幅*/
}
      
#navbar a{
	color : rgb(102, 102, 102); /* 標準文字色 */
	    text-decoration: none;
	  display:block;
}

#navbar a:hover{
   color:#8E0036; /*メニューの文字がカーソルが来た時、この色に変わる*/
		  font-size: 3;
	    text-decoration: none;
}



/* タイトル内（大きい写真部分 layoutset-01） */

/* index以外ではlayoutset-02を使うので大きい写真（main_01.png）は出ない */


.layoutset-01 #title-01
{
    width: 900px;
    height: 280px;
    margin-left: 0px;
}

* html .layoutset-01 #title-01
{
    position: absolute;
    top: 0px;
    left: 0px;
}

.layoutset-01 #title-01 h2
{
    margin-top: 0;
    overflow: hidden;
    text-indent: -9999px;
    height: 275px;
    background-image : url(banner/main_01.png);
    background-position: top left;
    background-repeat: no-repeat;
}

/* タイトル内（大きい写真部分 layoutset-02） */

/* index以外ではlayoutset-02を使うので大きい写真（main_01.png）は出ない */


.layoutset-02 #title
{

}

* html .layoutset-02 #title
{

}

.layoutset-02 #title h2
{

}



/* メインコンテンツ内基本パーツ */



#main ul
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    list-style-type: none;
}

#main ul li
{
    text-align: left;
    line-height: 1.4;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #aaaaaa;
}

#main dl
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 30px;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    zoom: 100%;
}

#main dt
{
    float: left;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    text-align: left;
    line-height: 16px;
    min-height: 16px;
    font-weight: bold;
    width: 170px !important;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #000000;
}

#main dd
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    text-align: left;
    line-height: 16px;
    min-height: 16px;
    padding-left: 180px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #aaaaaa;
}

*:first-child + html #main dd
{
    /* for IE7 */
    padding-left: 10px;
    min-height: 20px;
}

* html #main dd
{
    /* for IE6 */
    padding-left: 0px;
    height: 20px;
}

#main dl:after
{
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#main img.left
{
    margin-top: 5px;
    margin-right: 20px;
    margin-bottom: 10px;
    float: left;
}

#main img.right
{
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 20px;
    float: right;
}

#main p.est-kingaku
{
    margin-top: 0px;
    margin-bottom: 5px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
	vertical-align: middle;
	text-align: center;
	font-size: 1.5em;
	color: #FF0000;
}

#main p.bunjou
{
    margin-top: 0px;
    margin-bottom: auto;
    margin-right: auto;
    margin-left: auto;
    padding-top: 5px;
    padding-right: auto;
    padding-bottom: 5px;
    padding-left: auto;
}


#main p.b-title
{
	text-align: center;
	font-size: 2em;   
	border-bottom-width: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom-width: 0px;
    border-bottom-style: dotted;
    border-bottom-color: #aaaaaa;
}


#main p.b-caption01
{
	text-align: left;
	font-size: 1.2em;   
	margin-top: 5px;
	margin-bottom: auto;
	border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #aaaaaa;
}

#main p.b-content
{
	width: 300px;
	vertical-align: top;
	text-align: left;
	margin-top: 5px;
	margin-bottom: auto;
	font-size: 1em;
}

#main img.bunjou
{
	text-align: center;
	width: 300px;
	height: 200px;
	margin: auto;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;

}



/* technoのmain内 */









/* aside内 */


/* サイドブロック内パーツ */
#banner
{
}

#banner ul
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    list-style-type: none;
}

#banner li
{
    line-height:110%;
}

#banner li a
{
    display: block;
    width: 200px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    text-indent: -9999px;
    overflow: hidden;
}

#banner a#banner-highest
{
    /* ハイエスト */
    background-image : url(banner/banner_1E_01.png);
    background-position: top left;
    background-repeat: no-repeat;
}

#banner a#banner-techno
{
    /* テクノバナー */
    background-image : url("banner/techno-b-type.jpg");
    background-position: top left;
    background-repeat: no-repeat;
}

#banner a#banner-mamorisumai
{
    /* まもりすまい */
    background-image : url(banner/mamorisumai.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}

#banner a#banner-taiyoukou
{
    /* 太陽光センター */
    background-image : url(banner/j-pec.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}

#banner a#banner-access
{
    /* アクセスバナー */
    background-image : url(banner/banner_1E_04.png);
    background-position: top left;
    background-repeat: no-repeat;
}

#banner a#banner-yess
{
    /* 横河システム・Yess建築 */
    background-image : url(banner/yess-logo7_2.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}



/* フッター内 */



/* フッター内パーツ */
#footerMain
{
    width: 300px;
    float: right;
	valign: bottom;
    padding-top: 10px;
}

#footerMain p
{
    /* コピーライト文字設定 */
    font-size: 0.8em;
    text-align: right;
    padding-right: 10px;
}

#footerLogo
{
}

#footerExtra1
{
    width: 550px;
    float: left;
    padding-top: 10px;
}

#footerExtra1 ul
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    text-align: left;
}

#footerExtra1 li
{
    /* フッターナビ設定 */
    display: inline;
    padding-left: 25px;
}

#footerExtra1 a:link
{
    color: #666666;
    text-decoration: none;
}
#footerExtra1 a:visited
{
    color: #666666;
    text-decoration: none;
}
#footerExtra1 a:hover
{
    color: #A2413C;
    text-decoration: underline;
}
#footerExtra1 a:active
{
    color: #A2413C;
    text-decoration: underline;
}

#footerExtra2
{
}