@charset "UTF-8";
/* CSS Document */

/*******************************
　　　　　　　　　　基本情報
*******************************/

* { margin: 0;  padding: 0; }

html{ height: 100%;  overflow-y:scroll;}

body {
height: 100%;
font-size: 13px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #444;
line-height:1.6;
background-color: #999;   /* ●背景色● */
}

td{vertical-align:top;}

/* リンク色
-------------------------------------------------------*/
a:link {
text-decoration: none;
color: #0000ff;
}
a:visited {
text-decoration: none;
color: #0000ff;
}
a:hover {
text-decoration: none;
color: #ff0000;
}
a:active {
text-decoration: none;
}

/* フロートクリア
-------------------------------------------------------*/
.clear {  clear:both;  height: 0;  }

/* 大外枠 wrapper
------------------------------------------------------- */
div#wrapper{
border-top:6px solid #666;
background-color: #fff; 
background-image:url(images/bg01.jpg);
background-position:top right;
background-repeat:no-repeat;
}

/* ヘッダー header
------------------------------------------------------- */
div#header{
position: relative;
width: 930px;
height:90px;
margin: 0 auto;
text-align: left;
}

/* グローバルナビゲーション naviG
------------------------------------------------------- */

div#naviG ul{
position: relative;
background-image:url(images/bg_navi01.gif);
background-position:bottom right;
background-repeat:repeat-x;
  width: 930px;
  margin: 0 auto;
  text-align: left;
	padding-top: 10px;
	padding-bottom: 0px;
 margin-bottom:0px;

}

div#naviG li {
display: inline;
font-size: 108%;
color: #333;
height:45px;
	padding-top: 10px;
	padding-bottom: 3px;
	padding-right: 25px;
	padding-left: 25px;
background-image:url(images/naviborder01.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}


#naviG li.home {
        border-left:0px;
}

#naviG a,a:link, a:visited  {
text-decoration: none;
color: #000;
}

#naviG a:hover {
text-decoration: none;
color: #cc0000;
border-bottom:2px solid #ccc;
}

#naviBorder{
height:25px;
background-image:url(images/bg_line01.gif);
background-position:top right;
background-repeat:repeat-x;
}

/* コンテナ container
------------------------------------------------------- */
div#container{
  position: relative;
  width: 930px;
  margin: 0 auto;
  text-align: left;
min-height:500px;
padding-bottom:30px;
}

div#container.home00{
padding-bottom:0px;
background-image:url(images/top01.jpg);
background-position:left bottom;
background-repeat:no-repeat;

}

/**左・メインスペース
-------------------------------------------------------------**/
#spaceLeft{float:left; width:650px;}



/**右・サブスペース
-------------------------------------------------------------**/
#spaceRight{float:right; width:230px;  margin-top:12px;}

#spaceRight a,a:link, a:visited  {
text-decoration: none;
color: #000;
}

#spaceRight a:hover {
text-decoration: none;
color: #cc0000;
}


p.subnavi{
background-image:url(images/icon_arrow_r.jpg);
background-position:top left; 
background-repeat:no-repeat;
border-bottom:3px solid #ccc;
padding-left:15px;
}



/**フッタ
-------------------------------------------------------**/
#footer01{

position: relative;
height:auto;
margin: 0 auto;
padding: 20px 0 3px 0;
text-align: center;
line-height:1.2;
color:#fff;
}
/**著作権copyright
-------------------------------------------------------**/

#copyright{
position: relative;
font-size:80%;
height:auto;
  margin: 0 auto;
width:980px;
   padding: 0 0 10px 0;
  text-align: center;
color:#444;
}
/*******************************
　　　　　　　　　　その他クラス指定
*******************************/

/**本文中フロート
-------------------------------------------------------**/
.floatL{float:left;}
.floatR{float:right;}

/**位置調整
-------------------------------------------------------**/
.bottom10{margin-bottom:10px;}
.bottom20{margin-bottom:20px;}
.bottom30{margin-bottom:30px;}
.bottom40{margin-bottom:40px;}

.left30{margin-left:30px;}

/* 罫線　
-------------------------------------------------------*/
.lineD01{border-bottom:1px dotted ;padding-top:10px; color:#aaa }


/**テキスト関連
-------------------------------------------------------**/
.indent10{  padding-left: 1em;  text-indent: -1em;  }
.indent15{  padding-left: 1.5em;  text-indent: -1.5em;  }
.indent20{  padding-left: 2em;  text-indent: -2em;  }
.centerTx{text-align:center;}
.rightTx{text-align:right;}

/**フォント関連
-------------------------------------------------------**/

.bold{font-weight:bold;}

.size90{font-size:90%;}
.size80{font-size:80%;}

/* 画像のリンクにボーダーをつけない
------------------------------------------------------- */
a img {   border-style:none;  }

/*ロールオーバーのフェイド
-------------------------------------------------------*/
    .fade {  
        -webkit-transition: 0.3s ease-in-out;  
           -moz-transition: 0.3s ease-in-out;  
             -o-transition: 0.3s ease-in-out;  
                transition: 0.3s ease-in-out;  
    }  
    .fade:hover {  
        opacity: 0.6;  
        filter: alpha(opacity=60);  
    }   



/**画像関連　基本情報
-------------------------------------------------------**/
img {
border:0;
vertical-align:top;
}


/*******************************
　　　　　　　　　　トップページ
*******************************/
/**トップページ：各エリア装飾
-------------------------------------------------------------**/
#topImg{  width: 930px;
  margin: 0 auto;}

