* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
html{height : 100%;}
body{
	color : #333;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	height : 100%;
	background-image: url("img/2-2.png"); 
	background-repeat: repeat;
	background-attachment:fixed;
	}
#all{margin: 0 auto;width : 900px;background-color : #FFFFFF;min-height : 100%;border : 1px solid #DDD;position : relative;}

#head-top{position: absolute; top: 0;right: 50px;width:44px height:150px;}

.box,.box-all{width : 85%;clear : both;padding-top : 20px;}
.box h3,.box-all h3{margin : 20px 0 20px 5px;font-size : 125%;color : #800000;letter-spacing : 0.1em;}
.box img{float : left;padding-right : 15px;}
.box-all img{padding-right : 15px;}
.box p{width : 92%;line-height : 1.1;margin-top : 10px;}
.box-all p{width : 92%;line-height : 1.2;font-size : 108%;margin-top : 10px;}
.box li,.box-all li{font-size : 90%;color : #333;}


header p{width : 650px;line-height : 1.2;margin-left : 10px;font-size : 108%;letter-spacing : 0.1em;
	}
header section{padding-left : 85px;border-left : 0px solid #DDD;}

#atama{display : table;table-layout:fixed;vertical-align : middle;width : 100%;background : #333;margin : 4px 0 4px 0;padding : 5px 0 5px 25px;}
#atama li{display : table-cell;color : #777;}
#atama a{color : #FFCC33;font-size : 110%;}

.a03linkmb{display : none;}
.a03link{background : #000;padding : 7px 0 7px 0;}

article{
	padding : 20px 0px 30px 85px;line-height : 1.1;letter-spacing : 0.1em;border-left : 0px solid #DDD;
	}
article p{
	padding : 3px 0px 15px 0px;width : 80%;line-height : 1.2;letter-spacing : 0.1em;font-size : 110%;
	}

h1{color : #800000;font-size : 170%;font-weight : bold;letter-spacing : 0.05em;line-height : 1.3;margin: 60px 100px 35px 0px;padding-left : 0px;}
h2{color : #333333;font-size : 125%; margin : 0px 0 20px 10px;background : ;width : 650px;letter-spacing : 0.05em;line-height : 1.3;}
h3{margin : 20px 0 20px 0px;font-size : 125%;color : #800000;letter-spacing : 0.1em;}

#ads-ue{margin : 70px 0px 35px 0px;background : #FFF;max-width : 730px;}
#ads-shita{clear : both;margin : 45px 0 45px 0px;text-align : center;}

footer{clear : both;padding : 60px 0 0 0;}

#mashita{background : #FFF;width : 100%;text-align : right;margin : 25px 0 20px 0;padding : 20px 5px 20px 5px;}
#mashita a{text-decoration : none;padding : 5px 20px;background : #EECA30;color : #777;font-size : 120%;margin-right : 40px;}


#project-list{height : 105px;overflow-y : scroll;margin : 10px 0 0 0;border : 1px solid #CCC;padding : 12px;}
#project-list li{font-weight : normal;font-size : 15px;margin-bottom : 3px;}

ins{
	background-color:#FFFFFF;
}
#project .matoview,#project footer .matoview,#matome .proview,#matome footer .proview{display : none;}
#project .proview{display : inline;}
#matome .matoview{display : inline;}

#ninki{width : 500px;font-size : 92%;margin : 15px 0 15px 30px;}
#ninki li{width : 235px;margin-bottom : 6px;list-style: none;float : left;height : 150px;border : 0px solid #EEE;padding : 5px;}
#ninki img{margin-bottom : 2px;padding-bottom : 1px}

.ninki-title:before{content: url(http://bb-building.net/common/img/yajirushi1.png);padding : 0px 2px 0 0;}
.midashi{
		clear : both;
		padding : 8px;
		margin : 25px 0 25px 0;
		font-weight : bold;
		border-left : 15px solid #CC3333;
		text-align : left;
		color : #666;
		font-size : 120%;
		}
div.centeringTest{height:320px;margin : 0px 25px 7px 0;padding : 8px 0 5px 8px;border-top : 0px solid #BECCEA;opacity: 1;transition: 0.3s;}
div.centeringTest a{font-size : 100%;color : #000033;text-decoration : none;}
div.centeringTest img{box-shadow: 2px 2px 5px 2px #ddd;margin-bottom : 10px;}


@media only screen and (max-width : 768px) {

body{background-image:none;background-color : #FFFFFF;}

header p{width : 100%;
	}
header section{width : 98%;padding : 0px 0px 0px 0px;border : 0;
	}
header img{max-width : 100%;}

#atama{display : none;}

#head-top{top: 0;right: 25px;width:27px;height:97px;}

#ads-ue{clear : both;margin : 40px 0 40px 0;text-align : center;}
#ads-shita{margin : 40px 0 20px 0px;}

article{
	padding : 0px 0px 0px 6px;border : 0;
	}
article p{
	width : 99%;
	}

article img{max-width : 92%;max-height : 350px;}

.a03linkmb{display: block;width : 100%;margin : 0px; padding : 5px;background : #333;color : #ff0000;position:fixed;z-index : 1;top : 0;left : 0;
  filter : Alpha(opacity=90);  /* IE7以下用 */ 
    -ms-filter: "alpha(opacity=90)"; /* IE8用 */ 
    -moz-opacity:0.90; /* Firefox 1.5未満, Netscape用 */ 
    -khtml-opacity: 0.90;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */ 
    opacity: 0.90; /* Firefox 1.5以上, Opera, Safari用 */ 
}
.a03linkmb a{font-size : 115%;color : #FFCC33;padding : 2px;}


.box,.box-all{width : 98%;}
.box p,.box-all p{width : 100%}
.box-all img{padding-right : 0px;max-width : 93%;}

.mb-70{width : 70%;}
.mb-none{display : none;}

#project .matoview,#project footer .matoview,#matome .proview,#matome footer .proview{display : none;}
#project .proview{display : inline;}
#matome .matoview{display : inline;}
#mashita a{text-decoration : none;padding : 5px 12px;background : #EECA30;color : #777;font-size : 120%;margin-right : 15px;}

#all{
	width : 100%;
	}
h1{font-size : 135%;width : 85%;}
h2{font-size : 105%;width : 90%;letter-spacing : 0.05em;line-height : 1.3;}

.box{width : 100%;clear : both;padding-top : 20px;}
.box h3{margin : 20px 0 20px 5px;}
.box img{float : none;padding-right : 0px;}

#ninki{width : 100%;margin : 15px 0 15px 0;}
#ninki li{width : 47%;height : 150px;border : 0px solid #EEE;padding : 0px;}
#ninki img{margin-bottom : 2px;padding-bottom : 1px}


div.centeringTest{text-align : left;
	width : 80%;font-size : 100%;margin : 5px 0px 5px 5px;padding : 10px 0px 0px 5px;border-top : 0px solid #DDD;opacity: 1;transition: 0.3s;}
div.centeringTest a{font-size : 100%;font-weight : normal;text-decoration : none;}
div.centeringTest p {
	display:inline-block;
 vertical-align:middle;
 padding-right : 15px;
}
div.centeringTest img{max-width : 75%;}

}

}