@charset "utf-8";

html{
	margin : 0;
	padding : 0;
}

body{
	background-color : #fff;
 	text-align : center;
}

img{
	border : none;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/****************************************
container設定
*******************************************/
div#container{
	background-color : none;
	margin-top : 10px;
	margin-bottom : 10px;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
}



/****************************************
header設定
*******************************************/
.header{
}



/****************************************
menu設定
*******************************************/
.link{
	width : 100%;
	margin : 10px auto 30px;
	background : #fff;
}

.link ul{
	 list-style-type : none;
	font-weight : bold;
	margin-left : -40px;
}

.link li{
	display : inline-block;
	width : 90px;
	font-size : 1em;
}

.link a{
	text-decoration : none;
	 color : #333;
}

.link a:hover{
	opacity : 0.5;
}

@media screen and (max-width: 750px) {
	/* 750px以下に適用されるCSS（タブレット用） */
}

@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（タブレット用） */
}	

/****************************************
main設定
*******************************************/
.main{
	margin : 0 auto 0;
	padding-bottom : 50px;
	background : #fff;
}
/****************************************
footer設定
*******************************************/
footer{
	padding : 30px;
}

/****************************************
PROFILE設定
*******************************************/
.urasaki{
	float : left;
	padding : 50px 0 0 ;
}

.proform{
	padding : 120px 0 0 ;
	margin : 0 auto;
	color : #333;
}

.proform h2{
	font-size : 1em;
}

.proform a{
	color : #555;
}

.profile p{
	font-size : 0.8em;
}

@media screen and (max-width: 750px) {
	/* 750px以下に適用されるCSS（タブレット用） */
	
.urasaki{
	float : none;
	
}

.urasaki img{
	width : 120px;
}

.proform{
	padding : 0 0;
}
}

@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（タブレット用） */
	
.profile{
	width : 250px;
	margin : 0 auto;
}
}	


/****************************************
GALLERY/WORKS設定
*******************************************/
.title_2{
	font-size : 80%;
	padding : 20px 0 0;
	color : #555;
}

.imageboard{
	width : 840px;
	margin : 0 auto 0;
}

.image{
	float : left;
	margin : 5px ;
}

@media screen and (max-width: 750px) {
	/* 750px以下に適用されるCSS（タブレット用） */
	
.imageboard{
	width : 525px;
	margin : 0 auto 0;
}	
}

@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（タブレット用） */
.imageboard{
	width : 315px;
}	
	
}	

/****************************************
MAIL設定
*******************************************/

.contact{
	color : #555;
	font-weight : bold;
	padding : 20px 0 0;
}

.caption{
	margin : 20px 0;
	color : #555;
	font-size : 0.8em
}
 
 .postman img{
 	width : 150px;
 }
 
 .red{
	color : red;
	font-size : 0.7em;
 }