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

/*==================
base
====================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
form,input,p,blockquote,th,td {
margin:0;
padding:0;
}  
img{
border:0;
vertical-align: top;
}
article,header,footer,menu,nav,section {
display:block;
}
body{
font-size: 62.5%;
font-family:'ＭＳ Ｐゴシック','MS PGothic','sans-serif';
line-height:1.6;
color:#333;
background:url(images/bg.jpg) repeat 0 0;
}

a{
outline: none;
}

a:link,
a:visited,
a:active{
color:#7b7b7b;
text-decoration:none;
}

a:hover{
color:#7b7b7b;
text-decoration:underline;
}

ul,ol{
list-style: none;
}

/*clearfix*/
.clearfix:after{  
visibility:hidden;/*見えなくする*/ 
height:0;/*見えなくする*/
display: block;/*block要素にする*/
font-size: 0;  
content: " ";  
clear: both;  

}  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/*=====================
header
=======================*/
#header{
text-align:left;
width:100%;
font-size:1.0em;
background:#fff;
position:fixed;
top:0;
left:0;
z-index:100;
border-bottom:3px solid #000000;
/*ボックスシャドウの設定*/
-webkit-box-shadow: #999 0px 2px 5px;
-moz-box-shadow: #999 0px 2px 5px;
-o-box-shadow: #999 0px 2px 5px;
-ms-box-shadow: #999 0px 2px 5px;
box-shadow: #999 0px 2px 5px;
behavior: url(PIE.htc);
}


#header_top{
text-align:left;
width:915px;
height:30px;
margin:30px auto;
margin-top:18px;
position:relative;
}

h1{
font-size: 9px; 
color : #808080;
font-weight: normal;
line-height:1.4;
margin-left:-10px;
margin-top:3px;
}

.h1{
font-size: 9px; 
color : #808080;
font-weight: normal;
line-height:1.4;
margin-left:-10px;
}

h2{
font-family:'ＭＳ Ｐ明朝','MS PMincho','serif';
font-size: 25px; 
margin-bottom:-5px;
margin-top:-6px;
margin-left:-10px;
letter-spacing : 1.6px;
color : #1a1a1a;

}

.h2{
font-size: 9px; 
color : #808080;
font-weight: normal;
line-height:1.4;
margin-left:-10px;
}

div.left {
text-align: left;
float: left;
}
div.right {
text-align: right;
float: right;
}


/*グローバルナビゲーションの設定*/
#globalnav{
/*グラデーションの設定*/
background: linear-gradient(#ffffff, #f7f7f7);
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff),to(#f7f7f7));
background: -moz-linear-gradient(#ffffff, #f7f7f7);
-pie-background: linear-gradient(#ffffff, #f7f7f7);
behavior: url(PIE.htc);
}

#globalnav ul{
width:940px;
margin:0 auto;
}

#globalnav li{
float:left;
border-left:1px solid #e2e2e2;
height:30px;
}

#globalnav li.fix{
border-right:1px solid #e2e2e2;
}

#globalnav li a{
/display: inline;  
/zoom: 1;  
color:#000000;
display:inline-block;
padding:0 8.9px;
height:30px;
line-height:30px;
letter-spacing:1px;
text-align:center;
font-size:1.2em;
text-decoration:none;
font-family:'ＭＳ Ｐ明朝','MS PMincho','serif';
/*アニメーションの設定*/
-moz-transition:0.25s linear;
-webkit-transition:0.25s linear;
-o-transition:0.25s linear;
transition:0.25s linear;
behavior: url(PIE.htc);
}

#globalnav li a:hover{
color:#ffffff;
background:#696969;
}

#globalnav li a:current{
color:#ffffff;
background:#696969;
}

#globalnav li .on{
background:#a9a9a9;
display:inline-block;
height:30px;
line-height:30px;
text-align:center;
font-family:'ＭＳ Ｐ明朝','MS PMincho','serif';
letter-spacing:1px;
behavior: url(PIE.htc);
}





/*=================
contents
===================*/

#contents{
width:940px;
margin:0 auto;
font-size:1.2em;
padding-top:128px;
}






/*=====================
テキスト
=======================*/