#topBanner{float:left; width:279px; height:310px; margin: 0 auto; border:0; 
background-image:url(images/bg_topimg.jpg);
background-position:top left;
background-repeat:no-repeat;
}


#topSlogan{  width: 930px; margin: 0 auto; text-align:right; border:0; }

#topLeft{float:left; width:530px; min-height:512px; ;position:relative; }
#topRight{float:right; width:395px;}

#areaNews{width:373px;  min-height:150px; border:1px solid #ccc; padding:5px 10px; margin-bottom:30px;}
#areaNews p.lastUD{text-align:right; font-size:90%; font-style:italic; margin-bottom:8px;}
#areaNews p.date{font-size:95%; border-bottom:1px dotted #ccc; margin-bottom:10px;}
#areaNews p.record{font-size:95%; line-height:1.5;}
h2.topTag{
   font-size:120%; line-height:1.1;
   border-bottom:1px solid #ccc;
   }


/*******************************
　　　　　　　　　　コンテンツページ
*******************************/

#pageTitle{margin-bottom:30px;}

.subTitle{ margin-bottom:20px;}

#bannerDS{width:250px;height:220;}


/**会社案内
-------------------------------------------------------------**/
table.tbProf{margin-bottom:20px;}

table.tbProf td{vertical-align:top; border-bottom:1px dotted #aaa;  padding-top:1em;}

table.tbProf td.item01{width:6em;font-weight:bold;}
table.tbProf td.item02{margin-left:20px;}

/*主な実績 タテ分割
------------------------------------------------------- */
.part2L{float:left; width:310px; padding-bottom:10px;}
.part2R{float:right; width:310px; padding-bottom:10px; }

.part3L{float:left; width:200px; padding-bottom:10px; min-height:190px;}
.part3C{float:left; width:200px; padding-bottom:10px; margin-left:25px;min-height:190px;}
.part3R{float:right; width:200px; padding-bottom:10px; min-height:190px;}

.part4L{float:left; width:140px; height:105px;padding-bottom:20px; }
.part4C{float:left; width:140px; height:105px;padding-bottom:20px; margin-left:30px;}
.part4R{float:right; width:140px; height:105px;padding-bottom:20px; }

.part5L{float:left; width:114px; height:86px;padding-bottom:10px; }
.part5C{float:left; width:114px; height:86px;padding-bottom:10px; margin-left:20px;}
.part5R{float:right; width:114px; height:86px;padding-bottom:10px; }

/* ライトボックスアイコン
------------------------------------------------------- */
.iconImg01 {width:145px;　height:auto;}
.iconImg02 {width:200px;　height:auto;}
.iconImg03 {width:300px;　height:auto;}

/**リンク
-------------------------------------------------------------**/
.iconLinks{width:130px; height:auto; border:1px solid #ddd; padding:2px;}

/**スタッフ紹介
-------------------------------------------------------------**/
.staff01{margin-bottom:0.4em; color:#4083c5;}
.staff02{margin-left:15px;margin-bottom:0.8em;}

.photoR{float:right; margin-left:20px; margin-bottom:1em;}

/**お問い合わせ
-------------------------------------------------------------**/
.circle01{
background-image:url(images/icon_circle01.gif);
background-position:top left;
background-repeat:no-repeat;
font-size:110%;
padding-left:18px;
margin-bottom:20px;
border-bottom:1px dotted #b2cde8;}

/**デジタルサイネージ
-------------------------------------------------------------**/
#dsHeader{background-image:url(images/title_ds01.jpg);
background-position:top left;
background-repeat:no-repeat;
padding-top:90px;}


h2.dsTitle{
background-color:#eee; height:30px; margin-top:12px;padding-top:14px;
font-size:115%;text-align:center;
margin-bottom:15px;
}

h3.dsSubL{
border-bottom:2px solid #b2cde8; padding-left:1px;
margin-bottom:5px;
}

h3.dsSub{
font-size:110%;line-height:1.3;
border-left:10px solid #b2cde8; padding-left:1px;
margin-bottom:5px;
}



p.dsP01{
margin-bottom:7px;
}


.dsTB01{min-width:600px;max-width:640px;}
.dsTB01 td{padding:5px 15px;}
.grayE{background-color:#eee;}
.grayD{background-color:#ddd;}
.grayD0{background-color:#d0d0d0;}
.greenE{background-color:#d9efd9;}
.greenA{background-color:#9bcc9b;}
.orangeF{background-color:#f8dbad;}


/**ページトップ
-------------------------------------------------------------**/


.pagetop { display: none; position: fixed; right: 40px; bottom: 40px; }
.pagetop:hover { -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -ms-transition-duration: 300ms; transition-duration: 300ms; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }