@import url(http://fonts.googleapis.com/css?family=Ubuntu:500);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300);



body{color:#333333;}




/*ページ===============*/
#page{width: 980px;
      margin: 0 auto;
      position: relative; 
              min-height: 100%; 
              height: auto !important; 
              height: 95%; 
              padding-bottom: 5%;
      }
html,body{ height: 95%; 
         }  

div#main{padding-bottom: 5%;  
        }


/*文字設定===============*/
#siteTitle{font-size:18px;
           font-family: 'Abel', sans-serif;
          }

#subTitle{font-size:12px;
          font-family: 'Abel', sans-serif;
          }

#sentence .heading-typeA{font-size: 12px;
                         font-family: sans-serif;
                         }

#sentence .heading-typeB{font-size: 12px;
                         font-family: sans-serif;
                         font-weight: 200;
                         }


/*ページフッター========================*/
/*フッター固定のための設定*/
#footer{position: absolute;
           bottom: 0;
           width: 100%; 
           height: 40px; 
           }

/*フッター文字*/
#pagefoot{font-size: 12px;
          font-family: 'Abel', sans-serif;
         }


/*スペーサー========================*/
/*フッター上部のスペーサー*/
#spacer100 {clear: both;
           width: auto;
           height: 100px;
          }

/*作品サムネイルのスペーサー*/
#spacer20 {clear: both;
           width: auto;
           height: 20px;
          }

/*その他*/
#spacer80 {clear: both;
           width: auto;
           height: 80px;
          }

/*ページトップへ戻る===============*/
 div.tothetopfixed {
	position: fixed;
	right: 15px;
	bottom: 20px;
	z-index: 1500;
}	
 
div.tothetopfixed a {
	display: block;
	color: #FFFFFF;
	padding: 10px;
	margin: 0;
	background-color: #808080;
	border-radius: 5px;
	font-size: 0.8em;
}
 
div.tothetopfixed a:hover {
	background: #0044CC;
	color: #ffffff;
}

 





/*グローバルナビ===============*/
#pageHead .globalNavi ul{width: 630px;
                         margin: 0 auto;
                         padding: 15px;
                        }

#pageHead .globalNavi ul li{list-style: none;
                            width: 150px;
                            float: left;
                            text-align: center;
                            font-size: 14px;
                            line-height: 20px;
                            vertical-align: middle;
                            }
                           
#pageHead .globalNavi ul li a{color:#0a0a0a;
                              text-decoration: none;
                             }

#pageHead2 .globalNavi ul{margin: 0;
                          padding: 0;
                          }
#pageHead2 .globalNavi ul li{list-style: none;
                             width: 200px;
                            
                             text-align: left;
                             font-size: 12px;
                             line-height: 30px;
                             }
                             
#pageHead2 .globalNavi ul li a{color: #0a0a0a;
                               text-decoration: none;
                               }
                                       



/*リスト===============*/
#list .globalNabi{margin: 0;
                     padding: 0;
                     }
                     
#list .globalNabi{list-style: none;
                        
                        float: right;
                        text-align: left;
                        font-size: 14px;
                        line-height: 30px;
                        }

#list .globalNavi a{color:#0a0a0a;
                          text-decoration: none;
                          }

                          
/*WORKSサムネイルタイトル===============*/
#body {width: 120px;
       text-align: center;
       color: #999999;
       }


/*段組み===============*/
/*2カラム for WORKS*/
#container{width: 980px;
           margin: 0 auto;
         
           }
#boxA{width: 280px;
      float: left;
      }
#boxB{width: 600px;
      float: left;
      }      


/*カラム解除*/
.clear{clear:both;
       }


/*4カラム for footer*/
#boxW{width: 140px;
      float: left;
     }

#boxX{width: 70px;
      float: left;
     }
     
#boxY{width: 530px;
      float: left;
     }

#boxZ{width: 200px;
      float: left;
     }


/*4カラム for WORKS*/
#container{width: 980px;
           margin: 280 auto;
           }
#boxC{width: 140px;
      float: left;
      }
#boxD{width: 140px;
      float: left;
      margin-left: 12.5px;
      }



/*設計概要・NEWS===============*/
#boxT{width: 500px;
      float: left;
      margin-left: 60px;
     }
span.font300{font-weight: 300;
            }


/*禁則処理*/
#comment{line-break: ctrict}