/* CSS Document */
body{
	font-size:12px;
	text-align:center;
        background-image: url('../images/img/bg.jpg');
        font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.mainbox{
	width:1280px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	margin-top:10px;
}
.header{
	padding:0px;
	margin-top:0px;
	margin-bottom:31px;
	margin-left:0px;
	margin-right:0px;
}
.header ul{
	float:right;
	margin:0px;
	padding:0px;
}
.header ul li{
	list-style:none;
	padding:0px;
	margin:0px;
	float:left;
	height: 80px;
}
.clear{
	clear:both;
	padding:0px;
	margin:0px;
}
.box{
	width:1024px;
	margin:0px auto;
	padding:0xp;
	float:left;
}


.thumbox{
	width:300px;
	height:200px;
	margin-left:16px;
	margin-right:0px;
	margin-bottom:16px;
	margin-top:0px;
	padding:0xp;
	float:left;
}
.thumbox img{
	width:300px;
	height:auto;
}

a:hover img {  
    opacity: 0.8;  
    filter: alpha(opacity=80);  
    -ms-filter: "alpha( opacity=80 )";  
    -moz-opacity: 0.8;  
    -khtml-opacity: 0.8;  
}  

.mainlogo a:hover img {  
    opacity: 1.0;  
    filter: alpha(opacity=100);  
    -ms-filter: "alpha( opacity=100 )";  
    -moz-opacity: 1.0;  
    -khtml-opacity: 1.0;  
}  

.projectbrief{
	text-align:left;
	padding:0px;
	font-size:12px;
        line-height:140%;
}

.thanksbox{
        float:left;
        width:1280px;
}

.thanks{
        text-align:right;
	padding:0px;
	font-size:12px;
        line-height:140%;
        margin-top:20px;
        margin-right:16px;
        margin-bottom:20px;
}

.portfolio{
	margin-bottom:50px;
	margin-top:0px;
	margin-left:32px;
	margin-right:32px;
}
.portfolio img{
	width:960px;
	height:auto;
}
.p1{
	text-align:left;
	padding:0px;
	margin-left:32px;
	margin-right:32px;
}
img{
	border:none;
}
.wp-pagenavi {
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi span.current {
font-weight: bold;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi .current {
padding: 5px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 5px;
border: 1px solid #333;
color: #FFF;
background-color: #333;
}
a{
	margin:0px;
	padding:0px;
}
.navibox{
	width:960px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
}
.navi_l{
	float:left;
	padding:0px;
	margin:0px;
}

.navi_l img{
	width:50px;
	height:20px;
}

.navi_r{
	float:right;
	padding:0px;
	margin:0px;
}

.navi_r img{
	width:50px;
	height:20px;
}
/**   about  **/
.role{
	float:left;
	padding:0px;
	padding-left:8px;
	margin:0px;
        text-align:left;
        font-size:12px;
        line-height:140%
}

.name{
	float:left;
	padding:0px;
	padding-left:8px;
	margin:0px;
        margin-top:10px;
        text-align:left;
        font-size:16px;
}

.p_year{
        line-height:200%;
}

.p_title{
        line-height:200%;
}

.p_contents{
        line-height:200%;
}

@media screen and (max-width: 1280px) 
{
.mainbox{
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	margin-top:10px;
}

.thumbox{
	width:300px;
	height:200px;
	margin-left:31px;
	margin-right:0px;
	margin-bottom:31px;
	margin-top:0px;
	padding:0xp;
	float:left;
}
.thumbox img{
	width:300px;
	height:auto;
}

.thanksbox{
        float:left;
        width:993px;
}

.thanks{
        text-align:right;
	padding:0px;
	font-size:12px;
        line-height:140%;
        margin-top:20px;
        margin-bottom:20px;
}


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

.navi_l img{
	width:100px;
	height:40px;
}

.navi_r img{
	width:100px;
	height:40px;
}

}