.boxA{
background:#fff;
width:735px;
height:403px;
float:left;
padding:20px;
margin-right:15px;
margin-top:-485px;
position:absolute;
z-index:0;
/*角丸の設定*/
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
-ms-border-radius: 1px;	
/*ボックスシャドウの設定*/
-webkit-box-shadow: #aaa 0px 1px 2px;
-moz-box-shadow: #aaa 0px 1px 2px;
-o-box-shadow: #aaa 0px 1px 2px;
-ms-box-shadow: #aaa 0px 1px 2px;
box-shadow: #aaa 0px 1px 2px;
behavior: url(PIE.htc);
}

.fix{
margin-right:0;
}


.boxA span{
position:absolute;
margin-left:145px;
margin-top:-23px;
padding:1px 5px;
font-size:10px;
width:45px;
color:#fff;
/*グラデーションの設定*/
background: linear-gradient(#a9a9a9, #696969);
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#a9a9a9),to(#696969));
background: -moz-linear-gradient(#a9a9a9, #696969);
background: -o-linear-gradient(#a9a9a9, #696969);
background: -ms-linear-gradient(#a9a9a9, #696969);
-pie-background: linear-gradient(#a9a9a9, #696969);
/*角丸の設定*/
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
behavior: url(PIE.htc);
}

.boxA h3{
padding-left:20px;
color:#4a4a4a;
font-size:0.8em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.boxA .h3{
padding:15px;
color:#7b7b7b;
font-size:0.8em;
}



/*=====================
ダイジェスト作品集
=======================*/

.boxB1{
background:#fff;
width:590px;
height:230px;
float:left;
padding:10px;
margin-right:15px;
margin-bottom:15px;
/*角丸の設定*/
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
-ms-border-radius: 1px;	
/*ボックスシャドウの設定*/
-webkit-box-shadow: #aaa 0px 1px 2px;
-moz-box-shadow: #aaa 0px 1px 2px;
-o-box-shadow: #aaa 0px 1px 2px;
-ms-box-shadow: #aaa 0px 1px 2px;
box-shadow: #aaa 0px 1px 2px;
behavior: url(PIE.htc);
}

.fix{
margin-right:0;
}

.boxB1 h4{
color:#4a4a4a;
padding-bottom:3px;
font-size:1.2em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.boxB1 .h4{
height:200px;
padding:30px;
}

/*写真部分のアニメーションロールオーバーの設定*/

.boxB1 .view{
width: 278x;
height: 200px;
margin-bottom:10px;
overflow: hidden;
position: relative;
}

.boxB1 img{
/*写真のアニメーションの設定*/
display: block;
position:absolute;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}

.boxB1 .mask img{
/*IE7・8用の写真のアニメーションの設定*/
display: block;
position:absolute;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
behavior: url(PIE.htc);
}

.boxB1 .mask {
/*ロールオーバー時のマスクのアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: rgba(255,255,255,0.1);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
behavior: url(PIE.htc);
}

.boxB1 .mask p.caption {
color: #fff;
text-align: center;
position: relative;
padding: 7px;
background: #333;
/*ロールオーバー前のマスク内のタイトルの設定*/
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
behavior: url(PIE.htc);
}

.boxB1 .mask p {
/*ロールオーバー前のマスク内のテキストの設定*/
padding-top:30px;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
color:#000;
*color:#4a4a4a; /*IE7*/
color:#4a4a4a\9; /*IE8*/
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
behavior: url(PIE.htc);
}
:root .boxB1 .mask p {
/*IE9用のロールオーバー前のマスク内のテキストの設定*/
color:#fff \0/; /* IE9 */
}

.boxB1:hover img {
/*ロールオーバー時の写真のアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
opacity: 0.2;
behavior: url(PIE.htc);
}

.boxB1:hover .mask {
/*ロールオーバー時のマスクのアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
behavior: url(PIE.htc);
}

/*ロールオーバー時のタイトルとテキストのアニメーションの設定*/
.boxB1:hover .mask p {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
behavior: url(PIE.htc);
}




/*=====================
すべての作品一覧
=======================*/

.boxB{
background:#fff;
width:278px;
height:230px;
float:left;
padding:10px;
margin-right:15px;
margin-bottom:15px;
/*角丸の設定*/
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
-ms-border-radius: 1px;	
/*ボックスシャドウの設定*/
-webkit-box-shadow: #aaa 0px 1px 2px;
-moz-box-shadow: #aaa 0px 1px 2px;
-o-box-shadow: #aaa 0px 1px 2px;
-ms-box-shadow: #aaa 0px 1px 2px;
box-shadow: #aaa 0px 1px 2px;
behavior: url(PIE.htc);
}

.fix{
margin-right:0;
}

.boxB h4{
color:#4a4a4a;
padding-bottom:3px;
font-size:1.2em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.boxB .h4{
height:200px;
padding:10px;
}

/*写真部分のアニメーションロールオーバーの設定*/

.boxB .view{
width: 278x;
height: 200px;
margin-bottom:10px;
overflow: hidden;
position: relative;
}

.boxB img{
/*写真のアニメーションの設定*/
display: block;
position:absolute;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}

.boxB .mask img{
/*IE7・8用の写真のアニメーションの設定*/
display: block;
position:absolute;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
behavior: url(PIE.htc);
}

.boxB .mask {
/*ロールオーバー時のマスクのアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: rgba(255,255,255,0.1);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
behavior: url(PIE.htc);
}

.boxB .mask p.caption {
color: #fff;
text-align: center;
position: relative;
padding: 7px;
background: #333;
/*ロールオーバー前のマスク内のタイトルの設定*/
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
behavior: url(PIE.htc);
}

.boxB .mask p {
/*ロールオーバー前のマスク内のテキストの設定*/
padding-top:30px;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
color:#000;
*color:#4a4a4a; /*IE7*/
color:#4a4a4a\9; /*IE8*/
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
behavior: url(PIE.htc);
}
:root .boxB .mask p {
/*IE9用のロールオーバー前のマスク内のテキストの設定*/
color:#fff \0/; /* IE9 */
}

.boxB:hover img {
/*ロールオーバー時の写真のアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
opacity: 0.2;
behavior: url(PIE.htc);
}

.boxB:hover .mask {
/*ロールオーバー時のマスクのアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
behavior: url(PIE.htc);
}

/*ロールオーバー時のタイトルとテキストのアニメーションの設定*/
.boxB:hover .mask p {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
behavior: url(PIE.htc);
}


/*=====================
建築家住宅
=======================*/

.box2{
background:#fff;
width:435px;
height:300px;
float:left;
padding:10px;
margin-right:15px;
margin-bottom:15px;
/*角丸の設定*/
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
-ms-border-radius: 1px;	
/*ボックスシャドウの設定*/
-webkit-box-shadow: #aaa 0px 1px 2px;
-moz-box-shadow: #aaa 0px 1px 2px;
-o-box-shadow: #aaa 0px 1px 2px;
-ms-box-shadow: #aaa 0px 1px 2px;
box-shadow: #aaa 0px 1px 2px;
behavior: url(PIE.htc);
}

.fix{
margin-right:0;
}

.box2 h4{
color:#4a4a4a;
padding-bottom:3px;
font-size:1.2em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.box2 .h4{
height:200px;
padding:10px;
}

/*写真部分のアニメーションロールオーバーの設定*/

.box2 .view{
width: 435x;
height: 300px;
margin-bottom:10px;
overflow: hidden;
position: relative;
}

.box2 img{
/*写真のアニメーションの設定*/
display: block;
position:absolute;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}

.box2 .mask img{
/*IE7・8用の写真のアニメーションの設定*/
display: block;
position:absolute;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
behavior: url(PIE.htc);
}

.box2 .mask {
/*ロールオーバー時のマスクのアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: rgba(255,255,255,0.1);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
behavior: url(PIE.htc);
}

.box2 .mask p.caption {
color: #fff;
text-align: center;
position: relative;
padding: 7px;
background: #333;
/*ロールオーバー前のマスク内のタイトルの設定*/
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
behavior: url(PIE.htc);
}

.box2 .mask p {
/*ロールオーバー前のマスク内のテキストの設定*/
padding-top:15px;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
color:#7b7b7b;
*color:#4a4a4a; /*IE7*/
color:#4a4a4a\9; /*IE8*/
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
behavior: url(PIE.htc);
}
:root .boxC .mask p {
/*IE9用のロールオーバー前のマスク内のテキストの設定*/
color:#fff \0/; /* IE9 */
}

.box2:hover img {
/*ロールオーバー時の写真のアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
opacity: 0.2;
behavior: url(PIE.htc);
}

.box2:hover .mask {
/*ロールオーバー時のマスクのアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
behavior: url(PIE.htc);
}

/*ロールオーバー時のタイトルとテキストのアニメーションの設定*/
.box2:hover .mask p {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
behavior: url(PIE.htc);
}


/*=====================
建築家紹介・９つの特長・掲載雑誌
=======================*/

.boxC{
background:#fff;
width:278px;
height:190px;
float:left;
padding:10px;
margin-right:15px;
margin-bottom:15px;
/*角丸の設定*/
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
-ms-border-radius: 1px;	
/*ボックスシャドウの設定*/
-webkit-box-shadow: #aaa 0px 1px 2px;
-moz-box-shadow: #aaa 0px 1px 2px;
-o-box-shadow: #aaa 0px 1px 2px;
-ms-box-shadow: #aaa 0px 1px 2px;
box-shadow: #aaa 0px 1px 2px;
behavior: url(PIE.htc);
}

.fix{
margin-right:0;
}

.boxC h4{
color:#4a4a4a;
padding-bottom:3px;
font-size:1.2em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.boxC .h4{
height:160px;
padding:10px;
}

/*写真部分のアニメーションロールオーバーの設定*/

.boxC .view{
width: 278x;
height: 160px;
margin-bottom:10px;
overflow: hidden;
position: relative;
}

.boxC img{
/*写真のアニメーションの設定*/
display: block;
position:absolute;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}

.boxC .mask img{
/*IE7・8用の写真のアニメーションの設定*/
display: block;
position:absolute;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
behavior: url(PIE.htc);
}

.boxC .mask {
/*ロールオーバー時のマスクのアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: rgba(255,255,255,0.1);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
behavior: url(PIE.htc);
}

.boxC .mask p.caption {
color: #fff;
text-align: center;
position: relative;
padding: 7px;
background: #333;
/*ロールオーバー前のマスク内のタイトルの設定*/
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
behavior: url(PIE.htc);
}

.boxC .mask p {
/*ロールオーバー前のマスク内のテキストの設定*/
padding-top:15px;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
color:#fff;
*color:#4a4a4a; /*IE7*/
color:#4a4a4a\9; /*IE8*/
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
behavior: url(PIE.htc);
}
:root .boxC .mask p {
/*IE9用のロールオーバー前のマスク内のテキストの設定*/
color:#fff \0/; /* IE9 */
}

.boxC:hover img {
/*ロールオーバー時の写真のアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
opacity: 0.2;
behavior: url(PIE.htc);
}

.boxC:hover .mask {
/*ロールオーバー時のマスクのアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
behavior: url(PIE.htc);
}

/*ロールオーバー時のタイトルとテキストのアニメーションの設定*/
.boxC:hover .mask p {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
behavior: url(PIE.htc);
}


/*=====================
会社案内
=======================*/

.boxD{
background:#fff;
width:278px;
height:140px;
float:left;
padding:10px;
margin-right:15px;
margin-bottom:15px;
/*角丸の設定*/
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
-ms-border-radius: 1px;	
/*ボックスシャドウの設定*/
-webkit-box-shadow: #aaa 0px 1px 2px;
-moz-box-shadow: #aaa 0px 1px 2px;
-o-box-shadow: #aaa 0px 1px 2px;
-ms-box-shadow: #aaa 0px 1px 2px;
box-shadow: #aaa 0px 1px 2px;
behavior: url(PIE.htc);
}

.fix{
margin-right:0;
}

.boxD h4{
color:#4a4a4a;
padding-bottom:3px;
font-size:1.2em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.boxD .h4{
height:110px;
padding:10px;
}

/*写真部分のアニメーションロールオーバーの設定*/

.boxD .view{
width: 278x;
height: 110px;
margin-bottom:10px;
overflow: hidden;
position: relative;
}

.boxD img{
/*写真のアニメーションの設定*/
display: block;
position:absolute;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}

.boxD .mask img{
/*IE7・8用の写真のアニメーションの設定*/
display: block;
position:absolute;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
behavior: url(PIE.htc);
}

.boxD .mask {
/*ロールオーバー時のマスクのアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: rgba(255,255,255,0.1);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
behavior: url(PIE.htc);
}

.boxD .mask p.caption {
color: #fff;
text-align: center;
position: relative;
padding: 7px;
background: #333;
/*ロールオーバー前のマスク内のタイトルの設定*/
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
behavior: url(PIE.htc);
}

.boxD .mask p {
/*ロールオーバー前のマスク内のテキストの設定*/
padding-top:15px;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
color:#fff;
*color:#4a4a4a; /*IE7*/
color:#4a4a4a\9; /*IE8*/
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
behavior: url(PIE.htc);
}
:root .boxD .mask p {
/*IE9用のロールオーバー前のマスク内のテキストの設定*/
color:#fff \0/; /* IE9 */
}

.boxD:hover img {
/*ロールオーバー時の写真のアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
opacity: 0.2;
behavior: url(PIE.htc);
}

.boxD:hover .mask {
/*ロールオーバー時のマスクのアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
behavior: url(PIE.htc);
}

/*ロールオーバー時のタイトルとテキストのアニメーションの設定*/
.boxD:hover .mask p {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
behavior: url(PIE.htc);
}


/*=====================
お問合せ・スタッフ募集
=======================*/
.boxE{
background:#fff;
width:121px;
height:140px;
float:left;
padding:10px;
margin-right:15px;
margin-bottom:15px;
/*角丸の設定*/
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
-ms-border-radius: 1px;	
/*ボックスシャドウの設定*/
-webkit-box-shadow: #aaa 0px 1px 2px;
-moz-box-shadow: #aaa 0px 1px 2px;
-o-box-shadow: #aaa 0px 1px 2px;
-ms-box-shadow: #aaa 0px 1px 2px;
box-shadow: #aaa 0px 1px 2px;
behavior: url(PIE.htc);
}

.fix{
margin-right:0;
}

.boxE h4{
color:#4a4a4a;
padding-bottom:3px;
font-size:1.2em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.boxE .h4{
height:200px;
padding:10px;
}


/*写真部分のアニメーションロールオーバーの設定*/

.boxE .view{
width: 121x;
height: 110px;
margin-bottom:10px;
overflow: hidden;
position: relative;
}

.boxE img{
/*写真のアニメーションの設定*/
display: block;
position:absolute;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}

.boxE .mask img{
/*IE7・8用の写真のアニメーションの設定*/
display: block;
position:absolute;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
behavior: url(PIE.htc);
}

.boxE .mask {
/*ロールオーバー時のマスクのアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: rgba(255,255,255,0.1);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
behavior: url(PIE.htc);
}


.boxE:hover img {
/*ロールオーバー時の写真のアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=50);
opacity: 0.4;
behavior: url(PIE.htc);
}

.boxE:hover .mask {
/*ロールオーバー時のマスクのアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
behavior: url(PIE.htc);
}


/*=====================
お知らせ
=======================*/
p.infobox {
width:278px; 
height:100px; 
background-color:#ffffff; 
overflow:auto;
padding:10px;
position:absolute;
margin-top:650px;
margin-left:625px;
font-size: 90%;
color:#7b7b7b;
overflow-x : hidden ;
}


/*=====================
ダイジェストボタン
=======================*/
.box01{
background:#fff;
width:145px;
height:145px;
float:left;
margin-right:15px;
margin-bottom:4px;
margin-left:780px;
margin-top:-485px;
position: relative;
/*角丸の設定*/
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
-ms-border-radius: 1px;	
/*ボックスシャドウの設定*/
-webkit-box-shadow: #aaa 0px 1px 2px;
-moz-box-shadow: #aaa 0px 1px 2px;
-o-box-shadow: #aaa 0px 1px 2px;
-ms-box-shadow: #aaa 0px 1px 2px;
box-shadow: #aaa 0px 1px 2px;
behavior: url(PIE.htc);
}

.fix{
margin-right:0;
}

.box01 h4{
color:#4a4a4a;
padding-bottom:3px;
font-size:1.0em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
}

.box01 .h4{
height:200px;
padding:10px;
}


/*写真部分のアニメーションロールオーバーの設定*/

.box01 .view{
width: 145x;
height: 145px;
margin-bottom:10px;
overflow: hidden;
position: relative;
}

.box01 img{
/*写真のアニメーションの設定*/
display: block;
position:absolute;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}

.box01 .mask img{
/*IE7・8用の写真のアニメーションの設定*/
display: block;
position:absolute;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
behavior: url(PIE.htc);
}

.box01 .mask {
/*ロールオーバー時のマスクのアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: rgba(255,255,255,0.1);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
behavior: url(PIE.htc);
}


.box01:hover img {
/*ロールオーバー時の写真のアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=50);
opacity: 0.4;
behavior: url(PIE.htc);
}

.box01:hover .mask {
/*ロールオーバー時のマスクのアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
behavior: url(PIE.htc);
}

/*=====================
９つの特長ボタン
=======================*/
.box02{
background:#fff;
width:145px;
height:145px;
float:left;
margin-right:15px;
margin-bottom:4px;
margin-left:780px;
margin-top:-336px;
position: relative;
/*角丸の設定*/
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
-ms-border-radius: 1px;	
/*ボックスシャドウの設定*/
-webkit-box-shadow: #aaa 0px 1px 2px;
-moz-box-shadow: #aaa 0px 1px 2px;
-o-box-shadow: #aaa 0px 1px 2px;
-ms-box-shadow: #aaa 0px 1px 2px;
box-shadow: #aaa 0px 1px 2px;
behavior: url(PIE.htc);
}

.fix{
margin-right:0;
}

.box02 h4{
color:#4a4a4a;
padding-bottom:3px;
font-size:1.0em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
}

.box02 .h4{
height:200px;
padding:10px;
}


/*写真部分のアニメーションロールオーバーの設定*/

.box02 .view{
width: 145x;
height: 145px;
margin-bottom:10px;
overflow: hidden;
position: relative;
}

.box02 img{
/*写真のアニメーションの設定*/
display: block;
position:absolute;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}

.box02 .mask img{
/*IE7・8用の写真のアニメーションの設定*/
display: block;
position:absolute;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
behavior: url(PIE.htc);
}

.box02 .mask {
/*ロールオーバー時のマスクのアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: rgba(255,255,255,0.1);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
behavior: url(PIE.htc);
}


.box02:hover img {
/*ロールオーバー時の写真のアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=50);
opacity: 0.4;
behavior: url(PIE.htc);
}

.box02:hover .mask {
/*ロールオーバー時のマスクのアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
behavior: url(PIE.htc);
}

/*=====================
出演番組ボタン
=======================*/
.box03{
background:#fff;
width:145px;
height:145px;
float:left;
margin-right:15px;
margin-bottom:4px;
margin-left:780px;
margin-top:-187px;
position: relative;
/*角丸の設定*/
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
-ms-border-radius: 1px;	
/*ボックスシャドウの設定*/
-webkit-box-shadow: #aaa 0px 1px 2px;
-moz-box-shadow: #aaa 0px 1px 2px;
-o-box-shadow: #aaa 0px 1px 2px;
-ms-box-shadow: #aaa 0px 1px 2px;
box-shadow: #aaa 0px 1px 2px;
behavior: url(PIE.htc);
}

.fix{
margin-right:0;
}

.box03 h4{
color:#4a4a4a;
padding-bottom:3px;
font-size:1.0em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
}

.box03 .h4{
height:200px;
padding:10px;
}


/*写真部分のアニメーションロールオーバーの設定*/

.box03 .view{
width: 145x;
height: 145px;
margin-bottom:10px;
overflow: hidden;
position: relative;
}

.box03 img{
/*写真のアニメーションの設定*/
display: block;
position:absolute;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}

.box03 .mask img{
/*IE7・8用の写真のアニメーションの設定*/
display: block;
position:absolute;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
behavior: url(PIE.htc);
}

.box03 .mask {
/*ロールオーバー時のマスクのアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: rgba(255,255,255,0.1);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
behavior: url(PIE.htc);
}


.box03:hover img {
/*ロールオーバー時の写真のアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=50);
opacity: 0.4;
behavior: url(PIE.htc);
}

.box03:hover .mask {
/*ロールオーバー時のマスクのアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
behavior: url(PIE.htc);
}



/*=====================
feedwind(ブログ更新情報)
=======================*/
p.feedwind {
position:absolute;
margin-top:650px;
margin-left:784px;
}





/*=====================
建築家住宅バー
=======================*/

.boxF{
background:#fff;
width:905px;
height:20px;
float:left;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
margin-right:15px;
margin-bottom:15px;
margin-top:60px;
/*角丸の設定*/
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
-ms-border-radius: 1px;	
/*ボックスシャドウの設定*/
-webkit-box-shadow: #aaa 0px 1px 2px;
-moz-box-shadow: #aaa 0px 1px 2px;
-o-box-shadow: #aaa 0px 1px 2px;
-ms-box-shadow: #aaa 0px 1px 2px;
box-shadow: #aaa 0px 1px 2px;
behavior: url(PIE.htc);
}

.fix{
margin-right:0;
}

.boxF h3{
color:#7b7b7b;
padding-bottom:3px;
font-size:1.2em;
/*1行以上になる場合は省略して三点リーダーをつける*/
width:278px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}


/*=====================
建築家住宅バー
=======================*/

.boxF2{
width:902px;
height:17px;
float:left;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
margin-right:15px;
margin-bottom:15px;
margin-top:0px;
border-bottom: 1px solid #808080;
}

.fix{
margin-right:0;
}

.boxF2 h3{
color:#7b7b7b;
font-size:1.2em;
}

.boxF2 .h3{
height:200px;
color:#7b7b7b;
}



/*=====================
建築家住宅アイコン
=======================*/

.boxG{
background:#fff;
width:200px;
height:175px;
float:left;
padding:10px;
margin-right:15px;
margin-bottom:15px;
/*角丸の設定*/
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
-ms-border-radius: 1px;	
/*ボックスシャドウの設定*/
-webkit-box-shadow: #aaa 0px 1px 2px;
-moz-box-shadow: #aaa 0px 1px 2px;
-o-box-shadow: #aaa 0px 1px 2px;
-ms-box-shadow: #aaa 0px 1px 2px;
box-shadow: #aaa 0px 1px 2px;
behavior: url(PIE.htc);
}

.fix{
margin-right:0;
}

.boxG h4{
color:#4a4a4a;
padding-bottom:3px;
font-size:1.0em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.boxG .h4{
padding:10px;
font-size:10px;
margin-top:-5px;
}

/*写真部分のアニメーションロールオーバーの設定*/

.boxG .view{
width: 200x;
height: 150px;
margin-bottom:10px;
overflow: hidden;
position: relative;
}

.boxG img{
/*写真のアニメーションの設定*/
display: block;
position:absolute;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}

.boxG .mask img{
/*IE7・8用の写真のアニメーションの設定*/
display: block;
position:absolute;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
behavior: url(PIE.htc);
}

.boxG .mask {
/*ロールオーバー時のマスクのアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: rgba(255,255,255,0.1);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
behavior: url(PIE.htc);
}

.boxG .mask p.caption {
color: #7b7b7b;
text-align: center;
position: relative;
padding: 7px;
background: #333;
font-size:12px;
/*ロールオーバー前のマスク内のタイトルの設定*/
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
behavior: url(PIE.htc);
}

.boxG .mask p {
/*ロールオーバー前のマスク内のテキストの設定*/
padding-top:15px;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
color:#7b7b7b;
*color:#4a4a4a; /*IE7*/
color:#4a4a4a\9; /*IE8*/
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
behavior: url(PIE.htc);
}
:root .boxG .mask p {
/*IE9用のロールオーバー前のマスク内のテキストの設定*/
color:#696969 \0/; /* IE9 */
}

.boxG:hover img {
/*ロールオーバー時の写真のアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
opacity: 0.2;
behavior: url(PIE.htc);
}

.boxG:hover .mask {
/*ロールオーバー時のマスクのアニメーションの設定*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
behavior: url(PIE.htc);
}

/*ロールオーバー時のタイトルとテキストのアニメーションの設定*/
.boxG:hover .mask p {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
behavior: url(PIE.htc);
}





/*=====================
リンク
=======================*/

.boxLink{
width:925px;
height:175px;
float:left;
color:#7b7b7b;
margin-right:15px;
margin-bottom:20px;
margin-top:30px;
/*1行以上になる場合は省略して三点リーダーをつける*/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size:11px
}




/*=============
pagetop
===============*/
p#top{
position: fixed;
bottom:60px;
right:0;
}




/*=============
footer
===============*/

#footer{
width:100%;
background:#ffffff;
min-height:100px;
margin-top:30px;
font-size:1.5em;
position:relative;
border-top:1px solid #e2e2e2;
}


#footer p small{
display:block;
width:940px;
text-align:center;
margin:0 auto;
margin-top:3px;
color:#7b7b7b;
padding-top:25px;
text-decoration:none;
}